.layerBackground { background:#000 none repeat scroll 0 0; display:none; height:100%; left:0; margin:0; opacity:0.7; filter:alpha(opacity = 70); position:absolute; top:0; width:100%; z-index:9; } * { margin: 0px; padding: 0px; } /*img, div, a { _behavior: url(/ini/css/iepngfix.htc) }*/ body,html { height:100% } body { font-family: Verdana, Arial, sans-serif; font-size:11px; line-height:16px; color:#000; background-color:#fff; } .clearfix { clear:both; margin:0px !important; padding:0px !important; height: 1px; font-size: 1px; line-height: 1px; } #wrapper { /*overflow:hidden; musste weg für FF2, da sonst der rechner hinterm layerBackground sitzt*/ background-color:#fff; /*min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -35px;*/ margin: 0 auto; width:930px; } img { border:none } a { text-decoration:underline; color:#0047b5 } a:hover { text-decoration:none; color:#0047b5 } #logo { width:940px } #logo img { _behavior: url(/ini/css/iepngfix.htc); float:right; margin:35px 28px 28px 0; width:400px; height:70px; } #logoLink { background:url("/img/meta/logo.png"); _behavior: url(/ini/css/iepngfix.htc); float:right; margin:35px 28px 28px 0; width:400px; height:70px; } #logo p { float:left; padding:5px 25px 0 0; font-size:9px; color:#d8d8d8 } #logo a { font-size:9px; color:#d8d8d8 } #infobox { position:relative; clear:both; padding:28px 0 0 0 } #infobox .top { background:url("/img/meta/infoBoxTop.gif") no-repeat top left; width:575px; height:21px } #infobox .middle { background:url("/img/meta/infoBoxMiddle.gif") repeat-y top left; padding:0 0 0 18px; } #infobox .bottom { background:url("/img/meta/infoBoxBottom.gif") no-repeat top left; width:575px; height:21px } /* --- BUTTONS -------------------------------------------------------------------------------------------------------------------------- */ .small_btn { text-transform:uppercase; width:101px; height:32px; background:transparent url("/img/meta/btn_bg.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } .small_btn:hover { text-transform:uppercase; color:#FFF; text-decoration:none } .middle_btn { text-transform:uppercase; width:146px; height:30px; background:transparent url("/img/meta/btn_bg_middle.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } .middle_btn:hover { text-transform:uppercase; color:#FFF; text-decoration:none } .wide_btn { text-transform:uppercase; width:206px; height:30px; background:transparent url("/img/meta/btn_bg_big.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } .wide_btn:hover { text-transform:uppercase; color:#FFF; text-decoration:none } .wide_btn #buttonLater { font-size: 10px; } .weiter_btn { text-transform:uppercase; position:absolute; bottom:4px; right:28px; width:101px; height:32px; background:transparent url("/img/meta/btn_bg.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } * html b\ody .weiter_btn { text-transform:uppercase; position:absolute; top:4em; right:5%; width:101px; height:32px; background:transparent url("/img/meta/btn_bg.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } .weiter_btn:hover { text-transform:uppercase; color:#FFF; text-decoration:none } .wechseln_btn { text-transform:uppercase; position:absolute; bottom:4px; right:28px; width:146px; height:30px; background:transparent url("/img/meta/btn_bg_middle.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } * html b\ody .wechseln_btn { text-transform:uppercase; position:absolute; top:4em; right:5%; width:146px; height:30px; background:transparent url("/img/meta/btn_bg_middle.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } .wechseln_btn:hover { text-transform:uppercase; color:#FFF; text-decoration:none } .wechseln_btn_xtra { background: url("/img/meta/btn_bg_middle.png") no-repeat scroll left top transparent; bottom: 4px; color: #FFFFFF; display: block; font-style: italic; font-weight: bold; height: 30px; padding: 7px 0 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 146px; float:right; margin-right: 30px; margin-top: -20px } .wechseln_btn_xtra:hover { text-transform:uppercase; color:#FFF; text-decoration:none } /* --- NAVIGATION -------------------------------------------------------------------------------------------------------------------------- */ #nav { clear:both; position:relative; height:33px; width:920px; background:url("/img/nav/bg.gif") no-repeat top left; padding:4px 0 0 4px; overflow: hidden; z-index:8 } #nav li { float: left; list-style: none; } #nav li.back { background:url("/img/nav/active.gif") no-repeat right -30px; width:9px; height:30px; z-index:8; position:absolute; } #nav li.back .left { background:url("/img/nav/active.gif") no-repeat top left; height:30px; margin-right:9px; } #nav li a { font: bold 10px verdana; text-decoration:none; color:#0047b5; outline:none; text-align:center; top:6px; z-index:30; float:left; height:30px; position:relative; overflow:hidden; margin:auto 10px; } #nav li a:focus { border:none; color:#fff; } #nav li a:hover { border:none; color:#d8d8d8;} #nav li a:active { border:none; color:#fff; } #nav li.current a { color:#d8d8d8 } div.layer { padding:10px; position:absolute; top:300px; left:100px; z-index:1; background:#0047B5; /* url("/img/meta/cal_box.gif") no-repeat top left; */ width:500px; height:270px } /* --- CONTENT -------------------------------------------------------------------------------------------------------------------------- */ #content { padding:9px 0 0 0 } #content .BoxLeft { float:left; padding:0; margin:0 7px 0 0; width:302px; height:270px; background:url("/img/meta/teaser_left.jpg") no-repeat top left; } #content .BoxLeft p { color:#0047b5; padding:155px 15px 0 15px; line-height:14px } #content .BoxRight { float:left; padding:0; margin:0 0 0 7px; width:302px; height:270px; } #content .calBox { float:left; position:relative; background:url("/img/meta/cal_box.gif") no-repeat top left; width:302px; height:270px } #content .calBox h1 { font-size:13px; color:#0047b5; padding:14px 0 0 14px; } #content .calBox p { padding:12px 14px 0 22px; color:#FFF; font-weight:bold } #content .calBox p.plz { padding:0px 14px 0 22px; color:#FFF; font-weight:bold; font-size:13px } #content .calBox input { width:97px; border:1px solid #ff0000; padding:8px; margin:10px 0 16px 22px; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#000; } #content .calBox select { width:236px; border:1px solid #ff0000; padding:5px 0 5px 0; margin:10px 0 10px 22px; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#000; } #content .calBox .button { position:absolute; bottom:10px; right:16px; line-height:48px; text-align:center; background:url("/img/rechner_start_btn_bg.png") no-repeat center left; width:268px; height:49px } #content .calBox .button a { text-decoration:none; font-size:16px; color:#FFF; font-weight:bold; font-style:italic } #content .calBox .verbrauch_opt { padding: 2px 0 2px 5px;} #content .calBoxSub { float:left;position:relative; background:url("/img/meta/cal_box_sub.jpg") no-repeat top left; width:306px; height:529px;} #content .calBoxSub .input { padding:275px 0 0 0; } #content .calBoxSub .input h1 { font-size:13px; color:#0047b5; padding:14px 0 0 14px; } #content .calBoxSub .input p { padding:4px 14px 0 22px; color:#0047b5; font-weight:bold } #content .calBoxSub .input p.plz { font-size:14px; padding:10px 14px 0 16px; color:#0047b5; font-weight:bold } #content .calBoxSub .input input { width:97px; border:1px solid #ff0000; padding:4px; margin:6px 0 14px 22px; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#000; } #content .calBoxSub .input select { width:236px; border:1px solid #ff0000; padding:5px 0 5px 0; margin:10px 0 8px 22px; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#000; } #content .calBoxSub .button { position:absolute; bottom:6px; right:20px; line-height:48px; text-align:center; background:url("/img/meta/vergleichen_button_sub.gif") no-repeat center left; width:268px; height:49px } #content .calBoxSub .button a { text-decoration:none; font-size:16px; color:#FFF; font-weight:bold; font-style:italic } #content .infoBox { float:left; width:592px; padding:0px 0px 0 14px; color:#0047b5; z-index:5;} #content .infoBox h1 { color:#0047b5; font-size:19px; padding:0 0 14px 0 } #content .infoBox h2 { color:#f7000c; font-size:13px; padding:0 0 24px 0 } #content .infoBox p { width:523px} #content .infoBox ul { list-style:none; padding:0 0 14px 0 } #content .infoBox li.top { background:url("/img/meta/infoBoxTop.gif") no-repeat top left; width:575px; height:21px } #content .infoBox li.middle { background:url("/img/meta/infoBoxMiddle.gif") repeat-y top left; padding:0 25px 0 18px; } #content .infoBox li.bottom { background:url("/img/meta/infoBoxBottom.gif") no-repeat top left; width:575px; height:21px } #content .contentBox { float:left; width:592px; padding:0 0 28px 14px; color:#0047b5; z-index:5;} #content .contentBox h1 { color:#0047b5; font-size:14px; padding:14px 0 14px 0 } #content .contentBox h2 { clear:both; color:#0047b5; font-size:14px; padding:28px 0 14px 0 } #content .contentBox h3 { clear:both; color:#FF0000; font-size:14px; } #content .contentBox p { text-align:justify; width:575px; } #content .contentBox ul { list-style:none; padding:14px 0 14px 0 } #content .contentBox .subline { clear:left; font-size:9px; color:#000; padding:14px 0 0 14px } #content .contentBox #maildiv { clear:both; padding:14px 0 0 14px } #content .contentBox #bank { clear:both; padding:0 0 7px 234px } #content .contentBox #maildiv label { float:left; margin:4px 0 0 0; } #content .contentBox #maildiv input { float:left; margin:4px 0 0 14px; padding:3px 3px } #content .contentBox .errorText { font-weight:bold; color:#FF0000 } #content .contentBox .vergleichBoxes { position:relative; width:565px; height:350px; overflow:hidden } #content .contentBox .leftBoxVergleich { position:absolute; bottom:0; left:0; width:220px; float:left; border-left:1px solid #0047b5; border-bottom:1px solid #0047b5; padding:14px 0 14px 14px; margin:28px 0 0 14px } #content .contentBox .leftBoxVergleich p { text-align:left; width:220px } #content .contentBox .leftBoxVergleich ul { line-height:24px; width:220px } #content .contentBox .leftBoxVergleich .last { border-bottom:1px solid #0047b5; padding:0 0 17px 0 } #content .contentBox .rightBoxVergleich { position:absolute; bottom:0; right:0; width:270px; float:left; border-right:1px solid #0047b5; border-bottom:1px solid #0047b5; padding:14px 14px 14px 0; margin:28px 0 0 35px } #content .contentBox .rightBoxVergleich p { text-align:left; width:270px } #content .contentBox .rightBoxVergleich ul { line-height:24px; width:270px } #content .contentBox .rightBoxVergleich .last { border-bottom:1px solid #0047b5; padding:0 0 14px 0 } #content .formBox { width:450px; padding:0; color:#0047b5; z-index:5; } #content .formBox .pflicht { font-size:9px; float:right; margin:0 0 10px 0 } #content .formBox .errorText { clear:right; width:440px; color:#FF0000; font-weight:bold; margin:10px 0 20px 0 } #content .formBox .errorLabel { color:#FF0000; font-weight:bold; } #content .formBox h1 { color:#0047b5; font-size:14px; padding:14px 0 14px 0 } #content .formBox h2 { clear:both; color:#0047b5; font-size:14px; padding:28px 0 14px 0 } #content .formBox h3 { clear:both; color:#0047b5; font-size:11px; padding:14px 0 14px 0 } #content .formBox form { } #content .formBox select { float:left; width:263px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox input { float:left; width:255px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox input:focus { border:1px solid #0047b5; } #content .formBox label { clear:both; float:left; width:185px; font-weight:bold } #content .formBox .plz { width:40px; border:1px solid #d8d8d8; margin:0 5px 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox .ort { width:202px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox .nummer { width:40px; border:1px solid #d8d8d8; margin:0 0 10px 5px; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox .strasse { width:202px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox .check { clear:both; float:left; border:1px solid #d8d8d8; margin:0 10px 0 0 } #content .formBox .checkText { float:right; text-align:justify; width:420px; } #content .formBox .hinweis { clear:both; color:#FF0000; font-weight:bold; margin:15px 0 0 0; } #content .formBox .error { border:1px solid #FF0000; } #content .formBox2 { width:500px; padding:0; color:#0047b5; z-index:5; } #content .formBox2 .pflicht { font-size:9px; float:right; margin:0 0 5px 0 } #content .formBox2 .errorText { clear:right; width:440px; color:#FF0000; font-weight:bold; margin:0 0 20px 0 } #content .formBox2 .error { border:1px solid #FF0000; } #content .formBox2 h1 { color:#0047b5; font-size:14px; padding:14px 0 14px 0 } #content .formBox2 h2 { clear:left; color:#0047b5; font-size:14px; padding:28px 0 14px 0 } #content .formBox2 h3 { clear:both; color:#0047b5; font-size:11px; padding:14px 0 14px 0 } #content .formBox2 p { text-align:justify; width:500px; } #content .formBox2 form { clear:right } #content .formBox2 input { float:left; width:255px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox2 input:focus { border:1px solid #0047b5; } #content .formBox2 label { clear:both; float:left; width:234px; font-weight:bold } #content .formBox2 .plz { width:40px; border:1px solid #d8d8d8; margin:0 5px 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox2 .ort { width:202px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox2 .nummer { width:40px; border:1px solid #d8d8d8; margin:0 0 10px 5px; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox2 .strasse { width:202px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox2 .check { width:16px; clear:left; float:left; margin:0 10px 0 0; border:none } #content .formBox2 .checkText { float:left; text-align:justify; width:470px; } #content .formBox2 .hinweis { clear:both; color:#FF0000; font-weight:bold; margin:15px 0 0 0; } #content .formBox2 .infobox { position:relative; clear:both; } #content .formBox2 .top { background:url("/img/meta/infoBoxTop.gif") no-repeat top left; width:575px; height:21px } #content .formBox2 .middle { background:url("/img/meta/infoBoxMiddle.gif") repeat-y top left; padding:0 0 0 18px; } #content .formBox2 .bottom { background:url("/img/meta/infoBoxBottom.gif") no-repeat top left; width:575px; height:21px } #content .formBox2 .error { border:1px solid #FF0000; } #content .formBox3 { width:555px; padding:0; color:#0047b5; z-index:5; } #content .formBox3 .errorText { clear:right; width:580px; text-align:left; color:#FF0000; font-weight:bold; margin:28px 0 0 0 } #content .formBox3 .error { border:1px solid #FF0000; } #content .formBox3 p { text-align:justify; width:580px; } #content .formBox3 form { } #content .formBox3 input { float:left; width:255px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox3 textarea { float:left; width:555px; height:150px; border:1px solid #d8d8d8; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#0047b5; } #content .formBox3 input:focus { border:1px solid #0047b5; } #content .formBox3 label { clear:both; float:left; width:100px; font-weight:bold } #content .formBox3 br { clear:both; } #content .formBox3 .error { border:1px solid #FF0000; } #content .wechselbonus { clear:left; float:left; margin:0px 0 0px 0; position:relative; background:url("/img/teaserBox.gif") no-repeat top left; width:302px; height:270px } #content .wechselbonus h1 { font-size:13px; color:#0047b5; padding:14px 0 0 14px; } #content .wechselbonus p { padding:14px 14px 0 14px; } #content .wechselbonus img { padding:44px 14px 0 60px; } #content .wechselbonus .button { position:absolute; bottom:10px; right:10px; line-height:32px; text-align:center; background:url("/img/meta/bg_button.gif") no-repeat center left; width:101px; height:32px } #content .wechselbonus .button a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } #content .teaserBoxLeft { _behavior: url(/ini/css/iepngfix.htc); clear:left; float:left; margin:14px 0 14px 0; position:relative; background:url("/img/meta/teaser_box_SAVE.gif") no-repeat top left; width:302px; height:219px } #content .teaserBoxLeft h1 { font-size:13px; color:#0047b5; padding:14px 0 0 14px; } #content .teaserBoxLeft p { padding:14px 14px 0 14px; } #content .teaserBoxLeft img { padding:24px 14px 0 24px; } #content .teaserBoxLeft .button { position:absolute; bottom:10px; right:10px; line-height:32px; text-align:center; background:url("/img/meta/bg_button.gif") no-repeat center left; width:101px; height:32px } #content .teaserBoxLeft .button a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } #content .button { line-height:32px; text-align:center; background:url("/img/meta/bg_button.gif") no-repeat center left; width:101px; height:32px } #content .button a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } #content .button151 { line-height:32px; text-align:center; background:url("/img/meta/bg_button151.gif") no-repeat center left; width:151px; height:32px } #content .button151 a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } #content .button251 { line-height:32px; text-align:center; background:url("/img/meta/bg_button251.gif") no-repeat center left; width:251px; height:32px } #content .button251 a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } #content .teaserBox { _behavior: url(/ini/css/iepngfix.htc); z-index:0; float:left; margin:14px 0 14px 7px; position:relative; background:url("/img/meta/teaser_box.gif") no-repeat top left; width:302px; height:219px } #content .teaserBox h1 { font-size:13px; color:#0047b5; padding:14px 0 0 14px; } #content .teaserBox p { padding:15px 14px 0 14px; } #content .teaserBox img { padding:24px 14px 0 24px; } #content .teaserBox .button { position:absolute; bottom:10px; right:10px; line-height:32px; text-align:center; background:url("/img/meta/bg_button.gif") no-repeat center left; width:101px; height:32px } #content .teaserBox .button a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } #content .teaserBoxesRight { float:left; } #content .teaserBoxesRight img { padding:0 0 14px 0 } #content .teaserBoxStep { padding:14px 0 0 21px; background:url("/img/meta/teaser_box.gif") no-repeat top left; width:302px; height:219px; } #content .teaserBoxStep h1 { font-size:14px; color:#0047b5; padding:0; } #content .teaserBoxStep h2 { font-size:14px; color:#0047b5; padding:5px 0 0 0; } #content .teaserBoxStep h3 { font-size:14px; color:#0047b5; padding:0 0 14px 0; } #content .teaserBoxStep .small { padding:0; font-size:9px;text-align:left; } #content .teaserBoxStep p { width:260px; text-align:justify; } #content .teaserBoxStep ul { list-style:none } #content .teaserBoxStep img { padding:24px 14px 0 24px; } #content .teaserBoxStep .button { position:absolute; bottom:10px; right:10px; line-height:32px; text-align:center; background:url("/img/meta/bg_button.gif") no-repeat center left; width:101px; height:32px } #content .teaserBoxStep .button a { text-decoration:none; font-size:11px; color:#FFF; font-weight:bold; font-style:italic } /* GAS ----------*/ #content .gasTextBox { margin:15px 0 15px 15px; width:560px } #content .gasTextBox h1 { font-size:15px } #content .gasTextBox ul { margin:5px 0 0 17px; list-style:square } #content .gasTextBox span { font-weight:bold; font-size:13px } #content .gasFormBox { float:left; padding:20px 0 0 36px; margin:0 0 20px 0; position:relative; width:252px; height:598px; background:transparent url("/img/meta/gasFormBoxBg.png") top left no-repeat; } #content .gasFormBox h1 { font-size:18px; color:#0147b4; line-height:22px; font-weight:normal } #content .gasFormBox p.desc { clear:both; width:212px; font-size:10px; color:#0147b4; font-style:italic; margin:25px 0 0 0 } #content .gasFormBox form { width:212px } #content .gasFormBox label { font-size:12px; color:#0147b4; display:block; margin:25px 0 5px 0 } #content .gasFormBox input { border:none; width:200px; font-size:14px; color:#0147b4; padding:12px 6px 16px 6px; background:transparent url("/img/meta/gasInputBg.png") no-repeat top left; } #content .gasFormBox .submit { position:absolute; bottom:20px; right:40px; text-transform:uppercase; width:146px; height:30px; background:transparent url("/img/meta/btn_bg_middle.png") no-repeat top left; display:block; text-align:center; text-decoration:none; padding:7px 0 0 0; font-weight:bold; color:#FFF; font-style:italic } #content .gasFormBox .submit:hover { text-transform:uppercase; color:#FFF; text-decoration:none } #content p.message { margin:15px 0 0 0; color:#0147b4; font-weight:bold; width:212px; } #content p.error { margin:15px 0 0 0; color:#ff0000; font-weight:bold; width:212px; } .vergleich { padding-right:0px; } input.button{ background: transparent url("/img/meta/bg_button.gif") no-repeat scroll center left; width:101px; height:32px; line-height:35px; text-align:center; color: #FFFFFF; font-weight: bold; font-size: 11px; font-style: italic; border: none; } input.button151{ background: url(/img/meta/bg_button151.gif) repeat-x scroll left center; border:0px; height:32px; width: 151px; color: #fff; text-align:center; font-weight:bold; } input.button251{ background: url(/img/meta/bg_button251.gif) repeat-x scroll left center; border:0px; height:32px; width: 251px; color: #fff; text-align:center; font-weight:bold; } /* --- FOOTER -------------------------------------------------------------------------------------------------------------------------- */ #footer { clear:both; background:url("/img/footer/bg.gif") no-repeat top left; width:930px; height:33px } #footer ul { list-style:none; } #footer li { float:left; padding:7px 0 0 4px; } #footer a { font-size:10px; color:#0047b5; text-decoration:none; font-weight:bold; margin: auto 10px; } #footer img { float:right; margin: 11px 20px 0px 0px;} /* ------ own ------ */ .strong { font-weight:bold; } input{ border:1px solid #a1a1a1; padding:3px; } input.default{ color:#FF3300; background:#FFF; position:absolute; bottom:0px; left:0px; } #content .infoBox div.top { background:url("/img/meta/infoBoxTop.gif") no-repeat top left; width:575px; height:21px } #content .infoBox div.middle { background:url("/img/meta/infoBoxMiddle.gif") repeat-y top left; padding:0 0 0 18px; } #content .infoBox div.bottom { background:url("/img/meta/infoBoxBottom.gif") no-repeat top left; width:575px; height:21px } /* --- RECHNER V1 ------------------------------------------------------------------------------------------------------------------------ */ #content .calBox p.plz_r1 { padding:0px 14px 0 22px; color:#FFF; font-weight:bold; font-size:13px } #content .calBox p.plz_small { padding:4px 14px 0 22px; color:#FFF; font-weight:normal; font-size:11px } #content .calBox div#buttons { padding:4px 14px 0 22px; color:#FFF; font-weight:normal; font-size:11px } #content .calBox div#buttons img { margin-left: -3px; } #content .calBox input.verbrauch_opt_r1 { width:94px; border:1px solid #ff0000; padding:8px; font-family: Verdana, Arial, sans-serif; font-size:14px; color:#000; } #content .calBox span.txt { color: #fff; display: block; padding-left: 5px; line-height: 1; margin-bottom: 3px;} #content .calBox #calBoxR1 select { width:236px; border:1px solid #ff0000; padding:5px 0 5px 0; margin:4px 0 5px 22px; font-family: Verdana, Arial, sans-serif; font-size:11px; color:#000; } /* --- RECHNER V2 ------------------------------------------------------------------------------------------------------------------------ */ #content .trechner2 { background:url("/img/rechnerBg_closed.png") no-repeat top left; /*_behavior: url(/ini/css/iepngfix.htc)*/ z-index: 20; } #content .calBox .button-slide { line-height:48px; text-align:center; background:url("/img/rechner_start_btn_bg.png") no-repeat center center; width:268px; height:49px; } #content .calBox .button-slide a, #content .calBox .button-slide span, #content .calBox .button-slide input { text-decoration:none; font-size:14px; color:#FFF; font-weight:bold; font-style:italic } #content .calBox .button-slide input { background: transparent; border: 0px; height: 30px; width: 200px; padding: 0px; margin: 7px 0px 0px 0px; } #content .calBox p.smaller {font-size: 10px; line-height: normal; font-weight: normal;} #content .calBox input.verbrauch_opt_r2 { width:84px; border:1px solid #ff0000; padding:8px; font-family: Verdana, Arial, sans-serif; font-size:14px; color:#000; margin: 0px; } table#tr2 td { min-width: 100px; } p.hinweis{ color: red; font-weight: bold; margin: 15px 0 0 0; text-align: center; } .select{ width: 180px; } .select_product{ width: 180px; } .button_ok { border: 1px solid #000000; ; height: 22px; width: 35px; margin-left: 5px; padding: 0 0 3px 0; background-color: red; color: #ffffff; font-weight: bold; } .popup { padding:0; position: relative; } .popup a { float: left; } #content .popup .bubble { background: url(/img/bubble.png) no-repeat; width: 549px; height: 250px; position: absolute; top: 100px; right: 0; left: -175px; z-index: 20; display: none; } #content .popup .bubble .bubbleContent { padding:40px 0 0 40px; } #content .popup .bubble .bubbleContent h1 { font-family: Verdana; font-size:13px; color:#ffffff; } #content .popup .bubble .bubbleContent h2 { font-family: Verdana; font-size:13px; color:#ffffff; padding:10px 0 10px 0; } #content .popup .bubble .bubbleContent select { width:300px; } #content .popup .bubble .button_layer { width: 267px; height: 50px; background: url(/img/bubble_btn.jpg); border: 0; margin-top: 38px; margin-left: 91px; cursor: pointer; } *+html #content .popup .bubble .button_layer { margin-top: 35px; } *+html #content .teaserBoxStep { z-index: -5; } * html #content .teaserBoxStep { z-index: -5; } * hrml #content .bubble { } /* Keine Ersparnis Box Step_1 */ div.smiddle { background:url("/img/meta/infoBoxMiddle.gif") repeat-y top left; padding:0 20px 0 18px; }