/* verivox Stylesheet Version 2.0a MERGED! 17/08/2007 */ /* ############################################ SCREEN CSS ############################################ */ body {padding:0px; margin: 0px; height:100%; font-family: Verdana, Helvetica, sans-serif;color: #444444; font-size: 11px; text-decoration: none; line-height: 18px; cursor:default; background: #f6f7f8 url('../images/bg.png') repeat-x;} body, table, img, button, iframe, ul, li, form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0;} /*#banner { float:left; height:auto; overflow:hidden; margin:10px; padding:0px;}*/ #banner{float:left; text-align:center; width:875px; min-height:35px; margin:0px; padding:0px;} #wrapper {float:left; clear:left; position:relative;} #skyscraper {position:absolute;top:1px;left:880px;} #header { } #header_shadow_top { position:absolute; left:874px; top:35px; width:15px; height:250px; margin:0px 0px 0px 0px; overflow:hidden;} #header_shadow_top img { margin:-1px 0px 0px 0px; padding:0px 0px 0px 0px; behavior: url(javascripts/iepngfix.htc);} #cxontent_shadow_top { display:none;} #ivwbox {display:none;} .nospaces { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } img.nospaces { margin:-1px 0px 0px 0px; padding:0px 0px 0px 0px; } .noborder { border:none; } .clear { clear:left; } .float { float:left; } .center { text-align:center; } .right { float:right; } .left { float:left; } :focus { -moz-outline-style: none; } .pngfix { behavior: url(javascripts/iepngfix.htc);} .spacer { margin:0px 0px 0px 0px; padding: 10px 10px 10px 10px; background:inherit; } .spacerSmall { margin:0px 0px 0px 0px; padding: 5px 10px 5px 10px; background:inherit; } .partnerbg { background-image:url(../images/partner_bg.gif); } .radiobutton1 {float:left; margin:3px 3px 0px -5px;} .mousepointer { cursor:pointer; } .mousehelp { cursor:help; } /* Global Styles*/ a, a:visited {text-decoration:none; color:#444; cursor:pointer;outline: none;} a:hover {text-decoration:underline; color:#000; cursor:pointer;} .bold { font-weight: bold; } .italic { font-style: italic; } .lineHeightSmall { line-height:5px; } .lineheight1 { margin-bottom:8px; line-height:100%; } .line { width:601px; height:3px; line-height:1px; min-height:3px; font-size:1px; min-width:601px; background-image:url(../images/modlayouts/line.gif); background-repeat:repeat-x; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /* Headlines */ h1 {color: #00204f; font-size: 18px; font-weight: normal; text-decoration: none; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; } h2 {clear: both; color: #00204f; font-size: 14px; text-decoration: none; padding:0px 0px 4px 0px; margin:0px; font-weight:520; } .subtitle {color: #444444; padding: 0px 0px 5px 0px; } p {float: left; margin:0px 0px 20px 0px; padding:0px;} #content_container h3 { clear:both; color:#00204f; font-size:12px; text-decoration:none; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;} a.blue { color:#00204f; } span.blue { color:#00204f; } strong.orange { color:#fd8a02; font-weight:normal; } span.orange {color:#fd8a02;} li.orange {color:#fd8a02;} .gray {color:#666666;} img {vertical-align:middle;} /* Arrow links */ a.arrow {padding-left:17px; background: url(../images/link_arrows2.png) left center no-repeat ; color:#444; } a.warrow {padding-left:17px; background: url(../images/link_warrow.png) left center no-repeat ; color:#FFFFFF; } .arrow {line-height:18px; color: #000000; } a.arrow2 {background: url('../images/link_arrows_2.png') left center no-repeat;padding-left:17px; display:block; color:#444;} a.arrow3 {background: url('../images/link_arrows4.png') no-repeat top left; padding-left:17px; display: block; color:#444;} a.small {font-size:10px; color:#000;} a.inline_link { color:#9d9d9d; padding-left:6px; background:url(../images/arrow_inline.gif) left 5px no-repeat; } a.inline_link:hover { color:#fd8a02; text-decoration:none; padding-left:6px; background:url(../images/arrow_inline_a.gif) left 5px no-repeat; } a.orange {color:#fd8a02;} span.arrow {padding-left:17px; background: url(../images/link_arrows2.png) left center no-repeat ; } span.small {font-size:10px;} .lineBGtop { margin:0px; margin-bottom:1px; padding:0px; width:600px; height:1px; min-height:0px; background-color:#fff; line-height:0px; font-size:0px; background-image:url(../images/line_bg.gif); clear:left; } .lineBGbottom { float: left; margin:0px; margin-top:1px; padding:0px; width:600px; height:1px; min-height:0px; background-color:#fff; line-height:0px; font-size:0px; background-image:url(../images/line_bg.gif); } table a.arrow, table a.arrow, table a.arrow:visited {color: #00204f} table a.arrow:hover {text-decoration:none; color:#000; } /* Content area */ #content {float: left; clear: both; width:879px; overflow:hidden; height:auto; padding-bottom: 5px; background: url('../images/content_container.png') right repeat-y;} #content_container {float: left; padding: 30px 0px 30px 25px; width:610px; float:left; height:100%; } #content_container p { width: 560px; } #content_container ul.inline_list { margin-left:20px; list-style-image:url(../images/orange_li.gif); } /* Tables */ .tbl_header { float:left;} .tbl_header_right { float:right; padding-right:35px;} caption { background-image: url(../images/modul_01_top.png); background-repeat: no-repeat; height: 42px;width: 602px; margin: 0px; padding-left: 0px; } caption span { padding:15px 0px 0px 15px;} /* td { padding:7px 0px 7px 15px;} */ td label { float:left; } /* th { font-weight:normal; padding-left:15px} */ tr.hilite { background-color:#eff0f1; } /* thead tr{ background-color: #eff0f1; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; color: #888989; text-align:left;} tfoot{font-size:10px;} */ /* Context area */ #context_container {padding: 30px 0px 0px 23px; width:220px; float: left; font-size:10px; } #context_container fieldset {display: block; width:195px; border:1px solid #dcdee1; margin-bottom: 15px; padding:0px 0px 3px 0px; } #context_container fieldset img {margin-bottom: 5px; } #context_container fieldset div {padding:0px 10px 5px ; line-height:14px;} #context_container legend {color: #00204f; font-weight:bold; font-size:11px; padding: 0px; margin:0px 0px 0px 5px; text-indent:5px; } #context_container a {background: url('../images/link_arrows.png') left center no-repeat; padding-left:20px; line-height:16px; } #context_container ul, #context_container form {margin-top:5px;} #context_container li {list-style:none;} #context_container a.pdf {padding-left:19px; background: url(../images/icon/pdf_icon.gif) left center no-repeat; } #context_container a.post {padding-left:19px; background: url(../images/icon/email_icon.gif) left center no-repeat; } #context_container a.email {padding-left:19px; background: url(../images/icon/at_icon.gif) left center no-repeat; } a.noarrow { background:none; padding-left:0px; } div.noarrow a { background:none; padding-left:0px; } #context_container a.noarrow { background:none; padding-left:0px; } #context_container div.noarrow a { background:none; padding:0px;} #context_container div.noarrow { background:none; text-align:center;width:200px;} .ce_button_right { float:right; margin: 10px 8px 25px 0px; } .ce_button_right2 { float:right; margin: 10px 10px 35px 0px; } /* header */ /*#top {width:905px; background: url('../images/header.png') no-repeat; height:84px; margin-top:35px; }*/ #top {width:905px; background: url('../images/header.png') no-repeat; height:84px; margin-top:0px; } #top_signup {width:905px; background: url('../images/header_signup.png') no-repeat; height:97px; margin-top:0px; } #logo {padding: 24px 0px 0px 25px; float: left; } #logo_ta_partner {padding: 43px 0px 0px 25px; float: left; width:823px; position:relative; } /* top navigation /FIXED Positioning! beware!*/ #top_menue { float: left; left:216px; text-align:center;cursor:pointer; vertical-align: text-bottom; font-size:11px; background: url('../images/top_seperator.png') bottom left no-repeat; height:81px; width:332px; margin-left: 31px; margin-top: 1px; padding:0px 2px;} #top_1 {width:101px; background: url('../images/top_menue.png') right; background-position: -16px 0px;} #top_2 {width:117px; background: url('../images/top_menue.png') right; background-position: 0px 0px;} #top_3 {width:105px; background: url('../images/top_menue.png') right; background-position: -8px 0px;} #top_1.selected { background-position: -134px 0px; text-decoration: none; color:#fd8a02; text-align: center;} #top_2.selected { background-position: -117px 0px; text-decoration: none; color:#fd8a02; text-align: center;} #top_3.selected { background-position: -128px 0px; text-decoration: none; color:#fd8a02; text-align: center;} #top_menue li {height:81px; list-style: none; float:left; text-align: center; vertical-align:bottom; overflow:hidden; } #top_menue li div a:active {background-position: -272px 0px; color:#444444;} #top_menue li div {text-align: center; padding-top:58px; } /* Position txt at bottom */ #top_menue a, #top_menue a:visited {text-align: center; display:block; } #top_menue li div a.selected {text-align: center; color:#fd8a02; } .searchbox { width: 115px; font-size: 11px; padding-left: 5px; } /* main navigation */ /*#menue {width:905px; background: url('../images/menue.png'); height:166px;}*/ #menue {width:905px; background: url('../images/menu.jpg') no-repeat; height:166px;} #menue2 {width:905px; background: url('../images/menue2.png'); height:166px;} #menue3 {width:874px; background: url('../images/menue3.png'); height:166px;} #shadow_menu { width:6px; height:166px; } /* 1st level */ #main_menue {height:164px; width:216px; position:relative; top:2px; float:left; margin:0px; padding:0px; } #main_menue a, #main_menue a:visited{color:#FFFFFF; display:block; text-align:left; height:26px;} #main_menue li {height:26px; width:218px; text-align: left; margin:0px 0px 0px 0px;list-style-type: none; background: url('../images/menue_bg.png') bottom no-repeat; text-indent:35px; line-height:24px; } #main_menue li a:hover, #main_menue li:hover, #main_menue li.selected {text-decoration: none; height:26px; font-weight:900; background: url('../images/menue_hilite.png') bottom no-repeat; border:none;} /* 2nd level */ #main_submenue {height:164px; width:216px; top:0px; float:left; margin-left:1px; margin-right:2px; padding:2px 0px 0px 0px;} #main_submenue a, #main_submenue a:visited{color:#00204f; display:block; text-align:left; height:26px;} #main_submenue li {height:26px; width:218px; text-align: left; margin:0px 0px 0px 0px;list-style-type: none; background: url('../images/submenue_bg.png') top no-repeat; text-indent:25px; line-height:24px; padding:0px 0px 0px 0px; } #main_submenue li.last {height:25px;}/* last-child not supported...have to map last child manually */ #main_submenue li a:hover, #main_submenue li:hover, #main_submenue li.selected {text-decoration: none; font-weight:900; background: url('../images/submenue_hilite.png') top no-repeat; } #main_submenue li.last:hover{height:25px;} /* 3rd level */ #main_submenue2 {height:164px; width:216px; position:relative; top:0px; float:left; padding:2px 0px 0px 0px; } #main_submenue2 a, #main_submenue2 a:visited{color:#00204f; display:block; text-align:left; height:26px;} #main_submenue2 li {height:26px; width:216px; text-align: left; margin:0px 0px 0px 0px;list-style-type: none; background: url('../images/submenue2_bg.png') top no-repeat; text-indent:25px; line-height:24px; padding:0px 0px 0px 0px; } #main_submenue2 li.last {height:25px;}/* last-child not supported...have to map last child manually */ #main_submenue2 li a:hover, #main_submenue2 li:hover, #main_submenue2 li.selected {text-decoration: none; font-weight:900; background: url('../images/submenue2_hilite.png') top no-repeat; } #main_submenue2 li.last:hover{height:25px;} /* Top Modules */ #modul1 {width:216px; height:157px; float:left;color:#444;} #modul1 div {padding:13px 5px 0px 14px; font-size:10px; line-height: 14px; } #modul2 {width:221px; height:157px; float:left;color:#000000; background: url('../images/top_calculator_bg.jpg') left top no-repeat; } #modul2 div {padding:13px 5px 0px 14px; font-size:10px; line-height: 14px;} #modul1 div h2, #modul2 div h2, #rechner_container div h2 {padding-bottom:5px; color: #00204f;} /* Calculator Module */ #rechner {width:442px; height:157px; float:left; } #rechner input { width:80px; float: left;} #rechner label { width:95px; font-size: 10px; clear:none; float:left; line-height:16px; display:block; color:#444444; white-space:nowrap; vertical-align:bottom; } #rechner_container {padding:13px 0px 0px 17px; width:218px; height:135px; float:left; } #rechner_strom, #rechner_gas, #rechner_handy, #rechner_internet, #rechner_festnetz, #rechner_telefon, #rechner_dsl { position: absolute; font-size:10px; line-height: 14px; width:240px; visibility:hidden;} #rechner_strom_einzeln { float: left; font-size:10px; line-height: 14px; width:220px; height: 100px; border: 1px solid;} #rechner_strom_single { padding-top: 13px; padding-left: 15px; float: left; font-size:10px;width:200px; height: 147px;} #rechner_gas_single { padding-top: 13px; padding-left: 10px; float: left; font-size:10px;width:200px; height: 147px; } #rechner_handy_single { padding-top: 13px; padding-left: 10px; float: left; font-size:10px;width:200px; height: 147px; } #rechner_festnetz_single { padding-top: 13px; padding-left: 10px; float: left; font-size:10px;width:200px; height: 147px; } #rechner_telefon_single { padding-top: 13px; padding-left: 10px; float: left; font-size:10px;width:200px; height: 147px; } #rechner_internet_single { padding-top: 13px; padding-left: 10px; float: left; font-size:10px;width:200px; height: 147px; } #rechner_dsl_single { padding-top: 13px; padding-left: 10px; float: left; font-size:10px;width:200px; height: 147px; } .rechner_btn_strom_single { float: right; text-align: right; margin-top: 8px; margin-right: 15px;} #xheader label { width:95px; font-size: 10px; clear:none; float:left; line-height:16px; display:block; color:#444444; white-space:nowrap; vertical-align:bottom; border:solid 1px green; } #search {float: right; width:198px; height:20px; margin-top: 60px; margin-right: 40px;} #search label {width:45px; font-size:11px; clear:left; line-height:100%; display:block; vertical-align:bottom; white-space:inherit} #radio_strom1 { float: left; } #radio_strom1 label, #radio_strom2 label, #radio_gas1 label, #radio_gas2 label { float: left; width: 55px; padding-top: 3px;} #radio_strom1 input, #radio_strom2 input, #radio_gas1 input, #radio_gas2 input, #radio_internet1 input, #radio_internet2 input { float: left; width: 24px;} #radio_internet1 label, #radio_internet2 label { float: left; padding-top: 3px; width: 25px;} #rechner_txt_anmeldung { margin-top: 5px; width: 80px; float: left; color: #444;} #internet_vorwahl label, #telefon_vorwahl label, #festnetz_zeit label, #rechner_zielland label, #rechner_zeitmin label, #dsl_vorwahl label, #dsl_nutzen label, #flatrate_checkbox label { float: left; width: 80px; float: left; clear: left; margin-top: 5px;} #internet_vorwahl input, #telefon_vorwahl input, #festnetz_zeit input, #rechner_zielland input, #rechner_zeitmin input, #dsl_vorwahl input, #dsl_nutzen input { float: left; width: 120px; margin-top: 5px;} #flatrate_checkbox input { width: 24px; float: left; margin-top: 5px; } #link_rechner_internet { width: 200px; margin-top: 0px; float:left;} #link_rechner_festnetz { width: 210px; margin-top: 19px; float:left;} #link_rechner_telefon { width: 200px; margin-top: 53px; float:left;} #link_rechner_dsl { width: 200px; margin-top: 14px; float:left;} .rechner_txtfld { float: left; margin-top: 5px;} .clear { clear: left; } .float_l { float: left; } .float_r { float: right; } .rechner_overlay { float: left; margin-top: 6px; margin-left: 5px;} #rechner_form { margin-top: 5px; width: 200px; float: left; height: 10px;} .rechner_btn { float: right; text-align: right; margin-top: 8px; margin-right: 30px;} .rechner_btn2 { float: right; text-align: right; margin-top: 8px; margin-right: 5px;} #formerror1, #formerror2, #formerror3, #formerror4, #formerror5 { margin-top: 10px; clear:both; float: left; } /* SLIDER1 SCHALTZEITEN */ #slider1_schalt1, #slider1_schalt1_s, #slider1_schalt1_w { float: left; margin-top: 5px; overflow: hidden; width: 216px; height:24px; } #schalt1_area1, #schalt1_area1_s, #schalt1_area1_w { float: left; margin-left: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); background-position: top; font: 7px Arial; } #schalt1_area2, #schalt1_area2_s, #schalt1_area2_w { float: left; margin-right: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); font: 7px Arial; } #schalt1_knob1, #schalt1_knob1_s, #schalt1_knob1_w { float: left; height: 7px; width: 120px; background-image: url(../images/slider_left_schalt.gif); cursor: pointer; } #schalt1_knob2, #schalt1_knob2_s, #schalt1_knob2_w { float: left; height: 7px; width: 120px; background-image: url(../images/slider_right_schalt.gif); cursor: pointer; } #schalt1_sliderline1, #schalt1_sliderline1_s, #schalt1_sliderline1_w { font: 3px Arial; clear:both; width:216px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: repeat-x; background-position: left top; } #schalt1_upd1, #schalt1_upd1_s, #schalt1_upd1_w { height: 10px; float: left; width: 30px; font-size: 10px; } #schalt1_upd2, #schalt1_upd2_s, #schalt1_upd2_w { height: 10px; float: right; margin-right: 2px; width: 30px; font-size: 10px; } /* SLIDER2 SCHALTZEITEN */ #slider2_schalt2, #slider2_schalt2_s, #slider2_schalt2_w { float: left; margin-top: 5px; overflow: hidden; width: 216px; height:24px; } #schalt2_area1, #schalt2_area1_s, #schalt2_area1_w { float: left; margin-left: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); background-position: top; font: 7px Arial; } #schalt2_area2, #schalt2_area2_s, #schalt2_area2_w { float: left; margin-right: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); font: 7px Arial; } #schalt2_knob1, #schalt2_knob1_s, #schalt2_knob1_w { float: left; height: 7px; width: 120px; background-image: url(../images/slider_left_schalt.gif); cursor: pointer; } #schalt2_knob2, #schalt2_knob2_s, #schalt2_knob2_w { float: left; height: 7px; width: 120px; background-image: url(../images/slider_right_schalt.gif); cursor: pointer; } #schalt2_sliderline1, #schalt2_sliderline1_s, #schalt2_sliderline1_w { font: 3px Arial; clear:both; width:216px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: repeat-x; background-position: left top; } #schalt2_upd1, #schalt2_upd1_s, #schalt2_upd1_w { height: 10px; float: left; width: 30px; font-size: 10px; } #schalt2_upd2, #schalt2_upd2_s, #schalt2_upd2_w { height: 10px; float: right; margin-right: 2px; width: 30px; font-size: 10px; } /* SLIDER3 SCHALTZEITEN */ #slider3_schalt3, #slider3_schalt3_s, #slider3_schalt3_w { float: left; margin-top: 5px; overflow: hidden; width: 216px; height:24px; } #schalt3_area1, #schalt3_area1_s, #schalt3_area1_w { float: left; margin-left: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); background-position: top; font: 7px Arial; } #schalt3_area2, #schalt3_area2_s, #schalt3_area2_w { float: left; margin-right: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); font: 7px Arial; } #schalt3_knob1, #schalt3_knob1_s, #schalt3_knob1_w { float: left; height: 7px; width: 120px; background-image: url(../images/slider_left_schalt.gif); cursor: pointer; } #schalt3_knob2, #schalt3_knob2_s, #schalt3_knob2_w { float: left; height: 7px; width: 120px; background-image: url(../images/slider_right_schalt.gif); cursor: pointer; } #schalt3_sliderline1, #schalt3_sliderline1_s, #schalt3_sliderline1_w { font: 3px Arial; clear:both; width:216px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: repeat-x; background-position: left top; } #schalt3_upd1, #schalt3_upd1_s, #schalt3_upd1_w { height: 10px; float: left; width: 30px; font-size: 10px; } #schalt3_upd2, #schalt3_upd2_s, #schalt3_upd2_w { height: 10px; float: right; margin-right: 2px; width: 30px; font-size: 10px; } /* SLIDERS GENERIC CLASSES*/ /* SLIDER1 SCHALTZEITEN */ .slider_schalt { float: left; margin-top: 5px; overflow: hidden; width: 216px; height:24px; } .schalt1_area1 { float: left; margin-left: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); background-position: top; font: 7px Arial; } .schalt1_area2 { float: left; margin-right: -110px; height: 7px; width: 218px; background-image: url(../images/bg_slider.gif); font: 7px Arial; } .schalt1_knob1 { float: left; height: 7px; width: 120px; background-image: url(../images/slider_left_schalt.gif); cursor: pointer; } .schalt1_knob2 { float: left; height: 7px; width: 120px; background-image: url(../images/slider_right_schalt.gif); cursor: pointer; } .schalt1_sliderline1 { font: 3px Arial; clear:both; width:216px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: repeat-x; background-position: left top; } .schalt1_upd1 { height: 10px; float: left; width: 30px; font-size: 10px; } .schalt1_upd2 { height: 10px; float: right; margin-right: 2px; width: 30px; font-size: 10px; } /* SLIDER RECHNER INTERNET */ /* #slider_internet { float: left; margin-top: 10px; overflow: hidden; width: 108px; height:24px; } #area1 { float: left; margin-left: -60px; height: 7px; width: 114px; background-image: url(../images/bg_slider.gif); background-position: top; font: 7px Arial; } #area2 { float: left; margin-right: -80px; height: 7px; width: 114px; background-image: url(../images/bg_slider.gif); font: 7px Arial; } #knob1 { float: left; height: 7px; width: 66px; background-image: url(../images/slider_left.gif); cursor: pointer; } #knob2 { float: left; height: 7px; width: 66px; background-image: url(../images/slider_right.gif); cursor: pointer; } #sliderline1 { font: 3px Arial; clear:both; width:108px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: no-repeat; background-position: left top; } #upd1 { height: 10px; float: left; width: 30px; font-size: 10px; } #upd2 { height: 10px; float: right; margin-right: 2px; width: 30px; font-size: 10px; } */ /* SLIDER RECHNER INTERNET */ #slider_internet { float: left; margin-top: 10px; overflow: hidden; width: 108px; height:24px; } #area_internet1 { float: left; height: 9px; width: 108px; background-image: url(../images/bg_slider_festnetz.gif); background-position: top; font: 7px Arial; } #knob_internet1 { float: left; height: 9px; width: 19px; background-image: url(../images/slider_knob.gif); cursor: pointer; } #sliderline1 { font: 3px Arial; clear:both; width:108px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: no-repeat; background-position: left top; } #upd_internet1 { text-align: center; height: 10px; float: left; width: 108px; font-size: 10px; } #slider_internet2 { float: left; margin-top: 10px; overflow: hidden; width: 108px; height:24px; } #area_internet2 { float: left; height: 9px; width: 108px; background-image: url(../images/bg_slider_festnetz.gif); background-position: top; font: 7px Arial; } #knob_internet2 { float: left; height: 9px; width: 19px; background-image: url(../images/slider_knob.gif); cursor: pointer; } #sliderline1i { font: 3px Arial; clear:both; width:108px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: no-repeat; background-position: left top; } #upd_internet2 { text-align: center; height: 10px; float: left; width: 108px; font-size: 10px; } /* SLIDER RECHNER FESTNETZ */ #slider_festnetz { float: left; margin-top: 10px; overflow: hidden; width: 108px; height:24px; } #area3 { float: left; height: 9px; width: 108px; background-image: url(../images/bg_slider_festnetz.gif); background-position: top; font: 7px Arial; } #knob3 { float: left; height: 9px; width: 19px; background-image: url(../images/slider_knob.gif); cursor: pointer; } #sliderline2 { font: 3px Arial; clear:both; width:108px; height:3px; background-image: url(../images/slider_line.gif); background-repeat: no-repeat; background-position: left top; } #upd3 { text-align: center; height: 10px; float: left; width: 108px; font-size: 10px; } #rechner_menue {cursor:pointer; height:140px; width:197px; position:relative; top:2px; float:left; margin:10px 0px 0px 10px; padding:0px; } #rechner_menue a, #rechner_menue a:visited{color:#00204f; padding:0px 0px 0px 30px; margin:0px; display: block; height:28px; text-decoration:none; text-align:left; } #rechner_menue li {height:28px; width:197px; text-align: left; margin:0px 0px 0px 0px;list-style-type: none; background: url('../images/rechner_off.png') bottom no-repeat; text-indent:20px; line-height:28px; } #rechner_menue li:hover, #rechner_menue li a.selected, #rechner_menue a:hover {text-decoration: none; height:28px; font-weight:900; background: url('../images/rechner_on.png') bottom no-repeat; border:none; color:#fd8a02; text-align:left;} #unternehmen_teaser_3r {width:657px; height:157px; float:left;color:#000000;background: url('../images/top_company_3r.jpg') right top no-repeat; } #unternehmen_teaser_3r div {padding:70px 0px 0px 440px; color:#FFFFFF;} #unternehmen_teaser_3r h2 {color:#FFFFFF; font-weight: normal; font-size: 20px;} #unternehmen_teaser_3r .arrow {color:#FFFFFF; background: url('../images/link_arrows2.png') left center no-repeat;padding-left:17px; } #unternehmen_teaser_3r a:hover, #unternehmen_teaser a:hover, #unternehmen_teaser a {color:#FFFFFF;} #unternehmen_teaser {width:437px; height:157px; float:left;color:#000000;background: url('../images/top_company_1_bg.jpg') right top no-repeat; } #unternehmen_teaser div {padding:70px 0px 0px 220px; color:#FFFFFF;} #unternehmen_teaser h2 {color:#FFFFFF; font-weight: normal; font-size: 20px;} #unternehmen_teaser .arrow {color:#FFFFFF; background: url('../images/link_arrows2.png') left center no-repeat;padding-left:17px; } #unternehmen_teaser a:hover, #unternehmen_teaser a:hover, #unternehmen_teaser a {color:#FFFFFF;} /* Newsbox */ #newsbox {width:622px; position:relative; margin-top: 25px; float: left;} #news_items_alle, #news_items_strom, #news_items_gas, #news_items_handy, #news_items_handy, #news_items_internet, #news_items_telefon{ clear:both; visibility:hidden; position:absolute; } .news_tabs li {width:99px; height:29px; float:left; list-style-type:none; position:relative; background: url('../images/tab.png') top no-repeat; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; display:block; } .news_tabs li.seperator{width:1px; height:29px; float:left; list-style-type:none; position:relative; background: url('../images/tab_seperator.png') top no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .news_items li {list-style:none; clear:both;} .news_tabs li a:hover, .news_tabs li:hover, .news_tabs li.selected { text-decoration: none; font-weight: 900; background: url('../images/tab_selected.png') left top no-repeat; color:#fd8a02; cursor:pointer;} #text_newsbox{height:120px; clear:both;} /* Breadcrumb & Toolbox area */ #breadcrumb {padding: 9px 0px 0px 25px; width:600px; float:left; height:20px; font-size:10px;} #breadcrumb h1, #breadcrumb h2, #footer_breadcrumb h1, #footer_breadcrumb h2 {font-size:10px; margin:0px; padding:0px 7px 0px 10px; text-indent: 0px; font-weight:normal; clear:none; line-height: 1em; display: inline; color:#444444; background: url('../images/breadcrumb_off.png') left no-repeat;} #breadcrumb .current, #footer_breadcrumb .current {background: url('../images/breadcrumb_on.png') left no-repeat; color:#fd8a02; display: inline;} #breadcrumb .home, #footer_breadcrumb .home {padding:0px 7px 0px 0px; color:#444444;} #toolbox {padding: 9px 0px 0px 40px; width:214px; float: left; font-size:12px;} #toolbox #font_change {margin-left:130px;} #toolbox ul li {list-style: none; float:left; margin: 0px 2px; height:15px; padding:5px 0px 0px 0px;} #tools li a:hover, #font_change li a:hover, #toolbox .selected { background-position: -15px 0px;} #toolbox ul li a {padding:5px 0px 0px 0px; height:15px; } #print { background: url(../images/tools_print.png) no-repeat;} #sendfriend { background: url(../images/tools_mail.png) no-repeat;} #FontS { background: url(../images/tools_fonts.png) no-repeat;} #FontM { background: url(../images/tools_fontm.png) no-repeat;} #FontL { background: url(../images/tools_fontl.png) no-repeat;} /* Fully dynamic overlay (size & position) controlled via parent div*/ .overlay { height:100%; font-size:10px; } .overlay_content { background: url('../images/overlay_bg.png') left top no-repeat; float:left;width:90%; height:100%;display:block; } .overlay_content div { padding:10px 0px 5px 15px; display:block; } .overlay_content div a span { height: 25px; position:relative; float:left; border-bottom:dotted 1px #d7d7d7; display:block;} .overlay_right { background: url('../images/overlay_bg_right.png') right top repeat; float:left; width:14px; height:100%; } .overlay_footer { background: url('../images/overlay_footer.png') repeat; font-size:10px; float:left; width:90%; height:10px; } .overlay_footer_right { background: url('../images/overlay_footer_right.png') no-repeat; float:left; height:10px; width:14px;} .r_span { width: 85px; } .r_gas1 { margin-left: -15px; } .r_gas1 input { display: block; width: 24px; clear: left; float: left; } .r_gas1 label { width: 120px; float: left; } .r_gas2 { width: 170px; clear: left; float: left; margin-left: -15px; margin-top: -5px;} .text9 { color:#999; font-size: 9px; line-height: 12px;} #r_strom{ display:block; margin-top: 80px; width:210px; height: 140px;} #r_gas1 { display:block; margin-top: 80px; width:210px; height: 140px;} #r_gas2 { display:block; margin-top: 80px; width:210px; height: 180px;} #r_handy1, #r_handy2 { display:block; margin-top: 80px; width:260px; height: 60px; } #r_festnetz { display:block; margin-top: 80px; width:310px; height: 270px; } #r_festnetz span { width: 100%; clear: left;} .overlay_scroller { background: url('../images/overlay_bg.png') left top no-repeat; float:left;width:90%; height:100%;display:block; } #r_test { display:block; margin-top: 80px; width:370px; height: 300px; } #r_test span { width: 100%; clear: left;} /* Scrollbar der Tooltips */ #scroller_outer_1 { width:300px; height:280px; margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; overflow:hidden; position:relative; float:left; } #scroller_inner_1 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:visible; position:absolute; top:0px; left:0px; width:100%; } #scrollbar1_area { width:8px; height:280px; margin:10px 0px 0px 4px; padding:0px 0px 0px 0px; background-image:url(../images/scrollbar_bg.png); float:left; } #scrollbar1_knob { width:8px; height:50px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(../images/scrollbar_button.png); cursor:pointer; } #tooltip{position:absolute; width:310px; height:50px; top:300px; left:590px; z-index:100; cursor: help; } /* Footer Breadcrumb & Links */ #footer_contents{ width:827px; padding: 0px 0px 0px 25px; margin-top:20px; } #footer_contents_links, #footer_contents_links h3 {font-size: 11px; margin: 0px;padding:0px 0px 5px 0px;} #footer_contents_links {padding-left:13px;} #footer_contents_links ul li.title {list-style-type:none; padding:0px; margin:0px; border:0px; list-style-image:none;} #footer_contents_links ul {padding: 8px 0px 0px 0px; width:190px; float: left; } #footer_contents_links ul li {list-style-image: url('../images/breadcrumb_on.png'); margin: 0px 15px; padding:0px 0px 6px 0px; line-height:10px; font-size:11px; border-right:dotted 1px #d7d7d7;} #footer_contents_links ul.last li {border-right:none;} #footer_breadcrumb {background: url('../images/footer_content_bg.png') repeat-x; height:25px; line-height:25px; padding-left:13px; font-size:10px; width:820px; float:left; font-size:10px; } /* Footer */ #footer {float: left; background: url('../images/footer.png') top no-repeat; width:905px; } /* Meta Navigation */ #meta_nav {float: left; padding:20px 20px 5px 20px; font-size:10px; color:#000000; height:10px; position:relative;} #meta_nav li {list-style: none; float:left; line-height:10px; padding: 0px 12px 0px 12px; height:10px; background: url('../images/footer_content_sep.png') right no-repeat; } #meta_nav li.first {padding-left:0px;} #meta_nav li.last {background:none;} #copyright {float: left;padding:5px 20px; font-size:10px; color:#666; line-height:120%; width:600px;} /* Form Elements */ /*label { width:95px; font-size: 10px; clear:none; float:left; line-height:16px; display:block; color:#444444; white-space:nowrap; vertical-align:bottom; } */ label { widows:95px; font-size: 10px; clear:none; float:left; display:block; color:#444444; } input { margin:0px; padding:0px; font-size: 10px; vertical-align:top; color:#444; } /* Sliders */ .calc_track {background: url('../images/slider_track.png') left repeat-x; height:20px; width:105px; background-color:#0000CC; float:left;} .calc_handle {background: url('../images/slider_handle.png') top repeat-x; height:9px; width:19px; margin-top:2px; cursor:pointer;} /* Checkbox rewrites */ label.checkbox_checked { background: url(../images/checkbox_active.png) no-repeat; display: block; margin: 10px 0; padding-left: 25px; cursor:pointer;} label.checkbox_unchecked { background: url(../images/checkbox.png) no-repeat; display: block; margin: 10px 0; padding-left: 25px; cursor:pointer; } /* Hover State */ label:hover{ color: #575B60; } label.highlighted { border: 1px solid #333; } /* Tooltips */ .tooltip10 { font-size: 10px; } .tooltip_bold { font-weight: bold; } a.tooltip{ xborder-bottom: dotted 1px #666; background:url(../images/modlayouts/bg_tooltip_line.gif) repeat-x bottom; } a.tooltip:hover{ text-decoration: none; color: #444;} .tooltip{ cursor: help; xborder-bottom: dotted 1px #666; color:#444; background:url(../images/modlayouts/bg_tooltip_line.gif) repeat-x bottom; font:lighter 11px/1.3 Verdana, Tahoma, sans-serif; text-decoration:none;text-align:left; behavior: url(javascripts/iepngfix.htc); } .tooltip span.top{padding: 10px 8px 0; background: url(../images/tooltip.png) no-repeat top; behavior: url(javascripts/iepngfix.htc); } .tooltip b.bottom{padding:3px 8px 15px 0px;color: #548912; background: url(../images/tooltip.png) no-repeat bottom; behavior: url(javascripts/iepngfix.htc); } .crirHidden { position: absolute; left: -1000px;} a.tooltip.noline { background:none; } /* Module */ /* ############################################### CONTENT CSS ############################################### */ .bold_blue{ font-weight: bold; color: #00204f;} .highlight { font-weight: normal; color: #fd8a02; } .sub_but{cursor:pointer;} .list_without_points li { list-style: none; line-height: 24px; } .list_without_points img {vertical-align:middle;} .list_07_01 li{ list-style: none; margin-bottom: 0px; width:350px; } .modul_04_c_list label{ width:120px; margin: 0px 0px 0px 5px; } .modul_04_c_list input {float:left;} #modul_04_c { height: 91px; width: 571px; margin-left: 0px; background-image: url(../images/modul_04_c.png); padding-right: 15px; padding-bottom: 0px; padding-left: 15px;} #modul_04_b_02 input, select { font-size: 10px; margin-bottom:5px;} #modul_04_b_03, #modul_04_b_03 li { float: left; width:200px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height:10px;} .modul_04_b_list, modul_04_b_list li{ list-style: none; width: 100px;} .modul_04_c_list li { list-style: none;} #modul_06_00 { float: left; height: 170px; width: 571px; background-image: url(../images/modul_06_00.png); margin-top: 40px; margin-right: 0px; margin-bottom: 0; margin-left: 0px; padding-top: 10px; padding-right: 15px; padding-left: 15px; clip: rect(40px,auto,40px,auto); position: relative;} #modul_06_01 { float: left; height: 170px; width: 571px; background-image: url(../images/modul_06_01.png); margin-top: 40px; margin-right: 0px; margin-bottom: 0; margin-left: 0px; padding-top: 10px; padding-right: 15px; padding-left: 15px; clip: rect(40px,auto,40px,auto); position: relative;} #modul_06_02 { float:left; width: 601px; margin-top: -1px; margin-bottom: 40px;} #modul_06_02 table { color: #444444;} #modul_06_02 td { border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF;} .modul_06_02_bottom { background-image: url(../images/modul_06_02_bottom.png); height: 36px; width: 586px; background-repeat: no-repeat; margin:0px; padding:0px 0px 0px 15px; font-size:10px;} .modul_06_02_bottom img, .modul_06_02_bottom select {vertical-align:middle;} #modul_06_02_bottom_anzahl { margin-left: 145px; font-size:10px;} #modul_06_02_bottom_zahlen { margin-left: 40px; font-size:10px;} #modul_06_02_bottom_close_btn { margin-left: 50px;} a.arrow_blue { padding-left:17px; background-image: url(../images/link_arrows2.png); background-repeat: no-repeat; background-position: left center; color: #00204f;} #modul_08_01 {float: left; height: auto; width: 601px; margin-top: 15px; margin-right: 0px; margin-bottom: 15px;margin-left: 0px;} #modul_08_01_img { margin: 0px; float: left; height: 108px; width: 189px; background-color: #FFF;} #modul_08_01_text { float: left; width: 360px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px;} .modul_19_00_list li{ list-style: none; margin: 0 0 0 0;} #text { padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; width: 571px; float: left;} #modul_19_01 { float: left; width: 571px; padding-left: 15px; padding-top: 10px;} #modul_19_04 { height: 32px; width: 571px; margin-left: 0px; margin-top: 40px; background-image: url(../images/modul_19_01.png); padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; float: left;} #modul_19_04_a { float: left;} #modul_19_04_b { float: right;} #modul_19_05 { height: auto; width: 571px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; float: left; background-image: url(../images/modul_19_05.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 15px bottom; margin: 0px;} #modul_19_footer { height: 26px; width: 571px; margin-top: -1px; background-image: url(../images/modul_19_footer.png); padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; float: left; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;} #modul_19_footer_icons { float: left; width: auto; margin-right: 30px;} .modul_19_footer_icons { float: left; margin-right: 10px;} #modul_19_05_body{float: left; width: 460px;} /* ##################################################### BB CSS ##################################################### */ h4 { font-size: 11px; color: #00204f; line-height: 20px; padding: 0px 0px 0px 0px; margin: 0px;} .radio { margin-left: -4px; margin-top: 5px; } #bbNewsbox { float: left; margin: 0px 0px 10px 0px; } #bbNewsboxheader { width:601px; height:29px; background-image:url(../images/tab_bg.png); margin:0px; padding:0px; } #bbNewsbox a.news { float:left; width:199px; height:29px; background: url('../images/tab_big.png') top repeat-x; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; } #bbNewsbox a.news:hover, #bbNewsbox a.news:selected { text-decoration: none; font-weight: bold; background: url('../images/tab_big_selected.png') left top no-repeat; color:#fd8a02; cursor:pointer; } #bbNewsbox a.newsActive { color: #fd8e0a; display:block; float:left; font-weight:bold; width:199px; height:29px; background: url('../images/tab_big_selected.png') top no-repeat; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; } #bbNewsItems_Presse ul, #bbNewsItems_Spiegel ul { float: left; margin:0px 0px 0px 10px; padding:0px; list-style:none; } #bbNewsItems_Presse ul li { margin:2px 0px 0px 0px; padding:0px; list-style:none; } #bbNewsItems_Spiegel ul li { margin:2px 0px 0px 0px; padding:0px; list-style:none; } .pressebox_bottom { float: left; width: 596px; margin-top: 10px; padding-top: 10px; overflow:hidden; background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: top;} .pressebox_rss { float: left; } .pressebox_weiter { float: right; } #unternehmen { width: 601px; float: left; margin-bottom: 10px;} #unternehmen_txt { width: 566px; float: left; margin-bottom: 30px;} #philosophie { width: 601px; float: left; margin-bottom: 10px;} #philosophie_txt { width: 566px; float: left; margin-bottom: 30px;} #modul_21 { float: left; width: 601px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; } #modul_21_img { margin: 0px; float: left; } #modul_21_text { float: left; width: 360px; line-height: 16px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; } #modul_22 { float: left; padding-top: 10px;} /* #modul_23_01 { font-size:10px; height: 86px; width: 601px; float: left; padding-top: 2px; background-image: url(../images/modul_23_01.png); background-repeat: no-repeat; background-attachment: scroll;} #modul_23_01_img { height: 82px; width: 190px; float: right;} #modul_23_01_txt { padding-left: 20px; padding-top: 10px; height: 82px; width:380px; float: left;} */ #modul_23_01 { font-size:10px; height: 99px; width: 601px; float: left; padding-top: 2px; background-image: url(../images/modul_23_01.png); background-repeat: no-repeat; background-attachment: scroll;} #modul_23_01_img { height: 95px; width: 198px; float: right;} #modul_23_01_txt { padding-left: 20px; padding-top: 10px; height: 99px; width:380px; float: left;} #modul_23_01 li { list-style: none; line-height: 22px; } #modul_23_01_ce1 { float:right; margin-right:10px; } #modul_23_02 { margin-top: 15px; float: left; width:400px;} #modul_23_02 li, #modul_23_03 li {list-style: none;} #modul_23_03 { float: right; width:196px; margin-top: 15px;} #modul_23_03_li_txt { font-size:10px; width: 150px;} #modul_23_04 { margin-top: 30px; float: left; width:360px;} #modul_23_04 p { width:360px;} #modul_23_04_2 { margin-top: 15px; margin-bottom: 30px; float: left; width:360px;} #modul_23_05 { width: 601 px; float: left; background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: top; margin-top: 20px; margin-bottom: 70px;} #modul_23_05_a { width: 355px; float: left; margin-top: 15px; } #modul_23_05_b { width: 150px; float: left; margin-top: 15px;} #modul_23_05_c { text-align: right; width: 101px; float: right; margin-top: 15px;} #modul_23_03_icons { margin:5px 0px 0px 0px; padding-bottom:15px; } #modul_23_03_icons img { float:left; margin-right:4px; } #faq { margin-top: 10px; margin-bottom: 50px; float: left; width: 500px;} #faq li{ list-style: none;} #events { margin-bottom: 50px; float: left; width: 500px;} #events li{ list-style: none;} #btn_events{ margin-right: 10px;} /* ############################################## CE CSS ############################################## */ #ceNewsbox { margin:20px 0px 10px 0px; } #ceNewsbox a.news { display:block; float:left; width:99px; height:29px; background: url('../images/tab.png') top no-repeat; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; } #ceNewsbox a.news:hover, #ceNewsbox a.news:selected { text-decoration: none; font-weight: bold; background: url('../images/tab_selected.png') left top no-repeat; color:#fd8a02; cursor:pointer; } .newsbox_bottom { width: 596px; background-image: url(../images/line.gif); background-repeat: no-repeat; background-position: top; margin-top: 10px; float: left; } .newsbox_rss { margin-top: 10px; float:left; } .newsbox_weiter { margin-top: 10px; float:right; } .newsbox_rss_txt { margin-top: 10px; } #ceNewsbox a.newsActive { color: #fd8e0a; display:block; float:left; font-weight:bold; width:99px; height:29px; background: url('../images/tab_selected.png') top no-repeat; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; } #ceNewsItems_Alle ul, #ceNewsItems_Strom ul , #ceNewsItems_Gas ul, #ceNewsItems_Handy ul, #ceNewsItems_Internet ul, #ceNewsItems_Telefon ul { margin:0px 0px 0px 10px; padding:0px; list-style:none; } #ceNewsItems_Alle ul li, #ceNewsItems_Strom ul li { margin:2px 0px 0px 0px; padding:0px; list-style:none; } #ceNewsItems_Gas ul li, #ceNewsItems_Handy ul li, #ceNewsItems_Internet ul li, #ceNewsItems_Telefon ul li { margin:2px 0px 0px 0px; padding:0px; list-style:none; } /* #### 04_verivox_strom.html #### */ #modul_04_01 label { padding:0px 0px 0px 17px; margin:5px 0px 0px 0px; line-height:130%; } /* #### 09_verivox_hilfe_services.html #### */ #modul_ce_09_1 { float: left; width:601px; background-image:url(../images/modul_ce_07_2_1.png); height:59px; margin:0px; padding:0px; } #modul_ce_09_1a { padding:20px 0px 0px 20px; } #modul_ce_09_1a label { width:90px; } #modul_ce_09_1b { float: left; margin-left:20px; margin-bottom: 30px; width:550px;} #modul_ce_09_1b p { margin:10px 0px 10px 0px;} #modul_ce_09_2_box { float: left; margin:10px 0px 10px 0px; } #modul_ce_09_2_box a.news { display:block; float:left; width:99px; height:29px; background: url('../images/tab.png') top no-repeat; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; } #modul_ce_09_2_box a.news:hover, #modul_ce_09_2_box a.news:selected { text-decoration: none; font-weight: bold; background: url('../images/tab_selected.png') left top no-repeat; color:#fd8a02; cursor:pointer; } #modul_ce_09_2_box a.newsActive { color: #fd8e0a; display:block; float:left; font-weight:bold; width:99px; height:29px; background: url('../images/tab_selected.png') top no-repeat; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; padding-top:5px; } .modul_ce_09_2_Items { margin-left:20px; width:550px;} .modul_ce_09_2_Items p { margin:7px 0px 7px 0px;} #modul_ce_09_2_footer { float: left; background-image:url(../images/modul_ce_09_1.gif); width:601px; height:31px; position:relative; } #modul_ce_09_2_footerb { position:absolute; bottom:7px; right:20px; font-size:0.8em; } #my_verivox { margin-top:5px; } /* Tooltips */ .customt-title { font-weight: bold; font-size: 11px; width:240px; margin: 0; padding: 8px 8px 4px;background: url(../images/tooltip.png) top left no-repeat;} .customt-title_pfeil { font-weight: bold; font-size: 11px; width:240px; margin: 0; padding: 8px 8px 4px;background: url(../images/tooltip_pfeil.png) top left no-repeat;} .customt-text { width:240px; font-size: 11px; padding: 4px 8px 8px; background: url(../images/tooltip.png) bottom left no-repeat; } .customt { width:240px; color: #fff; text-align: center; background: url(../images/tooltip.png) bottom left no-repeat; } .hideselects { visibility:visible; } .showselects { visibility:visible; } #modul_partner_wrapper { width:601px; overflow:hidden; margin:0px 0px 0px 0px;} #modul_partner_inner { width:5000px; } #modul_partner_slider { overflow: hidden; width: 601px; height:30px; } #modul_partner_slider #parea { float: left; margin:0px; padding:0px; height: 9px; width: 601px; background-image: url(../images/bg_slider_festnetz.gif); background-position: top; font: 7px Arial; } #modul_partner_slider #pknob { float: left; margin:0px; padding:0px; height: 9px; width: 19px; background-image: url(../images/slider_knob.gif); cursor: pointer; } #modul_partner_slider #sliderline { clear:both; margin:0px; padding:0px; height:3px; width:601px; background-image: url(../images/slider_line2.gif); background-repeat: repeat-x; background-position: left top; } #teaserbig1 { width:601px; height:104px; overflow:hidden; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: solid 1px #fff; line-height:130%;} #teaserbig1 div div { float:left; background-image:url(../images/modlayouts/bg_header_normal.png); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:104px; overflow:hidden; width:601px; } #teaserbig1 .spacer { padding:15px 0px 0px 15px; width:370px; border:none; } #teaserbig1 .teaserimg { float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-left:solid 1px #fff; } #teaserbig1_btns { width:601px; text-align:right; } #teaserbig1_btns a { display:block; border-left:solid 1px #fff; float:left; background-color:#e5e8ea; width:11px; height:11px; font-size:9px; color:#fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; line-height:10px; letter-spacing:0px; } #teaserbig1_inner { width:3010px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; } #teaserbig1_btns a.active { background-color:#fd8a02; } /* Allgemeines */ .brSpacer5px { clear:left; line-height:5px; } .brSpacer10px { clear:left; line-height:10px; } .brSpacer15px { clear:left; line-height:15px; } .brSpacer20px { clear:left; line-height:20px; } .spacer10px { padding:10px 10px 10px 10px; margin:0px 0px 0px 0px; } .spacer20px { padding:20px 20px 20px 20px; margin:0px 0px 0px 0px; } .spacing1 { margin:5px 0px 0px 0px; padding: 0px 0px 0px 15px; } .spacingAbs1 { position:absolute; right:5px; bottom:-5px; } .spacingAbs1 img { behavior: url(javascripts/iepngfix.htc); } .fontColor1 { color:#999; } .fontColor2 { color:#444; } .small { font-size:10px; } .small2 { float: left; width: 560px; font-size:0.8em; color:#999; line-height:130%; } ul.nolist { list-style:none; } .lineHeightHigh { line-height:200%; } .headerOuts { margin:0px 0px 0px 0px; padding: 1px 0px 1px 0px; background-image:url(../images/modlayouts/bg_header_dots.gif); clear:left; width:601px; border-bottom: solid 1px #fff; overflow:hidden; } .headerIns { border-top:solid 1px #fff; border-bottom:solid 1px #fff; background-image:url(../images/modlayouts/bg_header_normal.png); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:100%; overflow:hidden; position:relative; } .headerInsB { border-top:solid 1px #fff; border-bottom:solid 1px #fff; background-image:url(../images/modlayouts/bg_content_1.png); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:100%; overflow:hidden; position:relative; } .headerInsC { border-top:solid 1px #fff; border-bottom:solid 1px #fff; background-image:url(../images/modlayouts/bg_header_whiteline.png); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:100%; overflow:hidden; position:relative; } .headerOuts h2 { font-size:12px; } .headerTAEmail { clear:left; width:601px; height:97px; background-image:url(../images/ta_bg_online.jpg); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; position:relative; } .headerTAPost { clear:left; width:601px; height:97px; background-image:url(../images/ta_bg_post.jpg); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; position:relative; } .headerInsTA1 { border-top:solid 1px #fff; border-bottom:solid 1px #fff; background-image:url(../images/modlayouts/bg_header_normal.png); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; height:100%; overflow:hidden; position:relative; } .headerInsTA2 { border-top:solid 1px #fff; border-bottom:solid 1px #fff; background-image:url(../images/modlayouts/bg_header_dreiteilung.png); background-repeat:repeat; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; height:100%; overflow:hidden; position:relative; } .headerNoBottomLine { margin-bottom:-2px; } .headerSpacerA { padding:10px 10px 10px 10px; } .headerSpacerB1 { width:360px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; vertical-align:middle; } .headerSpacerB2 { width:190px; float:left; border-left:solid 1px #fff; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .headerSpacerB3 { width:190px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .headerSpacerB4 { width:485px; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 15px; } .headerSpacerB5 { width:100px; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; } .headerSpacerB6 { width:280px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .headerSpacerB7 { width:150px; float:right; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; vertical-align:middle; } .headerSpacer7a { width:275px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .headerSpacer7b { width:280px; float:left; border-left:solid 1px #fff; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .headerSpacerElementA { position:absolute; right:10px; bottom:10px; } .contentOuts { border-bottom:solid 1px #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:100%; overflow:hidden; background:none; position:relative; clear:left; width:601px; } .contentLineEnd { background-image:url(../images/modlayouts/bg_line_dots.gif); height:1px; width:601px; marxgin:0px 0px 1px 0px; padding:0px 0px 1px 0px; line-height:1%; font-size:1px; border:none; clear:left; } /* IE6-Hack */ * html b\ody .contentLineEnd { background-image:url(../images/modlayouts/bg_line_dots.gif); height:1px; width:601px; marxgin:0px 0px 1px 0px; padding:0px 0px 0px 0px; line-height:1%; font-size:1px; border:none; } .contentBg1 { background-image:url(../images/modlayouts/bg_content_1.png); background-repeat:repeat; } .contentBg2 { background-image:url(../images/modlayouts/bg_content_2.png); background-repeat:repeat; } .contentBg3 { background-color:#ccd2dc; } .contentBg4 { background-color:#e5e8ed; } .contentBg5 { background-color:#eff1f4; } .contentBg6 { background-color:#eff0f1; } .contentBg7 { background-image:url(../images/modlayouts/bg_header_normal.png); background-repeat:repeat; } .contentBg8 { background-image:url(../images/modlayouts/bg_content_3.png); background-repeat:repeat; } .contentBg9 { background-color:#f7f8f9; } .contentSpacerA { float:left; padding:10px 10px 10px 10px; } .contentSpacerB { float:left; padding:10px 10px 10px 20px; } .contentSpacerB7 { width:180px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .contentSpacerB8 { width:360px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .contentSpacerC1 { width:275px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .contentSpacerC2 { width:280px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; } .contentSpacerHalf { width:49%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .contentSpacer3cols { width:199px; float:left; margin:-1px 2px 10px 0px; padding:0px 0px 0px 0px;} .contentSpecial { clear:left; width:601px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .contentSpecial2 { clear:left; width:601px; margin:0px 0px 1px 0px; padding:0px 0px 0px 0px; } .contentSpecial2A { width:200px; float:left; display:block; margin: 0px 0px 0px 0px; } .contentSpecial2B { width:380px; float:left; display:block; margin: 0px 0px 0px 0px; padding:5px 0px 5px 0px; } .contentTable1 { width:602px; margin:0px 0px -1px -1px; padding:0px 0px 0px 0px; } .contentTable1 tr { margin:0px 0px 0px -1px; padding:0px 0px 0px 0px; } .contentTable1 tr td { border-bottom:solid 1px #fff; border-left:solid 1px #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .contentTable1SpacerA tr td { padding:20px 10px 20px 10px; } .contentTable1SpacerB tr td { padding:10px 0px 10px 10px; position:relative; } .contentTable1SpacerC tr td { padding:10px 0px 10px 20px; position:relative; } .contentTable2 { width:602px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .contentTable2 tr { margin:0px 0px 0px -1px; padding:0px 0px 0px 0px; } .contentTable2 tr td { border-bottom:solid 1px #fff; border-left:solid 1px #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .contentTable2 tr td .rel { display:block; position:relative; width:100%; height:100%;} .contentTable2SpacerB tr td { padding:10px 0px 10px 10px; position:relative; } .contentTable3 td { padding:7px 0px 7px 15px;} .contentTable3 th { font-weight:normal; padding-left:15px} .contentTable3 thead tr{ background-color: #eff0f1; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; color: #888989; text-align:left;} .contentTable3 tfoot{font-size:10px;} .footerButton { width:601px; padding:10px 10px 10px 10xp; margin:0px 0px 0px 0px; } .footerButtonRight { float:right; margin: 10px 0px 10px 10px; } .footerSpacer10px { clear:left; width:601px; height:10px; } .footerSpacer20px { clear:left; width:601px; height:20px; } .footerSpacer30px { clear:left; width:601px; height:30px; } #tooltipbglayer { width:1px; height:1px; position:absolute; top:0px; left:0px; overflow:hidden; } #tooltipbglayer iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ width:3000px;/*must have for any big value*/ height:3000px/*must have for any big value*/; } /* Formvalidator */ .validation-advice { float:right; clear:right; width:160px; line-height:120%; color:#aa0000; margin:0px 10px 0px 0px; padding:3px 0px 0px 20px; background-image:url(../images/forminfo.png); background-position:left 3px; background-repeat:no-repeat; overflow:auto; position:absolute; left:420px; } .validation-advice-relative { float:right; clear:right; width:160px; line-height:120%; color:#aa0000; margin:0px 10px 0px 0px; padding:3px 0px 0px 20px; background-image:url(../images/forminfo.png); background-position:left 3px; background-repeat:no-repeat; overflow:auto; left:420px; } .validation-failed { padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; border:solid 1px #a00; xbackground-image:url(../images/valid_false.png); background-repeat:no-repeat; background-position:right; } .validation-passed { padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; border:solid 1px #1e8a1e; xbackground-image:url(../images/valid_true.png); background-repeat:no-repeat; background-position:right;} input.required { } .validation-test { padding:0px 0px 0px 20px; background: url(../images/valid_true.png) no-repeat; background-position:left top; width:200px; height:20px; overflow:hidden; } .required { } .infomsg { padding-right:17px; /*border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;*/ background-image:url(../images/valid_info.png); background-repeat:no-repeat; background-position:right;} .infomsgerror { color:#aa0000; font-weight:bold; } .tooltipInfoInput { background-image:url(../images/tooltip_pfeil.png); background-repeat:no-repeat; width:250px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; position:absolute; z-index:10; } .tooltipInfoInput .inner { padding:25px 10px 0px 10px; margin:0px 0px 0px 0px; z-index:10; } .tooltipInfoInput .footer { background-image:url(../images/tooltip_pfeil.png); background-position:bottom; width:250px; height:10px; margin:0px 0px -10px 0px; z-index:10; } /* Tarifanmeldung */ .taform_box1 { float: left; width: 190px; padding-bottom:10px; } .taform_box2 { float:left; margin:0px 0px 10px 0px; } #ta_plz_response { margin-left:10px; float:left; } #ta_blz_response { margin-left:10px; float:left; width:200px; } #r_stromversorger { position: absolute; display:block; width:240px; height: 140px;} #r_banksuche { position: absolute; display:block; width:240px; height:360px;} .ta_radio {float: left; width: 24px; margin-top: 3px; margin-left: -5px; } .contentTarifanmeldung { float:left; border-bottom:solid 1px #fff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:100%; background-image:url(../images/modlayouts/bg_content_1.png); background-repeat:repeat; position:relative; width:601px; display:block; } .contentTarifanmeldung .spacer { float:left; padding:10px 10px 10px 10px; position:relative; display:block; } label.radiolabel { margin:0px 10px 0px 5px; padding: 0px 0px 0px 0px; line-height:100%;} input.radiobtn { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #ta_scroller_outer { width:180px; height:145px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; position:relative; float:left; } #ta_scroller_inner { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:visible; position:absolute; top:0px; left:0px; width:100%; } #ta_scrollbar1_area { width:8px; height:145px; margin:0px 0px 0px 4px; padding:0px 0px 0px 0px; background-image:url(../images/scrollbar_bg.png); float:left; } #ta_scrollbar1_knob { width:8px; height:30px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(../images/scrollbar_button.png); cursor:pointer; } .ta_nextstep1 { float:left; width:196px; height:190px; background:url(../images/ta_danke1.jpg) no-repeat; overflow:auto; margin-right:6px; } .ta_nextstep2 { float:left; width:196px; height:190px; background:url(../images/ta_danke2.jpg) no-repeat; overflow:auto; margin-right:6px; } .ta_nextstep3 { float:left; width:196px; height:190px; background:url(../images/ta_danke3.jpg) no-repeat; overflow:auto; } .ta_nextstep1 .spacer, .ta_nextstep2 .spacer, .ta_nextstep3 .spacer { margin:20px 20px 20px 20px; padding:0px 0px 0px 0px; background:none; } .ta_nextstep1 h3, .ta_nextstep2 h3, .ta_nextstep3 h3 { margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; font-size:12px; } .listnumleft { float:left; width:22px; } .listnumright { float:left; width:565px; } .dreiercontainer { float:left; width:170px; padding:15px 15px 5px 15px; } .ta_label { overflow:auto; margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; }