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

body, html{ height: 100%;}

a { color:#3d6d92; text-decoration: none;}
a:hover{ text-decoration: underline; }
a.sLink{ color: #557689; text-decoration:none;}
a.sLink2{ color: #527789; text-decoration:none;}
h3 { font-size:14pt; color:#557689;font-weight:700; padding:0;  margin:0; }
p.bold{ font-weight: bold; }
.redLabel{ padding: 5px; border-top: 1px solid #d33232; border-bottom: 1px solid #d33232; background-color: #ffe7e7; margin: 4px 0 4px 0; }
.fine_text{ color: #999; font-size: 7pt !important; }
.lightBlueBG{ background-color: #e6fbff; }
th.lightBlueBG{ padding: 5px 0 5px 0; }
.ui-dialog td, .ui-dialog th{ padding:5px 5px 5px 2px; vertical-align:middle; }
.leftAlign{ text-align: left !important; }

h5.fadein_news{ cursor:pointer; }
.news_datum {
color:#999999 !important;
}
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:#000000;
text-decoration:none;
}
div.newsheadlinesBox a {
border-bottom:1px dotted #777777;
color:#557689;
cursor:pointer;
display:block;
font-size:11pt;
font-weight:700;
padding:5px 0 0;
text-decoration:none;
}
#head_neu{ height:410px; 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;}
#bg{
	background: #ffffff url(../img/header_bg.jpg) no-repeat top center;
	margin: 0 auto; text-align: center; width: 99%; height: auto;
	padding: 0;
}
#werbung_top{
	background: #ffffff url(../img/header_ads/standard_ads_header_bg.jpg) no-repeat top center;
	margin: 0 auto; text-align: center; width: 99%; 	padding: 0;
}
.werbung {
width:300px;
height:250px;
float:left;
padding:0 5px 15px 0;
}
#werbung3 {
position:absolute;
top:65px;
left:0;
}
#rechner_gross_links{ float:left; height:400px; width:749px; padding-top:10px;}
#rechner_gross_rechts{ float:left; height:420px; width:240px; padding-left:0;}
#rechner_background_gross{ background-image:url(../img/stromtarife_header/stromrechner_background.jpg); width:749px; height:400px}
#rechner_background_gross_neu{ background-image:url(../img/stromtarife_header_neu.jpg); width:749px; height:400px}
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: 1200px; margin: 0 auto; text-align:center; height: auto; clear:both;}
#startseite_wrapper{ width: 1000px; height: auto; text-align:left; float:left;}
.link_sw{ color:#000000; 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; }


#content{ border-top: 1px solid #e7e7e7; height:100%; }
#content_left, #content_middle, #content_right{ float:left; padding-top: 10px;}

#content_left{ width: 197px; height: 600px;	padding-right: 5px; }
#content_middle{ width: 545px; padding: 0 5px 0 0px; position: relative; font-size: 10pt;}
#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; }
#content_middle p{  font-size: 10pt; padding-right: 15px;}
#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: 238px; padding-right: 5px; }

#content_middle.two_column{ width: 742px; }


#footer {
		background: #fff url('../img/footer_background.gif') repeat-x 0 0;
		height: 17px; width: 100%;
		color: #000;
		text-align: center;
		padding-top: 5px;
		display: block;
		clear:left;
		font-size:11px;
}

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 { width:525px; float:none; padding-top:0; margin-top:0; font-size:8pt; color: #689; }
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; }
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 a{ color: #0055bc; font-size: 9pt; text-decoration:none; font-weight: bold; }*/
.nachrichtBox h5 { padding-bottom: 5px; color: #0055bc; 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: #345667; font-size: 10pt; }

div.nachrichtBox_top{ width: 544px; height: 4px; background: transparent url('../img/stromnews_box_background_top.jpg') no-repeat 0 0;}
div.nachrichtBox_middle{ padding: 3px 5px 0 8px; width: 528px; background: #f7f7f7 url('../img/stromnews_box_inner.jpg') repeat-x 0 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
div.nachrichtBox_bottom{ width: 544px; height: 4px; background: transparent url('../img/stromnews_box_background_bottom.jpg') no-repeat 0 0; }


/* _______________  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:#000; position:relative; top:-25px; left:145px; display:block;}

/* _______________  Footer Mainpage ______________ */
#sub_footer{ padding: 8px 0 8px 0; }
#footer_1_buttons{ width:100%; border-bottom:1px solid #e7e7e7; }
a.footer_1_btn{ color: #557689; font-size: 8pt;  }
p#footer_1_btn1{ display: block; width:280px; 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:255px; 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:#557689;}
#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: 221px; padding-left: 17px; }
.twache_top{ height: 23px; background: transparent url('../img/box_twache_top.gif') no-repeat 0 0; }
.twache_middle{ height: auto; background: transparent url('../img/box_tarifueberwachung_background_center.gif') repeat-y 0 0;padding-top: 8px; }
.twache_bottom{ height: 4px; background: transparent url('../img/box_tarifueberwachung_background_bottom.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: 11pt; padding:5px 5px 9px 6px; color: #285186;}

/* _______________ Rechner ______________ */
div.rechner{ position:relative; }
div.rechner h2{ color:#113344;font-size:32px;padding:10px 11px 12px 38px; }
div#family_links { height:85px; left:24px; position:absolute;top:98px; 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:96px; }
div#family_links a#f2 { width:96px; }
div#family_links a#f3 { width:96px; }
div#family_links a#f4 { width:97px; }

#submit_btn_main{ background: transparent url('../img/stromtarife_header/button_stromtarife_vergleichen.jpg') no-repeat 0 0; z-index: 60; width:395px; height:40px; border: 0; position: absolute; top: 331px; left: 24px; cursor: pointer;}
#submit_btn_main:hover{ background: transparent url('../img/stromtarife_header/button_stromtarife_vergleichen.jpg') no-repeat 0 -42px; }

#rechner_left{ color:#FFFFFF; left:28px; 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:28px; position:absolute; top:198px; width:408px; }
#rechner_left_2 input  {border:0 none;color:#999999;font-size:10pt;height:19px;margin-top:3px;padding-left:5px;width:180px;}
#rechner_left_2 label{ color: #134; font-size: 11px; } 

#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{ padding:25px 25px 5px 25px; border: 1px solid #cdd9e2; background:#E7F1F8 none repeat scroll 0 0; width: 460px;  border-top:0;}
#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 { width:735px; text-align:left;  }
table.ergebnis thead tr { text-align:left;  } 
table.ergebnis thead tr th { text-align:left; padding-left:6px; color:#000; padding: 2px 2px 2px 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:#bdd7e6; } 
table.tarifergebnis thead tr th { text-align:center; padding-left:6px; color:#000; 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 #c9d7e7;}
table.ergebnis thead tr th{ 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #4d6e95;
	border-right: 1px solid #c9d7e7;
	border-bottom: 1px solid #c9d7e7;
	border-top: 1px solid #c9d7e7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 5px 3px 3px 10px;
	vertical-align:middle;
	background: #c9d7e7 url(../img/table_bg_header.jpg) repeat-x 0 0;
}
table.ergebnis tbody tr td{ 
	font: 100 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #c9d7e7;
	border-bottom: 1px solid #c9d7e7;
	background: #fff;
	padding: 5px 3px 3px 10px;
	color: #34557c;
	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:#000; text-align:center!important; background-color: #e7f1f8;}
table.ergebnis tbody tr td.eAnbieter a,.arrowBG {  text-decoration:none; color:#000; 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:#557689; 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:#f1f6f9 url(../img/hand.png) no-repeat 9px 24px; 
	position:absolute;
	border:1px solid #34557C;
	color:#34557C;
	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:#f1f6f9 url(../img/hand.png) no-repeat 9px 24px; 
	border:1px solid #34557C;
	color:#34557C;
	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 #34557C;
text-decoration:none;
color:#000;
}

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

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 #34557C;
border-bottom:2px solid #34557C;
background-color:#f4ffef;
}

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

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

p.commentC {
overflow:hidden;
}

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

p.commentP a {
color:#000;
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:#34557C;
}

.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 { font-size:16px; font-weight:800}*/
.lexikon_link{ font-size:12px;}

/* _______________ Newsübersicht ______________ */
#news_newest, #news_most{ width: 315px; float:left; margin-top: 5px;}
#news_newest{ width: 305px;} 
#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: 272px; 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.anbieterInfo {
height:auto;
background:url(../img/anbieterBG.gif) repeat-y right top;
border:1px solid #d9d9d9;
clear:both;
padding: 5px 0 20px 10px;
}

div.werbungAnbieterInfo {
background-color:#fff;
width:295px;
height:295px;
margin:7px 0 0 7px;
}

div.plzEingabe {
height:auto;
background:url(../img/anbieterBG.gif) repeat-y right top;
border:1px solid #d9d9d9;
clear:both;
font-size:10pt;
margin:17px 0 0;
}

div.plzFormField {
position:relative;
left:426px;
width:300px;
}

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:#34557C; font-size:12px; padding: 8px 0 3px 0; display:block; text-decoration: underline; width: 135px; margin: 0 auto; text-align: center; }
a.zusammenfassung:hover{ color:#FE6734; }
a.zusammenfassung-loading{ padding-left: 10px; background:transparent url(../img/vergleichsanbieter_preloader.gif) no-repeat 8px 5px; }

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:#000;
font-weight:normal;
text-decoration:none;
}

/*____ Direktvergleich ____ */
#direktvergleich-submit{
background:transparent url(../img/icon_pfeil.jpg) no-repeat scroll right 5px;
border:0 none;
cursor:pointer;
font-size:8pt;
font-weight:bold;
height:21px;
left:100px;
margin:-3px 0 0;
position:relative;
text-align:left;
width:183px;
}
#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;}
.rechner_vb {color:#113344;font-size:16px;font-weight:800;padding-right:22px;padding-top:5px;text-align:right !important;width:200px;}
.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:220px;overflow:hidden}
.news_1_right {margin-left:4px;float:left;width:480px;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:#000; 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 transparent;
}