/* css for berbel by cybob 2006 */
/* NOT-IE Version */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #bfc6ca;
	line-height: 18px;
	color: #999999;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/back_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#site {
	margin:auto;
	background-image: url(images/back_site-trans.png);
	_background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

td,th {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	background-image: none;
}

b {
	color: #6f6f6f;
}

h1 {
	font-size: 24px;
	color: #999999;
	line-height: 28px;
 	font-weight: normal;
}

.suche {
	font-size: 11px;

	line-height: 18px;
	color: #999999;
}

.back1 {  background-color: #ffffff}
.back1 {  background-color: #efefef}
.back2 {  background-color: #dfdfdf}
.back3 {  background-color: #909BA2}
.back4 {  background-color: #223745}




a, a:link, a:visited, a:hover {
	color: #31A328;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#contentbox {
	width: auto;
	height: auto;
	overflow: hidden;
	background-color: #efefef;
	padding: 10px 10px 10px 10px;
	border-color: #dfdfdf;
	border-style: solid;
	border-width: 1px;
}

#teaser {
	width: 580px;
	height: 120px;
	overflow: hidden;
/*	margin: 0 0 30px 0;*/
	
	/*padding: 15px 15px 15px 15px;*/
	border-left-color: #31A229;
	border-left-style: solid;
	border-left-width: 1px;
}

#teaserBAK {
	width: 620px;
	height: auto;
	overflow: hidden;
	margin: 0 0 30px 0;
}

#teasercontent {
	padding: 15px 15px 15px 15px;
	overflow: hidden;
	font-size:11px;
 	line-height: 18px;
}

#container {
	width: 960px;
	height: auto;
	position: relative;
	margin: 0 auto;
	background-color: #ffffff;
	overflow: hidden;
/*	text-align: left;
	background: transparent url(images/back.gif) ;
	
	
	border-color: #dfdfdf;
	border-style: solid;
	border-width: 0px;*/
	background-image: url(images/background.gif) ;
}

#head {
	text-align: center;
	color: #5C5C5C;
	height: 100px;
	width:960px;
	background-color:#223745;
	vertical-align: bottom;
	botton:10px;
	position: relative;
}
#headerline {
display:block;
height:10px;
background-color:#31A229;
}


#content {
	float:none;

height:inherit;
background-image: url(images/background.gif) ;

}

#logo {
	position: relative;
	text-align: right;
	width: 194px;
	height: 65px;
	overflow: hidden;
	background: transparent url(images/strate_logo.gif) ;
	z-index: 1000;
	float: right;
}

#mainpicture {
	position: relative;
	width: 770px;
	height: 250px;
	overflow:hidden;
	display: block;
}

#segmentpicture {
	position: relative;
	width: 576px;
	height: 180px;
	overflow:hidden;
	display: block;
}

#segmentspacer {
	position: relative;
	width: 576px;
	height: 20px;
	overflow:hidden;
	display: block;
}


/*--------------------------------
TOPNAVI
---------------------------------*/
#nav {
/*position: relative;*/
margin:0px;
/*height:40px;*/
}

#nav ul {
	margin:0;
	padding: 0;
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav li {
   display:inline;
   margin:0 0 0 0;
   padding:0;
   
}
#nav a {
font-size:11px;
float:left;
padding: 0px 10px 0px 10px; 
text-decoration:none;
display:block;
color: #89949C;
cursor: pointer;  
}
#nav a:link, #nav a:visited, #nav a:active{
font-size:11px;
padding: 0px 10px 0px 10px; 
color: #89949C;}   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*#nav a span {float:none;}*/



/* End IE5-Mac hack */
#nav a:hover {
	color:#31A229;
}

	
#nav #current a {
color:#fff;
}
#current a:link, #current a:visited, #current a:active, #current a:hover{
font-size:11px;
padding: 0px 10px 2px 10px; 
color: #fff;
background-color:#31A229;} 

/* CLOSE TOPNAVI */


/* sub navigation */

#subnav {
	width: auto;
	height: auto;
	/* background-color:#dfdfdf; */
	/* padding: 10px 10px 10px 10px; */
	font-size: 11px;
	text-align: left;
	line-height: 30px;
	
}

#subnav a, #subnav a:link, #subnav a:visited, #subnav a:hover {
	color: #505154;
	text-decoration: none;
	background: transparent;
	padding: 0 0 0 0px;
}

#subnav a:hover {
	color: #31A229;
}

#subnav li, #subnav ul {
	padding: 0 10px 0 10px; 
	text-align: left;
	display: block;
}

.subnav_bold {
	color: #31A229;
	font-weight: bold;
}



/*----------------------------------------------------------------------------------------------------------------------------------- 
Suche 
----------------------------------------------------------------------------------------------------------------------------------- */
#suche {	
text-align:left;
background-color:#223745;
padding: 0 30px 20px 0;
}

.suchfeld{
float:left;
margin: 0px 0px 0 0px; 
padding:0;
background-color:#909ba2;
}
.suchfeld input{
margin: 0px; 
float:left;
padding:0;
height:17px;
}
.suchfeld img{
float:left;
background-color:#909ba2;
}

.textbox { 
width: 120px;
color: #223745; 	
padding:3px 0 0 5px;
background-color:#909ba2;
margin:0px;
height: 14px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
float:right;
border:none;
}
/*#suche_start {
margin:-4px 0px 0 0;
padding: 0;
}*/


/*#suche_start {
margin:-4px 0px 0 0;
padding: 0;
}*/


/*.suchfeld_start{
background-image: url(../../media/templates/back_suche_start.gif);
background-repeat: no-repeat;
height:34px;
float:right;
margin: 17px 10px 0 0;  
padding:0;
}*/
/*.suchfeld{
background-image: url(../../media/templates/back_suche.gif);
background-repeat: no-repeat;
height:30px;
float:right;
margin: 0px 0px 0 0;  
padding:0;
}*/

/*.textbox_start { 
width: 102px;
color: #777; 	
padding:3px 0 0 10px;
margin:6px 0 0 0;
vertical-align:top;
font: normal 12px Arial, Helvetica, sans-serif;
}*/
/*.textbox { 
width: 146px;
color: #777; 	
padding:3px 0 0 10px;
margin:6px 0 0 0;
vertical-align:top;
font: normal 12px Arial, Helvetica, sans-serif;
}*/

/*.dealersearch_garantie {
width: 310px;
border: 1px solid #666666;
font-size: 11px;
color: #333333;
z-index: 10;
position: relative;
height: 15px !important;
*height: 17px !important;
position: relative;
padding-top: 4px !important;
_padding-top: 2px !important;
padding-left: 4px !important;
}*/

#searchlayer {
position: absolute; 
top: 0px; 
left: -165px;
z-index: 1500 !important;
border: 1px solid #2c8231;
background-color:#fff;
width:290px;
text-align:left;}

/*
#searchlayer {
position: relative; 
top: -27px; 
left: 200px;
z-index: 100 !important;
border: 1px solid #93117e;
background-color:#fff;
width:340px;}*/

.searchUl {
width:245px; 
margin: 0px !important; 
padding: 0px !important;
position: relative;
z-index: 500;
list-style-type:none;
}

/* treffertext im dropdown */
.informal { 
font-size: 11px;
color: #fff !important;
font-weight: bold;
}
.informal ul li { 
list-style-type:none;
}
.informal a:link, .informal a:visited, .informal a:active  { 
color: #fff !important;
list-style-type:none;
}
.informal a:hover {
color: #fff !important;
text-decoration: underline;
}

.searchLi_category {
width:280px; 
background-color: #31a229;
margin: 0px; 
padding: 3px 0px 3px 10px;
position: relative;
z-index: 500;
}


/* Aufgelistete Treffer */
.searchLi_content {
width:275px; 
margin: 0px; 
padding: 3px 0px 3px 10px;
font-size: 10px;
border-top: 0px solid #ededed;
line-height:16px !important;
position: relative;
z-index: 500;
list-style-type:none;
}
.searchLi_content a:link, .searchLi_content a:visited, .searchLi_content a:active {
color: #243846;
}
.searchLi_content a:hover {
color: #31a229 !important;
text-decoration: none;
}

/*.searchLi_content_bottom {
width:330px; 
height: 16px; 
margin: 0px; 
padding: 4px 0px 2px 10px;
font-size: 11px;
border-top: 1px solid #af123c;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
position: relative;
z-index: 100;
}*/


/*
.searchLi_category a:link,
.searchLi_category a:visited,
.searchLi_category a:hover,
.searchLi_category a:active {
}*/

/* ----------- */


hr {
	background-color: #C6C9CC;
	border-style: none;

	height:1px;
}


/* tec navigation */

#tecnav {
	position: relative;
	margin: 0 auto;
	padding: 0 0 2px 0;
	width: 960px;
	font-size: 9px;
	color: #6f6f6f;
	text-align: right;
	overflow: hidden;
}

#tecnav a, #tecnav a:link, #tecnav a:visited, #tecnav a:hover {
	color: #6f6f6f;
	text-decoration: none;
	background: transparent;
	padding: 0 0 0 0px;
}

#tecnav a:hover {
	color: #31A229;
}

#tecnav li, #tecnav ul {
	margin: 0 5px 0 5px; 
	display: inline;
}


#left {
	position: relative;
	float: left;
	padding: 30px 30px 30px 30px;
	width: 260px;
	/*min-height:100%;
	height: 100%;
	overflow: none;*/
/*	background-color:#E9ECF0;*/
}

#right {
	position: relative;
	float: right;
	margin: 0 0 0px 0;
	padding: 30px 30px 30px 30px;
	width: 580px;
	/*background-color:#ffffff;*/
	color:#666666;
	line-height: 21px;
text-align: left;
}


/* footer */
#footercontainer {
	/*position: relative;*/
	margin: auto;
	width: 960px;
}

#footer {
	/*position: relative;*/
	margin: 0 0 0 0;
	padding: 8px 0 15px 0;
	font-size: 11px;
	color: #223745;
	text-align: center;
	width:960px;
	margin:auto;
}
#footer img {
text-align:right;
float:right;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover {
	color: #596973;
	text-decoration: none;
	background: transparent;
	padding: 0 0 0 0px;
}

#footer a:hover {
	color: #31A328;
}

#leftteaser {
	width: auto;
	height: auto;
	padding: 20px 20px 20px 20px;
	font-size: 11px;
	text-align: left;
}

#leftline {
	width: auto;
	height: 1px;
	background-color:#dfdfdf;
	display:block;
}

#contentlist {
	background-color: #f5f5f5;
	padding: 1px 5px 1px 5px;
	margin: 0 0 1px 0;
	/*border-color: #efefef;
	border-style: solid;
	border-width: 1px;*/
}

.space10right{
margin: 0 10px 0 0 ;
}

.small {
	font-size: 10px;
	line-height: 15px;
}

.back_red { 
	background-color:#FF0000;
	margin: 0 0 3px 0;
}

.topnavzeiger {
	background: url(images/strate_logo.gif) ;
	color: #00FF00;

}
#topnavzeiger2 {
/*
border: 1px solid #000000;
height:40px;
line-height:40px;
*/

	background: no-repeat url(images/anzeiger.gif) ;
	color: #00FF00;
	
	display:inline;
	/*
	display:inline;
	
float:none;
	position: relative;
	*/
}

#productdetails {
	padding: 20px 0 20px 20px;
	border-left-color: #31A229;
	border-left-style: solid;
	border-left-width: 1px;
	font-weight: bold;
	line-height: 16px;
}
#productdetails2 {
	padding: 20px 0 20px 20px;
	border-left-color: #31A229;
	border-left-style: solid;
	border-left-width: 1px;
	line-height: 16px;
}
#halfline {
height:1px;
background-color:#31A229;
width:60px;
}
#halfline_top {
width:60px;
border-bottom:1px solid #31A229;
}
#halfline_bottom {
width:60px;
border-top:1px solid #31A229;
margin-bottom:15px;
}
.detailtable {
font-size:10px;
color:#666666;
border-bottom:1px solid #C6C9CC;
padding: 2px 2px 2px 2px;
height:24px;
}
.detailtable_title {
font-size:10px;
color:#ffffff;
font-weight:bold;
background-color:#cccccc;
padding: 2px 2px 2px 2px;
height:24px;
}
#teasertext {
	
}
.green {
	background-color:#31A229;
}
.middlegreyblue {
	background-color:#596974;
}

/* ENERGIESPARRECHNER */

#container_rechner {
	width: 960px;
	height: auto;
	position: relative;
	margin: 0;
	background-color: #ffffff;
	overflow: hidden;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* html #container_rechner {
	width: 960px;
	position: relative;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(images/background.gif) ;
}

.toppic {
	width: 960px;
	height: 65px;
	overflow:hidden;
	border-bottom: 1px solid #FFF;
}

.trennung {
	width: 1px;
	height: 895px;
	background-color:#e9ecf0;
	float:left;
}

.layer_inaktiv {
	position: absolute;
	height: 722px;
	width: 320px;
	top: 153px;
	background-color:#FFFFFF;
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.6;
	z-index: 2;
}
.layer_aktiv{
}

.ausgabefeld {
	width: 60px;
	height: 20px;
	border: 1px solid #b5b6b9;
}

/*LINKE SPALTE*/

#spalte_links {
	height: 895px;
	width: 320px;
	background-color: #e9ecf0;
	float: left;
	text-align:left;
	position:relative;
}

.selectfeld {
	height: 22px;
	font-size:11px;
	border: 1px solid #b5b6b9;
	padding: 3px 4px 4px 4px;
	color: #666666;
}

.haubentyp {
	position:relative; 
	top: 0px; 
	left: 8px;
}

.luftabzug {
	position:relative; 
	top: 0px; 
	left: 8px;
}

.baureihe {
	position:relative; 
	top: 0px; 
	left: 8px;
}

.weiterbutton {
	background-color: #31a229;
	border:none;
	color: #FFF;
	font-size:11px;
	height: 20px;
	width: 70px;
	background-image:url(images/weiterbutton.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position:absolute;
	right: 14px;
	top: 5px;
}

*html #spalte_links {
	width: 320px;
}

#spalte_links p {
	margin: 20px 0px 0px 37px;
	position:relative;
	line-height: 23px;
}

#spalte_links p img {
	margin: 20px 0px 0px 0px;
}

.abb_haube {
	margin: 20px 0 30px 37px;
}

.head_eigenschaften {
	color: #31A229;
	height: 0px;
}

/*MITTLERE SPALTE*/

.abb_spalte2 {
	background-image:url(images/schritt2.gif);
	background-repeat: no-repeat;
	width:320px;
	height:153px;
	position:relative;
	z-index: 1;
}

.abb_spalte2_aktiv {
	background-image:url(images/schritt2_aktiv.gif);
	background-repeat: no-repeat;
	width:320px;
	height:153px;
	position:relative;
	z-index: 2;
}

#spalte_mitte {
	height: 895px;
	width: 320px;
	float: left;
	text-align:left;
	position:relative;
	z-index:1;
	background-color: #FFF;
}

.input_klein {
	width: 24px;
	left: 5px;
	height: 22px;
	font-size:11px;
	border: 1px solid #b5b6b9;
	padding: 3px 4px 4px 4px;
	color: #666666;
	position:relative;
	top: 0px;
}

#spalte_mitte p {
	margin: 20px 0px 0px 37px;
	position:relative;
	line-height: 23px;
}


#spalte_mitte p img {
	position:relative;
	top: 1px;
}

.vogel {
	background-image:url(images/bg_vogel.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: auto;
	position:relative;
	top: 0px;
	left: 30px;
	z-index: 5;
}

.berechnenbutton {
	border:none;
	color: #FFF;
	font-size:11px;
	height: 20px;
	width: 96px;
	background-image:url(images/berechnen_button.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	position:absolute;
	right: 14px;
	top: 5px;
}

/*RECHTE SPALTE*/

#spalte_rechts {
	height: 895px;
	width: 318px;
	float: right;
	text-align:left;
	position: relative;
}

.abb_spalte3 {
	background-image:url(images/schritt3.gif);
	background-repeat: no-repeat;
	width:318px;
	height:153px;
}

.abb_spalte3_aktiv {
	background-image:url(images/schritt3_aktiv.gif);
	background-repeat: no-repeat;
	width:318px;
	height:153px;
	position:relative;
	z-index: 1;
}

#spalte_rechts p {
	margin: 20px 0px 0px 35px;
	position:relative;
	clear: both;
	line-height: 23px;
}

#spalte_rechts p img {
	margin-top: 10px;
}

.spacer {
	width: 36px;
	height: 30px;
	float: left;
}

.ergebnisausgabe{
	width: 63px;
	float: left;
	margin-top: 5px;
}

.ergebnisausgabe input {
	text-align:center;
	color: #999;
	padding: 3px;
	height: 25px;
	width: 75px;
}

.euro_ausgabe{
	width: 63px;
	float: left;
	color: #31a229;
	margin-top: 5px;
}

.euro_ausgabe input {
	text-align:center;
	color: #FFF;
	font-weight:bold;
	background-color:#31a229;
	border: none;
	padding: 3px;
	height: 25px;
	width: 75px;
}

.button_drucken {
	background-image:url(images/button_drucken.gif);
	border: none;
	width: 96px;
	height: 21px;
	cursor:pointer;
}

.button_versenden {
	background-image:url(images/button_versenden.gif);
	border: none;
	width: 161px;
	height: 21px;
	cursor:pointer;
	margin-left: 5px;
}

.button_versenden {
	background-image:url(images/button_versenden.gif);
	border: none;
	width: 161px;
	height: 21px;
	cursor:pointer;
	margin-left: 5px;
}

.button_detailierte_berechnung {
	background-image: url(images/button_detailierteberechnung.gif);
	border: none;
	height: 21px;
	width: 266px;
	cursor:pointer;
}

.buttonabstand { 
	width: 200px;
	height: 24px;
}

/* POPUP */

.headline_popup {
	color: #31a229;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
}

.text_popup {
	color:#FFF; 
}

.button_popup {
	margin-bottom: 20px;
}

.ausgabe {
	width: 604px;
	height: 130px;
	position:relative;
}

.ausgabe_kwh {
	position: aboslute;
	top: 20px;
	left: 50px;
}

.text_ausgabe {
	color: #FFF;
	font-size: 21px;
	margin-bottom: 10px;
}

.ausgabefeld_kwh {
	border: 1px solid #b3b4b7;
	height: 30px;
	width: 140px;
	padding: 5px;
	color: #666666;
	font-size: 25px;
	text-align:center;
}

.ausgabefeld_euro {
	height: 30px;
	width: 140px;
	padding: 5px;
	border: none;
	color: #FFF;
	background-color: #31a229;
	font-size: 25px;
	text-align:center;
}

.disclaimertext {
	position: absolute;
	font-size: 9px;
	line-height: 13px;
	top: 770px;
	left: 350px;
	z-index: 5000;
	text-align:left;
	width: 270px;
}