@charset "utf-8";
/* CSS Document */

/* LAYOUT */
            .ads_head {text-align: center;}
			* { padding: 0; margin: 0;}
			html {background: #fff url(images/bk.png) repeat-x; font-family: Verdana, Helvetica, Arial, sans-serif;}
			#wrapper {margin: 0 auto; width: 960px;}
			#wrapper_start {margin: 0 auto; width: 960px;}
			#wrapper ul {list-style-type:none;}
			#wrapper_start ul {list-style-type:none;}
			#logo {margin:12px 10px 8px 0; padding-top:10px;}
			#logo a , #logo_center a {border:none; background:none; text-decoration:none; color:#b4b4b4;}
			#logo_left {float:left; background-image:url(images/nl_left.gif); background-repeat:no-repeat; height:21px; width:4px;}
			#logo_center {float:left; background-image:url(images/nl_mid.gif); background-repeat:repeat-x; height:21px; width:940px; font-size:10px; padding-top:3px;}
			#logo_center_start {float:left; background-image:url(images/nl_mid.gif); background-repeat:repeat-x; height:21px; width:940px; font-size:10px; padding-top:3px;}
			#logo_right {float:left; background-image:url(images/nl_right.gif); background-repeat:no-repeat; height:21px; width:4px;}
			#header {color:#333; width:950px; float:left;  margin: 5px 0 20px 0px;}
			.stromvergleich #header,
			.stromanbieter #header,
			.hochseilgarten #header,
			#left {width: 225px; float: left; margin: 10px 10px 10px 0;}
			#content {width: 520px; float: left; margin: 10px; display: inline; font-size:11px;}
			#content ul {border:none; border-bottom: 0px solid #B4B4B4; list-style-type:none;}
			/*#content li {padding-bottom:1px; background:transparent url(images/nav-hr.png) 0 bottom no-repeat;} */
			#content li a {background:url(images/bk-links.png) no-repeat 10px 5px; padding:8px 8px 8px 30px; color:#707070; font-size:12px;  text-decoration: none;}
			#right {width: 165px; float: left; margin: 10px 0px 10px 10px; font-size:10px;}
            .ref {width: 165px; float: left; margin: 10px 0px 10px 10px; font-size:10px;}
			#content, #left, #right {margin-bottom:50px;}
			#content .mod_article {margin-bottom:2.5em;}
			#content #beschreibung {position: absolute; left: -1000em;width: 20em;}
			#content_weit {width: 700px; float: left; margin: 10px; display: inline; font-size:11px;}
			.abstand_top {width:100%; height:10px; border-top:solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
			.abstand_bottom {clear:both; width:100%; height:10px; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
			a {color:#000; text-decoration:none;}
			.grundversorger_links {float:left;}
			.grundversorger_rechts {width:12px; height:13px; overflow:hidden; float:left; margin-top:1px; margin-right:3px; margin-left: 5px;cursor:default; background-image:url(http://www.stromsparer.com/ttinc/css/strom/img/icon_help.gif); background-repeat:no-repeat;}
            .faq, .news {display: none;}
            #faq ul {border:none; list-style-type:none;}
            #faq li a {background:url(images/bk-links.png) no-repeat 10px 5px; padding:6px 2px 2px 30px; color:#707070; font-size:12px;  text-decoration: none;}
            .news a {text-decoration:underline;}
            .letzte {font-size: 12px; padding: 5px 10px 0px 0px;}
            #letzte {display: none;}
            #letzte ul {border:none; list-style-type:none;}
            #letzte li a {background:url(images/bk-links.png) no-repeat 10px 5px; padding:6px 2px 2px 30px; color:#707070; font-size:12px;  text-decoration: none;}
            h1 {font-size: 12px;}

/* Start info*/
.start-info {
    margin-left: 15px;
}
.start-info-left {
    float: left;
    width: 150px;
    height: 380px;
    border: solid 1px #CCCCCC;
    padding: 5px;
    margin-right: 5px;  
}            

/* Start Start */
.start-start-left {
	float: left;
	width: 330px;
    border: solid 1px #CCCCCC;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 9px;
}
.start-start-right {
	float: left;
}          
.start-start-right-up {
	clear: both;
	width: 150px;
    border: solid 1px #CCCCCC;
	padding: 5px;
	margin-bottom: 5px;
}

/* Stromanbieter Tarife */
.anbieter-stromtarife {
    padding: 5px;
}

.anbieter-stromtarife-left {
    float: left;
    width: 250px;
}

.anbieter-stromtarife-right {
    float: left;
    text-align: right;
    width: 250px;
}

.triangle-5 {
    background: url(images/triangle-5.png) no-repeat 5px 5px; padding:0px 2px 2px 15px;
}

/* Tabelle lokal */
.tabelle_lokal {
    text-align: center;
}
.tabelle_lokal td, th{
    vertical-align: top;
}

/* Layer */
div#loadingscreen #blacklayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.7;
    z-index: 10000;
}

div#loadingscreen #loadinganimation {
    width: 486px;
    height: 280px;
    /*background: url('images/ajax-loader.gif') left top no-repeat;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    margin-left: -243px;
    z-index: 10001;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#loadingscreen #loadinganimation p {
    color: white;
    margin-left: 30px;
    margin-right: 30px;
}

div#loadingscreen #loadinganimation p.head {
    font-size: 20px;
    padding-top: 15px;
}

div#loadingscreen #loadinganimation p.list {
    padding-left: 30px;
    /*background: url('bgr_loading_list.jpg') left top no-repeat;*/
    margin-bottom: 7px;
    margin-top: 0;
}

div#loadingscreen #loadinganimation p.animation,div#loadingscreen #loadinganimation p.image,div#loadingscreen #loadinganimation p.foot
    {
    text-align: center;
}

div#loadingscreen #loadinganimation p.foot {
    font-size: 16px;
}		

/* NAVIGATION */			
			.mod_navigation {font-size:1.1em;}
			.mod_navigation a {border:none;} /* Borderreset*/
			.mod_navigation a.invisible {display:none;} /*Korrektur der Darstellung bei IE6*/

			.mod_navigation ul {border: 1px solid #B4B4B4;} /*Umgebender Rahmen*/
			.mod_navigation ul li.last ul {border:none;} /*Kein Rahmen bei letztem Element*/
			.mod_navigation li a {display:block; text-decoration: none;}

			.mod_navigation .level_1 ul {border:none; border-bottom: 1px solid #B4B4B4;} /*Nicht vererben / Rahmen unten*/
			.mod_navigation .level_1 li {padding-bottom:1px; background:transparent url(images/nav-hr.png) 0 bottom no-repeat;} /*Trennelement für die einzelnen Navigationspunkte*/
			.mod_navigation .level_1 li.submenu {padding-bottom:0; background:none;} /*Kein Trenner bei aktivem Navigationspunkt*/
			.mod_navigation .level_1 li.last {padding-bottom:0; background:none;} /*Kein Trenner bei letztem Navigationspunkt*/
			
			.mod_navigation .level_2 ul {border: none; border-bottom:1px solid #828282;} /*Kein doppelter Rahmen, Rahmen unten*/
			.mod_navigation .level_2 li,
			.mod_navigation .level_2 li.last {padding:0; background:#F9F9F9 url(images/bk-links-hr.png) 8px 0 no-repeat;}
			.mod_navigation .level_2 li.first {background-image: none; border-top:1px solid #828282;} 
			.mod_navigation .level_2 li a { background:url(images/bk-links.png) no-repeat 10px 5px; padding:8px 8px 8px 30px; color:#707070; font-size:12px;}
			.mod_navigation .level_2 li a:hover {background: transparent url(images/bk-links.png) no-repeat 10px -46px; color:#000;}
			.mod_navigation .level_2 li.active p {background:#d4dfc0 url(images/bk-links.png) no-repeat 10px -96px; color:#2a321b; padding:8px 10px 8px 30px; font-weight:bold; border-bottom:1px solid #828282; border-top: 1px solid #828282; border-left:none; border-right:none; }/*Rahmen oben und unten*/
			.mod_navigation .level_2 li.active p.first {border-top:none; } /* Kein doppelter Rahmen bei ersten Element*/
			.mod_navigation .level_2 li.trail a.submenu {background:#d4dfc0 url(images/bk-links.png) no-repeat 10px -96px; color:#000;padding:8px 10px 8px 30px;}
			.mod_navigation .level_2 li.trail a.submenu {border-bottom:1px solid #828282; border-top: 1px solid #828282; border-left:none; border-right:none;}/*Rahmen oben und unten*/
			
			.mod_navigation .level_3 {padding:4px 0 5px 0; background: #eff2e9;} /*Abstand oben und unten*/
			.mod_navigation .level_3 li {background: #eff2e9;}
			.mod_navigation .level_3 li.first {border:none;}
			.mod_navigation .level_3 li.last {padding-bottom:6px; background: #eff2e9; background-image:none; } /*Ausblenden des Hintergrundbildes aus Level_2*/
			.mod_navigation .level_3 li.first.active {border:none;}
			.mod_navigation .level_3 li.first p.active {background:url(images/bk-links-level3.gif) no-repeat 10px -98px; padding:6px 8px 7px 30px;}
			.mod_navigation .level_3 li.last p.active {background:url(images/bk-links-level3.gif) no-repeat 10px -98px; padding:6px 8px 7px 30px;}
			.mod_navigation .level_3 li a {background:url(images/bk-links-level3.gif) no-repeat 10px 4px; padding:6px 8px 6px 30px; font-weight:normal; color:#737967;}
			.mod_navigation .level_3 li a:hover {background: #eff2e9 url(images/bk-links-level3.gif) no-repeat 10px -47px; color:#2a321b;}
			.mod_navigation .level_3 li.active p {background:url(bk-links-level3.gif) no-repeat 10px -98px; padding:6px 0px 7px 30px; border:none; font-weight:bold; color:#2a321b;}
			.mod_navigation .level_3 li.active p.first {border:none; }/* Kein Rahmen bei ersten Element*/

			
			
			/* NAVIGATION - HAUPTPUNKTE */
			
            .mod_navigation .level_1 li a.stromtarifrechner,
            .mod_navigation .level_1 li p.stromtarifrechner {background:transparent url(images/nav-stromtarifrechner.png) 0 0 no-repeat; height:55px; text-indent: -5000px; }
            .mod_navigation .level_1 li a.stromtarifrechner:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li a.stromtarifrechner.trail {background-position:0 -110px;}
            .mod_navigation .level_1 li a.stromtarifrechner.trail:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li p.stromtarifrechner {background-position:0 -110px;}
            
            .mod_navigation .level_1 li a.gasanbietervergleich,
            .mod_navigation .level_1 li p.gasanbietervergleich {background:transparent url(images/nav-gastarifvergleich.png) 0 0 no-repeat; height:55px; text-indent: -5000px; }
            .mod_navigation .level_1 li a.gasanbietervergleich:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li a.gasanbietervergleich.trail {background-position:0 -110px;}
            .mod_navigation .level_1 li a.gasanbietervergleich.trail:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li p.gasanbietervergleich {background-position:0 -110px;}
            						
			.mod_navigation .level_1 li a.stromvergleich,
			.mod_navigation .level_1 li p.stromvergleich {background:transparent url(images/nav-stromvergleich.png) 0 0 no-repeat; height:55px; text-indent: -5000px; }
			.mod_navigation .level_1 li a.stromvergleich:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li a.stromvergleich.trail {background-position:0 -110px;}
			.mod_navigation .level_1 li a.stromvergleich.trail:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li p.stromvergleich {background-position:0 -110px;}
			
			.mod_navigation .level_1 li a.stromanbieter,
			.mod_navigation .level_1 li p.stromanbieter {background:transparent url(images/nav-stromanbieter.png) 0 0 no-repeat; height:55px; text-indent: -5000px; }
			.mod_navigation .level_1 li a.stromanbieter:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li a.stromanbieter.trail {background-position:0 -110px;}
			.mod_navigation .level_1 li a.stromanbieter.trail:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li p.stromanbieter {background-position:0 -110px;}
			
			.mod_navigation .level_1 li a.stromtarife,
			.mod_navigation .level_1 li p.stromtarife {background:transparent url(images/nav-stromtarife.png) 0 0 no-repeat; height:55px; text-indent: -5000px; }
			.mod_navigation .level_1 li a.stromtarife:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li a.stromtarife.trail {background-position:0 -110px;}
			.mod_navigation .level_1 li a.stromtarife.trail:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li p.stromtarife {background-position:0 -110px;}
			
			.mod_navigation .level_1 li a.strompreise,
			.mod_navigation .level_1 li p.strompreise {background:transparent url(images/nav-strompreise.png) 0 0 no-repeat; height:55px; text-indent: -5000px;}
			.mod_navigation .level_1 li a.strompreise:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li a.strompreise.trail {background-position:0 -110px;}
			.mod_navigation .level_1 li a.strompreise.trail:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li p.strompreise {background-position:0 -110px;}
			
            .mod_navigation .level_1 li a.newsmenu,
            .mod_navigation .level_1 li p.newsmenu {background:transparent url(images/nav-stromnachrichten.png) 0 0 no-repeat; height:55px; text-indent: -5000px;}
            .mod_navigation .level_1 li a.newsmenu:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li a.newsmenu.trail {background-position:0 -110px;}
            .mod_navigation .level_1 li a.newsmenu.trail:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li p.newsmenu {background-position:0 -110px;}
            
            .mod_navigation .level_1 li a.fragen,
            .mod_navigation .level_1 li p.fragen {background:transparent url(images/nav-fragen.png) 0 0 no-repeat; height:55px; text-indent: -5000px;}
            .mod_navigation .level_1 li a.fragen:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li a.fragen.trail {background-position:0 -110px;}
            .mod_navigation .level_1 li a.fragen.trail:hover {background-position:0 -55px;}
            .mod_navigation .level_1 li p.fragen {background-position:0 -110px;}
            
			.mod_navigation .level_1 li a.kontakt,
			.mod_navigation .level_1 li p.kontakt {background:transparent url(images/nav-kontakt.png) 0 0 no-repeat; height:55px; text-indent: -5000px;}
			.mod_navigation .level_1 li a.kontakt:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li a.kontakt.trail {background-position:0 -110px;}
			.mod_navigation .level_1 li a.kontakt.trail:hover {background-position:0 -55px;}
			.mod_navigation .level_1 li p.kontakt {background-position:0 -110px;}
			
/* Rechner */
            .rechner_untergrund {background: url(http://www.stromsparer.com/images/untergrund_verlauf.png) 0 0 repeat-x;}
			#search_result {display: none; z-index:1000; position:absolute; background: url(http://www.stromsparer.com/images/untergrund_verlauf.png) 0 0 repeat-x; margin-left:138px; border: solid 1px #999; padding: 10px; background-color: #FFF; text-decoration: none;}
            #tt_strom_result_zipCode_input_field_rech, #art_strom, .art_verbrauch {font-size: 11px;}
            .rechner_suche {clear:both;}
/* FOOTER */	
 			#footer {color:#5a5a5a; height:250px;margin: 0 auto; padding: 50px 0 55px 0;clear:both; font-size:10px;}
			#footer h4 {font-size:1.4em; margin-bottom:8px;}
			#footer a:link, #footer a:visited {border:none; text-decoration:none; color: #5a5a5a}
			#footer a:hover {color: #000; background-color: #eee; border-color:#000;}			
			#footer #sub {width:800px; margin: 50px auto; border-top:1px solid #ddd;}
			#footer #sub_2 {width:800px; margin: 50px auto;}
			#footer #sub_start {width:800px; margin: 50px auto; border-top:1px solid #ddd;}
			#footer #sub_2_start {width:800px; margin: 50px auto;}
            #footer #copyright {float:left; padding:5px 0 0 0; }
			#footer #footernav {float:right; padding:5px 0 0 0;}

/* Beschreibung */
			.beschreibung {}
			.beschreibung_links {width: 300px; height: 300px; float:left;}
			.beschreibung_rechts {width: 300px; float:left; margin-left:5px}
            .stromanbieter_untergrund {background: url(http://www.stromsparer.com/images/untergrund_verlauf.png) 0 0 repeat-x; padding-left: 10px; width: 500px;}