*{margin:0; padding:0; border:0;} body{background:#f6f6f6 url(img/bg.png) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; color:#747373; font-size:11px; height:100%;} h1{color:#00a5e2; font-size:30px; line-height:30px;} h2{color:#00a5e2; font-size:20px; line-height:20px;} h3{ font-size:12px; margin-bottom:5px;} p{ margin-bottom:10px;} a{outline:none; color:#747373; } p a, li a, label a{color:#00a5e2; text-decoration:none;} p a:hover, li a:hover, label a:hover{text-decoration:underline;} input, textarea{float:left; margin-right:4px; margin-bottom:6px; border:1px solid #dadada; font-size:11px; width:210px; background-color:#fff;} textarea{padding:3px 2px 3px 3px;} html>body input{background:#fff url(img/input.png) no-repeat top left; border-top:0; border-left:0; padding:3px;} html>body input:focus{background-color:#D1E5F3;} html>body input:focus.fehler{color:#000;} input.radio{border:0; width:auto; background:none; border:none;} input.fehler{background-color:#f00;border: #f00 solid 1px;color:#fff;} textarea.fehler{background-color:#f00;border: #f00 solid 1px;color:#fff;} .fehlermeldung {color: Red;font-weight: bold;} .klein {font-size: 9px;} html>body fieldset.disabled input{background:#eee url(img/input.png) no-repeat top left;} label{ float:left; margin-bottom:6px;} fieldset{border:0; padding-left:10px; margin-bottom:10px; display:inline-block; overflow:hidden;} fieldset label{width:140px;} fieldset label.lang{width:335px;} label.strom{color:#00a5e2; font-weight:bold;} input.strom{background-color:#D4D9C1;} label.gas{color:#9B0E18; font-weight:bold;} input.gas{background-color:#D4A481;} hr{color:#ccc; background:#ccc; border:0; height:1px; margin-bottom:10px;} .skip, .skiplogo{position:absolute; display:none; left:-2000px;} .breaker{ clear:both; height:0; font-size:1px; line-height:1px; overflow:hidden;} #seite{margin-left:55px; background:#fff url(img/fuss.gif) no-repeat bottom left; width:884px; position:relative;} #flash{position:absolute; left:-55px; top:0; width:300px; height:500px;} #flashcontent {overflow:hidden;} #logo{position:absolute; left:-39px; top:0; width:60px; height:57px; display:block; background:url(img/logo.png) no-repeat;} #mike{position:absolute; left:-55px; top:58px;} /*278px*/ #seitennavi1, #seitennavi2, #seitennavi3{position:absolute; top:65px; right:23px; width:112px; height:64px;display:block; background:url(img/seitennavi.png) no-repeat;} #seitennavi2{ background-position:0 -64px;} #seitennavi3{ background-position:0 -128px;} #nav_main { float:right; padding-right:35px; height:39px; width:625px; position:relative; z-index:1000;} #nav_main ul { white-space: nowrap; line-height: 11px; list-style:none;} #nav_main li { float:right; background: #fff url("img/menu_re.gif") no-repeat bottom left; height:39px; margin-left:2px;} #nav_main a { float:right; display:block; color:#747373; height:19px; text-transform:uppercase; background: transparent; background: url("img/menu_li.gif") no-repeat bottom right; text-decoration:none; font-size:10px; padding:20px 10px 0 10px; font-weight:normal; width: auto; /* nur IE 5.x */ width/**/:/**/ .1em; /* für IE 6.0 */} #nav_main > ul a {width:auto;} /* für alle anderen Browser */ /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav_main a {float:none;} /* End IE5-Mac hack */ #nav_main li:hover, #nav_main li:hover a { background-position:0 0; color:#fff;} #nav_main li:hover a { background-position:100% 0; color:#fff;} #nav_main .aktiv { background-position:top left;} #nav_main .aktiv a { background-position:top right; color:#fff;} #nav_main a:hover { color:#fff; background-color: transparent; background: url("img/menu_li.gif") no-repeat top right; } #nav_main .aktiv { background-image: url("img/menu_re.gif"); border-width:0 } #nav_main .aktiv a { color:#fff; background-image: url("img/menu_li.gif"); } #content{ padding-left:223px; position:relative; width:650px;} #box_klein_schmal{ width:160px; height:30px; padding:10px 20px; margin:44px 8px 8px 0; float:left; position:relative; background:url(img/box_klein_schmal.jpg) no-repeat;} #box_klein_breit{ width:379px; height:30px; padding:10px 20px; margin:44px 8px 8px 0; float:left; position:relative; background:url(img/box_klein_breit.jpg) no-repeat;} #box_gross_schmal{ width:160px; height:420px;min-height:420px; padding:20px; margin:0 8px 8px 0; float:left; position:relative; background:url(img/box_gross_schmal.jpg) no-repeat; } html>body #box_gross_schmal{ height:auto} #box_gross_breit{ width:379px; height:420px;min-height:420px; padding:20px; margin:0 8px 8px 0; float:left; position:relative; background:url(img/box_gross_breit.jpg) no-repeat; } html>body #box_gross_breit{ height:auto} #mike_klein{position:absolute; left:0; margin-top:30px;} a.button{float:right; width:73px; height:22px; display:block; position:relative; background:url(img/buttons/Button_Weiter.gif) no-repeat 0 0;} a.button_back{float:left; width:73px; height:22px; display:block; position:relative; background:url(img/buttons/Button_Zurueck.gif) no-repeat 0 0;} a.button_drucken{float:right; width:86px; height:22px; display:block; position:relative; background:url(img/buttons/Button_Drucken.gif) no-repeat 0 0;} a.button_geschaeftskunde{float:right; width:140px; height:22px; display:block; position:relative;background:url(img/buttons/Button_Geschaeftskunden.gif) no-repeat 0 0;} a.button_berechnen{float:right; width:140px; height:22px; display:block; position:relative;background:url(img/buttons/Button_Berechnen.gif) no-repeat 0 0;} a.button_null_co2{float:right; width:115px; height:22px; display:block; position:relative;background:url(img/buttons/Button_CO2.gif) no-repeat 0 0;} input.button_senden{float:right; width:122px; height:22px; display:block; position:relative; border:none;background:url(img/buttons/Button_AntragSenden.gif) no-repeat 0 0;} input.button_submit{float:right; width:88px; height:22px; display:block; position:relative; border:none;background:url(img/buttons/senden.gif) no-repeat 0 0;} input.button_schritt2{float:right; width:77px; height:22px; display:block; position:relative; border:none;background:url(img/buttons/Button_Schritt2.gif) no-repeat 0 0;} input.button_schritt3{float:right; width:73px; height:22px; display:block; position:relative; border:none;background:url(img/buttons/Button_Schritt3.gif) no-repeat 0 0;} input.button_weiter{float:right; width:73px; height:22px; display:block; position:relative; background:url(img/buttons/Button_Weiter.gif) no-repeat 0 0;} input.button_wechseln{float:right; width:122px; height:22px; display:block; position:relative;border:none;background:url(img/buttons/Button_JetztWechseln.gif) no-repeat 0 0;} input.button_zusammenfassung{float:right; width:147px; height:22px; display:block; position:relative; border:none;background:url(img/buttons/Button_Zusammenfassung.gif) no-repeat 0 0;} input.button_ais{float:right; width:179px; height:22px; display:block; position:relative; border:none;background:url(img/buttons/Button_AIS.gif) no-repeat 0 0;} input.button_back{float:left; border:0; width:73px; height:22px; display:block; position:relative; background:url(img/buttons/Button_Zurueck.gif) no-repeat 0 0;} input.button_berechnen{float:left; width:98px; height:22px; display:block; position:relative;border:none;background:url(img/buttons/Button_Berechnen.gif) no-repeat 0 0;} input.button_erneutberechnen{float:left; width:140px; height:22px; display:block; position:relative;border:none;background:url(img/buttons/Button_ErneutBerechnen.gif) no-repeat 0 0;} input.button_abbrechen{float:left; width:98px; height:22px; display:block; position:relative;border:none;background:url(img/buttons/Button_Abbrechen.gif) no-repeat 0 0;} #weicht_ab {margin-right: 10px;margin-top: 5px; position:absolute; left:180px;} #footer{width:894px; text-align:right; padding-top:15px;} #footer a{ color:#6F767A; padding-left:10px; font-weight:bold; text-decoration:none;} #footer a:hover{ text-decoration:underline;} /* h1 */ #jetzt{width:221px; height:30px; margin-bottom:20px;} html>body #jetzt{background:url(img/jetzt_wechseln.png) no-repeat center left;} #wechsel{width:314px; height:25px; margin-bottom:20px;} html>body #wechsel{background:url(img/hier_online_wechseln.png) no-repeat center left;} #abschluss{width:258px; height:46px; margin-bottom:20px;} html>body #abschluss{background:url(img/online_wechsel_abschluss.png) no-repeat center left;} #facts{width:160px; height:30px;} html>body #facts{background:url(img/hundert_prozent.png) no-repeat center left;} #pressestimmen{width:173px; height:30px;} html>body #pressestimmen{background:url(img/pressestimmen.png) no-repeat center left;} #oder_offline{width:134px; height:30px;} html>body #oder_offline{background:url(img/oder_offline.png) no-repeat center left; } #wie_guenstig{width:150px; height:30px;} html>body #wie_guenstig{background:url(img/wie_guenstig.png) no-repeat center left; } #hilfe{width:134px; height:30px;} html>body #hilfe{background:url(img/hilfe.png) no-repeat center left; } #option{width:134px; height:30px;} html>body #option{background:url(img/option.png) no-repeat center left; } #tarifrechner{width:188px; height:30px; margin-bottom:20px;} html>body #tarifrechner{background:url(img/tarifrechner.png) no-repeat center left; } #treue{width:200px; height:30px; margin-bottom:20px;} html>body #treue{background:url(img/treue.png) no-repeat center left; } #warum{width:335px; height:50px; margin-bottom:20px;} html>body #warum{background:url(img/warum_sich_der_wechsel_fuer_Sie_lohnt.png) no-repeat center left; } #vertriebsgebiet{width:233px; height:30px; margin-bottom:20px;} html>body #vertriebsgebiet{background:url(img/vertriebsgebiet.png) no-repeat center left; } #uebersicht{width:233px; height:30px; margin-bottom:20px;} html>body #uebersicht{background:url(img/uebersicht.png) no-repeat center left; } #danke{width:219px; height:50px; margin-bottom:20px;} html>body #danke{background:url(img/danke.png) no-repeat center left; } #danke2{width:200px; height:30px; margin-bottom:20px;} html>body #danke2{background:url(img/danke2.png) no-repeat center left; } #kunden_login{width:250px; height:30px; margin-bottom:20px;} html>body #kunden_login{background:url(img/kunden_login.png) no-repeat center left; } #login{width:150px; height:30px; margin-bottom:20px;} html>body #login{background:url(img/login.png) no-repeat center left; } #wohin_wechseln{width:300px; height:50px; margin-bottom:20px;} html>body #wohin_wechseln{background:url(img/wohin_wechseln.png) no-repeat center left; } #was_wechseln{width:256px; height:50px; margin-bottom:20px;} html>body #was_wechseln{background:url(img/was_wollen_sie_wechseln.png) no-repeat center left; } #prozent{width:250px; height:30px; margin-bottom:20px;} html>body #prozent{background:url(img/100prozent.png) no-repeat center left; } #neue_produkte{width:300px; height:50px; margin-bottom:20px;} html>body #neue_produkte{background:url(img/neue_produkte.png) no-repeat center left; } #energie{width:310px; height:30px; margin:0 0 20px 0; padding:0;} html>body #energie{background:url(img/energie.png) no-repeat center left; } #wechsel_strom{width:250px; height:30px; margin-bottom:20px;} html>body #wechsel_strom{background:url(img/wechselstrom.png) no-repeat center left; } #wechsel_gas{width:250px; height:30px; margin-bottom:20px;} html>body #wechsel_gas{background:url(img/wechselgas.png) no-repeat center left; } #kontakt{width:250px; height:30px; margin-bottom:20px;} html>body #kontakt{background:url(img/kontakt.png) no-repeat center left; } #agb{width:250px; height:30px; margin-bottom:20px;} html>body #agb{background:url(img/agbs.png) no-repeat center left; } #agbklein{width:250px; height:18px; margin:10px 0;} html>body #agbklein{background:url(img/agbklein.png) no-repeat center left; } #faq{width:300px; height:50px; margin-bottom:20px;} html>body #faq{background:url(img/faq_h1.png) no-repeat center left; } #impressum{width:300px; height:50px; margin-bottom:20px;} html>body #impressum{background:url(img/impressum.png) no-repeat center left; } #presse{width:300px; height:50px; margin-bottom:20px;} html>body #presse{background:url(img/presse.png) no-repeat center left; } #jobs{width:300px; height:50px; margin-bottom:20px;} html>body #jobs{background:url(img/jobs.png) no-repeat center left; } #ihre_anfrage{width:250px; height:30px; margin-bottom:20px;} html>body #ihre_anfrage{background:url(img/ihre_anfrage.png) no-repeat center left; } #sherlock{width:250px; height:40px; margin-bottom:20px;} html>body #sherlock{background:url(img/sherlock.png) no-repeat center left; } #sherlock2{width:173px; height:19px; margin-top:1.5em; margin-bottom:.5em;} html>body #sherlock2{background:url(img/sherlock_teaser.png) no-repeat center left; } #mehr_energie{width:400px; height:50px; margin-bottom:20px;} html>body #mehr_energie{background:url(img/mehr_energie.png) no-repeat center left; } #datenschutz{width:400px; height:30px; margin-bottom:20px;} html>body #datenschutz{background:url(img/datenschutz.png) no-repeat center left; } #thermografie{width:400px; height:50px; margin-bottom:20px;} html>body #thermografie{background:url(img/thermografie.png) no-repeat center left; } #energieberatung{width:400px; height:60px; margin-bottom:20px;} html>body #energieberatung{background:url(img/energieberatung.png) no-repeat center left; } #messgeraeteverleih{width:400px; height:60px; margin-bottom:20px;} html>body #messgeraeteverleih{background:url(img/messgeraeteverleih.png) no-repeat center left; } /* h2 */ h2{width:375px; height:30px; margin-bottom:20px;} html>body #ihre_daten{background:url(img/daten.png) no-repeat top left; margin-bottom:40px;} html>body #waehlen_sie{background:url(img/waehlen_sie_ein_produkt.png) no-repeat top left;} html>body #persoenliche_daten{background:url(img/ihre_persoenlichen_daten.png) no-repeat top left;} html>body #ihre_persoenliche_daten{background:url(img/persoenliche_daten.png) no-repeat top left;} html>body #lieferanschrift{background:url(img/lieferanschrift.png) no-repeat top left;} html>body #postanschrift{background:url(img/postanschrift.png) no-repeat top left; margin-bottom:0; position:relative;} #postanschrift2{background:url(img/postanschrift.gif) no-repeat top left;} html>body #ihre_wahl, html>body #ihre_wahl2{background:url(img/ihre_wahl.png) no-repeat top left; margin-bottom:40px;} html>body #lieferung{background:url(img/lieferung.png) no-repeat top left; margin-bottom:40px;} html>body #zahlungsweise{background:url(img/zahlungsweise.png) no-repeat top left; margin-bottom:40px;} html>body #bisheriger_anbieter{background:url(img/bisheriger_anbieter.png) no-repeat top left;} html>body #beginn{background:url(img/beginn_der_lieferung.png) no-repeat top left;} html>body #beginngas{background:url(img/beginn_der_lieferung_gas.png) no-repeat top left;} html>body #konto{background:url(img/konto.png) no-repeat top left;} html>body #agb{background:url(img/agbs.png) no-repeat top left;} html>body #bisherige{background:url(img/bisherige.png) no-repeat top left;} html>body #jahresverbrauch{background:url(img/jahresverbrauch.png) no-repeat top left;} html>body #bisheriger_strom{background:url(img/bisheriger_strom.png) no-repeat top left;} html>body #bisheriger_erdgas{background:url(img/bisheriger_erdgas.png) no-repeat top left;} html>body #faq_1{background:url(img/faq_1.png) no-repeat top left;} html>body #faq_2{background:url(img/faq_2.png) no-repeat top left;} html>body #faq_3{background:url(img/faq_3.png) no-repeat top left;} html>body #faq_4{background:url(img/faq_4.png) no-repeat top left;} html>body #dienstleistungen_in_Anspruc{background:url(img/dienstleistungen_in_Anspruc.png) no-repeat top left;} /* label */ #wechselstrom, #wechselstrom_selected, #wechselstrom_selected2, #wechselstrom_natur{width:117px; height:17px;margin-right:15px; background:url(img/select_wechselstrom.gif) no-repeat top left; } #wechselgas, #wechselgas_selected, #wechselgas_selected2{width:97px; height:17px;margin-right:15px; background:url(img/select_wechselgas.gif) no-repeat top left; } #beides{width:51px; height:11px;} html>body #beides{background:url(img/beides.png) no-repeat top left; } #strom{width:64px; height:14px;} html>body #strom{background:url(img/strom.png) no-repeat top left; } #gas{width:72px; height:19px;} html>body #gas{background:url(img/gas.png) no-repeat top left; } #pic_online{ padding-left:40px; min-height:50px; position:relative;} html>body #pic_online{background:url(img/pic_online.png) no-repeat top left; } #online_wechseln{ width:152px; height:14px; margin-bottom:5px;} html>body #online_wechseln{background:url(img/online_wechseln.png) no-repeat top left; } #pic_anrufen{ padding-left:40px; min-height:50px; position:relative;} html>body #pic_anrufen{background:url(img/pic_tel.png) no-repeat top left; } #anrufen{ width:77px; height:14px; margin-bottom:5px;} html>body #anrufen{background:url(img/anrufen.png) no-repeat top left; } #pic_faxen{ padding-left:40px; min-height:50px; position:relative;} html>body #pic_faxen{background:url(img/pic_fax.png) no-repeat top left; } #faxen{ width:57px; height:14px; margin-bottom:5px;} html>body #faxen{background:url(img/faxen.png) no-repeat top left; } #pic_senden{ padding-left:40px; min-height:50px; position:relative;} html>body #pic_senden{background:url(img/pic_mail.png) no-repeat top left; } #zusenden{ width:89px; height:14px; margin-bottom:5px;} html>body #zusenden{background:url(img/zusenden.png) no-repeat top left; } #geldrolle {margin: 0px; left: 590px;width:325px;height:248px;background: url(img/geldrolle.png);}