@import url(../blueprint/screen.css);
@import url(menu.css);

.container {	
height:650px;

background: #fff url(http://www.qenax.com/typo3/fileadmin/templates/images/boxen_hg.jpg) no-repeat right bottom;

/* background: url(http://www.qenax.com/typo3/fileadmin/templates/blueprint/lib/_grid.png);*/

} 


#zen{
	height:700px;
	background: #fff url(http://www.qenax.com/typo3/fileadmin/templates/images/boxen_hg.jpg) no-repeat right bottom;
	 }

.header-left {
	height:74px;
	width:192px;
}

.header-left a {
 display:block;
	width: 192px;
	height: 74px;
	background: #fff url(http://www.qenax.com/typo3/fileadmin/templates/images/qenax.gif) no-repeat left 2px;

}



.header-left a {
text-indent: -3000px;
padding:0;
margin:0;
}

h1, h2 {
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;;
	color: #57ab27;
	text-decoration : none;
	text-align:left;
	font-size:16px;
	margin:0 0 0 0;
	padding:0 0 15px 0px;
}

h3 {
color: #000;
	text-decoration : none;
	text-align:left;
	font-size:12px;
}

h4 {
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
	color: #57ab27;
	text-decoration : none;
	text-align:left;
	font-size:10px;
}

A{
	text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
	color: #57ab27;
	background-color:transparent;
}

A:hover {
	text-decoration: none;
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
	color: #57ab27;
	background-color: transparent;
}

/*########################
#  NEWS
#########################*/
.news-list-item {
padding:0 0 0 0;
}
.news-list-item h2{
padding:0 0 0 0;
margin: 0.3em 0;
}

.news-list-item h2 A{
color: #57ab27;
text-decoration : none;
font: bold 16px Tahoma, Verdana, Geneva, Arial, sans-serif;
}



.news-list-item hr.clearer {
border:none;
color:fff;
display:none;
}

.news-list-item strong{
color:#57ab27;
}
.news-list-container {
width:400px;
}
.news-list-container p.bodytext	{
padding: 0 0 0 0 ;
}
.news-list-subheader p.bodytext{
padding: 0 0 0 0 ;
margin:0 0 0 0 ;
color:#57ab27;
 line-height: 1.5em;
}
.news-single-item  {width:765px;}
.news-single-item .news-single-img {
width:765px;
padding:0 0 15px 0;
min-height:100px;
}
.news-single-item .news-single-img img{
float:left;
padding:0 5px 0 0;
margin: 0 0 0 0;

}
.news-single-imgcaption {display:none;}

.news-single-item .subheader{
color: #57ab27;
font: bold 16px Tahoma, Verdana, Geneva, Arial, sans-serif;
padding:0 0 0 0;
margin: 0 0 1.6em 0;
line-height:1em;
}
.news-single-item .subheader p.bodytext {
color: #57ab27;
font: bold 16px Tahoma, Verdana, Geneva, Arial, sans-serif;
padding:0 0 0 0;
margin: 0 0 0 0;
line-height:auto;
}


.news-single-item .news-single-text{
width:450px;
float:left;
}

.news-single-item .news-single-additional {
float:left;
width:150px;
}

.news-single-additional dl {
padding: 0 0 0 0;
margin:0 0 0 0;
}
.news-single-additional dd, .news-single-additional dd p.bodytext{
padding: 0 0 0 0;
margin:0 0 0 0;
}



/* ################
#
#  Schrift
#
###################*/
p.bodytext	{  line-height: 1.5em; }




/* ##############################

#  formatierung fuer products
  
#################################*/

#products .scrollit{	
		height: 635px; 
		overflow:auto;
		width:744px;  /* mit 740 passt es im IE6 - weiter anpassungen noetig */
		padding:0;
		}
		
#products .main{
 	/*   position:relative; braucht der IE6 sonst zeigt er den TExt nicht an */
		margin:0;
		padding: 10px 0 10px 10px;
		font:1.03em Tahoma, Verdana, Geneva, Arial, sans-serif;
		line-height:1.4em; 
		width:718px;
		height: 450px;
		height: expression(this.scrollHeight > 450 ? "auto":"450px"); /*fuer den scrollbereich wenn gewuenscht */
		}


#products .main h1{
padding:0 0 40px 0px;
}
#products .left{
	float:left;
	text-align:right;
	width:390px;
	margin:0; 	
	padding:0 10px 0 0;
	font: 1.03em Tahoma, Verdana, Geneva, Arial, sans-serif;
  }
#products .right {
	float: left;
	width: 220px;
	margin:0;
	padding:0 0 0 90px;

font: 1.03em Tahoma, Verdana, Geneva, Arial, sans-serif;
line-height:1.2em;
}  

#products .main .right h1{ padding:0;margin:0; font: bold 1em Tahoma, Verdana, Geneva, Arial, sans-serif;}

#products .right ul, ol {padding-bottom:20px;}
#products .right ul {
	font: 1em Tahoma, Verdana, Geneva, Arial, sans-serif;
	color: #000;
}

#products .mitte{
	padding:5px 0 0 0;
	font: 1.03em Tahoma, Verdana, Geneva, Arial, sans-serif;
	}
	
#products .mitte ul, ol {padding:0 20px 20px 10px; }
#products .mitte li {
	font:0.9em Tahoma, Verdana, Geneva, Arial, sans-serif;
	color: #000;
}	

/* ############################
#  formatierung fuer Haut... 
#############################*/

#skin h1{padding:0 0 0 0;}

#skin .column.span-8.prepend-2.last{
padding-top:0px;
}

#skin .content,
#products .content   {
padding-top:64px;
}



#skin .scrollit,
#products .scrollit{	
		height: 425px; 
		overflow:auto;
		width:698px;  
		padding:0;

}
		
#skin .main,
#products .main{
 	
		margin:0;
		padding: 0;
		line-height:1.4em; 
		width:680px;
		height: 425px;
		height: expression(this.scrollHeight > 425 ? "auto":"425px"); 
		}

/* loeschen
#skin .left {
	float:left;
	width:370px;
	margin:0; 	
	padding:0 0 0 0px;
}

#skin .right {
	float: left;
	width: 335px;
	margin:0;
	padding:0 0 0 6px;
font: 1.03em Tahoma, Verdana, Geneva, Arial, sans-serif;
line-height:1.2em;
}
*/

#skin .main h1{
padding:0 0 40px 0px;
}

#skin .main .right .csc-header h1 { padding:0 0 0 0;}


/* ############################
#  formatierung fuer contact  
#############################*/
#contact .main{
padding: 80px 0 0 0;
font: 1.1em Tahoma, Verdana, Geneva, Arial, sans-serif;
line-height:1.4em;
}
#contact .left{
	float:left;
	text-align:left;
	width:300px;
	margin:0; 	
	padding:225px 10px 0 80px;
	font: 1em Tahoma, Verdana, Geneva, Arial, sans-serif;
  }
#contact .right {
	float: left;
	width: 420px;
	margin:0;
	padding:0 0 0 0;
font: 1.3em Tahoma, Verdana, Geneva, Arial, sans-serif;
line-height:1.2em;
}  
#contact .main .right h1{ padding:0;margin:0; font: bold 1em Tahoma, Verdana, Geneva, Arial, sans-serif;}

#contact label{
	width: 350px;
}
#contact textarea, #contact input{  
font-family:Tahoma, Verdana, Geneva, Arial, sans-serif;
border: #6F6F6F 1px solid;
background-color: #eee;
}

#contact .csc-mailform-submit {
margin-top:25px;
 margin-left: 0px;
 background-color:#57ab27;
 border:none;
}


fieldset {
	border: none;
}

label {
	display: block; 
	float: left;
	width: 140px;
font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
color:#666;
text-align:left;
vertical-align:middle;
}
label { font-weight: bold; }
th label {vertical-align: baseline;}
input { 
font-family:Tahoma, Verdana, Geneva, Arial, sans-serif;
border: #6F6F6F 1px solid;
background-color: #fff;
color: #000;
margin-bottom:5px;
}


textarea {  
font-family:Tahoma, Verdana, Geneva, Arial, sans-serif;
border: #6F6F6F 1px solid;
background-color: #fff;
color: #000;
}

.csc-mailform, fieldset{
	border:none;
	padding-top:10px;
}

.csc-mailform-check{
border:none;
}

.csc-mailform-field #mailformloeschen{
 float: left;
 margin-right: 5px;
 margin-top:25px;
 }
 
.csc-mailform-submit {
margin-top:25px;
 margin-left: 0px;
}

#contact .span-2.prepend-1.append-1.address {
padding-top:250px;
}
#contact.csc-header.csc-header-n1{
margin-top:-85px;
}

/* ############################
#  formatierung fuer aboutus  
#############################*/
#aboutus ul, ol {padding:0 0 0 0; }
#aboutus .span-7.prepend-3 li{
	font: bold 1.3em Tahoma, Verdana, Geneva, Arial, sans-serif;
	color: #57ab27;
line-height:1.8em;
}


.copy {text-align:right;}