@import url("reset.css");
/*, body, div{border:1px solid red;}*/

body, html{ height: 100%; background-color:#F8FDF6}
td, th {
border:0 solid #000000;
border-collapse:collapse;
padding:5px 5px 5px 2px;
}
a { color:#656565; text-decoration: none;}
a:hover{ text-decoration: underline; }
a.sLink{ color: #000; text-decoration:none;}
a.sLink2{ color: #000; text-decoration:none;}
h3 { font-size:14pt; color:#656565;font-weight:700; padding:0;  margin:0; }
p.bold{ font-weight: bold; padding-top:10px; }
.redLabel{ padding: 5px; border-top: 1px solid #d33232; border-bottom: 1px solid #d33232; background-color: #ffe7e7; margin: 4px 0 4px 0; }
.indexstart{float:left; width:681px;padding-top:13px}
.pleft2{padding-left:2px!important;}
.p5{padding:8px;color:#656565!important; text-align:justify}
.indexlinkbutton{position:relative;top:9px;}
.indexbild{float:left; margin:8px 8px 1px 7px;}
.fine_text{ color: #999; font-size: 7pt !important; }
.lightBlueBG{ background-color: #e6fbff; }
th.lightBlueBG{ padding: 5px 0 5px 0; }
.indexueberschrift {color:#97BF0D}
.ui-dialog td, .ui-dialog th{ padding:5px 5px 5px 2px; vertical-align:middle; }
.footer_abstand {margin-left:25px; margin-top:10px;}
.marg15{ margin-left:15px}
.leftAlign{ text-align: left !important; }
.suche_begriff {
color:#2B2B2B;
font-size:12px;
font-weight:bold;
padding-bottom:3px;
}
div.st p {
    float: left!important;
    padding-top: 5px!important;
    text-align: justify!important;
    width: 486px!important;
}
#gefaelltmir{left:329px;position:absolute;top:570px;}
#suchen {left:605px;position:absolute;top:567px;}
#suchfeld{background:url('../img/rechnerheader/suchfeld.gif') no-repeat scroll 0 0 transparent;border:0 none;height:25px;width:175px;padding-left:16px;}
#suchbutton{margin-left:-24px;margin-top:-7px;}
.suchbegriff {
color:#656565;
font-size:18px !important;
font-weight:bold !important;
}
.widhei1{ width:1px; height:1px; border:0}
.linkextras {
border-bottom:1px dotted #777777;
color:#656565;
cursor:pointer;
display:block;
font-size:11pt;
font-weight:700;
padding:5px 0 0;
text-decoration:none;
}
.grey-border-top{ border-top: 1px solid #ddd;}
.indexlinkbutton2{position:relative;top:-6px;}
.indexlinkbutton3{position:relative;top:4px;}
.grey-border{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;margin-bottom:10px; margin-top:10px;padding-bottom:6px; padding-top:6px}
#suchen_head_1 {
background-position:center top;
background-repeat:no-repeat;
padding-left:15px;
width:455px;
float:left;
}
.suche_titel_box {
color:#656565!important;
font-size:12pt!important;
padding-bottom:2px!important;
padding-top:0!important;
}
.suchen_li {
list-style-image:url("../img/search/icon_pfeil_searchresults.gif");
padding-bottom:2px;
}
style.css (Zeile 2653)
ul li {
list-style:disc outside none;
}
h5.fadein_news{ cursor:pointer; }
.news_datum {
color:#999999 !important;
font-size:8pt
}
p.redakteur {
color:#666666;
font-size:8pt !important;
padding:0 !important;
}
div.newsheadlinesBox {
border-top:1px solid #DDDDDD;
padding-top:15px;
}
div.newsheadlinesBox a span {
color:#777777;
font-size:8pt;
font-weight:400;
}
.hide_btn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/hider_arrow.gif) no-repeat scroll right top;
cursor:pointer;
padding-right:6px !important;
text-decoration:none !important;
}
.link_sw2 {
color:#656565;
text-decoration:none;
}
.linkbox {
border-bottom:1px solid #9AC114;
padding-bottom:10px;
padding-top:10px;
}
.libo {color:#656565}

.linkboxneu {
padding-bottom:11px;
padding-top:14px;
}
.linkboxneu2 {
padding-bottom:6px;
padding-top:7px;
}

a.modul_smallLink {
font-size:8pt!important;
text-align:center;
text-decoration:none;
font-weight:400;
color:#656565;
display:block;
height:21px;
width:192px;
background:transparent url(../img/button_box.gif) no-repeat 0 0;
position:absolute;
top:8px;
left:63px;
line-height:21px;
}

a.modul_smallLink:hover,.myLink1:hover,.myLink2:hover {
color:#2ac700;
}


a.modul_smallLink2 {
font-size:12pt!important;
text-align:center;
text-decoration:none;
font-weight:400;
color:#DC994B;
display:block;
top:8px;
line-height:21px;
}

a.modul_smallLink2:hover {
color:#656565;
}

div.newsheadlinesBox a {
border-bottom:1px dotted #777777;
color:#656565;
cursor:pointer;
display:block;
font-size:11pt;
font-weight:700;
padding:5px 0 0;
text-decoration:none;
}
.linkbox_4 {
margin-bottom:0;
padding-left:15px;
}

.lightRedBG{ background:#FFDBDB!important;}
tr.lightRedBG td { background:#FFDBDB!important;}
tr#vergleichstarif-hinweis td {border-left:1px solid #AC121C !important;color:#AC121C;font-size:8pt;text-align:center;}
table.ergebnis tbody tr.lightRedBG{ border-left: 1px solid #ac121c !important; border-right: 1px solid #ac121c;  border-bottom: 1px solid #ac121c; }

#head_neu{ height:600px; width:1000px;}
.strom_news {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/hider_arrow.gif) no-repeat scroll right top;
padding-right:6px !important;
text-decoration:none !important;}


.indexbox{ float:left; width:335px; padding-left:5px;}
.indexbox_head{background:transparent url(../img/header_box.gif) no-repeat scroll center top; width:335px; height:32px; text-align:center!important;padding-top:6px;}
.indexbox_content{ border:1px solid #9AC114;border-top:0; height:218px;margin-top:-6px;}
.linkbox5 {margin-bottom:0;padding-left:155px;padding-top:5px;}
#bg{
	background: #F8FDF6;
	text-align: center; width: 99%; height: auto;
	padding: 0; width:1000px;
}
#werbung_top{ text-align: left!important; width:750px;}
.werbung {
width:300px;
height:250px;
float:left;
padding:0 5px 15px 0;
}
#werbung3 {
position:absolute;
top:65px;
left:5px;
padding-right:4px;
}
#rechner_background_gross_neu{ background-image:url(../img/strom-img/blasen.gif); width:792px; height:585px; float:left;}
#werbung_sky_head { float:left; width:160px; height:600px;margin-left:40px;}

div.werbung2{ width: 300px; height: 250px; float:right; }
#map{ float:left; padding-right: 20px; }
div.plzEingabe{ padding: 10px 0 10px 0; }
#img_hotline{margin-top:-6px;}
#wrapper { width: 1000px; text-align:center; height: auto; clear:both;}
#startseite_wrapper{ width: 1000px; height: auto; text-align:left; float:left;}
.link_sw{ color:#656565; text-decoration:none;}

div#header { position:relative; text-align: left; margin-bottom:10px; border-bottom:1px solid #E7E7E7;}
h5#header_logo{ position: absolute;left: 0; top:0; background: transparent url(../img/headline_logo.png) no-repeat 0 0; display:block; width: 230px; height: 30px; text-indent: -2000px;}
h5#header_logo2{background: transparent url(../img/stromtarife_header/stromtarife_logo.gif) no-repeat 0 0; display:block; width: 230px; height: 30px; text-indent: -2000px;}


#header_searchfield{  position: relative; background: transparent url(../img/stromtarife_suche_background.jpg) no-repeat 0 0 !important; border: 0; border-top: 1px solid #cde0f0; font-size: 9pt; height: 30px !important; }
#header_searchfield input{ font-size:10pt; left:15px;color: #134; position:absolute; border: 0; background:transparent; top:7px; width:98px;}
input#header_searchsubmit{  left: 165px; top: 5px; border: 0; background-color: transparent; width: 20px; height: 25px; text-indent: 30px; cursor: pointer;}
#header_searchlabel{  background: none; border: 0; display: block; width: 50px; height: 20px;}

ul#header_linklist{ 
	background: transparent url() no-repeat 0 0; 	
	margin: 25px 10px 0 0;
	float:left;
	border:1px solid #dfecf5;
	width: 160px;
	border-bottom: 0px;	
	height:238px;
}

	
ul#header_linklist2{ 
	background: transparent url() no-repeat 0 0; 	
	margin: 0 0 0;
	float:left;
	border:1px solid #dfecf5;
	width: 237px;
	border-bottom: 0px;	
	text-align:left;
	margin-left:10px;
}
ul#header_linklist2{ opacity: 0.8; }
ul#header_linklist2 li{ height: 26px; line-height: 26px; padding-left: 20px; background: transparent url(../img/stromtarife_header/navi_li.jpg) repeat-x 0 0;}
ul#header_linklist2 .hover_li{ height: 26px; line-height: 26px; padding-left: 20px; background: transparent url(../img/navi_bg_hover.png) no-repeat 0 0;}
ul#header_linklist2 li h4{ color: #458;  font-size: 11pt; text-decoration: none; font-weight: normal !important;}
ul#header_linklist2 li h4{ font-weight: normal !important;}
ul#header_linklist2 li a:link{ color: #458; }
ul#header_linklist2 li a:visited{  color: #458; }
ul#header_linklist2 li a:hover{ text-decoration: underline; }


#header_searchfield2{  position: relative; background: transparent url() no-repeat 0 0 !important; border: 0; border-top: 1px solid #cde0f0; border-bottom: 1px solid #cde0f0; font-size: 10pt; height: 35px !important; }

ul#header_linklist{ opacity: 0.8; }
ul#header_linklist li{ height: 26px; line-height: 26px; padding-left: 20px; background: transparent url(../img/navi_bg.png) no-repeat 0 0;}

ul#header_linklist .hover_li{ height: 26px; line-height: 26px; padding-left: 20px; background: transparent url(../img/navi_bg_hover.png) no-repeat 0 0;}
/*ul#header_linklist li a{ color: #5598cd; font-size: 11pt; text-decoration: none; font-weight: normal !important;}*/
ul#header_linklist li h4{ color: #458;  font-size: 11pt; text-decoration: none; font-weight: normal !important;}
ul#header_linklist li h4{ font-weight: normal !important;}
ul#header_linklist li a:link{ color: #458; }
ul#header_linklist li a:visited{  color: #458; }
ul#header_linklist li a:hover{ text-decoration: underline; }

div#header_rechner{
	background: transparent url(../img/box_stromrechner_bg.jpg) no-repeat 0 0;
	margin: 0 12px 0 0;
	width: 543px; height: 200px;
	float: left;

}

div#header_warum_stromtarife{

	margin: 3px 0 0 0;
	float: left;
	width: 228px;

}
div#header_warum_stromtarife div{ background-color: #fff;opacity: 0.8; padding: 0 5px 0 8px; }
div#header_warum_stromtarife p.hws_header{
color: #134; font-size:14px; font-weight:800;
}

div#header_warum_stromtarife ul{ padding-top: 5px; }
div#header_warum_stromtarife ul li{
	background: transparent url(../img/icon_statement.gif) no-repeat 0 3px;
	padding: 0 0 3px 20px;
	color: #458; font-size:11px;
}

#modul_linklist{
	text-align:left;
	padding-bottom: 15px;
}

#modul_linklist ul{ position: relative; float:left; width: 176px; height: 133px; margin-right: 11px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em;
 border-radius: 0.3em; overflow: visible;}
#modul_linklist ul li{ height: 16px; line-height: 15px; padding-left: 12px; } 
#modul_linklist ul li a{ color: #333; text-decoration: none; font-size: 8pt; } 
#modul_linklist ul li a:hover{ color: #333; text-decoration: underline; } 
#modul_linklist ul li.firstlink{ padding-top: 7px; }
#modul_linklist ul li.linklist_heading{ padding-top: 5px; padding-left: 6px; }
/*#modul_linklist ul li.linklist_heading a h3:hover{ text-decoration: underline; }*/
#modul_linklist ul li.linklist_heading h3{ font-size: 11pt; font-weight: 600; line-height: 19px; width: 150px; height: 19px; }

#links_city{ border: 1px solid #86400d; background-color: #fbf8e9;}
#links_city li h3{ color: #86400d; border-bottom: 1px solid #e8c7a8; }
#links_city li.coloredbg{ background-color: #e8c7a8; }

#links_oeko{ border: 1px solid #99d01b; background-color: #fafcef; }
#links_oeko li h3{ color: #99d01b; border-bottom: 1px solid #99d01b; }
#links_oeko li.coloredbg{ background-color: #def3ba;  }

#links_nacht{ border: 1px solid #385bb5; background-color: #fbfcff; }
#links_nacht li h3{ color: #385bb5; border-bottom: 1px solid #385bb5; }
#links_nacht li.coloredbg{ background-color: #b3cbd7; }

#links_gewerbe{ border: 1px solid #f08223; background-color: #fff8f2; }
#links_gewerbe li h3{ color: #f08223;; border-bottom: 1px solid #f08223; }
#links_gewerbe li.coloredbg{ background-color: #f4d3a8; }

#btn_oeko, #btn_gewerbe, #btn_nacht, #btn_city{ }
#btn_oeko a, #btn_gewerbe a, #btn_nacht a, #btn_city a{ text-indent: -5000px; position: absolute; top: 114px; left: 37px; height: 24px; width: 104px; line-height:24px; display:block; color: #ffffff !important; padding-left: 24px;} 

#btn_oeko a{ background: transparent url(../img/stromrechner_button_oekostrom.gif) no-repeat 0 0; }
#btn_city a{ background: transparent url(../img/stromrechner_button_citystrom.gif) no-repeat 0 0;  }
#btn_gewerbe a{ background: transparent url(../img/stromrechner_button_gewerbestrom.gif) no-repeat 0 0; }
#btn_nacht a{ background: transparent url(../img/stromrechner_button_nachtstrom.gif) no-repeat 0 0; }
.suchen_li_ul_link {
margin-top:5px;
padding:0;
width:1000px;
}
.suchen_li_ul_link_li {
float:left;
list-style-image:url("../img/icon_pfeil_searchresults.gif");
padding-bottom:2px;
padding-right:8px;
width:241px;
}
.index3 {
color:#656565;
font-weight:normal;
text-decoration:none;
}
#content{ border-top: 0px solid #e7e7e7; height:100%; }
#content_left, #content_middle{ float:left; padding-top: 10px;}
#content_right{ float:right; padding-top: 10px;}
#content_left{ width: 200px; 	padding-right: 5px;}
#content_middle{ width: 775px; padding: 0 5px 0 10px; position: relative; font-size: 10pt; border-left: 1px solid #ccc}
#content_middle h1{  font-size: 14pt; padding-top: 10px; }
.two_column_h1{  font-size: 14pt; padding-top: 10px; }
#content_middle h2{  font-size: 13pt; padding-top: 10px; padding-bottom: 10px; }
#content_middle h3{  font-size: 12pt; padding-top: 8px; padding-bottom: 8px; }
#content_middle h4{  font-size: 11pt; padding-top: 6px; padding-bottom: 6px; }
#content_middle h5{  font-size: 10pt; }

#empfehlungen_positioned{ position: absolute; top: 0; left: 550px; width: 200px; height: 80px; }
#empfehlungen_positioned p{ font-size: 7pt; color: #333; }
#empfehlungen_positioned #tuev img{ width: 42px; }
#empfehlungen_positioned #stiftung_warentest img{ width: 92px; }
#empfehlungen_positioned #oekotest img{ width: 54px; }
#content_right{ width: 186px; padding-right: 5px; }

#content_middle.two_column{ width: 742px; }

#footer_unten {
background: transparent url('../img/strom-img/gras.png') repeat-x 0 0;
		height: 124px; width: 1000px;	
	}
#footer {
		background: transparent url('../img/strom-img/balken_footer.png') repeat-x 0 0;
		height: 30px; width: 1000px;
		color: #000;
		text-align: center;
		padding-top: 5px;
		display: block;
		clear:left;
		font-size:11px;
		position:absolute;
		margin-top:94px;
}

div#banner_right {
	width:160px;
	height:800px;
	float:left;
	background-color:transparent;
	text-align:left;
	margin-top:123px;
}

.modul {
	text-align:left;
	
}

/* _______________  Stromnachrichten Modul ______________ */
div.stromnachrichten {width: auto; height:auto; border:0 solid #e1e1e1; margin-top:12px;  }
div.stromnachrichten p { float:none; padding-top:0; margin-top:0; font-size:8pt; color: #000; }
div.stromnachrichten a h4 {  padding:10px 0 0!important; margin:0; font-weight:700; font-size:11pt; height:auto; }
div.stromnachrichten p a {  color:#334455;padding:0 5px; } 
div.stromnachrichten p.headline { color:#097B01; font-size:16pt; font-weight:700; height:30px; text-align:left; margin-bottom:3px; }
span.norm{ color:#345; font-size:9pt }
div.borderHeadline a{ color: #5588cc; font-size: 14pt; text-decoration:none; }
div.borderHeadline { padding-bottom: 10px; }
h3.borderHeadline { padding-bottom: 10px; }
h3.borderHeadline a{ color: #5588cc; font-size: 14pt; text-decoration:none; }
div.nachrichtBox{ margin-bottom: 5px; }
.nachrichtBox h5 { padding-bottom: 5px; color: #000; font-size: 12pt; text-decoration:none; font-weight: bold; }
.nachrichtBox p.short_text{ padding-bottom: 8px; font-size:10pt; }
.nachrichtBox p.faded{ line-height: 20px; color: #000; font-size: 10pt; }

div.nachrichtBox_top{ width: 775px; height: 4px; }
div.nachrichtBox_middle{ padding: 3px 5px 0 8px; width: 775px;  }
div.nachrichtBox_bottom{ width: 775px; height: 4px}
#footer_1{padding:3px 5px 0 8px;}


.headnews { font-size:12pt;}
.h1us { font-size:18px; text-align:center!important; color:#656565}
.st {color:#656565!important;font-size:8pt}
span.norm2{ color:#777777; font-size:6pt }
/* _______________  Navibox Modul ______________ */
div.navibox { text-align:left; width:238px; height:auto; padding:3px 0 3px 3px; margin:0; margin-right:0px; overflow:hidden; }
div.navibox a.small_a { font-size:7pt; color:#656565; position:relative; top:-25px; left:145px; display:block;}

/* _______________  Footer Mainpage ______________ */
#sub_footer{ padding: 8px 0 8px 0;  }
#footer_1_buttons{ width:100%;  }
a.footer_1_btn{ color: #000; font-size: 8pt;  }
p#footer_1_btn1{ display: block; width:500px; height:18px; line-height: 18px; float:left; }
p#footer_1_btn2{ display: block; width:222px; height:18px; line-height: 18px; float:left; }
div.tab_navi{ position:relative; height: 170px;}
div.tab_navi p{ padding-top: 5px; float:left; width:373px; text-align:justify }

.searchlinks a{ color: #54768b; font-weight: bold; font-size: 10pt;}
#navi_stromlexikon{ padding: 8px 8px 9px 8px; width: 222px; height: 145px; background: transparent url('../img/box_stromlexikon_background.jpg') no-repeat 0 0; position: relative; }
#navi_stromlexikon p{ padding-top: 4px; font-size: 8pt;}
#navi_stromlexikon h3{ font-size: 11pt; font-weight: 500; color:#656565;}
.navrightmiddle{ padding-top: 8px;padding-bottom: 8px; border-left:1px solid #9AC114; padding-left:5px; overflow:hidden}
#navi_stromlexikon form input[type="text"]{ background:transparent none repeat scroll 0 0; border:0 solid red; color: #458; font-size:8pt; height:14px; left:13px; position:absolute;  top:112px; width:180px;}
#navi_stromlexikon form input[type="submit"]{ background:transparent none repeat scroll 0 0; height:20px; left:194px; position:absolute; top:103px; width:27px; border: 0;}

/* _______________ Tarifüberwachung ______________ */
.twache_top,.twache_middle,.twache_bottom{ width: 200px; padding-left: 5px; margin-right:10px }

.twache_top{ height: 38px; background: transparent url('../img/strom-img/balken_navi_links.gif') no-repeat 0 0; }
.twache_middle{ height: auto; padding-top: 8px;padding-bottom: 8px; border-left:1px solid #9AC114; overflow:hidden }
.twache_bottom{ height:1px;background: transparent url('../img/strom-img/linie_navi_linksurechts.gif') no-repeat 0 0; }

.twache_middle input[type="text"]{ background: transparent url('../img/twache_input_bg.gif') no-repeat 0 0; border: 0; width: 153px; height: 16px; line-height: 16px;padding: 2px 0 2px 5px; font-size: 8pt; color: #999;}
.twache_middle input[type="submit"]{ background: transparent url('../img/button_blank.gif') no-repeat 0 3px; border: 0; width: 96px; height: 25px; line-height: 20px; color: #fff; font-size: 8pt; }
.twache_headline{ font-size: 12pt;  color: #000;}
.height25{ height:25px}
.boxhead { font-size: 12pt;  color: #696B66; text-align:center; margin-top:10px; margin-bottom:7px}

/* _______________ Rechner ______________ */
div.rechner{ position:relative; }
.emailinput   {
background-color:#FFFFFF;
border:1px solid #98BF0E;
color:#656565;
font-size:10pt;
height:19px;
margin-top:3px;
padding-left:5px;
width:200px;
}
.optlisteninput  {
background-color:#FFFFFF;
border:1px solid #98BF0E;
color:#656565;
font-size:10pt;
height:22px!important;
margin-top:3px;
padding-left:5px;
width:207px!important;
}
#rechneruschrift{position:absolute; left:436px;top:86px;}
#siegel {  position:absolute; left:405px;top:474px;}
#hotline {  position:absolute; left:579px;top:474px;}
#pfeil {  position:absolute; left:533px;top:381px;}
#logo { position:absolute; left:57px;top:37px;}
#rechnerueberschrift_2{position:absolute; left:388px;top:120px; font-size:40px}
div.rechner h2{ color:#113344;font-size:32px;padding:10px 11px 12px 38px; }
div#family_links { height:71px;left:421px;position:absolute;top:190px;width:390px;}
div#family_links a { display:block; height:50px; float:left; font-size:8pt; font-weight:700; text-decoration:none; cursor:pointer; }
div#family_links a#f1 { width:75px; }
div#family_links a#f2 { width:75px; }
div#family_links a#f3 { width:75px; }
div#family_links a#f4 { width:75px; }

#submit_btn_main{ background: transparent url('../img/strom-img/button_jetzt_vergleichen_orange.gif') no-repeat 0 0; z-index: 60; width:238px; height:37px; border: 0; position: absolute; top: 482px; left: 91px; cursor: pointer;}
#submit_btn_main:hover{ background: transparent url('../img/strom-img/button_jetzt_vergleichen.gif') no-repeat }

#rechner_left{ color:#FFFFFF; left:79px; position:absolute; top:198px; width:400px; }
#rechner_left input{ color: #999;  width:381px; height: 28px; border: 0; font-size:14pt; padding-left: 5px}
#rechner_left label{ color: #134; font-size: 11px; } 

#rechner_left_2{ color:#FFFFFF; left:407px; position:absolute; top:280px; width:340px; }
#rechner_left_2 input  {border:1px solid #98BF0E;color:#656565;font-size:10pt;height:19px;margin-top:3px;padding-left:5px;width:150px; background-color:#FFF}
#rechner_left_2 label{ color: #134; font-size: 11px; } 
.red {color:#da0000!important;}
.green {color:#097B01!important;}
#showOptionsLink{ color: #134; padding-left: 25px; background: transparent url('../img/box_stromrechner_icon_pfeil.gif') no-repeat 0 3px;}
#rechner_bottom{ left:25px; position:absolute;  top:379px; z-index:50; background-color: ;}
#optionList{left:79px;position:absolute;top:-185px; text-align:left; width:365px}
#optionList label{ width: 80px; display: block; }
#optionList select{ width: 160px; margin-bottom: 3px; }
#optionList1{ padding-bottom: 0px; width: 230px; float: left; padding-top: 4px;}
#optionList2{ width: 220px; float:left; padding-top: 8px; }
#optionList1 li{ padding-bottom: 3px;}
#optionList1 li.calc_email { padding: 5px 0 3px 0;}
#optionList1 li.calc_email span{ padding-right: 6px;}
input[type="checkbox"]{ position: relative; top: 2px; background: none !important;}

#nebenzeit_top{ color: #000; background: transparent url('../img/input_rechner_bg.gif') no-repeat 0 0; width:123px; height: 14px; border: 0; font-size: 8pt; padding-left: 5px; top: -2px; position: relative; line-height: 12px;}
#gewerbestrom_angebote_button{ position: absolute; top: -13px; left: 269px; }


/* _______________ Breadcrumb ______________ */
#breadcrumb{ padding: 8px 0 8px 0; }
#breadcrumb a{ font-size: 10pt; color: #3d6d92 important;  }


/* _______________ Rechner Ergebnis ______________ */
div.ergebnis_content{ padding-top:159px !important; border-top:0 !important;}
table.ergebnis {
border-bottom:1px solid #E2E2E2;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
text-align:left;
width:825px;
}
table.ergebnis thead tr { text-align:left;  } 
table.ergebnis thead tr th {
text-align:left;
padding-left:3px;
color:#656565;
font-weight:700;
border-left:1px solid #fff;

font-size:10px;
}
table.ergebnis tbody tr td { text-align:left; padding-left:6px; } 

a.icon_unterlagen { background:transparent; border:none; }
table.tarifergebnis { width:610px; text-align:center; font-size:9pt; }
table.tarifergebnis thead tr { text-align:center; background-color:#F2F2F2; } 
table.tarifergebnis thead tr th { text-align:center; padding-left:6px; color:#656565; font-weight:700;  }
table.tarifergebnis tbody tr td { padding-left:6px; text-align:center; padding:7px;}


table.ergebnis tr { border-bottom:1px solid #D44630;  vertical-align:middle; overflow:visible; height: 26px; }
table.ergebnis{ border-left: 1px solid #95B10C;}
table.ergebnis tbody tr td{ 
	font: 100 13px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #95B10C;
	border-bottom: 1px solid #95B10C;
	background: #fff;
	padding: 5px 3px 3px 10px;
	color: #000;
	vertical-align:middle;
}
table.ergebnis tbody tr td{ 
	font: 100 13px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #95B10C;
	border-bottom: 1px solid #95B10C;
	background: #fff;
	padding: 5px 3px 3px 10px;
	color: #656565;
	vertical-align:middle;
}
table.ergebnis tbody tr td.eAnmerkungen { font-size:8pt; font-weight:400; line-height:20px; vertical-align:top; } 
table.ergebnis tbody tr td.eNr { text-align:center!important; } 
table.ergebnis tbody tr td.eKosten { text-align:right!important; padding-left:2px; padding-right:20px; font-weight:400; }  
table.ergebnis tbody tr td.eAnbieter { font-weight:400; } 
table.ergebnis tbody tr td.eUnterlagen { color:#656565; text-align:center!important; background-color: #F8FDF6;}
table.ergebnis tbody tr td.eAnbieter a,.arrowBG {  text-decoration:none; color:#656565; background:transparent url(../img/small_arrow.gif) no-repeat 0 4px; padding-left:15px;}
table.ergebnis tbody tr td.eAnbieter a:hover{ text-decoration:underline; } 
table.ergebnis tbody tr td.eInfoLinks { vertical-align:top; padding:8px 0 0!important; } 
table.ergebnis tbody tr h3.eHeader { color:#656565; font-size:14pt; font-weight:700; margin-top:0; padding:15px 0; }
#loading { margin:0 auto; text-align:center; padding:30px 0; display:none; } 

/* _______________ Tooltip ______________ */
.tip { cursor:pointer; display: normal; }
#tooltip, .Remark{ 
	background:#F8FDF6 url(../img/hand.png) no-repeat 9px 24px; 
	position:absolute;
	border:1px solid #000;
	color:#656565;
	padding:25px 15px 10px 40px;
	font-size:12px;
	width:280px;
	z-index:9999;
	text-align:left;
	height:auto!important;
}
#tooltip p{  padding: 0 0 5px 0; }
#close_div{ position: relative; width: 100%; height: 0; }
#close_tooltip{ position: absolute; right: -8px; top: -17px; height: 10px; width: 10px; background: transparent url(../img/cross.png) no-repeat 0 0; font-size: 7pt; color: #777; text-indent: -45px; }
div#tooltip_loading{ background: transparent url('../img/tooltip_loader.gif') no-repeat 0 0;  height: 32px; width: 32px;}
.CustomRemarks{ position:relative;  }
.Remark{ 
	position: absolute; display:block; left: 30px; top: 15px; color:#111; 
	background:#F8FDF6 url(../img/hand.png) no-repeat 9px 24px; 
	border:1px solid #000;
	color:#656565;
	padding:25px 15px 10px 40px;
	font-size:10px;
	width:280px;
	text-align:left;
	z-index:100000;
	}
a.info {
position:relative;
top:0;
background:transparent url(../img/information.png) no-repeat 0 -4px;
width:14px;
height:15px;
margin-left:2px;
text-align:left;
display:block;
}

a.eInfo {
display:block;
vertical-align:top;
text-align:left;
border-bottom:1px dotted #000;
text-decoration:none;
color:#656565;
}

em.eInfo {
border-bottom:1px dotted #000;
background:transparent url(../img/info.gif) no-repeat 0 0;
padding-left:15px;
padding-bottom:2px;
}

a.info2 {
background:transparent url(../img/information.png) no-repeat 0 0;
width:14px;
height:19px;
display:block;
position:relative;
top:0;
left:0;
}

/* _______________ Comments ______________ */
#comments {
margin-right:15px;
border-top:1px solid #e9e9e9;
margin-top:20px;
width:600px;
padding-bottom:30px;
}

.commentV1,.commentV2 {
padding:5px 15px 0;
}

.commentV1 {
border-top:2px solid #000;
border-bottom:2px solid #000;
background-color:#f4ffef;
}

#comments h5 {
padding:25px 0 10px;
}

p.commentP {
border-bottom:1px solid #000;
}

p.commentC {
overflow:hidden;
}

p.commentP span {
padding-left:20px;
color:#444;
font-size:8pt;
font-weight:400;
}

p.commentP a {
color:#656565;
font-weight:700;
}

.commentInput {
clear:both;
padding:5px 0;
width:100%;
}

.commentInput label {
display:block;
float:left;
width:220px;
height:20px;
font-size:10pt;
line-height:25px;
}

.commentInput label span {
font-size:12pt;
color:#656565;
}

.commentInput label span.fine {
font-size:8pt;
color:#999;
}

.commentInput input {
display:block;
float:left;
width:280px;
height:20px;
padding-top:5px;
}

.commentInput textarea {
width:280px;
height:120px;
}

#submitComment {
padding-left:3px;
}

#submitComment p {
padding-top:25px;
}

#submitComment .submit {
padding-left:220px;
}
/* _______________ Stromlexikon ______________ */
.stromh1 { color:#656565!important;}
.lexikon_link{ font-size:12px;}

/* _______________ Newsübersicht ______________ */
#news_newest, #news_most{ width: 380px; float:left; margin-top: 5px;}
#news_newest{ width: 380px;} 
#news_newest ul, #news_most ul{ padding: 0; margin: 0; }
#news_newest ul li, #news_most ul li{ list-style-type: none !important; position:relative; padding: 3px 0 0 0; margin: 0;}
#news_newest div#n_count, #news_most div#n_count{ float:left; width: 20px;}
#news_newest h5 a span#span_nr, #news_most  h5 a span#span_nr{ color: #666; font-size: 11pt; position: relative; left: 0; top: 0;}
#news_newest h5 a span, #news_most h5 a span { color: #666; font-size: 7pt; font-weight: 100; position: relative; top:-4px; }
#news_newest h5 a,#news_most h5 a  { font-size: 9pt; text-decoration: none;  cursor: pointer;}
#news_newest h5, #news_most h5 { display:block; float:left; width: 345px; cursor: pointer;}

/* _______________ Tarifdetails ______________ */
#details_div3 h4,#details_div4 h4,#details_div5 h4 {
font-weight:700;
color:#097B01;
padding:15px 0;
font-size:12pt;
}

#details_div1,#details_div2,div.anbieterInfo div.anbieterInfoBox {
width:295px;
float:left;
padding-left: 5px;
}

#details_div1 {  margin-right:8px; }
#details_div1 table tr td{  padding: 5px; }

#details_div3 table thead tr th {
border-right:2px solid #fff;
text-align:center;
}

#details_div3 table tbody tr td,#details_div3 table thead tr,table.tarifergebnis tbody tr {
text-align:center;
}

#details_div4,#details_div3 {
margin-top:15px;
}

#details_div4 h5 {
padding:5px 0 5px 2px;
border-bottom:1px solid #e2e2e2;
}

#details_div5 {
margin-top:20px;
}

#details_div5 table thead tr,#details_div4 table thead tr,table.ergebnis tbody tr,.modul_small ul.navilinks {
text-align:left;
}

#details_div5 table thead tr th,#details_div4 table thead tr th {
border-right:2px solid #fff;
text-align:left;
}

#details_div5 table tbody tr td,#details_div4 table tbody tr td {
text-align:left;
width:200px;
}

#details_div5 h5 {
padding:5px 0 5px 2px;
}

#details_div h5,#details_div5 table,#details_div4 table,#details_div3 table,div.infografik p {
width:100%;
}
.remarks{ padding-top: 15px; }

/* _______________ Stromanbieterdetails ______________ */

#details_div1,#details_div2,div.anbieterInfo div.anbieterInfoBox {
width:295px;
float:left;
padding-left: 5px;
}
div.anbieterInfoBoxlogo {float:right;margin-top:-30px;padding-right:5px;}
div.anbieterInfo {height:auto;background:#F2F2F2;border:1px solid #d9d9d9;clear:both;padding: 5px 0 20px 10px;}
.ohne_padding { padding:0!important;}
div.werbungAnbieterInfo {
background-color:#fff;
width:295px;
height:295px;
margin:7px 0 0 7px;
}

div.plzEingabe {
height:auto;
background:#F2F2F2;
border:1px solid #d9d9d9;
clear:both;
font-size:10pt;
margin:17px 0 0;
}

div.plzFormField {
	padding-left:8px
}

div.plzFormField input {
width:100px;
}

div.plzFormField input.plzButton {
width:31px;
height:25px;
background:transparent url(../img/button_plz.gif) no-repeat 0 0;
border:none;
position:relative;
top:2px;
cursor:pointer;
}

#content_middle div.anbieterInfo h5{ font-size: 14pt; padding: 15px 0 15px 4px;}


/* _______________ Suchergebnis ______________ */

#suchergebnis h2{ padding: 0; font-size: 11pt; }
p.suchergebnis_headline{ padding: 12px 0 8px 0; font-size: 13pt !important; }

/* _______________ Lexikon______________ */
.lexikon_description{ width:232px; float:left; padding:5px 8px 5px 0px ;text-align:justify; }
.lexikon_column{ width:235px; float:left;padding:5px 5px 5px 5px ; }

table{ border-collapse: collapse; }
table#gewerbeform{ margin-top: 15px; }
table#gewerbeform tbody tr td { 
border:1px solid #A0C1FF; padding-left:10px;
background:#F3F9FF none repeat scroll 0 0;
text-align:left;
}
table#gewerbeform tbody td,table#gewerbeform tbody th { border-collapse:collapse; padding:5px 5px 5px 2px; }
table#gewerbeform select { width:300px !important; }
.tah10 { width:auto; }
td.tah10 p{ display:inline; }

/* _______________ Tarifdetails______________ */
table.tarifergebnis{ width: 100%; vertical-align:middle; }
table.tarifergebnis tbody tr td, table.tarifergebnis thead tr th {
border:1px solid #d9d9d9;
padding:7px;
text-align:center;
vertical-align:middle;
}
.stromanbieter_plz_hinweis{ font-size: 12pt; padding: 6px 0 6px 0; }
.stromanbieter_plz_hinweis span{ font-weight: bold; color: #ff780a; }

div.anbieterInfoBox {
float:left;
padding-left:5px;
width:295px;
}
div.anbieterInfoBox  table td, div.anbieterInfoBox  table th {
border:0 solid #000000;
border-collapse:collapse;
padding:5px 5px 5px 2px;
}

/* _______________ Star Rating ______________ */
ul.star-rating {
list-style-type:none;
margin:0;
padding:0;
width:170px;
height:31px;
position:relative;
background:url(../img/bewertungsstern_grau.gif) top left repeat-x;
}

.star-rating li {
list-style-type:none;
padding:0;
margin:0;
float:left;
}

.star-rating li a {
display:block;
width:33px;
height:31px;
text-decoration:none;
text-indent:-9000px;
z-index:20;
position:absolute;
padding:0;
}

.star-rating a.one-star {
left:0;
}

.star-rating a.one-star_checked {
width:33px;
background:url(../img/bewertungsstern_gold.gif) left bottom;
z-index:1;
left:0;
}

.star-rating a.two-stars {
left:66px;
}

.star-rating a.two-stars_checked {
width:33px;
}

.star-rating a.three-stars_checked {
width:66px;
}

.star-rating a.three-stars {
left:66px;
}

.star-rating a.four-stars {
left:54px;
}

.star-rating a.four-stars_checked {
width:72px;
}

.star-rating a.five-stars {
left:72px;
}

.star-rating a.five-stars_checked {
width:90px;
}

/*____ OVERLAY ____ */
/* use a semi-transparent image for the overlay */ 
a.zusammenfassung{ color:#656565; font-size:12px; padding: 8px 0 3px 0; display:block; text-decoration: underline; width: 135px; margin: 0 auto; text-align: center; }

a.zusammenfassung2{ color:#656565; font-size:12px; padding: 8px 0 3px 0; display:block; text-decoration: underline;  }
a.zusammenfassung2:hover{ color:#FE6734; }
a.zusammenfassung:hover{ color:#FE6734; }
a.zusammenfassung-loading{ padding-left: 10px; background:transparent url(../img/ajax-loader.gif) no-repeat 8px 5px!important; }

td.stromanbieter-tarifdetails a.zusammenfassung{ padding-left: 25px !important; padding-right: 25px !important; }
td.stromanbieter-tarifdetails a.zusammenfassung-loading{ padding-left: 25px !important; background:transparent url(../img/vergleichsanbieter_preloader.gif) no-repeat 0 5px;}

.tarif-zus { 
    text-align:left;
}
.dialog-table tr td{ padding-left: 10px; }
.dialog-table-headline{ padding-top: 0;  font-size: 14pt;}
.zebra{ background: #f2f2f2 url() repeat-x 0 0; }
.zebra-unterlagen td{  }
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}
.sLink_schwarz:link, .sLink_schwarz:hover,.sLink_schwarz:visited {
color:#656565;
font-weight:normal;
text-decoration:none;
}

/*____ Direktvergleich ____ */
#direktvergleich-submit {
background:url("../img/rechnerheader/button_vergleichen.gif") no-repeat scroll right center transparent;
border:0 none;
cursor:pointer;
height:30px;
left:226px;
position:relative;
text-align:left;
top:18px;
width:179px;
}
#direktvergleich-submit:hover{ color: #097B01; text-decoration: underline !important; }


.verbraucher_links{float:left; width:300px; font-weight:normal}
.verbraucher_rechts{float:left; margin-left:10px; width:300px;font-weight:normal}
.verbraucher_p{text-align:justify; font-weight:normal;padding-right:0px;}
ul.dash {list-style-type: none; margin: 0; padding: 0;}
ul.dash li {text-indent: -1.1em; padding-left: 10px; }
ul.dash li:before {content: "- "; }
.fine_text5{color:#888888;
display:block;
font-size:9px;
font-weight:100;
padding-left:17px;}
.keytop{ padding-top:13px}
.rechner_vb {color:#113344;font-size:14px;font-weight:800;padding-right:22px;padding-top:5px;text-align:right !important;}
.news_bild_kursiv{ font-style:italic; font-size:8pt}
.news_1 {padding-left:0px; padding-top:8px;padding-bottom:8px;}
.news_1_left {float:left;width:204px;overflow:hidden}
.news_1_right {margin-left:4px;float:left;width:362px;overflow:hidden;border-left:1px dotted #888888; padding-left:6px;}
.news_2_left {float:left;width:360px;overflow:hidden}
.news_2_right {margin-left:4px;float:right;width:360px;overflow:hidden;border-left:1px dotted #888888; padding-left:6px;}
.news_3 {font-size:10pt!important;letter-spacing:-0.5px!important;}
.news_4 {color:#656565; font-size:7pt;}
.werbung_bg { background:url("../img/stromsparprodukte.jpg") repeat scroll 0 0 transparent;height:250px;width:300px;}
input#stromverbrauch  { background:url("../img/icon_kwh.gif") no-repeat scroll right 7px #fff;
}
.linktip{ text-decoration:none!important;}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #F8FDF6;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #F8FDF6;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(../images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(../images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(../images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(../images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(../images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(../images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(../images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(../images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}