/* CSS Document */

/*---------------------------------------------------------------*/
/* DIVS -------------------------------------------------------*/
/*---------------------------------------------------------------*/

body 
{
	margin:0px;
	padding:0px;
	font-family:trebuchet ms,helevetica,arial;
	font-size:11px;
	font-weight:normal;
	/*color:#636465;*/
	color:#333;
	background:url(../images/bg-rot.gif) repeat-y center top;
	height:100%; /* needed to display "rot" at full height in IE */
	/*text-align:center;*/
}




#rot {
	position: relative; /*needed to expand to full height beyond content in FF */
	top: 0px;
	right: 0px;
	left:0px;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	width:100%;	
	/*width:854px;*/	
	text-align:left; /*centers #main in old IE*/
	background:url(../images/deko-ff.gif) no-repeat center 500px; 

	/*background-color:#5e1416;*/		
}

html>body #rot
{
	position: absolute; /*needed to expand to full height beyond content in FF */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.mainout
{
width:881px;
}
}
/*Safari Hack ab 3.0*/
	
* html #rot
{
	height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
	background:url(../images/deko.gif) no-repeat center 500px;
}

#rundum {
	margin:0px auto; /*centers the div in all modern browsers*/
	/*padding:1px;*/ /*prevents margin collapse from allowing margins in this div from affecting margins around "rot"*/
	padding:0;
  padding-top:0px;
	text-align:left;/*resets normal text align following centering in #"rot"*/
}

.mainout
{
	width:879px;
	margin:auto;
	margin-top:0px;
	text-align:left;
	/*border:dotted 1px #666;*/
	background-color:#FFF;
}

.mainin
{
	position:relative;
	padding-top:10px; 
	left:12px;
	width:854px;	
	text-align:left;
}

.header
{
	position:relative;
	top:0px; 
	left:0px;	 
	height:115px;
	text-align:left;
	background:url(../images/header-top.gif) no-repeat 0px 0px;
	background-color:#f1efe7;
}

.navi
{
	position:absolute;	 
	top:5px;
	left:10px;
	width: 700px;
	padding-bottom:15px;
	padding-top:8px;
	font-size:0px;
}


ul.nav 
{
	position:absolute;	 
	top:0px;
	left:0px;
	margin-left:0px;
	padding-left:0px;
}

.logo
{
	position:absolute;
	bottom:10px; 
	right:15px;	 
	width: 155px;
	height:25px;
	text-align:left;
	background:url(../images/logo-ateliermerz.gif) no-repeat 0px 0px;
	z-index:90;
}

.maincontent
{
	position:relative;
	top:0px; 
	left:0px;
	text-align:left;
	background:url(../images/bg-rahmen.gif) repeat-y 0px 0px;
}

* + html .maincontent {min-height:415px;padding-bottom:10px;}
/* bis 6 */
* html .maincontent {height:415px;padding-bottom:10px;}

/* ie 5*/
html + body .maincontent {height:415px;padding-bottom:10px;}

/* bis 6 */
* html .prop {display:none}

/* wegen höhe */
.prop {	height:410px;	float:right;	width:1px;}
* + html .prop {	height:auto;	float:right;	width:1px;}

.clear {clear:both;	height:10px;}

.titeldiv
{
	position:relative;
	top:0;
	left:17px;
	text-align:left;
}

.content
{
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
}

.contentheader
{
	position:relative;	 
	top:0px;
	left:0px;
	padding-left: 1px;
	height:365px;
	/*background:url(../images/ph-teaser.jpg) no-repeat 0px 0px;*/
}

.contenttext
{
	position:relative;	 
	padding-top:30px;
	left:1px;
	padding-left:40px;
}

.features
{
	position:relative;
	top: 10px;
	left: 17px;
	height:12px;

}

.impressum
{
	position:absolute;
	bottom:0px;
	right:10px;
	height:12px;
	padding-bottom:0px;
	z-index:1000;
	font-size: 10px;
	text-decoration:none;
	color:#ccc;	
}

* html .impressum
{
	bottom:-4px;
}

.bottom
{
	position:relative;
	left:0px;
	width:854px;
	height:21px;
	background:url(../images/content-bottom2.gif) no-repeat 0px 0px;
	z-index:20;
}

.start{padding:0 0 0 20px;margin-top:-20px;position:relative;z-index:999}
/** + html .start{position:relative;margin:0 0 40px 0;}*/

/*---------------------------------------------------------------*/
/* NAVIGATION --------------------------------------------*/
/*---------------------------------------------------------------*/

ul.subnav 
{
	position: relative;
	margin: 0;
	padding: 0;
	top:3px;
	width:100px;
	list-style-type: none;
	margin-top: 0px;		
}


.navi li
{	
	position:relative;
	margin: 0;
	padding: 0;
	left:0px;
	top:0px;
	height:15px;
	float:left;
	list-style-type: none;
	margin-left: 0px;
	width:100px;
	
}

.navi li img
{	
	border:0px;

}

.navi li li
{	
	position:relative;
	margin: 0;
	padding: 0;
	left:0px;
	top:0px;
	height:15px;
	width:90px;
	margin-left: 0px;
}

.navilink 
{	
	height:15px;
	top: -5px;
}

.pfad
{	
	font-size: 10px;
	text-decoration:underline;
	color:#333;	
}

a.pfad:hover
{	
	font-size: 10px;
	text-decoration:underline;
	color:#7B151B;	
}

.quicklink, .quicklinkmarked
{	
	font-size: 10px;
	text-decoration:none;
	color:#ccc;	
}

.quicklink:hover,.quicklinkmarked:hover,.quicklink:active,.quicklinkmarked:active,.quicklink:focus,.quicklinkmarked:focus
{	
	font-size: 10px;
	text-decoration:none;
	color:#7B151B;	
}


/*---------------------------------------------------------------*/
/* TEXT --------------------------------------------*/
/*---------------------------------------------------------------*/

h1
{
font-size: 17px;
font-weight:normal;
color:#7B151B;
margin:0 0 20px 0;
padding:0;	
}

h2
{
font-size: 115%;
font-weight:bold;
color:#7B151B;
margin:0;
padding:0;	
}

h3 {font-weight:bold;color: #7B151B;margin:0;padding:0;font-size:155%;font-style:italic;}

h4
{
font-size: 100%;
font-weight:normal;
color:#7B151B;
margin:0;
padding:0;	
}

.contentInhalt
{
	position:relative;
	top:0px;
	left:219px;
	width:558px;
	height:90%;	
	text-align:left;
	padding-bottom: 20px;

}

.textInhaltFrame
{
	position:relative;
	top:20px;
	left:0px;
	width:558px;
	text-align:left;	
	background-image: url(../images/pxsubnavi.gif);
	background-repeat: repeat-y;	
	background-position: 170px 0px;
	background-color: #fff;
}

.textInhalt
{
	position:relative;
	top:20px;
	left:200px;
	width:358px;
	text-align:left;
	padding: 0px 20px 0px 0px;
}

p {padding:0;margin:5px 0 0 0;}


  a {color:#7B151B; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#666; text-decoration:underline;}
  
  a img {border:0;}
  
.contenttable, .contenttable p {font-weight:normal;text-align:left;padding:0;margin:0;}
.contenttable tr,.contenttable th {padding:0;margin:0;}
.contenttable th {padding:0 30px 0 0;}

ul { margin:0 0 0 15px;padding:0;}
ul li { margin:0;padding:0;}

/* ---- Kontaktfelder ---- */

.tx-thmailformplus-pi1 table td {padding-right:10px;}

.w1 {
	width: 50px;
	margin-top: 4px;
}

.w2 {
	width: 134px;
	margin-top: 4px;
}

.w3 {
	width: 200px;
	margin-top: 4px;
}

.w4 {
	width: 279px;
	margin-top: 4px;
}

.w5 {
	width: 207px;
	margin-top: 4px;
}

.w7 {
	width: 133px;
	margin-top: 4px;
}

.textarea {
	width: 200px;
	margin-top: 4px;
	height: 90px;
}

.button {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	border: 1px solid #999;
	background-color: #FFF;
}

input, submit, textarea {
	font-family:trebuchet ms,helevetica,arial;
	font-size:11px;
	color:#636465;
	border:1px solid #999;
}

.error {
color: #7B151B;
}

.col1,.col2,.col3,.col4 {
float:left;
}

.spalten .col1{
width:230px;
padding-right:20px;
}
.spalten .col2 {
width:530px;
}

.spalten2,.spalten3,.spalten4{
width:100%;
}

.spalten2 .col1{
width:43%;
padding-right:4%;
}
.spalten2 .col2 {
width:48%;
}

.spalten3 .col1{
width:470px;
padding-right:20px;
}
.spalten3 .col2 {
width:280px;
}

.spalten4 {position:relative;}
.spalten4 .csc-textpic-image img {border:1px solid #ccc;}
.spalten4 .col1,.spalten4 .col2,.spalten4 .col3{width:30%;padding-right:1%;}


.tx-t3mcumulustagcloud-pi1 {position:absolute;z-index:999;}
.tx-rlmpflashdetection-pi1 {position:relative;z-index:200;}
#themenbild {position:absolute;z-index:999;top:0;right:0;}
#bildabsolute {position:absolute;z-index:999;top:0;}

.right {float:right;}
.right img{border:0 none;;}
.left {float:left;width:350px;}

.tx-wtdirectory-pi1 {}
.tx-wtdirectory-pi1 ul {margin:0;padding:0;}
.tx-wtdirectory-pi1 ul.wtdirectory_list li {list-style-type:none;}
.tx-wtdirectory-pi1 ul.wtdirectory_listimg {width:455px;float:right;}
.tx-wtdirectory-pi1 ul.wtdirectory_listimg li {list-style-type:none;height:70px;overflow:hidden;width:130px;border: 1px solid #ccc;float:left;margin:0 8px 8px 0;}

/* ##########################
** ### FCE									 ###
** ##########################
*/

.spalte1 {width:100%;padding-left:40px;padding-top:30px}

/* ##########################
** ### Galerie (Standard) 			 ###
** ##########################
*/

/* für nur Bilder
.gallerydesc {position:absolute;float:left;display:none;top:0;left:0;}
*/

.space {clear:left;}
.gallerydesc {top:0;left:0;overflow:none;margin-bottom:20px;}

#galleryid6 {display:inherit;}

/*.tx-rgsmoothgalleryext-pi1 {position:absolute;float:left;}*/
.tx-rgsmoothgallery-pi1 {float:right;margin-right:20px;background:transparent;}
#externalthumbs{float:left;width:233px;position:relative;top:226px;margin-top:0;
padding:9px 5px 0 0;height:75px;border: 1px solid #999;/*background:#666;*/}
.thumbnail {width:90px;height:80px;overflow:hidden;}
.rgsgcontent{/*border: 1px solid #999;*/}
/*.myGallery {border: 1px solid #999;}*/
.myGallery {border: o none;}


/* ### Listansicht 1 Spalt. ### */

/*#gallery {width:400px;float:right;}*/
#gallery {}
#gallery .container {} 
#gallery  h2 {height:25px;}
/*#gallery .row {float:left; width:17%;padding:13px 3% 13px 0;height:100px;}*/
#gallery .row {margin:0 3% 13px 0;width:240px;float:left;border-bottom:1px solid #ccc;height:130px;}
#gallery .preview {width:65px;height:65px;overflow:hidden;float:left;border:1px solid #ccc;}
#gallery .img1 {margin-bottom:5px;}
#gallery .img1 img {border:0;}}
#gallery .date {}
#gallery .preview .imgdesc {}
#gallery .gallerydesc {overflow:auto;float:left;margin-right:10px;width:163px;}
#gallery .togallery  {padding-top:10px;}
#gallery .togallery a {}


/* ### Listansicht als Navigation ### */

#galleryfirst {}
#galleryfirst .container {width:715px} 
#galleryfirst  h2 {height:25px;}
/*#gallery .row {float:left; width:17%;padding:13px 3% 13px 0;height:100px;}*/
#galleryfirst .row {margin:0 3% 13px 0;width:715px;border-bottom:1px solid #ccc;}
#galleryfirst .preview {width:465px;height:250px;overflow:hidden;float:right;}
#galleryfirst .img1 {margin-bottom:10px;}
#galleryfirst .img1 img {border:0;}
#galleryfirst .bgimg {background: #fff;text-align:center;}
#galleryfirst .date {}
#galleryfirst .preview .imgdesc {}
#galleryfirst .gallerydesc {overflow:auto;float:left;margin-right:15px;width:225px;}
#galleryfirst .togallery  {padding-top:10px;}
#galleryfirst .togallery a {}

.borderprojekt {position:relative;padding-left:40px;
padding-top:30px;}

.projektdetail {position:relative;height:420px;}


div.csc-textpic img {border: 1px solid #999;}

.news-single-img {position:relative;height:410px;overflow:hidden;}
.news-single div {float:right;width:130px;text-align:center;border:1px solid #ccc;margin-left:15px;margin-right:20px}
.news-single div img {text-align:center;}
.news-single div p {padding:0;margin:0;}


.weitere {height:41px;width:170px;text-align:right;background:#7B151B;color:#333;padding:0 11px;position:absolute;top:369px;right:1px;font-size:140%;font-weight:bold;}
* html .weitere {position:relative;top:-41px;left:661px;cursor:hand;}
.weitere .button {height:21px;width:111px;margin-top:10px;background:url(../images/lb/weitere.gif) no-repeat;border:0 none;float:right;}
.weitere .button2 {height:25px;width:25px;margin-top:8px;margin-left:10px;background:url(../images/lb/play.png) no-repeat;border:0 none;float:right;}

.news-single { left:1px; padding-top:30px; padding-right:40px; position:relative; float:right; width:613px;}
.news-list { left:1px; padding-top:30px; position:relative; float:right; width:200px; }
.news-catmenu { left:1px; padding-left:40px; padding-top:30px; position:relative; float:right; width:130px;display:none;}

.news-catmenu-header {display:none;}

.news-catmenu-NO a {color:#333;text-decoration:none;padding-left:11px;}
.news-catmenu-ACT, .news-catmenu-ACT a {color:#7B151B;text-decoration:none;background:url(../images/pfeil.gif) no-repeat 0 4px;padding-left:11px;}
.news-catmenu-ACT a:hover, .news-catmenu-NO a:hover {text-decoration:none;color:#7B151B;}
.news-catmenu-ACT a:hover {color:#7B151B;}

.news-list ul {list-style-type:none;}
.news-list li {padding-left:11px;}
.news-list li strong {color:#7B151B;background:url(../images/pfeil.gif) no-repeat 0 4px;padding-left:11px;font-weight:normal;}
.news-list ul li a {text-decoration:none;color:#333;padding-left:11px;}
.news-list ul li a:hover {text-decoration:none;color:#7B151B;}