object { outline:none; } a:focus, object:focus, input:focus { outline: none; -moz-outline-style: none; } .areaBorder { border: 1px solid #f00; } body { background:#FFF url(../images/bg_kachel.jpg) repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande"; font-size:12px; line-height:18px; margin:0; padding:0 0 30px 0; } h1 { color:#000000; font-size:20px; margin:0 0 8px 0; font-weight:bold; } h2 { color:#000000; font-size:14px; font-weight:normal; margin:0; padding-bottom:16px; border-bottom:solid 1px #7F7F7F; margin-bottom:20px; } h3 { margin:0; padding:0; font-size:14px; font-weight:bold; } h3 span { display:none; } ul { list-style-position:outside; list-style-type:none; margin:0; padding:0; } img { border:none; } .wrap { position:relative; margin:0 auto; width:998px; } /* #logo { padding:0px 0 93px 0; } #logo a { display:inline-block; width:235px; height:92px; overflow:hidden; background:url(../images/ewi_logo2.jpg) no-repeat right top; } #logo a:hover { padding-right:216px; } #logo a img, .gewerbe #logo a img { width:235px; height:92px; border:0; margin-left:0; position:static; } */ #shoparrow { position: absolute; height: 32px; width: 50px; background: transparent url(../images/navi/navi_shop_arrow.png) 0 0 no-repeat; left: 362px; top: 72px; z-index: 99999; } #logo { padding:0px 0 93px 0; /* background: transparent url(../images/navi/navi_shop_glow.png) 290px 22px no-repeat; */ } #logo a { display:inline-block; width:481px; height:92px; overflow:hidden; } #logo a:hover { width:auto; } #logo a img, .gewerbe #logo a img { /* width:550px; */ height:92px; border:0; margin-left:0; position:static; } #lang { position:absolute; top:14px; right:23px; width:auto; height:11px; } #lang li { width:16px; height:11px; float:left; margin-left:4px; background-repeat:no-repeat; background-position:left top; display:block; } #lang li a { width:16px; height:11px; background-repeat:no-repeat; background-position:left top; background-image:none; display:block; text-indent:-200px; overflow:hidden; } #lang_dt { background-image:url(../images/navi/flags/de_2.gif); } #lang_dt.active a, #lang_dt a:hover { background-image:url(../images/navi/flags/de_1.gif); } #lang_tr { background-image:url(../images/navi/flags/tr_2.gif); } #lang_tr.active a, #lang_tr a:hover { background-image:url(../images/navi/flags/tr_1.gif); } #search { position:absolute; left:830px; top:40px; } #searchterm { border:solid 1px #636363; background:#000000; color:#FFFFFF; width:142px; height:18px; } #search .submit, #content.searchresult input.submit { width:12px; height:12px; border:0; background:url(../images/icon_lupe.gif) no-repeat; position:relative; left:5px; top:4px; cursor:pointer; } #topnavi { position:absolute; left:0; top:92px; background:url(../images/navi_kachel.jpg) repeat-x; height:43px; width:998px; } #topnavi ul { width:auto; height:43px; } #topnavi li { height:15px; margin:0 0 0 25px; padding:13px 0 14px 25px; background:url(../images/navi/navi_trennlinie.jpg) no-repeat left 7px; } #topnavi #company li { margin:0 16px 0 0; padding:13px 16px 14px 0; background:url(../images/navi/navi_trennlinie.jpg) no-repeat right 7px; } #topnavi li:first-child, #topnavi li.first { background:none; margin-left:0; } #topnavi #company li:first-child, #topnavi #company li.first { background:none; margin-left:0; padding-right:0; } #topnavi a { display:block; float:left; height:15px; text-decoration:none; } #topnavi a:focus { color:transparent; } #topnavi a span { display:none; } #topnavi #main_strom a { background-image:url(../images/navi/navi_ebene1_strom_normal.gif); background-repeat:no-repeat; width:48px; } #topnavi #main_strom a:hover { background-image:url(../images/navi/navi_ebene1_strom_hover.gif); background-repeat:no-repeat; width:48px; } #topnavi #main_strom.selected a, #topnavi #main_strom.selected a:hover { background-image:url(../images/navi/navi_ebene1_strom_aktiv.gif); background-repeat:no-repeat; width:48px; } #topnavi #main_gas a { background-image:url(../images/navi/navi_ebene1_gas_normal.gif); background-repeat:no-repeat; width:28px; } #topnavi #main_gas a:hover { background-image:url(../images/navi/navi_ebene1_gas_hover.gif); background-repeat:no-repeat; width:28px; } #topnavi #main_gas.selected a, #topnavi #main_gas.selected a:hover { background-image:url(../images/navi/navi_ebene1_gas_aktiv.gif); background-repeat:no-repeat; width:28px; } #topnavi #main_kundenservice a { background-image:url(../images/navi/navi_ebene1_kundenservice_normal.gif); background-repeat:no-repeat; width:118px; } #topnavi #main_kundenservice a:hover { background-image:url(../images/navi/navi_ebene1_kundenservice_hover.gif); background-repeat:no-repeat; width:118px; } #topnavi #main_kundenservice.selected a, #topnavi #main_kundenservice.selected a:hover { background-image:url(../images/navi/navi_ebene1_kundenservice_aktiv.gif); background-repeat:no-repeat; width:118px; } #topnavi #main_shop a { background-image:url(../images/navi/navi_ebene1_shop_normal.png); background-repeat:no-repeat; width:37px; } #topnavi #main_shop a:hover { background-image:url(../images/navi/navi_ebene1_shop_hover.png); background-repeat:no-repeat; width:37px; } #topnavi #main_shop.selected a, #topnavi #main_shop.selected a:hover { background-image:url(../images/navi/navi_ebene1_shop_aktiv.png); background-repeat:no-repeat; width:37px; } body.gewerbe #topnavi #main_strom a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_strom_hover.gif); background-repeat:no-repeat; width:48px; } body.gewerbe #topnavi #main_strom.selected a, body.gewerbe #topnavi #main_strom.selected a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_strom_active.gif); background-repeat:no-repeat; width:48px; } body.gewerbe #topnavi #main_gas a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_gas_hover.gif); background-repeat:no-repeat; width:28px; } body.gewerbe #topnavi #main_gas.selected a, body.gewerbe #topnavi #main_gas.selected a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_gas_active.gif); background-repeat:no-repeat; width:28px; } body.gewerbe #topnavi #main_kundenservice a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_kundenservice_hover.gif); background-repeat:no-repeat; width:118px; } body.gewerbe #topnavi #main_kundenservice.selected a, body.gewerbe #topnavi #main_kundenservice.selected a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_kundenservice_active.gif); background-repeat:no-repeat; width:118px; } body.gewerbe #topnavi #main_shop a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_shop_hover.png); background-repeat:no-repeat; width:37px; } body.gewerbe #topnavi #main_shop.selected a, body.gewerbe #topnavi #main_shop.selected a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_shop_active.png); background-repeat:no-repeat; width:37px; } #topnavi #company #switch_button { margin-right:0; margin-left:8px; padding-top:11px;} #topnavi #company #switch_button a { background-image:url(../images/navi/btn_geschaeftskunden.jpg); background-repeat:no-repeat; width:100px; height:19px; } #topnavi #company #switch_button a:hover { background-image:url(../images/navi/btn_geschaeftskunden_hover.jpg); background-repeat:no-repeat; width:100px; height:19px; } body.gewerbe #topnavi #company #switch_button a { background-image:url(../images/navi/btn_privatkunden.jpg); background-repeat:no-repeat; width:100px; height:19px; } body.gewerbe #topnavi #company #switch_button a:hover { background-image:url(../images/navi/btn_privatkunden_hover.jpg); background-repeat:no-repeat; width:100px; height:19px; } #topnavi #company #company_presse { background:url(../images/navi/navi_trennlinie_gewerbe.jpg) no-repeat right 1px; padding-top:0px; padding-bottom:28px; padding-right:20px; } #topnavi #company #company_presse.selected { padding-right:8px; } #topnavi #company_presse a { background-image:url(../images/navi/navi_ebene1_presse_normal.gif); background-repeat:no-repeat; width:46px; margin-top:13px; } #topnavi #company_presse a:hover { background-image:url(../images/navi/navi_ebene1_presse_hover.gif); background-repeat:no-repeat; width:46px; } #topnavi #company_presse.selected a, #topnavi #company_presse.selected a:hover { background-image:url(../images/navi/navi_ebene1_presse_aktiv.gif); background-repeat:no-repeat; width:46px; margin-top:4px;} #topnavi #company_unternehmen a { background-image:url(../images/navi/navi_ebene1_unternehmen_normal.gif); background-repeat:no-repeat; width:93px; } #topnavi #company_unternehmen a:hover { background-image:url(../images/navi/navi_ebene1_unternehmen_hover.gif); background-repeat:no-repeat; width:93px; } #topnavi #company_unternehmen.selected a, #topnavi #company_unternehmen.selected a:hover { background-image:url(../images/navi/navi_ebene1_unternehmen_aktiv.gif); background-repeat:no-repeat; width:93px; } #topnavi #company_kontakt a { background-image:url(../images/navi/navi_ebene1_kontakt_normal.gif); background-repeat:no-repeat; width:53px; } #topnavi #company_kontakt a:hover { background-image:url(../images/navi/navi_ebene1_kontakt_hover.gif); background-repeat:no-repeat; width:53px; } #topnavi #company_kontakt.selected a, #topnavi #company_kontakt.selected a:hover { background-image:url(../images/navi/navi_ebene1_kontakt_aktiv.gif); background-repeat:no-repeat; width:53px; } #topnavi #company_faq a { background-image:url(../images/navi/navi_ebene1_faq_normal.gif); background-repeat:no-repeat; width:25px; } #topnavi #company_faq a:hover { background-image:url(../images/navi/navi_ebene1_faq_hover.gif); background-repeat:no-repeat; width:25px; } #topnavi #company_faq.selected a, #topnavi #company_faq.selected a:hover { background-image:url(../images/navi/navi_ebene1_faq_aktiv.gif); background-repeat:no-repeat; width:25px; } body.gewerbe #topnavi #company #company_presse { background:url(../images/navi/navi_trennlinie_gewerbe.jpg) no-repeat right 1px; padding-top:0px; padding-bottom:28px; padding-right:20px; } body.gewerbe #topnavi #company #company_presse.selected { padding-right:28px; } body.gewerbe #topnavi #company_presse a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_presse_hover.gif); background-repeat:no-repeat; width:46px; } body.gewerbe #topnavi #company_presse.selected a { background-image:url(../images/navi/gewerbe/navi_ebene1_presse_active.gif); background-repeat:no-repeat; width:46px; margin-top:4px;} body.gewerbe #topnavi #company_unternehmen a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_unternehmen_hover.gif); background-repeat:no-repeat; width:93px; } body.gewerbe #topnavi #company_unternehmen.selected a { background-image:url(../images/navi/gewerbe/navi_ebene1_unternehmen_active.gif); background-repeat:no-repeat; width:93px; } body.gewerbe #topnavi #company_kontakt a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_kontakt_hover.gif); background-repeat:no-repeat; width:53px; } body.gewerbe #topnavi #company_kontakt.selected a { background-image:url(../images/navi/gewerbe/navi_ebene1_kontakt_active.gif); background-repeat:no-repeat; width:53px; } body.gewerbe #topnavi #company_faq a:hover { background-image:url(../images/navi/gewerbe/navi_ebene1_faq_hover.gif); background-repeat:no-repeat; width:25px; } body.gewerbe #topnavi #company_faq.selected a { background-image:url(../images/navi/gewerbe/navi_ebene1_faq_active.gif); background-repeat:no-repeat; width:25px; } #topnavi li.selected { height:25px; padding:4px 0 0 4px; margin-right:-22px; } #topnavi #company li.selected { height:25px; padding:4px 4px 0 4px; margin-left:-18px; } #topnavi li.selected a { float:left; background-color:white; padding:10px 12px 12px 12px; border:solid #B1B1B1; border-width:1px 1px 0 1px; background-position:center 9px; } #topnavi #main li.selected a { padding:10px 21px 12px 21px; } #topnavi #main { float:left; background:url(../images/navi_anfang.jpg) no-repeat left top; width:auto; } #topnavi #main li { float:left; } #topnavi #company { width:auto; float:right; background:url(../images/navi/navi_ende.jpg) no-repeat right top; padding-right:20px; } #topnavi #company li { float:right; } #topsubnavi { position:absolute; top:134px; width:996px; height:22px; padding-top:4px; background:white; border:solid #B1B1B1; border-width:0 1px 1px 1px; visibility:visible; } #topsubnavi li { float:left; margin:0 12px 0 10px; padding:2px 0 0 0; } #topsubnavi li a { font-size:12px; text-decoration:none; color:#000000; font-weight:bold; } #topsubnavi li a:hover, #topsubnavi li.active a { color:#DD127B; } body.gewerbe #topsubnavi li a:hover, body.gewerbe #topsubnavi li.active a { color:#199EE0; } #subnavi { float:left; position:absolute; left:16px; top:0px; z-index:10; } #subnavi li { float:left; background:url(../images/navi/navi_ebene3_anfang.gif) no-repeat left 0px; padding:0 0 0 11px; margin-right:-6px; margin-top:2px; height:20px; overflow:hidden; text-align:center; } #subnavi li:first-child, #subnavi li.first { background:none; padding-left:0; } #subnavi a { text-decoration:none; color:black; font-size:11px; line-height:13px; padding:0 11px 0 0; font-weight:normal; background:url(../images/navi/navi_ebene3_ende.gif) no-repeat right 0px; display:block; text-align:center; } #subnavi li:first-child a span, #subnavi li.first a span, #subnavi li:first-child.active a span, #subnavi li.first.active a span { padding-left:11px; } #subnavi a:hover { color:#FFFFFF; } #subnavi a span { display:block; background:url(../images/navi/navi_ebene3_kachel.jpg) repeat-x right; padding:3px 3px 4px 3px; cursor:pointer; min-width:81px; text-align:center; } #subnavi li.active { margin-top:0px; background:url(../images/navi/navi_ebene3_aktiv_anfang.gif) no-repeat left; height:22px; } #subnavi li.active a { background:url(../images/navi/navi_ebene3_aktiv_ende.gif) no-repeat right top; cursor:default; } #subnavi li.active a:hover { color:black; } #subnavi li.active a span { background:white; cursor:default; padding:5px 3px 4px 3px; } #contentwrap { clear:both; position:relative; float:left; background:url(../images/bg_kachel_innen.jpg) repeat-x; padding-left:16px; margin-bottom:0px; } #content { float:left; background:white; width:688px; padding:26px 24px 24px 24px; margin-bottom:30px; min-height:424px; margin-top:22px; } #content a { text-decoration:none; } #content ul { } #content li { background:url(../images/icon_haeckchen.gif) no-repeat left top; padding:3px 0 10px 45px; } #content a:hover { text-decoration:underline; } #content img.left { float:left; margin:3px 15px 10px 0; } #content h3 { margin-bottom:10px; } #content form h3 { margin-bottom:0px; } #content p { padding:0; margin:0 0 25px 0; } #righttab { /* background:url(../images/bg_teaser.png) no-repeat; */ width:246px; float:left; /* margin-top:-18px; */ padding-bottom:40px; } #righttab div { width:236px; background:url(../images/box_header.png) no-repeat left top; padding:20px 0 0 0; margin:0; } #righttab div#flashteaser { background:url(../images/righttab/flashteaser_hintergrund.jpg) no-repeat; margin-top:0px; padding:2px 0 7px 5px; height:142px; } #righttab div#verivoxteaser{ margin-top:0px; padding:0; } #righttab div div { width:236px; padding:0 0 12px 0; background:url(../images/box_footer.png) no-repeat left bottom; } #righttab div div div { width:236px; background:url(../images/box_kachel.png) repeat-y; padding:0 0 7px 0; } #righttab div div div div { width:210px; background:url(../images/box_header2.png) no-repeat; padding:0 14px 0 12px; color:white; } #righttab .wsv{ width: auto; background:url(../images/box_header2.png) no-repeat; color: white; padding: 0; } #righttab .wsv a { background:url(../images/righttab/startseite/wsv.png) no-repeat; display: block; text-decoration: none; width: 236px; height: 134px; } #righttab .tgasflamme2 { padding-top:12px; padding-bottom: 3px; } #righttab .tgaslacht { padding-left: 15px; } #righttab .teservice { padding-top: 0px; } .testsiegel img:first-child, .verivoxteaser img:first-child{ margin:0 12px 0 3px; } #gasflamme { position: absolute; padding: 0px; padding-left: 0px !important; background: none !important; } .gasflamme { height: 258px; } .einpreisteaser img:first-child{ margin:9px 12px 0 0; } #righttab.start div#einpreisteaser { margin-top: -4px; } #righttab div div div div.tarifrechner { position:relative; width:200px; padding-left:22px; } div.tarifrechner h3 { background:url(../images/righttab/headline_tarif_berechnen.gif) no-repeat; width:188px; height:51px; padding-bottom:14px; margin-bottom:16px; border-bottom:solid 1px #4C4C4C; } div.tarifrechner.strom h3{ background:url(../images/righttab/headline_strompreis_berechnen.gif) no-repeat; } div.tarifrechner.gas h3 { background:url(../images/righttab/headline_gaspreis_berechnen.gif) no-repeat; } div.tarifrechner input, #righttab div.tarifrechner form.gewerbe #postalcode, #righttab div.tarifrechner form.gewerbe #verbrauch { border:0; padding:1px 2px; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } div.tarifrechner label { font-weight:bold; font-size:24px; margin-right:6px; } div.tarifrechner .normlabel { display:block; width:188px; font-size:11px; padding:8px 0 4px 0; font-weight:bold; margin-bottom:0; } #plz_label { border:0; margin-top:14px; } #plz_label.scripted { border-top:solid 1px #4C4C4C; } #postalcode, #verbrauch, #verbrauch_strom, #verbrauch_gas, #postalcodeStrom, #postalcodeGas { width:162px; border:0; } select.gruppe { width:160px; } form.gewerbe select.gruppe { width:166px; } /* #content.start form.gewerbe #postalcode, #content.start form.gewerbe #verbrauch_strom, #content.start form.gewerbe #verbrauch_gas { width:163px; } */ #tarifrechner_strom, #tarifrechner_gas { margin-right:12px; } div.tarifrechner ul, #sem2 #Stromrechner ul, #sem3 #Stromrechner ul, #lp #Gasrechner ul, #lp #Stromrechner ul { height:34px; padding-left:3px; } #sem3 #Stromrechner ul, #lp form.pk #Stromrechner ul { width:144px; } #lp form.gk ul { width: 165px; } #lp form.gk li { float: left; padding: 0; } div.tarifrechner li, #sem2 #Stromrechner li, #sem3 #Stromrechner li, #lp #Stromrechner form.pk li { float:left; width:15px; height:34px; background:url(../images/righttab/icon_figur_dunkel.gif) no-repeat; margin-right:1px; } #sem2 #Stromrechner li { margin-top:3px; background:url(../images/sem/icon_figur_dunkel.gif) no-repeat; } #sem3 #Stromrechner li, #lp #Stromrechner form.pk li { background:url(../images/sem/sem3_icon_figur_dunkel.gif) no-repeat; } div.tarifrechner li.active { background:url(../images/righttab/icon_figur_hell.gif) no-repeat; } #sem2 #Stromrechner li.active { background:url(../images/sem/icon_figur_hell.gif) no-repeat; } #lp #Stromrechner form.pk li.active, #sem3 #Stromrechner li.active { background:url(../images/sem/sem3_icon_figur_hell.gif) no-repeat; } div.tarifrechner li span, #lp #Stromrechner li span, #sem2 #Stromrechner li span, #sem3 #Stromrechner li span { display:none; } div.tarifrechner form.gewerbe li { width:23px; height:33px; margin-right:1px; } div.tarifrechner form.gewerbe li#step1 { background:url(../images/righttab/inactive_1.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step1.active { background:url(../images/righttab/active_1.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step2 { background:url(../images/righttab/inactive_2.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step2.active { background:url(../images/righttab/active_2.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step3 { background:url(../images/righttab/inactive_3.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step3.active { background:url(../images/righttab/active_3.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step4 { background:url(../images/righttab/inactive_4.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step4.active { background:url(../images/righttab/active_4.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step5 { background:url(../images/righttab/inactive_5.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step5.active { background:url(../images/righttab/active_5.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step6 { background:url(../images/righttab/inactive_6.jpg) no-repeat; } div.tarifrechner form.gewerbe li#step6.active { background:url(../images/righttab/active_6.jpg) no-repeat; } #righttab div div div div.tarifrechner #slider-bg-strom, #sem2 #slider-bg-strom, #lp #slider-bg-strom, #sem3 #slider-bg-strom { position: relative; background:url(../images/righttab/slider_linie.gif) left 35px no-repeat; height:45px; width:132px; padding:0 0 0 32px; margin-top:-27px; cursor:pointer; } #lp #sem_form_gas.gk #slider-bg-gas, #lp #sem_form_strom.gk #slider-bg-strom { background:url(../images/startseite/slider_linie.gif) 3px 35px no-repeat; position: absolute; left: 0px; top: 15px; width:165px; height:40px; padding:0 0 0 00px; margin:0px; } #lp #sem_form_gas.gk #slider-line-gas { top: 36px; left: 27px; width: 135px; } #lp #sem_form_gas.gk #slider-thumb-gas { top: 31px; } #righttab div div div div.tarifrechner #slider-bg-gas, #lp #slider-bg-strom, #sem2 #slider-bg-gas, #sem3 #slider-bg-strom { position: relative; background:url(../images/righttab/slider_linie_qm.gif) no-repeat 0 7px transparent; width:186px; height:18px; padding:0 0 0 10px; margin:0px; } #righttab div div div div.tarifrechner #slider-bg-gas { width:140px; } #lp #slider-bg-strom, #sem3 #slider-bg-strom { width:144px; position: absolute; height: 40px; top: 0px; left: 0px; } #lp #slider-bg-strom {top: 37px;} #lp #slider-bg-strom #slider-line-strom {top:8px;} #lp #slider-bg-strom #slider-thumb-strom {top:3px;} #lp .gk #slider-bg-strom #slider-line-strom {top:36px;} #lp .gk #slider-bg-strom #slider-thumb-strom {top:30px;} #righttab div div div div.tarifrechner form.gewerbe #slider-bg-gas { padding-left:23px; background-position:left 8px; } #righttab div div div div.tarifrechner form.gewerbe #slider-bg-strom { padding-left:23px; } #righttab div div div div.tarifrechner #slider-bg-strom #slider-thumb-strom, #righttab div div div div.tarifrechner #slider-bg-gas #slider-thumb-gas { position: absolute; background:none; top: 31px; padding:0; width:7px; height:14px; cursor:pointer; } #righttab div div div div.tarifrechner #slider-bg-gas #slider-thumb-gas { top:2px; } #righttab div div div div.tarifrechner form.gewerbe #slider-bg-gas #slider-thumb-gas { top:4px; } #righttab div div div div.tarifrechner #slider-bg-strom #slider-line-strom, #righttab div div div div.tarifrechner #slider-bg-gas #slider-line-gas, #sem2 #slider-line-strom, #sem2 #slider-line-gas, #lp #slider-line-strom, #lp #slider-line-gas, #sem3 #slider-line-strom, #sem3 #slider-line-gas { position: absolute; background:black; top: 36px; left:35px; padding:0; width:113px; height:3px; overflow:hidden; } #lp form.gk #slider-line-gas, #lp form.gk #slider-line-strom { left: 27px; width: 135px; } #righttab div div div div.tarifrechner #slider-bg-gas #slider-line-gas { width:131px; left:17px; top:8px; } #righttab div div div div.tarifrechner form.gewerbe #slider-bg-gas #slider-line-gas { width:118px; left:30px; top:9px; } #righttab div div div div.tarifrechner form.gewerbe #slider-bg-strom #slider-line-strom { left:25px; width:123px; } #slider-value-strom, #slider-converted-value-strom, #slider-value-gas, #slider-converted-value-gas { display:none; } #righttab div div div div.tarifrechner div#sliderStrom, #righttab div div div div.tarifrechner div#sliderGas { padding:0; margin:0; background:none; } #righttab .sliderWrap { background:none; padding:0; margin:0; position:relative; left:0px; top:0px; height:135px; } #righttab div div div div.tarifrechner div#sliderStrom, #righttab div div div div.tarifrechner div#sliderGas { position:absolute; left:0px; top:0px; } #righttab div div div div.tarifrechner div#sliderGas { visibility:hidden; } #righttab div div div div.tarifrechner div#sliderGas input#qm, #sem2 #sliderGas input#qm, #lp #sliderGas input#qm, #sem3 #sliderGas input#qm { width:30px; margin:0 0 0 5px; position:relative; top:-6px; text-align:right; } #righttab div div div div.tarifrechner div#sliderGas #qm_label, #lp #sliderGas #qm_label, #sem2 #sliderGas #qm_label, #sem3 #sliderGas #qm_label { margin:0 5px 0 2px; font-size:13px; position:relative; top:-3px; } #righttab .submit { width:156px; height:20px; background:url(../images/righttab/btn_jetzt_berechnen.gif) no-repeat; margin:20px 0 10px 12px; cursor:pointer; } #righttab div div div div.tariffragen{ width:200px; padding-left:22px; } div.tariffragen h3 { background:url(../images/righttab/headline_fragen_tarife.gif) no-repeat; width:188px; height:15px; padding-bottom:9px; margin-bottom:9px; border-bottom:solid 1px #4C4C4C; } div#kwk h3{ background:url(../images/righttab/kunden_werben.gif) no-repeat; width:178px; height:19px; border-bottom:solid 1px #4C4C4C; padding-bottom:9px; margin-bottom:9px; padding-left:0; margin-left:0; } div.tariffragen h3 span, div.kontakt_neu h3 span { display:none; } div.tariffragen li, div.kontakt_neu li { padding-left:20px; font-weight:bold; margin-bottom:8px; } div#kwk li { margin-bottom:0; } div#kwk li.mail a { padding-left:20px; display:block; line-height:1.2; } div#kwk ul{ list-style-position:outside; } div.tariffragen li a, div.kontakt_neu li a { color:white; font-weight:bold; text-decoration:none; } div.tariffragen li a:hover, div.kontakt_neu li a:hover { text-decoration:underline; } div.tariffragen li.tel, div.kontakt_neu li.tel { background:url(../images/righttab/icon_telefon.gif) no-repeat left 3px; margin-bottom:9px; } div.tariffragen li.fax, div.kontakt_neu li.fax { background:url(../images/righttab/icon_drucken.gif) no-repeat left 4px; } div.tariffragen li.mail, div.kontakt_neu li.mail { background:url(../images/righttab/icon_mail.gif) no-repeat left 6px; padding-left:0px; } div.tariffragen li.mail a, div.kontakt_neu li.mail a { padding-left:20px; display:block; } div.tariffragen span, div.kontakt_neu span { display:block; font-size:9px; font-weight:normal; } div.wechsel_small h3, div.wechsel h3 { background:url(../images/righttab/headline_was_sie_zum.gif) no-repeat 10px 0; width:198px; height:49px; } div.wechselOeko h3 { background:url(../images/righttab/headline_gutfuersie.gif) no-repeat 10px 0; width:198px; height:60px; } div.wechselOeko ul { margin: 10px 0 0 8px; } div.wechselOeko li { width:148px; border-top:solid 1px #4C4C4C; margin:0 0 8px 0; padding:6px 0 0 35px; background:url(../images/haken_cyan.jpg) no-repeat 0px 5px; } div.versorgung h3 { background:url(../images/righttab/headline_versorgung.png) no-repeat 0px 0; width:194px; height:49px; margin-left: 6px; margin-bottom: 17px; } div#wechsel_right_neu h3 { background:url(../images/righttab/headline_was_sie_zum_2.gif) no-repeat 10px 0; } div.wechsel_small ul, div.wechsel ul { list-style-position:inside; margin:0 0 10px 10px; padding:0; } div.wechsel li { background:url(../images/icon_haeckchen_transparent.gif) no-repeat left 10px; width:150px; border-top:solid 1px #4C4C4C; padding:13px 0 6px 35px; margin:8px 0 8px 0px; font-size:11px; line-height:13px; } div.wechsel_small ul { margin: 9px 0 0 8px; } div.wechsel_small li { width:180px; border-top:solid 1px #4C4C4C; padding:3px 0 3px 12px; margin:2px 0 2px 0px; line-height: 12px; font-size: 11px; } div.wechsel li span, div.wechsel_small li span { margin-left:-13px; margin-right:3px; } div.versorgung ul { margin: 9px 0 0 8px; } div.versorgung li { width:155px; line-height: 18px; margin:10px 0 8px 0px; } /* warentest static teaser - start - 101020 */ #warentest_static img { margin:0; padding:0; margin-left:40px; margin-top:4px; margin-bottom:4px; } /* warentest static teaser - end */ #righttab div.oekosiegel { background:url(../images/righttab/oekosiegel.jpg) no-repeat 3px 0; height: 129px; width: 220px; } #footer { clear:both; background:#000000; height:20px; padding:5px 0; } #footer ul { margin:0 auto; width:920px; padding-top:2px; height:18px; } #footer ul li { float:left; border-left:solid white 1px; padding-left:10px; margin-right:10px; } #footer ul li.social { float:left; border-left: none; padding-left:3px; margin-right:3px; } #footer .btnRSS { display: block; background:url(../images/icons/footer_rss.png) no-repeat 0px 0; height: 16px; width: 16px; } #footer .btnFB { display: block; background:url(../images/icons/footer_fb.png) no-repeat 0px 0; height: 16px; width: 16px; } #footer .btnTW { display: block; background:url(../images/icons/footer_twitter.png) no-repeat 0px 0; height: 16px; width: 16px; } #footer ul li.eon { float:right; border-left:none; color:white; } #footer ul li:first-child, #footer ul li.first { border:0; padding-left:0; } #footer a { text-decoration:none; color:white; } #footer a:hover { color:#DD127B; } body.gewerbe #footer a:hover { color:#199EE0; } #footer li.active a { color:#DD127B; font-weight:bold; } /* FAQ-Seite */ dl.faq dt { width:627px; min-height:22px; background:#999999 url(../images/balken_inactive.jpg) no-repeat; margin-bottom:22px; padding:6px 4px 3px 45px; font-weight:normal; font-size:14px; cursor:pointer; } dl.faq dt.active, dl.faq dt.active:hover { background-image:url(../images/balken_active.jpg); } dl.faq dt:hover { background-image:url(../images/balken_inactive.jpg); } dl.faq dd { margin:0 15px 0px 15px; padding:0; overflow:hidden; } /*.faq .downloads { background-color: red; display: inline; padding-top: -15px; }*/ .faqobject { clear:both; padding:0px; margin:0px; margin-bottom: 15px; float: left; } .objecttext { clear:both; } .faq .start a{ display:block; } .faq .start{ float:left; display:block; margin:0 20px 20px 0; } /* Presse-Bereich */ .presse div, .rg_erlaeuterung div, .produktinfo div, .pressestart div { border-bottom:solid 1px #B3B3B3; padding:10px 0 10px 0; margin-bottom:15px; float:left; width:100%; } .pressestart div p { margin-top:0; } #content.presse div a, #content.klimaprojekte dd a.download, #content.klimaprojekte a.download, #content.rg_erlaeuterung a.download , #content.rg_erlaeuterung a.download_script , #content.testsieger a.download, #content dl.faq a.download, #content.ottosparpaar a.download, #content a.pdflink{ float:right; color:#DD127B; background:url(../images/icon_pfeil_download.gif) no-repeat left 2px; padding-left:20px; margin-right:5px; } #content.rg_erlaeuterung a.download_script { margin-top:60px; } .subline { font-weight:bold; width:auto; font-size:11px; margin-top:20px; } #content.rg_erlaeuterung p.subline { font-weight:bold; font-size:11px; margin-top:60px; float:left; } #content.rg_erlaeuterung span.beispiel{ text-decoration:underline; margin-top:10px; display:block; } #content.rg_erlaeuterung span.bsp_rechnung{ background: url(/images/icon_haeckchen.gif) no-repeat left top; height: 26px; display:block; padding:5px 0 0 35px; margin-top:10px; } .pdf { float:left; font-weight:bold; font-size:11px; } .pressebilder div, .themenservice div.theme { float:left; border-bottom:solid 1px #B3B3B3; margin-bottom:30px; } .themenservice div.theme .subline { font-weight:bold; width:auto; font-size:11px; float:left; margin:0px; clear:left; } .pressebilder div h3 a, .themenservice div h3 a { color:#000000; } #content.themenservice .theme .text p.subline, #content.themenservice .theme .text p.download{ margin:0 0 2px 0; overflow:hidden; } #content.themenservice .theme div.text{ margin-bottom:10px; } .presse div.bild { float:left; /* width:180px; */ width:152px; text-align:center; border:none; } .anrede { float:right; width:455px; height:20px; } .presse div.bild img { border:1px solid black; } div.bild { float:left; width:164px; padding-right:16px; text-align:center; border:none; } div.bild img { border:1px solid black; } div.text { width:508px; float:left; border:none; margin-bottom:0; } div.text small { font-weight:bold; } .pressebilder div.text p.subline { float:left; } .pressebilder .footnotes { font-size:10px;line-height:13px; } #content.pressebilder p.download a, #content.themenservice p.download a { color:#DD127B; background:url(../images/icon_pfeil_download.gif) no-repeat left 2px; padding-left:20px; padding-bottom:2px; margin-right:5px; float:right; position:relative; } a.vorschau { padding-right:14px; background:url(../images/icon_lupe_presse.gif) no-repeat right 1px; font-weight:bold; color:#000000; } a.vorschau_faq { padding-right:14px; background:url(../images/icon_lupe_presse.gif) no-repeat right 1px; } div#logos { margin-top:40px; font-size:20px; font-weight:bold; } div#logos img { margin-right:10px; } /*Spartipps*/ #content.spartipps span { display:block; font-size:14px; font-weight:bold; clear:both; } /* Startseite */ #content .sliderWrap { position:relative; height:113px; } #content.start { margin:0px; padding:0; width:733px; /* background:transparent background:url(../images/startseite/preisr_kachel.jpg) repeat-y; */ } #content.start.script { /* background:background:url(../images/startseite/preisr_kacel.jpg) repeat-y; */ } #content.start.script form input.submit { margin-top:20px; } #content.start h1 { width:733px; height:181px; margin:0; padding:0; border:0; } #content.start h1.privat { background:url(../images/preisrechner/preisrechner_headline_stromgas.jpg) no-repeat; } #content.start h1#head_preisrechner{ height:151px;} /*#content.start h1.gewerbe { background:url(../images/startseite/preisrechner_headline_geschaeftskunden.jpg) no-repeat; }*/ /*#content.start h1.semstrom { background:url(../images/sem/preisrechner_headline_strom_neu.jpg) no-repeat; height:199px;}*/ /*#content.start h1.semgas { background:url(../images/sem/preisrechner_headline_gas.jpg) no-repeat; height:151px; }*/ #content.start h1.semstrom { background:url(../images/preisrechner/preisrechner_headline_strom.jpg) no-repeat; height:151px; } #content.start h1.semgas { background:url(../images/preisrechner/preisrechner_headline_gasaktion.jpg) no-repeat; height:151px; } #content.start h1.klima { background:url(../images/startseite/preisrechner_headline_klima.jpg) no-repeat; } #content.start h1.jet { background:url(../images/startseite/preisrechner_headline_jet.jpg) no-repeat; } #content.start h1.gewerbe { background:url(../images/preisrechner/preisrechner_headline_gewerbe.jpg) no-repeat; height:151px; } #jetgutschein { position:absolute; left:540px; top:210px; } h1.oekostrom { background:url(../images/preisrechner/preisrechner_headline_oekostrom.jpg); } #content.start h1 span, #content.start h2 { display:none; } #content.start div#noscript-forms { margin-top: 32px; float:left; height:370px; background:url(../images/startseite/preisr_content_noscript.jpg) no-repeat; } #content.start form { width:693px; margin:0; padding:0px 0 15px 40px; clear:both; float:left; } #content.start.script form, #content.start div#noscript-forms.gewerbe { height:319px; background:url(../images/preisrechner/preisrechner_bg.jpg) no-repeat; } #content.start form.semGas { height:319px; background:url(../images/sem/preisrechner_bg_gas.jpg) no-repeat; } #content.gasaktion form.semGas { height:319px; background:url(../images/preisrechner/preisrechner_bg.jpg) no-repeat; } #content.start div#noscript-forms.gewerbe { height:332px; background-position:left -25px; } #content.start form label, #content form.confirm label { color:#FFFFFF; font-size:22px; font-weight:bold; } #content.start form input,#content form.confirm input { height:19px; } #content.start form .normlabel, #content form.confirm .normlabel { font-size:13px; } #content.start #personenlabel { display:block; float:left; width:193px; } #lefthouse { margin-left:24px; } #content.start h3 { font-size:22px; color:#FFFFFF; padding-top:20px; } #content.start form ul, #content form.confirm ul{ height:42px; padding-left:3px; } #content.start form li, #content form.confirm li { float:left; width:16px; height:42px; background:url(../images/startseite/icon_figur_dunkel.gif) no-repeat; margin-right:2px; padding:0; } #content.start form li.active, #content form.confirm li.active { background:url(../images/startseite/icon_figur_hell.gif) no-repeat; } #lp form.gk li, #content.start form.gewerbe li, #content form.confirm.gewerbe li { width:27px; height:47px; margin-right:0px; } #lp form.gk li#step1, #content.start form.gewerbe li#step1, #content form.confirm.gewerbe li#step1 { background:url(../images/startseite/inactive_1.gif) no-repeat; } #lp form.gk li#step1.active, #content.start form.gewerbe li#step1.active, #content form.confirm.gewerbe li#step1.active { background:url(../images/startseite/active_1.gif) no-repeat; } #lp form.gk li#step2, #content.start form.gewerbe li#step2, #content form.confirm.gewerbe li#step2 { background:url(../images/startseite/inactive_2.gif) no-repeat; } #lp form.gk li#step2.active, #content.start form.gewerbe li#step2.active, #content form.confirm.gewerbe li#step2.active { background:url(../images/startseite/active_2.gif) no-repeat; } #lp form.gk li#step3, #content.start form.gewerbe li#step3, #content form.confirm.gewerbe li#step3 { background:url(../images/startseite/inactive_3.gif) no-repeat; } #lp form.gk li#step3.active, #content.start form.gewerbe li#step3.active, #content form.confirm.gewerbe li#step3.active { background:url(../images/startseite/active_3.gif) no-repeat; } #lp form.gk li#step4, #content.start form.gewerbe li#step4, #content form.confirm.gewerbe li#step4 { background:url(../images/startseite/inactive_4.gif) no-repeat; } #lp form.gk li#step4.active, #content.start form.gewerbe li#step4.active, #content form.confirm.gewerbe li#step4.active { background:url(../images/startseite/active_4.gif) no-repeat; } #lp form.gk li#step5, #content.start form.gewerbe li#step5, #content form.confirm.gewerbe li#step5 { background:url(../images/startseite/inactive_5.gif) no-repeat; } #lp form.gk li#step5.active, #content.start form.gewerbe li#step5.active, #content form.confirm.gewerbe li#step5.active { background:url(../images/startseite/active_5.gif) no-repeat; } #lp form.gk li#step6, #content.start form.gewerbe li#step6, #content form.confirm.gewerbe li#step6 { background:url(../images/startseite/inactive_6.gif) no-repeat; } #lp form.gk li#step6.active, #content.start form.gewerbe li#step6.active, #content form.confirm.gewerbe li#step6.active { background:url(../images/startseite/active_6.gif) no-repeat; } #content.start form li span, #content form.confirm li span, #sem_form_strom li span{ display:none; } #content.start form #slider-bg-strom, #content form.confirm #slider-bg-strom { position: relative; background:url(../images/startseite/slider_linie.gif) 3px 35px no-repeat; height:51px; width:136px; padding:0 0 0 34px; margin:-45px 0 0 0; } #content.start form #slider-bg-strom , #content.start #icons{ margin:-20px 0 0 0; } #content form.confirm #slider-bg-strom { margin-top:10px; } #content.start form #slider-bg-gas, #content form.confirm #slider-bg-gas, #sem_form_gas #slider-bg-gas { position: relative; background:url(../images/startseite/slider_linie.gif) 3px 1px no-repeat; height:7px; width:149px; padding:0 0 0 21px; margin:0px 0 0 190px; } #sem_form_gas #slider-bg-gas {width:141px;} #sem_form_gas #slider-bg-gas { background:url(../images/startseite/slider_linie.gif) 0px 1px no-repeat; margin:0; } #content.start form.gewerbe #slider-bg-gas { margin:-9px 0 -11px 193px; } #content.start form.gewerbe #slider-bg-strom , #content.start form.gewerbe #slider-bg-gas { background:url(../images/startseite/slider_linie.gif) no-repeat 3px 40px; width:150px; padding-left:26px; height:60px; } #content form.confirm #slider-bg { margin-top:8px; } #content.start form #slider-bg-strom #slider-thumb-strom, #content form.confirm #slider-bg-strom #slider-thumb-strom, #content.start form #slider-bg-gas #slider-thumb-gas, #content form.confirm #slider-bg-gas #slider-thumb-gas, #sem_form_gas #slider-bg-gas #slider-thumb-gas, #sem_form_strom #slider-bg-strom #slider-thumb-strom { position: absolute; background:none; top: 31px; padding:0; width:7px; height:14px; cursor:pointer; } #lp #slider-bg-strom #slider-thumb-strom {top:3px;} #sem_form_gas #slider-bg-gas #slider-thumb-gas { top: -3px; } #content.start form #slider-bg-gas #slider-thumb-gas, #content form.confirm #slider-bg-gas #slider-thumb-gas { top:-3px; } #content.start form.gewerbe #slider-bg-strom #slider-thumb-strom, #content.start form.gewerbe #slider-bg-gas #slider-thumb-gas { top:35px; } #content.start form #slider-bg-strom #slider-line-strom, #content form.confirm #slider-bg-strom #slider-line-strom , #content form.confirm.long #slider-bg-strom #slider-line-strom { position: absolute; background:black; top: 36px; left:35px; padding:0; width:127px; height:3px; overflow:hidden; } #content.start form #slider-bg-gas #slider-line-gas, #content form.confirm #slider-bg-gas #slider-line-gas, #sem_form_gas #slider-bg-gas #slider-line-gas { position: absolute; background:black; top: 2px; left:27px; padding:0; width:135px; height:3px; overflow:hidden; } #sem_form_gas #slider-bg-gas #slider-line-gas { left:24px; } #content.start form.gewerbe #slider-bg-strom #slider-line-strom , #content.start form.gewerbe #slider-bg-gas #slider-line-gas { top:41px; left:33px; width:129px; } #content.start .formline, #content form.confirm .formline { padding:20px 0 0 0; clear:both; position:relative; margin-bottom:5px; } #content.start .formline{ padding:0 0 20px 0; } #content form.confirm div.formline.dummys { height:44px; margin-bottom:0px; } #content.start ul#dummys, #content.start ul#gas_dummys, #content.start #slider-bg-strom, #content.start #icons, #content form.confirm ul#dummys, #content form.confirm #slider-bg-strom { position:absolute; left:193px; top:11px; } #content #sliderStrom, #content #sliderGas { position:absolute;top:0px;left:0px;width:500px;} #content #startwrapper #sliderStrom, #content #startwrapper #sliderGas { width:250px; } #content #sliderGas { visibility:hidden;} #content #startseite_gas #sliderGas { visibility:visible; } #content #sliderGas #qm { position:relative; top:-5px; left:10px; width:30px; text-align:left; border:0; margin:0 0px 0 0px; } #content #sliderGas #qm_label, #lp #sliderGas #qm_label, #sem2 #sliderGas #qm_label, #sem3 #sliderGas #qm_label { position:relative; top:-5px; left:12px; font-size:13px; margin:0px 16px 0 0; } #content.start #plz_label, #content form.confirm #plz_label { padding-right:75px; border:0; } #content.start #verbrauch_strom_label, #content form.confirm #verbrauch_strom_label, #content.start #verbrauch_gas_label, #content form.confirm #verbrauch_gas_label { padding-right:23px;padding-left:1px;display:block;float:left; } #content.start form input.submit, #content form.confirm input.submit { background:url(../images/startseite/submit_berechnen.jpg) no-repeat; width:255px; height:30px; border:0; margin:0px 44px 0 0; float:right; cursor:pointer; position:relative; } #content.start form.semGas input.submit { background:url(../images/sem/btn_gaspreis_berechnen.jpg) no-repeat; width:303px; height:27px; border:0; margin:54px 44px 0 0; float:left; cursor:pointer; position:relative; } #content.gasaktion form.semGas input.submit { margin:54px 0px 0 354px; } .gasaktion_stoerer { position:absolute; width:128px; height:129px; background-image:url( ../images/sem/stoerer_250_star.png ); background-repeat:no-repeat; background-position: 0 0; left:516px; top:20px; } .stromaktion_stoerer { position:absolute; width:133px; height:158px; background-image:url( ../images/preisrechner/stoerer_grundgebuehr.png ); background-repeat:no-repeat; background-position: 0 0; left:516px; top:20px; } .sem2_stoerer_gas { position:absolute; width:197px; height:60px; background-image:url( ../images/sem/stoerer_bonus.png ); background-repeat:no-repeat; background-position: 0 0; left:765px; top:88px; } .sem2_stoerer_strom { position:absolute; width:197px; height:60px; background-image:url( ../images/sem/stoerer_grundgebuehr.png ); background-repeat:no-repeat; background-position: 0 0; left:765px; top:88px; } .stoerer_gas { position:absolute; width:128px; height:129px; background-image:url( ../images/preisrechner/stoerer_bonus.png ); background-repeat:no-repeat; background-position: 0 0; left:95px; top:170px; } .stoerer_gas_TV { position:absolute; width:128px; height:129px; background: transparent url(../images/landingpages/stoerer_88-tv.png) no-repeat 0 0; left:90px; top:170px; } .stoerer_gas_25 { position:absolute; width:128px; height:129px; /*background-image:url( ../images/landingpages/stoerer_100.png );*/ background-image:url( ../images/landingpages/stoerer_ohne.png ); background-repeat:no-repeat; background-position: 0 0; left:91px; top:170px; } .stoerer_gas_50 { position:absolute; width:128px; height:129px; /*background-image:url( ../images/sem/stoerer_50.png );*/ /*background-image:url( ../images/landingpages/stoerer_100.png );*/ background-image:url( ../images/landingpages/stoerer_ohne.png ); background-repeat:no-repeat; background-position: 0 0; left:91px; top:170px; } .stoerer_gas_70 { position:absolute; width:128px; height:129px; /* background-image:url( ../images/landingpages/stoerer_70n.png ); */ background: transparent url( ../images/landingpages/stoerer_88_star.png ) no-repeat 0 0; left:90px; top:170px; } .stoerer_gas_100 { position:absolute; width:128px; height:129px; /*background-image:url( ../images/landingpages/stoerer_100.png );*/ background-image:url( ../images/landingpages/stoerer_ohne.png ); background-repeat:no-repeat; background-position: 0 0; left:90px; top:170px; } .stoerer_130_front { background-image:url( ../images/landingpages/stoerer_120_front.png ); /* background-image:url( ../images/landingpages/stoerer_99_front.png ); background-image:url( ../images/landingpages/stoerer_130_front.png ); */ width: 74px; height: 75px; position: absolute; left: 260px; top: 4px; z-index: 3000; } .stoerer_145_front { background-image:url( ../images/landingpages/stoerer_145_front.png ); width: 74px; height: 75px; position: absolute; left: 260px; top: 4px; z-index: 3000; } .stoerer_gas_250 { position:absolute; width:128px; height:129px; /*background-image:url( ../images/landingpages/stoerer_250.png );*/ /*background-image:url( ../images/landingpages/stoerer_100.png );*/ /*background-image:url( ../images/landingpages/stoerer_ohne.png );*/ background-image:url( ../images/landingpages/stoerer_ohnen.png ); background-repeat:no-repeat; background-position: 0 0; left:86px; top:170px; } .stoerer_gas_250_star { position:absolute; width:128px; height:129px; /*background-image:url( ../images/sem/stoerer_250_star.png );*/ /*background-image:url( ../images/landingpages/stoerer_100.png );*/ background-image:url( ../images/landingpages/stoerer_ohne.png ); background-repeat:no-repeat; background-position: 0 0; left:86px; top:170px; } .stoerer_200_star { position:absolute; width:128px; height:129px; /*background-image:url( ../images/landingpages/stoerer_100.png );*/ background-image:url( ../images/landingpages/stoerer_ohne.png ); background-repeat:no-repeat; background-position: 0 0; left:86px; top:170px; } .stoerer_200 { position:absolute; width:128px; height:129px; /*background-image:url( ../images/landingpages/stoerer_100.png );*/ background-image:url( ../images/landingpages/stoerer_ohne.png ); background-repeat:no-repeat; background-position: 0 0; left:86px; top:170px; } .srr_gaslpStrom, .srr_gaslpBest, .srr_gas300, .srr_strom239, .stoerer_strom { position:absolute; width:128px; height:129px; /*background-image:url( ../images/landingpages/stoerer_oeko.png );*/ /* background-image:url( ../images/landingpages/stoerer_99.png ); background-image:url( ../images/landingpages/stoerer_99n.png );*/ background-image:url( ../images/landingpages/stoerer_120.png ); /*background-image:url( ../images/landingpages/stoerer_130_star.png );*/ /* background-image:url( ../images/landingpages/stoerer_145_star.png ); */ background-repeat:no-repeat; background-position: 0 0; left:90px; top:170px; } .stoerer_schnappilette { position:absolute; width:119px; height:158px; background: transparent url( ../images/landingpages/stoerer_schnappilette.png ) no-repeat 0 0; left:80px; top:170px; } .stoerer_facebook { position:absolute; width:117px; height:158px; background: transparent url( ../images/landingpages/stoerer_facebook.png ) no-repeat 0 0; left:80px; top:170px; } .stoerer_strom_TV { position:absolute; width:128px; height:129px; background: transparent url( ../images/landingpages/stoerer_120_1.png ) no-repeat 0 0; /*background: transparent url( ../images/landingpages/stoerer_99-tv.png ) no-repeat 0 0; background: transparent url( ../images/landingpages/stoerer_130_1.png ) no-repeat 0 0; background: transparent url( ../images/landingpages/stoerer_145_1.png ) no-repeat 0 0; */ left:90px; top:170px; } .srr_gas300 { background-image:url( ../images/landingpages/stoerer_300.png );} .srr_strom239 { background-image:url( ../images/landingpages/stoerer_239.png );} .srr_stromlpBest,.srr_gaslpBest { background-image:url( ../images/landingpages/stoerer_preisgarantie.png );} #ryanair .stoerer_strom { position:absolute; width:128px; height:129px; background-image:url( ../images/landingpages/stoerer_ryanair.png ); background-repeat:no-repeat; background-position: 0 0; left:90px; top:170px; } #ryanair .stoerer_gas_ryanair { position:absolute; width:128px; height:129px; background-image:url( ../images/landingpages/stoerer_ryanair.png ); background-repeat:no-repeat; background-position: 0 0; left:90px; top:170px; } .stoerer_oekostrom { position:absolute; width:128px; height:129px; background-image:url( ../images/landingpages/stoerer_oeko_v2.png ); background-repeat:no-repeat; background-position: 0 0; left:90px; top:170px; } #stoerer_home_bonus { position:absolute; width:80px; height:81px; /* background-image:url( ../images/startseite/stoerer_bonus_100.png ); background-repeat:no-repeat; background-position: 0 0; */ left:250px; top:90px; } .lpstromgas_stoerer { position:absolute; width:133px; height:158px; background-image:url( ../images/preisrechner/stoerer.jpg ); background-repeat:no-repeat; background-position: 0 0; left:516px; top:5px; } .lpoekostrom_stoerer { position:absolute; width:133px; height:158px; background-image:url( ../images/preisrechner/lpstrom_stoerer.jpg ); background-repeat:no-repeat; background-position: 0 0; left:516px; top:7px; } .lpzuhause_stoerer { position:absolute; width:211px; height:84px; background-image:url( ../images/preisrechner/zuhause.gif ); background-repeat:no-repeat; background-position: 0 0; left:493px; top:198px; } #stoerer_home_bonus span, .lpoekostrom_stoerer span, .gasaktion_stoerer span, .stromaktion_stoerer span, .lpstrom_stoerer span, .lpstromgas_stoerer span, .lpzuhause_stoerer span { display:none; } #content.start form input.submit.blau { background:url(../images/startseite/submit_berechnen_blau.jpg) no-repeat; } #content #startseite_gas #icons { margin-top:0; left:104px; width:165px; } #content #startseite_gas #slider-bg-gas { margin-left:102px; margin-top:20px; } #content.start form#startseite_gas #qm { top:-10px; } #content.start form#startseite_gas #qm_label { padding-right:0; display:inline; float:none; top:-10px; } #content form.confirm input.submit { top:-28px; } #content form.confirm input.submit { margin:50px 58px 0 0; } #content form.confirm { width:440px; padding-left:50px; height:299px; background:url(../images/preisr_vertrag_bg2.jpg) no-repeat left -1px; margin:35px 0 0 90px; } #content form.confirm.full { height:359px; background-position:left 59px; } #content form.confirm.full.long { height:395px; background-position:left 95px; } #content form.confirm h3 { width:490px; height:112px; padding:0; margin:0 0 0 -50px; } #content form.confirm h3 span { display:none; } #content form.confirm h3.strom { background:url(../images/preisr_vertrag_header_gas.jpg) no-repeat; } #content form.confirm h3.gas { background:url(../images/preisr_vertrag_header_strom.jpg) no-repeat; } #content form.confirm h3.stromgas { background:url(../images/preisr_vertrag_header_strom_und_gas.jpg) no-repeat; } #content form.confirm h3.stromgasgewinnspiel { background:url(../images/preisr_vertrag_header_strom_und_gas.jpg) no-repeat; } #content form.confirm #personenlabel { display:block; float:left; width:171px; } #content form.confirm #personenlabelnos { display:block; float:left; width:192px; } #righttab.start { background:none; padding-top:1px; padding-bottom: 0px; } #content form.preisergebnis { position:relative; } #content form.preisergebnis ul { position:absolute; left:327px; top:35px; font-weight:bold; width:330px; border:solid 1px #dd127b; padding:15px; } #content form.preisergebnis.meinklima ul { border:solid 1px #199ee0; } #content form.preisergebnis ul li { padding-left:32px; font-size:12px; } #content form.preisergebnis.meincent ul li { background-image:url(../images/icon_haeckchen_pink.jpg); } span.produkt { font-size:18px; font-weight:bold; margin:5px 0 5px -1px; display:block; } #content form.preisergebnis p.preis , #content form.preisergebnis p.bonus{ font-size:35px; font-weight:bold; letter-spacing:-0.1em; margin-bottom:10px; } #content form.preisergebnis p.bonus{ font-size:20px; color:#DD127B; margin-bottom:30px; } #content form.preisergebnis p.preis span, #content form.preisergebnis p.bonus span { font-size:13px; letter-spacing:0.1em; } #content form.preisergebnis p.preis span.vorPreis, #content form.preisergebnis p.bonus span.vorPreis { width:50px; float:left; display:block; clear:left; padding-top:9px; } #content form.preisergebnis p.bonus span.vorPreis { width:50px; float:left; display:block; clear:left; padding-top:3px; } #content form.preisergebnis.meincent p.preis { color:#199EE0; } #content form.preisergebnis.meinklima p.preis { color:#199EE0; } #content form.preisergebnis p.erklaerung{ float:left; clear:none; display:inline; padding-right:20px; } #content form.preisergebnis p.desc { margin:0; padding:0; } #content form.preisergebnis p.desc span { display:block; float:left; width:135px; background:url(../images/preisergebnis/pfeil.jpg) no-repeat right 3px; margin-right:12px; } a.productswitch { display:block; width:310px; border:solid 1px #DD127B; margin:25px 0 40px -10px; padding:8px 32px 8px 35px; color:#000000; font-weight:bold; line-height:14px; } #content a.productswitch:hover { text-decoration:none; } a.productswitch.cent { background:url(../images/preisergebnis/klimaschutz_inaktiv.jpg) no-repeat 10px 10px; } a.productswitch.klima { background:url(../images/preisergebnis/klimaschutz_aktiv.jpg) no-repeat 10px 10px; } a.productswitch span { font-size:16px; } p.productswitch { display:block; color:#dd127b; position:relative; top:33px;left:-2px; } p.productswitch input { margin-right:8px; position:relative; top:2px; } p.productswitch label { } #content a.back, a.korrektur { display:block; background:url(../images/preisergebnis/back.jpg) no-repeat left 2px; padding-left:22px; color:#000000; font-weight:bold; float:left; font-size:11px; margin-top:50px; } .preisergebnis .submit { border:0; background:url(../images/preisergebnis/submit_jetzt_wechseln.jpg) no-repeat; width:246px; height:23px; float:right; margin-right:60px; cursor:pointer; margin-top:50px; } a.preisergebnis_download { margin-top:10px; display:block; margin-left:416px; } #footnotes { clear:both; float:left; border-top:solid 1px #B1B1B1; margin:0; padding:25px 0 0 0; margin-top:1em; color: #9A9A9A; } #footnotes.mct, #footnotes.kunden_werben { margin-top:35px; } #footnotes.preisergeb { margin-top:3.5em; } #footnotes.ept{ width:100%; } #landing_footnotes, #footnotes.gewinnspiel { border-top:none; margin-top:0; } #landing_footnotes { width: 920px; font-size:10px; line-height: 12px; color: #9a9a9a; padding: 0 0 25px 5px; text-indent: -7px; } #footnotes p { padding:0 0 0 10px; margin:0 0 5px 0; font-size:10px; line-height:12px; } #footnotes p span { margin-left:-10px; float:left; } /*css file for energiespartipps, testsieger*/ #content.spartipps p, #content.spartipps div, #content.testsieger div { padding:0 30px 20px 100px; border-bottom: 1px solid #B4B4B4; } #content.spartipps div, #content.testsieger div { padding:10px 0 0 0; border-bottom: 1px solid #B4B4B4; } #content.spartipps div p{ border:none; } #content.testsieger div p { border:none; margin-left:120px; } #content.spartipps h3 { margin:0 0 0 100px; padding:0; } #content.testsieger h3 { margin:0 0 0 120px; padding:0; } #content.spartipps img, #content.testsieger img { float:left; padding:0 0 0 15px; margin:0; border:none; } /*Rechnungserläuterungen*/ #rechnungsseite2{ border:none; } #seite, #seite2 { cursor:pointer; } #seite1_link, #seite2_link, #seite3_link { cursor:pointer; color:blue; padding-left:2px; } #seite1_link:hover, #seite2_link:hover, #seite3_link:hover { text-decoration:underline; } .rg_erlaeuterung div.icon_left{ height:50px; float: left; margin-right: 20px; width: 60px; } .rg_erlaeuterung .icon_left a{ margin-bottom:0; } .rg_erlaeuterung .active { border:2px solid #199ee0; cursor:pointer; } .rg_erlaeuterung .inactive { border:none; padding:2px; cursor:pointer; } .rg_erlaeuterung .hover { display: none; position: absolute; top: 20px; padding: 0 0 4px 0; margin: 0; margin-left: 70px; background: url(../images/rg_erlaeuterungen/rahmen-unten.gif) bottom no-repeat; width:396px; } #content.rg_erlaeuterung .hover p { padding: 0 17px 20px; background: url(../images/rg_erlaeuterungen/rahmen-mitte.gif) top repeat; margin:0; } .rg_erlaeuterung .hover h4 { background: url(../images/rg_erlaeuterungen/rahmen-oben.gif) top no-repeat; padding: 19px 17px 15px; margin: 0; color: #000; vertical-align: middle; } .rg_erlaeuterung h4 { font-size:12px; font-weight:bold; } .rg_erlaeuterung .hover img { float: left; padding: 12px 12px 0 17px; } .rg_erlaeuterung .hover h5 { margin:0; background: url(../images/rg_erlaeuterungen/rahmen-mitte.gif) top repeat; color: #000; border:none; padding: 0 17px 0; font-size:12px; font-weight:normal; } #hover1 { top: 500px; left: -10px; } #hover2 { top: 630px; } #hover3 { top: 650px; } #hover4 { top: 680px; } #hover5 { top: 680px; } #hover6 { top: 700px; } #hover7 { top: 350px;} #hover8 { top: 620px;} #hover9 { top: 700px;} #hover10 { top: 780px;} #hover11 { top: 800px;} #hover12 { top: 430px; } #hover12_gas { top: 800px;} #hover13 , #hover14_gas{ top: 600px; } #hover14 { top: 760px; } #hover15 { top: 700px; } #hover15_gas { top: 770px; } #hover16 { top: 690px; } #hover17 { top: 780px; } #block1, #block2, #block3, #block4, #block5, #block6, #block6, #block7, #block8, #block9, #block10, #block11, #block12, #block13, #block14, #block15, #block16, #block17 { padding:0 0 10px 50px; width:650px; } #block1{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_01.gif) left top no-repeat; margin-top: 10px; } #block2{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_02.gif) left top no-repeat; } #block3{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_03.gif) left top no-repeat; } #block4{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_04.gif) left top no-repeat; } #block5{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_05.gif) left top no-repeat; } #block6{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_06.gif) left top no-repeat; } #block7{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_07.gif) left top no-repeat; margin-top:10px; } #block8{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_08.gif) left top no-repeat; } #block9{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_09.gif) left top no-repeat; } #block10{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_10.gif) left top no-repeat; } #block11{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_11.gif) left top no-repeat; } #block12{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_12.gif) left top no-repeat; } #block13{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_13.gif) left top no-repeat; } #block14{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_14.gif) left top no-repeat; } #block15{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_15.gif) left top no-repeat; } #block16{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_16.gif) left top no-repeat; } #block17{ background:url(../../images/rg_erlaeuterungen/ziffer_grau_17.gif) left top no-repeat; } /*Sitemap*/ #content ul.sitemap { width:220px; padding:0; margin:0; } #content ul.sitemap li{ list-style-type:none; background:none; } .sitemap li h3 { color:#199ee0; font-size:12px; } #content .sitemap li h3 a { text-decoration:none; color:#199ee0; } .sitemap li h3 a:hover { text-decoration:underline; color:#199ee0; } .sitemap li h4{ margin-bottom:4px; font-size:12px; } #content .sitemap li h4 a { text-decoration:none; color:black; } #content .sitemap li h4 a:hover { text-decoration:underline; color:black; } #content .sitemap li a { color:black; } #strom_map { float:left; } #gas_map { float:left; } #service_map { float:left; } #unternehmen_map { clear:left; float:left; } #kontakt_map { clear:both; position:relative; top:-321px; } #faq_map { float:left; } #presse_map { float:left; } #impressum_map { clear:left; float:left; } #datenschutz_map { float:left; } #affiliate_map { float:left; } div.no_border{ border:0; } .rg_erlaeuterung div.no_border { float:left; clear:none; padding:0; } .presseformular div { margin-bottom: 15px; float: left; } #content .sitemap_block { border-bottom:1px solid #7f7f7f; float:left; margin-bottom:20px; padding-bottom:20px; width:670px; } #content.produktinfo div p{ clear:both; font-weight:bold; margin:0; padding:0; } #content.produktinfo div a { float:right; color:#DD127B; background:url(../images/icon_pfeil_download.gif) no-repeat left 2px; padding-left:20px; margin-right:5px; } #content.testsieger div { margin-bottom:20px; } h2.fehler { color:#dd127b; } #content.searchresult form { margin-top:30px; } #content.searchresult input { background:white; border:solid 1px #b2b2b2; color:black; width:220px; height:19px; } #content.searchresult input.submit { width:128px; height:22px; background:url(../images/formulare/btn_suchen.jpg); top:2px; } #content.searchresult h1 span { color:#DD127B; } #content.searchresult div { margin-bottom:20px; border-bottom:1px solid #B6B6B6; padding-bottom:15px; } #content.searchresult div h3 { margin-bottom:3px; } #content.searchresult div h3 a { text-decoration:none; } #content.searchresult div h3 a:hover { text-decoration:underline; color:#DD127B; } #content.searchresult p { margin-bottom:0; } #content.searchresult p b { color:#000000; } #content.searchresult div p.adresse { margin-top:4px; color:#888888; } ul.pagenavi { float:right; margin-top:-55px; } ul#bottompagenavi.pagenavi { margin-top:0px; } #content ul.pagenavi li { float:right; background:none; padding:0; margin:0 0 0 3px; } #content ul.pagenavi li a { text-decoration:underline; color:black; font-size:14px; } #content ul.pagenavi li a.arrow { text-decoration:none; font-size:16px; padding:0 3px; } #content ul.pagenavi li.active a { text-decoration:none; } #content form.confirm.gewerbe #sliderWrap { position:absolute; left:180px; top:400px; } #content form.confirm.gewerbe input.submit { top:85px; } #content form.confirm.gewerbe ul#gas_dummys, #content form.confirm.gewerbe ul#dummys { position:absolute; left:190px; top:9px; } #content form.confirm.gewerbe #slider-bg-gas { padding-left: 23px; margin-left: 192px; } #content form.confirm.gewerbe #slider-bg-strom { margin-left:-2px; padding-left:25px; width:140px; } #content form.confirm #slider-bg-strom #slider-line-strom { left: 32px; width: 130px; } #content form.confirm.gewerbe h3.strom { background:url(../images/preisr_vertrag_header_gas_G.jpg) no-repeat; } #content form.confirm.gewerbe h3.gas { background:url(../images/preisr_vertrag_header_strom_G.jpg) no-repeat; } /*wattnacht*/ #content form.wattnacht { background:url(../images/wattnacht/bg_kachel.jpg) repeat-y; background-position: left 193px; width:390px; padding:0 50px 0 50px; margin:0 0 0 90px; } #content form.wattnacht h3 { background: url(../images/wattnacht/header.jpg) no-repeat top left; height:193px; width:490px; margin:0 0 44px -50px; } #content form.wattnacht p.fehler{ color:#DD127B; padding:0; margin:0 0 5px 0; display:none; } #content form.wattnacht h3 span{ display:none; } #content form.wattnacht p { float:none; color:white; } #content form.wattnacht input.submit{ background: url(../images/wattnacht/btn_senden.gif) no-repeat top left; height:30px; width:106px; cursor:pointer; border:none; display:block; float:right; margin:20px 0 20px 0; } #content form.wattnacht label span{ display:none; } #content form.wattnacht label{ color:white; } #content form.wattnacht label#label_code, #content form.wattnacht label#label_email { height:26px; width:124px; display:block; float:left; margin-bottom:13px; } #content form.wattnacht label#label_email { margin-bottom:50px; } #content form.wattnacht input#code, #content form.wattnacht input#email { width:217px; margin-left:20px; } #content form.wattnacht label#label_code { background: url(../images/wattnacht/txt_glueckscode.gif) no-repeat top left; } #content form.wattnacht label#label_email { background: url(../images/wattnacht/txt_email.gif) no-repeat top left; } #content form.wattnacht input#check_hinweis, #content form.wattnacht input#check_info { padding:0; text-align:left; margin:0 0 20px 0; float:left; clear:none; } #content form.wattnacht label#label_hinweis, #content form.wattnacht label#label_info { padding:0; text-align:left; margin:-35px 0 0 20px; display:block; float:left; } #content form.wattnacht a{ color:white; text-decoration:underline; } /*flashlayer startseite*/ #layer{ top:5px; position:absolute; z-index:10; left:21px; } #start_footnote { color:#b1b1b1; font-size:9px; position:absolute; top:470px; left:20px; } #start_footnote p{ width:700px; line-height:110%; } /*Gewinnspielteaser im righttab*/ div.gewinnspiel h3 { background:url(/images/gewinnspiel/headline.gif) no-repeat; width:204px; height:53px; padding-bottom:9px; margin-bottom:9px; } div.gewinnspiel h3 span { display:none; } div.gewinnspiel li { font-size:10px; padding:0 7px 0 30px; line-height:140%; margin:0 15px 15px 15px; background:url(/images/gewinnspiel/haken.jpg) no-repeat left top; } div.gewinnspiel li.firststep { border-bottom:1px solid #525252; } div.gewinnspiel li.secondstep { margin-bottom:0; padding-bottom:0; } div.gewinnspiel li img{ margin-left: -30px; } /*righttab Teaser für neue Startseite*/ div.wechselwochen img{ margin:8px 0 15px 0; } div.wechselwochen a.pfeil { position:relative; left:18px; top:10px; } div.freunde_werben a.pfeil { position:relative; left:5px; top:-10px; } div.wechselwochen a img, div.freunde_werben a img, div.sparpaar a img , div.presse_teaser a img, div.kontakt a img, div.twitter a img, div.flugzeug a img { border:none; } div.freunde_werben img{ margin:1px 0 5px 22px; } div.sparpaar h3, div.presse_teaser h3, div.freunde_werben h3, div.wechselwochen h3, div.twitter h3, div.flugzeug h3 { padding-left:0; padding-bottom:5px; margin-bottom:9px; border-bottom:1px solid #4C4C4C; } div.presse_teaser img{ margin:1px 20px 0 20px; } div.presse_teaser a img{ margin:0; } div.sparpaar h3 img, div.freunde_werben h3 img, div.wechselwochen h3 img, div.sparpaar h3 a, div.freunde_werben h3 a, div.wechselwochen h3 a, div.presse_teaser h3 a, div.presse_teaser h3 img, div.kontakt h3, div.kontakt img, div.twitter img { margin:0; float:none; display:inline; padding:0; } div.sparpaar img{ margin:1px 0 5px 8px; } div.sparpaar a.pfeil { position:relative; left:16px; top:-5px; } div.flugzeug img.icon { margin:16px 3px 8px 1px; } div.flugzeug a.pfeil { position:relative; left:-2px; top:-3px; } div.sparpaar img.icon { margin-left:20px; } div.kontakt_neu h3{ background:url(/images/righttab/startseite/kontakt_headline.gif) no-repeat top left; width:206px; height:19px; padding-bottom:5px; margin-bottom:9px; border-bottom:1px solid #4C4C4C; } div.kontakt h3 { border-bottom:1px solid #4C4C4C; margin-bottom:9px; padding-bottom:3px; } div.kontakt img.icon { margin:15px 0 11px 10px; } div.kontakt a.pfeil { position:relative; left:22px; top:-18px; } div.twitter img.icon { margin:7px 0 11px 0px; } div.twitter a.pfeil { position:relative; left:5px; top:-10px; } /*zusätzliche Elemente für neue Startseite*/ #content.start h1#startseite{ background:url(../images/startseite/header.jpg) no-repeat top left; height:85px; } #content.start div#startwrapper{ background:url(../images/startseite/content.jpg) no-repeat top left; height:545px; padding:33px 0 0 0; position:relative; } #content.start div#startwrapper.xmas2010{ background:url(../images/startseite/content_xmas2010.jpg) no-repeat top left; height:545px; padding:33px 0 0 0; } #content.start form#startseite_strom, #content.start form#startseite_gas{ background:url(../images/startseite/preisrechner_box.png) no-repeat top left; float:left; clear:none; margin-left:36px; width:291px; padding:14px 0 0 20px; height:257px; } #content.start form#startseite_strom h3{ background:url(../images/startseite/stromrechner_headline.gif) top left no-repeat; width:179px; height:19px; } #content.start form#startseite_gas h3{ background:url(../images/startseite/gasrechner_headline.gif) top left no-repeat; width:179px; height:19px; } #content.start form#startseite_gas.gewerbe { position:relative; } #content.start form#startseite_gas.gewerbe #sliderGas { top:90px; left:20px;} #content.start form#startseite_gas.gewerbe #sliderGas ul#gas_dummys { left:100px; } #content #startseite_gas.gewerbe #slider-bg-gas { margin-left: 102px; margin-top:-15px; } #content.start form#startseite_strom input, #content.start form#startseite_gas input{ width:80px; } #content.start form#startseite_strom label, #content.start form#startseite_gas label{ font-size:12px; } #content.start form#startseite_strom #plz_label, #content.start form#startseite_gas #plz_label{ margin:5px 0 0 0; padding-right:78px; float:left; display:block; } #content.start form#startseite_strom ul#dummys, #content.start form#startseite_strom #slider-bg-strom{ left:100px; cursor:pointer; } #content.start form#startseite_strom #slider-bg-strom { margin-top:-25px; } #content.start form#startseite_strom div.formline, #content.start form#startseite_gas div.formline{ width:280px; padding-bottom:10px; } #content.start #noscript-forms div.formline{ padding-bottom:10px; } #content.start #noscript-forms h3{ padding-top:0; } #content.start form#startseite_strom input.submit, #content.start form#startseite_gas input.submit{ background:url(../images/startseite/stromrechner_btn.gif); height:25px; width:216px; margin-right:27px; margin-top:30px; } #content.start form#startseite_gas input.submit{ background:url(../images/startseite/gasrechner_btn.gif); width:196px; } #content.start #noscript-forms form#noscript-strom input.submit, #content.start #noscript-forms form#noscript-gas input.submit{ background:url(../images/startseite/stromrechner_btn.gif); height:25px; width:216px; } #content.start #noscript-forms form#noscript-gas input.submit{ background:url(../images/startseite/gasrechner_btn.gif); width:196px; margin-right:64px; } #content.start form#startseite_gas.gewerbe input.submit{ margin-top:143px; } #content.start h3#testsieger, #content.start h3#strom_strasse{ /* background:url(../images/startseite/headline4.gif) no-repeat top left; */ height:44px; margin:30px 0 0 45px; padding:0; float:none; } h3#testsieger, #content.start h3#strom_strasse{ /*background:url(../images/startseite/headline4.gif) no-repeat top left;*/ height:55px; } /* #content.start h3#testsieger, #content.start h3#strom_strasse{ background:url(../images/startseite/headline2.gif) no-repeat top left; height:44px; margin:30px 0 0 45px; padding:0; float:none; } h3#testsieger, #content.start h3#strom_strasse{ background:url(../images/startseite/headline3.gif) no-repeat top left; height:55px; } */ #content.start #mehr_link { display:block; position:absolute; width:725px; height:250px; text-decoration: none; } #content.start .mehr_info { margin: 110px 0 0 45px; } #content.start .mehr_info a:HOVER { text-decoration: none; } #content.start #startwrapper p{ margin:0 0 0 45px; padding:0; color:#FDF105; } a#lnkHomeXmas { margin: 0px 0 0 5px; display: block; width: 718px; height: 210px; /*border: 1px solid #ff0;*/ } a#siegelparade{ margin:25px 0 0 70px; display: block; width: 640px; /*586px;*/ height: 112px; /*112px;*/ } a#siegelparade img { border:none; margin-top:20px; } #startseite_strom #verbrauch_strom, #startseite_gas #verbrauch_gas { margin-top:13px; } /* Kontaktseite */ .num_mail_link a, .num_mail_link a:HOVER , .num_mail_link a:ACTIVE, .num_mail_link a:FOCUS { color:#000; } .num_mail_link a:FOCUS { text-decoration: underline; } #content.kontakt h3 { display: block; width:139px; height:18px; border:none; } #content.kontakt h3 span{ display:none; } #content.kontakt h3.magenta { background:url(../images/kontakt/interessenten.gif) no-repeat; } #content.kontakt h3.blue { background:url(../images/kontakt/kunden.gif) no-repeat; margin-top:20px; } .kontakt #nummern1 { border-bottom: 1px solid #919191; margin: 0 0 25px 0; } .kontakt #nummern2 p, .kontakt #nummern3 p { padding: 0 0 0px 0; } .kontakt #nummern1 p, .kontakt #nummern2 p, .kontakt #nummern3 p { position: relative; } .kontakt #nummern1 span, .kontakt #nummern2 span, .kontakt #nummern3 span { position: absolute; left: 241px; } #jobs ul { list-style-type:disc; list-style-position:inside; padding:0px; padding-bottom: 20px; } #jobs ul li{ background-image:none; padding:0px; padding-top:5px; padding-left:10px; } /* Aktionsseiten */ div#praemiendisplay { float:left; width:659px; padding:194px 0 30px 26px; color:white; font-size:11px; font-weight:normal; background:#212121 url(../vertrag/images/praemienseite/praemie.jpg) no-repeat; } div#praemiendisplay p.subtext { color:#dd127b; } div#praemiendisplay p.subtext span { display:block; color:white; } div#praemiendisplay input { clear:left; display:block; float:left; } div#praemiendisplay label.right { display:block; float:left; width:500px; margin-left:10px; font-weight:bold; } div#praemieninfo { float:left; width:675px; padding:260px 10px 20px 0; margin-bottom:30px; color:white; font-size:11px; font-weight:normal; background:#212121 url(../vertrag/images/aktionsseite/praemie.jpg) no-repeat; text-align:right; } div#praemieninfo a { color:#01A7E5; } div#techdetails div { float:left; width:302px; padding:0 0 0 25px; text-align:left; } div#techdetails div strong { font-size:13px; } #adventWrapper { padding-top: 5px; width: 728px; height: 600px; } #dankeWrapper { padding-top: 5px; width: 970px; height: 640px; } #adventInfo { display: block; width: 720px; height: 570px; background-color: #121212; position: relative; background: url(../images/aktionen/advent2010_overlay.jpg) no-repeat; } .lbClose { display: block; width: 26px; height: 26px; /*border: 1px solid #f00;*/ position: absolute; right: 52px; top: 28px; } /* #### SEM PAGES #### */ .yellow { color: #ffed00; } .semLink { color: #d90068; } .visible { visibility: visible; } .hidden { visibility: hidden; } #lp span, #sem2 span, #sem3 span { display: none; } /* #### SEM PAGES VARIANTE 2 #### */ #sem2 { width: 970px; height: 650px; background-color: #FFF; background: url(../images/sem/bgr_sem2.jpg) no-repeat; } #sem2Header { float: left; width: 946px; height: 340px; } #sem2Content { position: relative; width: 946px; margin: 0px 0px 0px 12px; } #sem2Menu { width: 200px; height: 22px; background: url(../images/sem/sem2_menu.jpg) no-repeat; position: absolute; top: 28px; margin:0 0 0 0; } #sem2Menu.gasActive { background-position: 0 -22px; } #sem2Menu.stromActive { background-position: 0 0; } #sem2 #sem2Menu #semMenuStrom { float: left; width: 85px; height: 20px; outline: none; } #sem2 #sem2Menu #semMenuGas { float: left; width: 105px; height: 20px; outline: none; } #sem2 #Stromrechner, #sem2 #Gasrechner { width: 970px; margin: 0px 0 0 0; overflow: hidden; position: absolute; left: 0; top: 50px; } #sem2Content h3 { background: url(../images/sem/txt_einfachpreisberechnen.jpg) no-repeat; height: 16px; width: 191px; } #sem2 #teaserVorteile h3 { background: url(../images/sem/txt_ihrevorteile.jpg) no-repeat; height: 17px; width: 229px; margin: 23px 0 0 20px; } #sem2Teaser { width: 100%; float: left; background-color: #e4e4e4; margin: 20px 0 0 0; position: absolute; top: 115px; } #sem2 #teaserVorteile { width: 650px; float: left; margin: 0 0 15px 0; } #sem2 #teaserVorteile li { background:url(../images/sem/haken_cyan.jpg) no-repeat left 8px; padding:5px 0 0px 20px; } #sem2 #teaserVorteile .cols { margin: 5px 20px 10px 20px; } #sem2 #teaserVorteile .col { width: 220px; margin-right: 60px; float: left; } #sem2 #teaserVorteile .col2 { margin-right: 20px; float: left; } #sem2 #teaserTarife { float:left; } #sem2 #teaserTarifeContentStrom { margin: 0 0 12px 45px; font-size: 13px; } #sem2 #teaserTarifeContentGas { margin: 0 0 0 45px; font-size: 13px; } #sem2 #teaserTarife h3 { margin: 20px 0 5px; background: url(../images/sem/txt_unseretarife.jpg) no-repeat; height: 17px; width: 229px; } #sem2 #teaserTarifeContent { background: url(../images/sem/sem2_bgr_unseretarife.jpg) no-repeat; width: 200px; margin-top: 10px; } #sem2 #icons { margin-bottom: 6px; } #sem2 #plzGasLabel, #sem2 #plzStromLabel { float: left; background: url(../images/sem/txt_ihreplz.jpg) no-repeat; height: 10px; width: 44px; margin: 28px 0 0 13px; } #sem2 #plzGasWrap, #sem2 #plzStromWrap { float: left; width: 249px; height: 65px; background-color: #353535; position: relative; } #sem2 #personenTxt, #sem2 #personenlabel { position: absolute; top: 20px; left: 13px; background: url(../images/sem/txt_personenimhaushalt.jpg) no-repeat; height: 24px; width: 65px; } #sem2 #quadratmeterTxt { position: absolute; top: 20px; left: 13px; background: url(../images/sem/txt_quadratmeter.jpg) no-repeat; height: 24px; width: 65px; } #sem2 #personenSlider { position: absolute; top: 7px; left: 85px; } #sem2 #personenlabel { position: absolute; left: 160px; } #sem2 #sel_gruppe_strom { position: absolute; top: 22px; left: 260px; } #sem2 #hausSlider { position: absolute; top: 7px; left: 75px; } #sem2 #icons { left: 15px; top: 3px; position: relative; } #sem2 #qm { margin: 0; } #sem2 #sem_qm_label { left: 0; display: inline; float: none; top: -6px; position: relative; } #sem2 #verbrauch_strom_label, #sem2 #verbrauch_gas_label { position: absolute; top: 20px; left: 257px; background: url(../images/sem/txt_jahresverbrauch.jpg) no-repeat; height: 25px; width: 95px; } #sem2 #verbrauchlabel { position: absolute; background: url(../images/sem/txt_jahresverbrauch2.jpg) no-repeat; height: 25px; width: 95px; left: 140px; top: 20px; } #sem2 #verbrauch { position: absolute; top: 24px; left: 260px; width: 150px; } #sem2 #verbrauch_strom, #sem2 #verbrauch_gas { position: absolute; top: 24px; left: 368px; } #sem2 #postalcodeStrom, #sem2 #postalcodeGas { margin: 24px 0 0 60px; } #sem2 input { width: 80px; } #sem2 .submitStrom, #sem2 .submitGas { cursor: pointer; border: 0 none; display:block; height:33px; margin:16px 0 0 10px; width:188px; } #sem2 .submitStrom { background: transparent url(../images/sem/btn_strompreis.jpg) repeat scroll 0 0; } #sem2 .submitGas { background: transparent url(../images/sem/btn_gaspreis.jpg) repeat scroll 0 0; } #sem2 #stromValueWrap, #sem2 #gasValueWrap { position: relative; background: url(../images/sem/trenner.jpg) no-repeat 51% 0; margin: 0 0 0 3px; float: left; width: 480px; height: 65px; background-color: #585858; } #sem2 #btnGasWrap, #sem2 #btnStromWrap { float: left; margin: 0 0 0 2px; width: 210px; height: 65px; background-color: #cbcbcb; position: relative; } /* #### SEM PAGES VARIANTE 3 #### */ #sem3 { width: 970px; height: 650px; background: url(../images/landingpages/bgr.jpg) no-repeat; background-color: #FFF; } #lp { width: 970px; height: 650px; background: url(../images/landingpages/bgr_v2.jpg) no-repeat; background-color: #FFF; position: relative; } #lp.lpOekostrom { width: 970px; height: 650px; background: url(../images/landingpages/bgr_oeko.jpg) no-repeat; background-color: #FFF; position: relative; } #lp h1.lpStromGas { background: url(../images/landingpages/hl_stromgas.png) no-repeat; display: block; width: 845px; height: 32px; position: absolute; top: 57px; left: 65px; border-bottom: 1px solid #f30277; padding-bottom: 14px; } #lp h1.gk { background: url(../images/landingpages/hl_stromgas.png) no-repeat; display: block; width: 845px; height: 32px; position: absolute; top: 57px; left: 65px; border-bottom: 1px solid #199fe6; padding-bottom: 14px; } #sem3 h1.lpStromGas { background: url(../images/landingpages/hl_stromgas.png) no-repeat; display: block; width: 612px; height: 32px; position: absolute; top: 57px; left: 77px; } #lp h1.lpStrom { background: url(../images/landingpages/hl_strom.png) no-repeat; display: block; width: 845px; height: 32px; position: absolute; top: 57px; left: 65px; border-bottom: 1px solid #f30277; padding-bottom: 14px; } #lp h1.lpGas { background: url(../images/landingpages/hl_gas.png) no-repeat; display: block; width: 845px; height: 32px; position: absolute; top: 57px; left: 65px; border-bottom: 1px solid #f30277; padding-bottom: 14px; } #lp h1.lpOekostrom { background: url(../images/landingpages/hl_oekostrom.png) no-repeat; display: block; width: 845px; height: 32px; position: absolute; top: 57px; left: 65px; border-bottom: 1px solid #0c9d30; padding-bottom: 14px; } #sem3Header { height: 125px; } #sem3Content { position: relative; width: 846px; height: 230px; margin: 0px 0px 0px 65px; background-color: #404040; background: url(../images/landingpages/sem3_bgr_maincontent.jpg) no-repeat 0 24px; } #lp .pk .stromActive { width: 306px; height: 24px; background: url(../images/sem/sem3_menu.jpg) no-repeat 0 -24px; margin:0 0 0 540px; } #lp .pk .gasActive { width: 306px; height: 24px; background: url(../images/landingpages/sem3_menu.jpg) no-repeat 0 0px; margin:0 0 0 540px; } #lp .gk .stromActive { width: 306px; height: 24px; background: url(../images/landingpages/sem3_menu_gk.jpg) no-repeat 0 -24px; margin:0 0 0 540px; } #lp .gk .gasActive { width: 306px; height: 24px; background: url(../images/landingpages/sem3_menu_gk.jpg) no-repeat 0 0px; margin:0 0 0 540px; } #sem3MenuDummy { width: 306px; height: 24px; } #lp #teaserVorteile, #sem3 #teaserVorteile { width: 540px; position: relative; float: left; } #lp #teaserVorteileContent, #sem3 #teaserVorteileContent { margin: 15px 0 0 160px; } #lp #semMenuStrom, #sem3 #sem3Menu #semMenuStrom { float: left; width: 153px; height: 24px; outline: none; } #lp #semMenuGas, #sem3 #sem3Menu #semMenuGas { float: left; width: 153px; height: 24px; outline: none; } #lp #teaserVorteile li, #sem3 #teaserVorteile li { background:url(../images/sem/sem3_haken_magenta.jpg) no-repeat left 8px; padding:5px 0 0px 20px; color: #FFF; } #lp #teaserVorteile.yellow li, #sem3 #teaserVorteile.yellow li { background:url(../images/landingpages/haken_yellow.jpg) no-repeat left 8px; } #lp #teaserVorteile .subline { width: 350px; height: 22px; margin: 36px 0px 0px 0px; display: block; background: url(../images/landingpages/subline.jpg) no-repeat 0 0px; } #lp #teaserVorteile .subline_oeko { width: 350px; height: 22px; margin: 36px 0px 0px 0px; display: block; background: url(../images/landingpages/subline_oekostrom.jpg) no-repeat 0 0px; } #lp #sem3Rechner, #sem3 #sem3Rechner { float: left; position: relative; } #lp #Stromrechner, #lp #Gasrechner, #lp #StromrechnerNoScript, #slp #GasrechnerNoScript, #sem3 #Stromrechner, #sem3 #Gasrechner, #sem3 #StromrechnerNoScript, #sem3 #GasrechnerNoScript { width: 300px; height: 195px; margin: 10px 0 0 0; overflow: hidden; position: absolute; left: 0; top: 0; } #lp #Stromrechner, #sem3 #Stromrechner { background:url(../images/sem/sem3_txt_stromrechner.jpg) no-repeat 21px 9px; } #lp #Stromrechner.gk { background:url(../images/landingpages/lp_gk_txt_stromrechner.jpg) no-repeat 21px 9px; } #lp #Gasrechner, #sem3 #Gasrechner { background:url(../images/sem/sem3_txt_gasrechner.jpg) no-repeat 20px 8px; } #lp #Gasrechner.gk { background:url(../images/landingpages/lp_gk_txt_gasrechner.jpg) no-repeat 21px 9px; } #lp #Stromrechner.noscript, #sem3 #Stromrechner.noscript { background:url(../images/sem/sem3_txt_stromrechner_noscript.jpg) no-repeat 20px 8px; } #lp #Gasrechner.noscript, #sem3 #Gasrechner.noscript { background:url(../images/sem/sem3_txt_gasrechner_noscript.jpg) no-repeat 20px 8px; } #sem3Teaser { margin: 65px 0 0 0; } #lp #teaserTarife, #sem3 #teaserTarife { margin: 0 0 0 620px; } #sem3 #teaserTarifeContent { /*margin: 9px 0 0 18px;*/ margin: 12px 0 0 75px; width: 200px; } #lp #teaserTarifeContent { margin: 9px 0 0 18px; } #lp #teaserTarifeContentStrom, #sem3 #teaserTarifeContentStrom { margin: 0 0 0 0; font-size: 13px; } #lp #teaserTarifeContentGas, #sem3 #teaserTarifeContentGas { margin: 33px 0 0 0; font-size: 13px; } #sem3 #teaserTarife h3 { margin: 13px 0 0 25px; font-size: 17px; font-weight: bolder; color: #199fe6; font-family: Verdana; display: block; width: 270px; height: 14px; /* background-image: url('../images/landingpages/hl_teaser.png'); background-repeat: no-repeat; */ } #lp #teaserTarife h3 { margin: 13px 0 0 18px; font-size: 17px; font-weight: bolder; color: #199fe6; font-family: Verdana; display: block; width: 270px; height: 14px; background-image: url('../images/landingpages/hl_teaser.png'); background-repeat: no-repeat; } #lp #teaserTarife li, #sem3 #teaserTarife li { background:url(../images/landingpages/haken_cyan.png) no-repeat left 8px; padding:5px 0 12px 20px; line-height: 14px; font-size: 14px; } #lp #icons, #sem3 #icons { margin-bottom: 6px; } #lp #plzGasLabel, #lp #plzStromLabel, #sem3 #plzGasLabel, #sem3 #plzStromLabel { float: left; height: 10px; width: 44px; margin: 28px 0 0 13px; } #lp #plzGasWrap, #lp #plzStromWrap, #sem3 #plzGasWrap, #sem3 #plzStromWrap { float: left; position: relative; } #lp #personenTxt, #lp #personenlabel, #sem3 #personenTxt, #sem3 #personenlabel { position: absolute; top: 20px; left: 13px; height: 24px; width: 65px; } #lp #quadratmeterTxt, #sem3 #quadratmeterTxt { position: absolute; top: 20px; left: 13px; height: 24px; width: 65px; } #lp #personenSlider, #sem3 #personenSlider { position: absolute; top: 0px; left: 125px; height: auto; } #lp #personenlabel, #sem3 #personenlabel { position: absolute; left: 10px; } #lp #sel_gruppe_strom, #sem3 #sel_gruppe_strom { position: absolute; left: 130px; } #lp #icons, #sem3 #icons { left: 15px; top: 3px; position: relative; } #lp #qm, #sem3 #qm { margin: 0; border: none; } #lp #sem_qm_label, #sem3 #sem_qm_label { left: 0; display: inline; float: none; top: -6px; position: relative; } #lp #verbrauch_strom_label, #lp #verbrauch_gas_label, #sem3 #verbrauch_strom_label, #sem3 #verbrauch_gas_label { position: absolute; top: 60px; height: 40px; width: 100px; } #lp #sliderStrom { position: relative; height: 100px; width: 300px; } #lp #verbrauchlabel, #sem3 #verbrauchlabel { position: absolute; height: 25px; width: 95px; left: 140px; top: 20px; } #lp #verbrauch, #sem3 #verbrauch { position: absolute; left: 8px; width: 150px; } #lp #verbrauch_strom, #lp #verbrauch_gas, #sem3 #verbrauch_strom, #sem3 #verbrauch_gas { position: absolute; top: 75px; left: 130px; } #lp form.pk #verbrauch_gas, #sem3 #verbrauch_gas { left: 10px; } #lp #postalcodeStrom, #lp #postalcodeGas, #sem3 #postalcodeStrom, #sem3 #postalcodeGas { margin: 2px 0 0 70px; } #lp input, #sem3 input { width: 130px; } #lp .submitStrom, #lp .submitGas, #sem3 .submitStrom, #sem3 .submitGas { cursor: pointer; border: 0 none; display:block; height:33px; width:188px; } #lp .submitStrom, #sem3 .submitStrom { background: transparent url(../images/sem/sem3_btn_strompreis.jpg) no-repeat scroll 0 0; } #lp .submitGas , #sem3 .submitGas { background: transparent url(../images/sem/sem3_btn_gaspreis.jpg) no-repeat scroll 0 0; } /* blue buttons */ #lp .blue #btnStromWrap, #lp .blue #btnGasWrap {left:102px;} #btnStromWrapMvt.submitStrom, #lp .blue .submitStrom, #sem3 .blue .submitStrom { width:194px;background: url("../images/sem/mvt/btn_strom_blue_txt3.png") no-repeat scroll 0 0 transparent; } #lp .blue .submitGas, #sem3 .blue .submitGas { width:194px;background: url("../images/sem/mvt/btn_gas_blue_txt3.png") no-repeat scroll 0 0 transparent; } /* Start Multi Variaten Test */ #lp #btnGasWrapMvt, #lp #btnStromWrapMvt { float: left; position: absolute; top: 155px; left: 100px; } #lp #btnGasWrapMvt #mvtBtnGasBgr, #lp #btnStromWrapMvt #mvtBtnStromBgr { position: absolute; left: 0px; top: 0px; display: block; width:194px; height: 31px; } /* #lp #Stromrechner #mvtBtnStromBgr.magenta .txt1 { background: transparent url(../images/sem/mvt/btn_strom_magenta_txt1.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.magenta .txt2 { background: transparent url(../images/sem/mvt/btn_strom_magenta_txt2.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.magenta .txt3 { background: transparent url(../images/sem/mvt/btn_strom_magenta_txt3.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.blue .txt1 { background: transparent url(../images/sem/mvt/btn_strom_blue_txt1.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.blue .txt2 { background: transparent url(../images/sem/mvt/btn_strom_blue_txt2.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.blue .txt3 { background: transparent url(../images/sem/mvt/btn_strom_blue_txt3.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.yellow .txt1 { background: transparent url(../images/sem/mvt/btn_strom_yellow_txt1.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.yellow .txt2 { background: transparent url(../images/sem/mvt/btn_strom_yellow_txt2.png) no-repeat scroll 0 0; } #lp #Stromrechner #mvtBtnStromBgr.yellow .txt3 { background: transparent url(../images/sem/mvt/btn_strom_yellow_txt3.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.magenta .txt1 { background: transparent url(../images/sem/mvt/btn_gas_magenta_txt1.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.magenta .txt2 { background: transparent url(../images/sem/mvt/btn_gas_magenta_txt2.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.magenta .txt3 { background: transparent url(../images/sem/mvt/btn_gas_magenta_txt3.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.blue .txt1 { background: transparent url(../images/sem/mvt/btn_gas_blue_txt1.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.blue .txt2 { background: transparent url(../images/sem/mvt/btn_gas_blue_txt2.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.blue .txt3 { background: transparent url(../images/sem/mvt/btn_gas_blue_txt3.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.yellow .txt1 { background: transparent url(../images/sem/mvt/btn_gas_yellow_txt1.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.yellow .txt2 { background: transparent url(../images/sem/mvt/btn_gas_yellow_txt2.png) no-repeat scroll 0 0; } #lp #Gasrechner #mvtBtnGasBgr.yellow .txt3 { background: transparent url(../images/sem/mvt/btn_gas_yellow_txt3.png) no-repeat scroll 0 0; } */ #lp #btnGasWrapMvt .submitGas, #lp #btnStromWrapMvt .submitStrom { cursor: pointer; border: 0 none; display:block; height:31px; width:194px; /*background: none;*/ margin: 0; padding: 0; z-index: 3000px; } /* End Multi Variaten Test */ #lp #stromValueWrap, #lp #gasValueWrap, #sem3 #stromValueWrap, #sem3 #gasValueWrap { position: absolute; top: 40px; } #lp form.pk #gasValueWrap, #sem3 #gasValueWrap { left: 120px; } #lp #btnGasWrap, #lp #btnStromWrap, #sem3 #btnGasWrap, #sem3 #btnStromWrap { float: left; position: absolute; top: 155px; left: 108px; } #lp #sem_form_strom #slider-bg-strom #slider-thumb-strom, #sem3 #sem_form_strom #slider-bg-strom #slider-thumb-strom { /*top: 2px;*/ left: 31px; } #lp #sem_form_gas.gk #slider-bg-gas #slider-thumb-gas, #lp #sem_form_strom.gk #slider-bg-strom #slider-thumb-strom { /*top: 2px;*/ left: 27px; } .clear { height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; } #gasabrechnung .logo { margin: 52px 0px 24px 18px; background-image: url('../images/ewe_logo.png'); background-repeat: no-repeat; height: 48px; width: 201px; display: block; text-decoration: none; } #gasabrechnung h1, #gasabrechnung h2 { border: none; padding: 0; margin: 0 0 8px 0; } #gasabrechnung span { display: none; } #gasabrechnung ul { list-style-type: disc; padding-left: 16px; margin: 16px 0 24px 0; } #gasabrechnung ol { margin: 0 0 16px 0; padding-left: 24px; } #gasabrechnung #contentwrap { background:url(../images/gasabrechnung/bg_kachel_innen.jpg); background-repeat: repeat-x; padding-right: 16px; } #gasabrechnung #content { width: 775px; } #gasabrechnung ul li, #gasabrechnung ol li { background-image: none; padding: 2px 10px; } #gasabrechnung h1.hl_01 { background-image: none; background-image: url('../images/gasabrechnung/h1.png'); background-repeat: no-repeat; height: 64px; width: 663px; } #gasabrechnung h2.hl_01 { background-image: none; background-image: url('../images/gasabrechnung/h2_01.png'); background-repeat: no-repeat; height: 18px; width: 390px; } #gasabrechnung h2.hl_02 { background-image: none; background-image: url('../images/gasabrechnung/h2_02.png'); background-repeat: no-repeat; height: 18px; width: 551px; } #gasabrechnung h2.hl_03 { background-image: none; background-image: url('../images/gasabrechnung/h2_03.png'); background-repeat: no-repeat; height: 18px; width: 268px; } #gasabrechnung h2.hl_04 { background-image: none; background-image: url('../images/gasabrechnung/h2_04.png'); background-repeat: no-repeat; height: 18px; width: 347px; } #gasabrechnung h2.hl_05 { background-image: none; background-image: url('../images/gasabrechnung/h2_05.png'); background-repeat: no-repeat; height: 15px; width: 336px; } /* Begin Preisergebnis-Seiten */ #resultHeader span, #resultWrapper span { display: none; } #resultWrapper { width: 964px; padding-top: 5px; background-color: #fff; position: relative; } #resultContent { margin: 24px 24px 50px 24px; position: relative; } #resultWrapper.v1 h1 { background-image: none; background-image: url('../images/preisergebnis/v1/h1.png'); background-repeat: no-repeat; width: 564px; height: 34px; display: block; border: none; } #resultWrapper.v2 .strom h1 { background-image: none; background-image: url('../images/preisergebnis/v2/h1_stromangebot.png'); background-repeat: no-repeat; width: 574px; height: 34px; display: block; border: none; } #resultWrapper.v2 .gas h1 { background-image: none; background-image: url('../images/preisergebnis/v2/h1_gasangebot.png'); background-repeat: no-repeat; width: 564px; height: 34px; display: block; border: none; } #resultWrapper.v3 h1 { background-image: none; background-image: url('../images/preisergebnis/v3/h1_unseretarife.png'); background-repeat: no-repeat; width: 415px; height: 22px; display: block; border: none; } #resultHeader { background-image: none; background-image: url('../images/preisergebnis/v3/bg_head.png'); background-repeat: no-repeat; width: 928px; height: 24px; display: block; padding: 18px; } #resultHeader h1 { background-image: none; background-image: url('../images/preisergebnis/v3/h1_stromrechner.png'); background-repeat: no-repeat; width: 291px; height: 20px; display: block; border: none; float: left; } #resultHeader.gas h1 { background-image: none; background-image: url('../images/preisergebnis/v3/h1_gasrechner.png'); background-repeat: no-repeat; width: 291px; height: 20px; display: block; border: none; float: left; } #resultHeader .eingaben { float: left; font-size: 16px; margin: 2px 0px 0px 30px; } #resultHeader .btnEingaben { display: block; text-decoration: none; background-image: none; background-image: url('../images/preisergebnis/v3/round_arrow_cyan.png'); background-position: 0px 3px; background-repeat: no-repeat; text-decoration: underline; color: #000; width: 157px; height: 18px; margin: 4px 0 0 30px; padding-left: 20px; float: left; } #resultHeader .eingaben span { display: inline; padding: 0px 20px; } #eingaben { position: absolute; top: 0px; right: 0px; color: #199ee0; font-size: 12px; font-weight: bolder; height: auto; } #eingaben p { border-bottom: 1px solid #a1a1a1; padding-bottom: 3px; } #eingaben a { margin-top: 5px; color: #199ee0; font-size: 12px; font-weight: bolder; text-decoration: none; color: #000; padding-left: 22px; background-image: none; background-image: url('../images/preisergebnis/v1/btn_eingabeaendern.png'); background-repeat: no-repeat; width: 129px; height: 18px; display: block; } #resultWrapper h2, #resultWrapper h2 { background-image: none; background-image: url('../images/preisergebnis/v1/h2.png'); background-repeat: no-repeat; width: 421px; height: 20px; display: block; border: none; margin: 0px; padding-bottom: 0px; } #resultWrapper h2.subline { background: url('../images/preisergebnis/v1/h2_jtauw.png') no-repeat 0 0 transparent; border-bottom:none; } #resultContent p { margin: 0px; } /* #resultWrapper.v1 #boxEpt { margin: 32px 0 0 0px; padding: 20px 15px; background-image: none; background-image: url('../images/preisergebnis/v1/bg_blue.png'); background-repeat: no-repeat; width: 284px; height: 334px; display: block; border: none; float: left; position: relative; } #resultWrapper.v1 #boxMoet { margin: 32px 0 0 32px; padding: 14px 15px 20px 25px; background-image: none; background-image: url('../images/preisergebnis/v1/bg_green.png'); background-repeat: no-repeat; width: 284px; height: 340px; display: block; border: none; float: left; position: relative; } */ #righttab .tdoppel { padding: 0 14px 0 3px; margin: 0 0 -13px 0; } #resultWrapper.v1 .tarifBox { /* background-image: none; background-image: url('../images/preisergebnis/v2/bg.png'); background-repeat: no-repeat; */ display: block; border: none; position: relative; width: 292px; } #resultWrapper.v1 .tarifBoxWrap { float: left; position: relative; margin-right: 18px; } #resultWrapper.v2 .tarifBoxWrap { float: left; position: relative; margin-right: 18px; } #resultWrapper.v2 .tarifBox { /* background-image: none; background-image: url('../images/preisergebnis/v2/bg.png'); background-repeat: no-repeat; */ display: block; border: none; position: relative; width: 292px; } #resultWrapper.v1 .tarifBoxWrap.last, #resultWrapper.v2 .tarifBoxWrap.last { margin-right: 0px; } #resultWrapper.v1 #boxEpt .head { background-image: none; background-image: url('../images/preisergebnis/v1/bg_top_blue.png'); background-repeat: no-repeat; display: block; width: 292px; height: 63px; border: none; position: relative; } #resultWrapper.v1 #boxMoet .head { background-image: none; background-image: url('../images/preisergebnis/v1/bg_top_green.png'); background-repeat: no-repeat; display: block; width: 292px; height: 63px; border: none; position: relative; } #resultWrapper.v1 #boxMgt .head { background-image: none; background-image: url('../images/preisergebnis/v1/bg_top_magenta.png'); background-repeat: no-repeat; display: block; width: 292px; height: 63px; border: none; position: relative; } #resultWrapper.v2 .tarifBox .head { background-image: none; background-image: url('../images/preisergebnis/v2/bg_top.png'); background-repeat: no-repeat; display: block; width: 292px; height: 41px; border: none; position: relative; } #resultWrapper.v1 .tarifBox .cont, #resultWrapper.v2 .tarifBox .cont { background-image: url('../images/preisergebnis/v2/shadow_head.png'); background-repeat: repeat-x; background-position: 0 0; border-left: 1px solid #292929; border-right: 1px solid #292929; border-bottom: 1px solid #292929; position: relative; } #resultWrapper.v2 .tarifBox .cont .priceWrap { height: 96px; width: 100%; } #resultWrapper.v2 .large .tarifBox .cont .priceWrap { height: 115px; width: 100%; } #resultWrapper.v2 .tarifBox .cont .priceInner { padding: 16px 0 16px 16px; } #resultWrapper.v1 .tarifBox .cont .priceInner { padding: 16px 0 0px 16px; } #resultWrapper.v1 .tarifBox .shadowRight, #resultWrapper.v2 .tarifBox .shadowRight { background-image: url('../images/preisergebnis/v2/shadow_right.png'); background-repeat: repeat-y; background-position: 100% 0; padding-right: 7px; position: relative; } #resultWrapper.v1 .tarifBox .shadowRight { padding-right: 6px; } #resultWrapper.v1 .priceWrap { width: 100%; height: 98px; } #resultWrapper.v1 .large .priceWrap { width: 100%; height: 120px; } #resultWrapper.v1 #boxEpt .priceWrap, #resultWrapper.v1 #boxEpt .details { background-color: #199ee0; } #resultWrapper.v1 #boxMoet .priceWrap, #resultWrapper.v1 #boxMoet .details { background-color: #009d30; } #resultWrapper.v1 #boxMgt .priceWrap, #resultWrapper.v1 #boxMgt .details { background-color: #de127b; } #resultWrapper.v1 .btnWrap { background-color: #171717; } #resultWrapper.v1 .tarifBox .shadowBottom, #resultWrapper.v2 .tarifBox .shadowBottom { background-image: none; background-image: url('../images/preisergebnis/v2/shadow_bottom.png'); background-repeat: no-repeat; background-position: 0 0; height: 7px; width: 100%; display: block; position: relative; } #resultWrapper .stoerer { background-image: none; background-image: url('../images/preisergebnis/v2/stoerer.png'); background-repeat: no-repeat; width: 74px; height: 75px; position: absolute; left: 220px; top: -45px; z-index: 3000; } /*#startwrapper .stoerer_99 { background: url('../images/landingpages/stoerer_99_front.png') no-repeat; width: 74px; height: 75px; position: absolute; right: 54px; top: 4px; z-index: 3000; }*/ #startwrapper .stoerer_99 { background: url( ../images/landingpages/stoerer_99_front.png ) no-repeat; width: 74px; height: 75px; position: absolute; left: 260px; top: 4px; z-index: 3000; } #resultWrapper .stoererpst{top:100px;} #resultWrapper.v1 .stoerer { left: 225px; top: 205px; z-index: 3000; } #resultWrapper.v1 .large .stoerer { left: 220px; top: 220px; z-index: 3000; } #resultWrapper.v2 .tarife { margin: 62px 0 0 0; } #resultWrapper.v1 .tarife { margin: 62px 0 0 0; } #resultWrapper.v2 #boxEpt { /*margin: 32px 0 0 0px; padding: 11px 15px; width: 284px; height: 354px;*/ } #resultWrapper.v2 #boxMoet { } #resultWrapper.v1 #boxEpt h3 { background-image: none; background-image: url('../images/preisergebnis/v1/h3_einpreistarif_strom.png'); background-repeat: no-repeat; background-position: 18px 20px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v1 #boxMoet h3 { background-image: none; background-image: url('../images/preisergebnis/v1/h3_meinoekotarif_strom.png'); background-repeat: no-repeat; background-position: 18px 16px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v1 .gas #boxMoet h3 { background-image: none; background-image: url('../images/preisergebnis/v1/h3_meinklimatarif_gas.png'); background-repeat: no-repeat; background-position: 18px 20px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v1 #boxMgt h3 { background-image: none; background-image: url('../images/preisergebnis/v1/h3_meinguenstigtarif_strom.png'); background-repeat: no-repeat; background-position: 18px 16px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .strom #boxEpt h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_einpreistarif_strom.png'); background-repeat: no-repeat; background-position: 16px 11px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .strom #boxMoet h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinoekotarif_strom.png'); background-repeat: no-repeat; background-position: 16px 7px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .strom #boxMgt h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinguenstigtarif_strom.png'); background-repeat: no-repeat; background-position: 16px 11px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxEpt h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_einpreistarif_gas.png'); background-repeat: no-repeat; background-position: 16px 11px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMkt h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinklimatarif_gas.png'); background-repeat: no-repeat; background-position: 16px 10px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMpt h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinpakettarif_gas.png'); background-repeat: no-repeat; background-position: 16px 10px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMgt h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinguenstigtarif_gas.png'); background-repeat: no-repeat; background-position: 16px 11px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMpt .quant15000 h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinpakettarif_15000_gas.png'); background-repeat: no-repeat; background-position: 16px 10px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMpt .quant8000 h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinpakettarif_8000_gas.png'); background-repeat: no-repeat; background-position: 16px 10px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMpt a.mptNext { background-image: none; background-image: url('../images/preisergebnis/v2/arr_yell_down.png'); background-repeat: no-repeat; display: block; position: absolute; right: 14px; top: 14px; width: 20px; height: 10px; z-index: 3000; text-decoration: none; } #resultWrapper.v2 .gas #boxMpt a.mptPrev { background-image: none; background-image: url('../images/preisergebnis/v2/arr_yell_up.png'); background-repeat: no-repeat; display: block; position: absolute; right: 36px; top: 14px; width: 20px; height: 10px; z-index: 3000; text-decoration: none; } #resultWrapper.v2 .gas #boxMpt .quant22000 h3, #resultWrapper.v2 .gas #boxMpt .quant_empty h3 { background-image: none; background-image: url('../images/preisergebnis/v2/h3_meinpakettarif_22000_gas.png'); background-repeat: no-repeat; background-position: 16px 10px; width: 100%; height: 100%; display: block; border: none; padding: 0px 0 0px 0px; } #resultWrapper.v2 .gas #boxMpt .quant_empty h3 { background-image: url('../images/preisergebnis/v2/h3_meinpakettarif_empty_gas.png'); } #resultWrapper.v1 ul { background-color: #353535; padding: 12px 0 18px 18px; } #resultWrapper.v2 ul { padding: 16px 0 20px 12px; background-color: #eee; } #resultWrapper.v3 ul { padding: 0px 0 21px 0px; } #resultWrapper.v1 li { background:url(../images/preisergebnis/v1/haken_yellow.png) no-repeat left 8px; padding:5px 0 0px 20px; color: #fff; height: auto; } #resultWrapper.v2 li { background:url(../images/preisergebnis/v2/haken_cyan.png) no-repeat left 8px; background-repeat: no-repeat !important; padding:5px 0 0px 20px; color: #000; height: auto; } #resultContent sup { vertical-align: top; position: relative; top: -0.5em; } #resultWrapper.v3 li { background:url(../images/preisergebnis/v3/haken_cyan.png) no-repeat left 3px; padding:0px 0 0px 20px; color: #FFF; height: auto; } #resultWrapper.v3 #boxMkt li , #resultWrapper.v3 #boxMoet li { background:url(../images/preisergebnis/v3/haken_green.png) no-repeat left 3px; } #resultWrapper.v3 #boxMgt li { background:url(../images/preisergebnis/v3/haken_magenta.png) no-repeat left 3px; } #resultWrapper.v1 .price { color: #fff; font-weight: bolder; font-size: 14px; padding: 0px 0 0 18px; } #resultWrapper.v1 .price span { display: inline; /* font-family: Arial, Helvetica, Sans; */ font-weight: bolder; font-size: 24px; letter-spacing: -2px; } #resultWrapper.v2 .price { color: #1b1b1b; font-weight : bolder; font-size: 16px; padding: 0; } #resultWrapper.v2 .price span { display: inline; /*font-family: Arial, Helvetica, Sans;*/ font-weight: bolder; font-size: 24px; letter-spacing: -2px; } #resultWrapper.v1 .bonus { color: #fff; font-weight: bolder; padding: 4px 0 10px 20px; font-size: 10px; } #resultWrapper.v1 .bonus span { display: inline; /*font-family: Arial, Helvetica, Sans;*/ font-weight: bolder; font-size: 16px; letter-spacing: -1px; } #resultWrapper.v2 .bonus { color: #199ee0; font-weight: bolder; padding: 6px 0 0px 0px; font-size: 14px; } #resultWrapper.v2 .bonus sup { font-size: 9px; } #resultWrapper.v1 .min { display: inline; padding: 3px 5px; width: auto; background-color: #fff; } #resultWrapper.v1 #boxEpt { color: #199ee0;; } #resultWrapper.v1 #boxMoet { color: #009d30; } #resultWrapper.v1 #boxMkt { color: #de127b; } #resultWrapper.v1 #boxMgt { color: #de127b; } #resultWrapper.v1 .minWrap { padding: 8px 0 3px 18px; font-weight: bolder; } #resultWrapper.v2 .min { display: inline; padding: 3px 5px; width: auto; background-color: #de127b; color: #fff; } #resultWrapper.v2 .minWrap { padding: 8px 0 0 0; } #resultWrapper.v2 .bonus span { display: inline; /* font-family: Arial, Helvetica, Sans; */ font-weight: bolder; /* font-size: 18px; */ } #resultWrapper.v2 .details { color: #434343; /*font-weight: bolder;*/ background-color: #eee; } #resultWrapper.v1 .detailsInner { background-image: none; background-image: url('../images/preisergebnis/v1/seperator.png'); background-repeat: no-repeat; margin: 0 16px 0 16px; padding: 14px 5px 14px 5px; } #resultWrapper.v2 .detailsInner { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin: 0 16px 0 16px; padding: 14px 0 14px 10px; } #resultWrapper.v1 .details { color: #fff; font-weight: bolder; } #resultWrapper.v3 .details { color: #333333; font-size: 11px; padding: 0 0 0 0px; position: absolute; bottom: 0px; } #resultWrapper.v3 ul { position: absolute; bottom: 40px; } #resultWrapper.v3 .grundpreisTxt{ font-size: 16px; font-weight: bolder; padding-top: 2px; margin-bottom: 0px; } #resultWrapper.v3 .arbeitspreisTxt { font-size: 11px; line-height: 11px; margin: 3px 0 0 2px; } #resultWrapper.v3 .aktionsbonus, #resultWrapper.v3 .onlinebonus, #resultWrapper.v3 .grundpreis { font-size: 20px; font-weight: bolder; font-family: Arial, Helvetica, sans-serif; } #resultWrapper.v3 .grundpreis { font-size: 25px; } #resultWrapper.v3 .details .col1 { float: left; font-size: 10px; width: 150px; } #resultWrapper.v3 .details .col2 { text-align: right; width: 81px; float: left; } #resultWrapper.v3 .boni { position: relative; left: -25px; width: 280px; color: #FFF; font-size: 24px; font-weight: bolder; padding: 8px 0; font-size: 16px; } #resultWrapper.v3 .wechsel, #resultWrapper.v3 .wechselBetrag, #resultWrapper.v3 .online, #resultWrapper.v3 .onlineBetrag { float: left; } #resultWrapper.v3 .wechsel, #resultWrapper.v3 .online { font-size: 12px; line-height: 13px; margin-right: 5px; } #resultWrapper.v3 .wechselBetrag, #resultWrapper.v3 .onlineBetrag { font-size: 20px; color: #199fe6; font-family: Arial, Helvetica, Sans; font-weight: bolder; padding-top: 9px; margin-right: 20px; } #resultWrapper.v3 .bonus { color: #FFF; font-weight: bolder; padding: 12px 0; font-size: 14px; } #resultWrapper.v3 .bonus span { display: inline; color: #199fe6; font-size: 24px; font-weight: bolder; font-family: Arial, Helvetica, Sans; font-weight: bolder; /*padding-left: 41px;*/ } #resultWrapper.v3 .gesamt { float:left; padding:18px 0 0 0; font-size: 11px; color: #FFF; } #resultWrapper.v3 .price { float:right; font-size: 36px; color: #199fe6; line-height: 38px; /* fix sum */ position:absolute; right:20px; } #resultWrapper.v2 .details .col1, #resultWrapper.v1 .details .col1 { float: left; font-size: 10px; width: 105px; } #resultWrapper.v2 #boxMpt .details .col1 { float: left; font-size: 10px; width: 90px; } #resultWrapper.v1 .details .col1 p, #resultWrapper.v2 .details .col1 p { margin: 0px; } #resultWrapper.v1 .details .col1 span, #resultWrapper.v2 .details .col1 span { display: inline; /*font-family: Arial, Helvetica, Sans;*/ font-size: 14px; font-weight: normal; } #resultWrapper.v2 .details .col1 span.stellen4 { font-size: 14px; letter-spacing:-1px; } #resultWrapper.v2 .details #fontMptNum span, #resultWrapper.v2 #boxMpt .details #fontMptNum { font-size: 11px; width: 80px; margin-top: -8px; margin-bottom: -12px; } #fontMpt { font-size: 8px; margin-top: -7px; margin-bottom: -11px; } #resultWrapper.v1 .details .col2, #resultWrapper.v2 .details .col2 { float: left; padding: 0px 0 0 0; } #resultWrapper.v2 .details .col2 p { margin: 0px 0 0 0; } #resultWrapper.v1 .details .col2 p { line-height: 20px; } #resultWrapper.v1 .btnBestellen { display: block; text-decoration: none; background-image: none; background-image: url('../images/preisergebnis/v1/btn_jetztwechseln.png'); background-repeat: no-repeat; width: 157px; height: 26px; } #resultWrapper.v2 .btnWrap { padding: 16px 0 16px 16px; background-color: #eee; } #resultWrapper.v1 .btnWrap { padding: 16px 0 16px 16px; } #resultWrapper.v2 .btnBestellen { display: block; text-decoration: none; background-image: none; background-image: url('../images/preisergebnis/v2/btn_jetztwechseln.png'); background-repeat: no-repeat; width: 171px; height: 37px; /* position: absolute; bottom: 23px; left: 17px; */ } #resultWrapper.v3 .btnBestellen { display: block; text-decoration: none; background-image: none; background-image: url('../images/preisergebnis/v3/btn_jetztwechseln.png'); background-repeat: no-repeat; width: 157px; height: 48px; margin: 0px auto; } #resultWrapper .siegel { background-image: none; background: url('../images/preisergebnis/v1/siegel.jpg') no-repeat 50% 0 transparent; background-repeat: no-repeat; display: block; width: 935px; height: 152px; margin-left: 18px; } /* #resultWrapper .siegelV3 { background-image: none; background-image: url('../images/preisergebnis/v3/siegel.jpg'); background-repeat: no-repeat; display: block; width: 969px; height: 170px; margin-left: -5px; } */ #resultWrapper #stoererV3 { background-image: none; background-image: url('../images/preisergebnis/v3/stoerer.png'); background-repeat: no-repeat; display: block; width: 241px; height: 107px; z-index: 100; position: absolute; top: 85px; left: -47px; } .footerV1 { text-indent: -9px; color: #626262; font-size: 11px; padding: 15px 0 52px 20px; } .footerV1 p { margin: 0; } #resultWrapper.v3 #boxMgt, #resultWrapper.v3 #boxMkt, #resultWrapper.v3 #boxEpt, #resultWrapper.v3 #boxMoet { border: none; float: left; position: relative; } #resultWrapper.v3 .tarife .head { height: 210px; width: 304px; position: relative; } #resultWrapper.v3 .tarife .headContent { padding: 0px 20px 0px 48px; } #resultWrapper.v3 .tarife .bonus { padding: 10px 12px 5px 40px; } #resultWrapper.v3 .strom #boxMoet .head { background-image: none; background-image: url('../images/preisergebnis/v3/bg_moet.jpg'); background-repeat: no-repeat; background-position: 0 100%; /*margin: 32px 0 0 150px;*/ } #resultWrapper.v3 .strom #boxEpt .head { background-image: none; background-image: url('../images/preisergebnis/v3/bg_ept_strom.jpg'); background-repeat: no-repeat; background-position: 1px 100%; /*margin: 32px 0 0 150px;*/ } #resultWrapper.v3 .strom #boxMgt .head { background-image: none; background-image: url('../images/preisergebnis/v3/bg_mgt.jpg'); background-repeat: no-repeat; background-position: 2px 100%; /*margin: 32px 0 0 150px;*/ } #resultWrapper.v3 .gas #boxMkt .head { background-image: none; background-image: url('../images/preisergebnis/v3/bg_mkt_gas.jpg'); background-repeat: no-repeat; background-position: 0px 100%; /*margin: 32px 0 0 150px;*/ } #resultWrapper.v3 .gas #boxEpt .head { background-image: none; background-image: url('../images/preisergebnis/v3/bg_ept_gas.jpg'); background-repeat: no-repeat; background-position: 0px 100%; /*margin: 32px 0 0 150px;*/ } #resultWrapper.v3 .tarife { margin: 75px 0 0 0px; } #resultWrapper .threeBoxes { margin-left: 0px; } #resultWrapper .twoBoxes { padding-left: 152px; } #resultWrapper .oneBox { padding-left: 304px; } #resultWrapper.v3 .tarife .cont { background-color: #131313; margin-left: 9px; } #resultWrapper.v3 .tarifBox .shadowLeft{ background-image: url('../images/preisergebnis/v3/shadow_left.jpg'); background-repeat: repeat-y; background-position: 1px 0; width: 304px; position: relative; } #resultWrapper.v3 .minWrap { background-image: none; background-image: url('../images/preisergebnis/v3/bg_min.png'); background-repeat: no-repeat; width: 267px; height: 36px; margin: 0 auto; } #resultWrapper.v3 .space { width: 267px; height: 36px; } #resultWrapper.v3 .min { padding: 3px 6px; } #resultWrapper.v3 .min { font-weight: bolder; } #resultWrapper.v3 .btnWrap { background-image: none; background-image: url('../images/preisergebnis/v3/bg_bottom.jpg'); background-repeat: no-repeat; background-position: 0 0; width: 304px; height: 59px; padding: 10px 0 0 0; } #resultWrapper.v3 .bonus .col1 { float: left; width: 150px; height: 45px; } #resultWrapper.v3 .bonus .col2 { text-align: right; width: 81px; float: left; } #resultWrapper.v3 .bonus p { margin-bottom: 4px; } #resultWrapper.v3 .seperator { height: 1px; line-height: 0; border-top: 1px solid #7f7f7f; margin: 0 7px 0 7px; } #resultWrapper.v3 .priceWrap { padding: 5px 12px 10px 20px; } #resultWrapper.v3 .green { color: #0d9b30 !important; } #resultWrapper.v3 #boxMkt .min, #resultWrapper.v3 #boxMkt .aktionsbonus, #resultWrapper.v3 #boxMkt .onlinebonus, #resultWrapper.v3 #boxMkt .grundpreis, #resultWrapper.v3 #boxMkt .arbeitspreis, #resultWrapper.v3 #boxMkt .price, #resultWrapper.v3 #boxMoet .min, #resultWrapper.v3 #boxMoet .aktionsbonus, #resultWrapper.v3 #boxMoet .onlinebonus, #resultWrapper.v3 #boxMoet .grundpreis, #resultWrapper.v3 #boxMoet .arbeitspreis, #resultWrapper.v3 #boxMoet .price { color: #0D9B30; } #resultWrapper.v3 #boxEpt .min, #resultWrapper.v3 #boxEpt .aktionsbonus, #resultWrapper.v3 #boxEpt .onlinebonus, #resultWrapper.v3 #boxEpt .grundpreis, #resultWrapper.v3 #boxEpt .arbeitspreis, #resultWrapper.v3 #boxEpt .price { color: #199fe6; } #resultWrapper.v3 #boxMgt .min, #resultWrapper.v3 #boxMgt .aktionsbonus, #resultWrapper.v3 #boxMgt .onlinebonus, #resultWrapper.v3 #boxMgt .grundpreis, #resultWrapper.v3 #boxMgt .arbeitspreis, #resultWrapper.v3 #boxMgt .price { color: #cd056d; } #resultWrapper.v3 .arbeitspreis { line-height:22px; } /* End Preisergebnis-Seiten */ /* BEGIN Table Karriere */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables features */ .dataTables_wrapper { position: relative; min-height: 302px; clear: both; _height: 302px; zoom: 1; /* Feeling sorry for IE */ } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } .dataTables_length { width: 40%; float: left; } .dataTables_filter { width: 50%; float: right; text-align: right; } .dataTables_info { width: 200px; float: left; } .dataTables_paginate { width: 44px; * width: 50px; float: right; text-align: right; } /* Pagination nested */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; } .paginate_disabled_previous { background-image: url('../images/icons/back_disabled.jpg'); } .paginate_enabled_previous { background-image: url('../images/icons/back_enabled.jpg'); } .paginate_disabled_next { background-image: url('../images/icons/forward_disabled.jpg'); } .paginate_enabled_next { background-image: url('../images/icons/forward_enabled.jpg'); } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */ table.display { margin: 0 auto; clear: both; width: 100%; /* Note Firefox 3.5 and before have a bug with border-collapse * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) * border-spacing: 0; is one possible option. Conditional-css.com is * useful for this kind of thing * * Further note IE 6/7 has problems when calculating widths with border width. * It subtracts one px relative to the other browsers from the first column, and * adds one to the end... * * If you want that effect I'd suggest setting a border-top/left on th/td's and * then filling in the gaps with other borders. */ } table.display thead th { padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; * cursor: hand; } table.display tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; } table.display tr.heading2 td { border-bottom: 1px solid #aaa; } table.display td { padding: 3px 10px; } table.display td.center { text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */ .sorting_asc { background: url('../images/icons/sort_asc.gif') no-repeat center right; } .sorting_desc { background: url('../images/icons/sort_desc.gif') no-repeat center right; } .sorting { background: url('../images/icons/sort_both.gif') no-repeat center right; } .sorting_asc_disabled { background: url('../images/icons/sort_asc.gif') no-repeat center right; } .sorting_desc_disabled { background: url('../images/icons/sort_desc.gif') no-repeat center right; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables row classes */ tr.odd { background-color: #EFEFEF; } tr.even { background-color: white; } tr.even td.sorting_1 { background-color: #EFEFEF; } tr.odd td.sorting_1 { background-color: #DDD; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Misc */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; } .top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; } .top .dataTables_info { float: none; } .dataTables_empty { text-align: center; } tfoot input { margin: 0.5em 0; width: 100%; color: #444; } tfoot input.search_init { color: #999; } td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; } td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; } .example_alt_pagination div.dataTables_info { width: 40%; } .paging_full_numbers { width: 400px; height: 22px; line-height: 22px; } .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { /* border: 1px solid #aaa; //-webkit-border-radius: 5px; //-moz-border-radius: 5px; */ padding: 2px 5px; margin: 0 3px; cursor: pointer; } .paging_full_numbers span.paginate_button { /*background-color: #ddd;*/ } .paging_full_numbers span.paginate_button:hover { /*background-color: #ccc;*/ text-decoration: underline; } .paging_full_numbers span.paginate_active { /*background-color: #99B3FF;*/ border: 1px solid #525252; } table.display tr.even.row_selected td { background-color: #B0BED9; } table.display tr.odd.row_selected td { background-color: #9FAFD1; } #tCareer { margin: 8px 0; } #tCareer .head th { color: #fff; text-align: left; } #tCareer tr.head { background: url('../images/karriere/bg_table_head.png') repeat-x center right; color: #fff; background-color: #525252; } #content.careerJob h1 { color: #de127b; font-size: 26px; font-weight: bolder; line-height: 28px; letter-spacing: -2px; } #content.careerJob h2 { color: #199ee0; font-size: 18px; font-weight: bolder; border: none; margin: 25px 0 15px 0; padding: 0; } #content.careerJob ul { margin-left: 20px; } #content.careerJob li { list-style: disc; margin: 0; padding: 0; background-image: none; } #tCareer { border: 1px solid #5d5d5d; } #tCareer td { border-top: 1px solid #5d5d5d; } #tCareer a { color: #000; } #content.career .result { font-weight: bolder; font-size: 14px; } #content.career .result span { color: #199ee0; } /* END Table Karriere */ /* fancybox CSS */ /* link outside box */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('../images/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('../images/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px; } /* IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* new gas slider Home */ #content #startseite_gas.gas_slider_new #slider-bg-gas { position: relative; background:url(../images/startseite/slider_linie.gif) 3px 1px no-repeat; height:7px; width:165px; padding:0 0 0 0; padding-bottom: 10px; padding-top:0px; margin:0px 0 0 190px; margin-left: 102px; margin-top: 20px; } #content #startseite_gas.gas_slider_new #slider-thumb-gas { position: absolute; background:none; top: 31px; left:16px; padding:0; width:7px; height:14px; cursor:pointer; } #content.start #startseite_gas.gas_slider_new #slider-line-gas { position: absolute; background:black; top: 2px; left:16px; padding:0; width:135px; height:3px; overflow:hidden; } #content.start #startseite_gas.gas_slider_new .formline_first { padding-bottom: 0px; } /* --- */ /* ie9 positioning fix immonet/zuhause, should also work for opera, but hell... it won't ;p */ @media all and (min-width:0) { #content.start form #icons { left:181px\0/; } } @media all and (min-width:0) { #content.start form #slider-bg-gas { margin-left:178px\0/; } } @media all and (min-width:0) { #content.start form #dummys, #content.start form #slider-bg-strom { left:177px\0/; } }