@import "/s/nav.css";
@import "/s/cmxform.css";

html {height: 100%; margin-bottom: 1px; }


body 				{  text-align: left; 
						margin: 0;	
						padding:0 0 10px 0;
						background: #dadcdd url(../img/content/gray.jpg) repeat-y left;  
						/*background-color:#efece2;*/ 
						}
						
						
.index { overflow: hidden; padding: 0; }		
/* -----------------------introduce all text elements ----------------------------------------- */


h1,h2,h3,h4,h5,h6,p,br,a,li,ul,em,blockquote,td { font-size: 9.0pt; color: #736969; margin: 0;line-height: 1.3em;	 
font-weight: normal;  font-family:   century gothic, avant garde, Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.00em; text-align: left; }
img  				{ behavior: url("/s/iepngfix.htc"); border:none;   }
h1 { font-family: Century Gothic, Avant Garde, "Franklin Gothic Medium", Arial, Helvetica, sans-serif; letter-spacing: 0.0em; text-transform: uppercase; font-size: 24px; margin-bottom: 0.4em; color: #bababc; }
h2 {	font-size:12pt; 
		font-family:Century Gothic, Avant Garde, Arial, sans-serif;
		padding:10px 0 4px 0; 
		text-indent: 12px; 
		color: #798d11; 
		letter-spacing: 0.06em;
}


h3 { 	font-size:11pt; 
		text-indent: 35px; 
		color: #0d124f; 
		letter-spacing: 0.06em;
		font-family: Century Gothic, Avant Garde, "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
		clear:both; color:#999; }
h4 {	font-size: 10pt; 
		line-height: 1.4em; 
		color: #0c0f49;
		font-family:Century Gothic, Avant Garde, Arial, sans-serif;
		}
h5 {	font-weight:bold; font-size: 10pt;}
h6 {	font-weight:bold; font-size: 12pt; color:#aaaaab; margin-bottom:-0.4em;  }
 p {	padding-bottom: 0.8em;line-height:1.7em;}	

a					{ font-size: 10pt; font-family: Century Gothic, Avant Garde, Arial, sans-serif; text-decoration: none; color: #0c0f49; letter-spacing: 0.02em; }
a:hover			{ text-decoration: underline;  color: #798d11; } 
strong {font-family: Century Gothic, Avant Garde, Arial, sans-serif; font-size:10pt; }

/* -----------------------introduce all used divs -----------------------*/
/* div#wrapper 	{  margin-left: 60px; width:990px;/* Angabe für den IE 5.x */
/*voice-family: "\"}\""
 voice-family: inherit; width: 990px; margin: 0 auto;  padding: 0; }*/
 
 div#wrapper 	{width: 1200px; margin:0 ; padding:0; }
div#site 	{ width: 100%;  margin: 0; padding: 0; float: left; padding-bottom:5%;  background-color:dadcdd;}


div#page_left  {	width:235px; float:left; padding:0px;  }
div#header,
div#footer,
div#content { padding:0px 0 0 20px; margin: 70px 0 0 0; }
div#content { float:left; width:945px; min-height:600px;}
.index div#site{ margin: 0; padding: 0; }
.index div#wrapper {margin:0; width:auto; }
.index div#content { width:100%; padding:0; margin:0; }
.index img { padding: 0; margin: 0; border: none; }




div#contact {width:450px; float:left;}
div#address { margin-top: 290px; }

div#impr   {display:block; clear:both; font-size:8pt; line-height:1.5em; }
div#impr  p  {font-size:8pt; line-height:1.7em; width:720px;}
div#header 		{ height: 90px;  padding: 21px 0 0 ; }			

div#footer		{ padding-top:40px; padding-left:290px;   clear:both; }
div#footer p, 
div#footer a	{ text-align:left; font-size:8pt; padding-top:3px; clear:both;  }


/*--------objects -----------------------------*/
/*
.row {margin-bottom:40px; float:left; }
.objects {	float:left;	padding:0 23px 0 0; width:205px; }
.objects img {border: 4px solid #fff; margin-bottom: 7px;}
.objects .imginfo {float:left; border:none; padding:5px 5px 0 0; }

.objects p strong { }
.objects em  {	 font-family: Verdana;font-size:9.5pt;}


div#content.detail {padding-right:0px; width:68%; border-left:1px solid #ccc;  }

.detail p {	line-height:1.5em; font-size:10.0pt;}
.detail em {font-family: Verdana; font-size:10pt; }
.detail strong {}
.detail img {border: 5px solid;  border-color:white; }
.detail ol {list-style: upper-alpha outside; margin-top:-0.5em; margin-left:1.7em; padding-left:0em; }
.detail p a {text-align:right; padding-right:15px; background: url(../img/nav/iconArrowRight.gif) no-repeat scroll right bottom; }
.morePictures {margin:5px 0pt 0pt;}
.morePictures img {	border: 1px solid #B7A9A3; }
.detail .morePictures  a {	background:none; padding-right:5px; cursor: pointer;}
.infomail  { margin-left:25px;padding:7px; background-color: #fff; float:left; height:15px; margin-top:25px;}
.zoomhref {	margin:20px 0 35px; }
#zoom img {border:none;}

*/

/* -----------------------page-left-variants -----------------------*/


 
 
/*--------Cols----------------------------------------------------------------------------------------------------------*/


/*--------Basic Elements -*/		







		
	
hr					{ background: #cacaca; border: 0; }
blockquote 		{ font:  12px Georgia, Times, serif;  
					background: url(/img/nav/quote.gif) 0px 10px no-repeat;
					padding: 14px 0 0 30px;
					margin:0;
					letter-spacing: 0.04em;
					overflow:hidden; }

/* em					{ background: #F7F4EF;}	*/				
/*---------Company History---------------------------------------------------------------------------------------------*/
 
 
 /*--------contact  cmx and cols-------------------------------------------------------------------------------------------*/		

.cmxform fieldset {	padding:15px 0 50px ! important; border:none !important;}
.cmxform input 			{cursor: pointer; width:284px;}
.cmxform input#gh_p  {cursor: pointer; width:64px ; margin:0 2px 0 0; padding-right:0 ! important }
.cmxform input#gh_c  {cursor: pointer; width:210px ; padding-left:0 }
.cmxform input.button { width:100px;}
.cmxform textarea  {width:284px ! important; height:150px; }
.cmxform label   {width:110px  ! important }
.cmxform label   {width:110px  ! important }
.cmxform label  span {width:110px  ! important }
.cmxform h4			{margin:0 0 15px 20px;}





/*--------Helpers and standards-------------------------------------------------------------------------------------------*/		
.clearing  		{  width:100%; clear: both; background-color:red; display:block;}	

.solidline		{ border: 1px solid #cfcfcf; border-width: 0 0 1px 0; padding: 0 0 12px 0; ; /*background: url(../img/bg/dotline.jpg) repeat-x;*/}
.dotline			{ border: 1px dotted #cfcfcf; border-width: 0 0 1px 0; padding: 0 0 12px 0; ; /*background: url(../img/bg/dotline.jpg) repeat-x;*/}




.bt				{ border-top: 1px solid #cfcfcf; }
.br				{ border-right: 1px solid #cfcfcf; }
.bb				{ border-bottom: 1px solid #cfcfcf; }
.bl				{ border-left: 1px solid #cfcfcf; }



/*--------Layout--------------------------------------------------------------------------------------------------------*/


#topbg 			{ position: absolute; top: 0; left: 0; width: 100%; height: 104px; background: url(/img/bg/topbg.gif) repeat-x; }


/*-- -------------- Adresse page left ------------------- --*/
.adr {
	padding-left:20px;
}

/*----------box index ----------------------------*/





.index-text-icon {
	width:875px; border: 5px solid #e9e9e9; float: left; margin-right:10px; margin-bottom:20px;
}
.index-icon-w {
	width:270px; float:left; 
}

.icon-text-w {
	width:550px; margin:0 10px 0 24px; float:left;
}
.icon-text-w p{
	width:550px; 
}


/*----- box objekte und Detail----*/

.obj-box {
	height: 272px; width:204px; border: 5px solid #e9e9e9; float:left; margin-right:10px; margin-bottom:24px;
}

.obj-text {
	padding: 8px 4px 8px 8px;
}	



.obj-title {
	padding-top:10px; font-size: 16px; color: #9d9d9d; line-height:1.1em; 
}


.details a {
	font-size:12px; color:#798d11; line-height:2em;
}
.details a:hover {
	text-decoration: underline; color: gray;
}



.detail-box {
	float: left;
	width:870px;
	margin-bottom: 20px;
	margin-right: 11px;
	padding-right:30px;
	
}
.detail-box  h4 {
	margin-top:10px;
}
.detail-box .obj-title {
	padding-bottom:12px;
}
.detail-box p{
	padding-bottom:10px;
}
.detail-box p.details {
	margin:14px 0 8px 0;
}
.detail-box p.details.two{
	margin:0 0 32px 0;
}


.detail-box img {
	float:left;
	max-width:470px;
	max-height: 470px;
	padding-right: 22px;
	padding-bottom:8px;
	text-align: right;
	border-collapse: inherit;
	}

.detail-box .text-detail{
	float:left; width:346px; 
}

.arrow {
	color:#9d9d9d;
}

.furtherImg {
	width:300px;
}

.detail-box .furtherImg img{
	padding:0; margin-right:5px; float:left;
}

.detail-image {
	float:left;
}
.main-image {
	float:none; display:block; clear:both;
}