/* version 2.3.4 zuletzt bearbeitet: 26.05.2008 - 17:30 BRA (Update margin in #content fieldset{...} || Inconsistencies with more link class (image padding vs. margin) ln.435-438) Info: Popups noch im alten Layout Production - VIG */ body {margin:0; padding:0; font-family: Verdana, Helvetica, Arial, sans-serif;} body #body {margin:0; padding:0; width:61.58em; min-width:980px; _width:expression(document.getElementById('promo')?(document.getElementById('promo').clientWidth < 207? "980px": "61.58em"):"61.58em");} #body_popup_gross #body{width:auto; padding-top:36px; } /* algemeine elemente begin */ p, table { margin: 0 0 3px 0;} table, tr, td, th { font-size: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0; clear:both; } h2 {display: none;} img { border: 0; display: block;} a {color: #434343; text-decoration: underline; } a:hover {text-decoration: underline; } /*algemeine element ende*/ /* header sachen begin */ #header {background: #D5DBE1; border-bottom:2px solid #8B8B8B; height:84px; margin:0;} #header h1, #header h1 a{ width: 135px; height: 84px; margin: 0; font-size: 1px; color: #D1D8E1 !important; display:block; } #header h1 a, #header h1.a1 a { background-image: url('/img/pp4/logo_a1.gif'); text-indent:-1000px; } #header h1.vf a { background-image: url('/img/pp4/logo_vf.gif'); text-indent:-1000px; } /* header bei popup begin */ #body_popup_gross #header {padding:6px 10px 10px 10px; height:41px;} #body_popup_gross #header h1 {width:77px; height:40px; float:left;} #body_popup_gross #header h1 a {width:77px; height:40px; background:url(/img/pp4/popup_a1_logo.gif) no-repeat left top; font-size:1px; color:#D1D8E1; display:block; text-indent:-1000px;} #body_popup_gross #header #titelinfo{ padding-left:9px; margin-left:80px; height:40px; background:url(/img/pp4/popup_titelinfo_l.gif) no-repeat left bottom; color: #737373; font-weight: bold; font-size: 90%; } #body_popup_gross #header #titelinfo span{ display:block; padding:0px 9px 0px 0px; height:40px; background:url(/img/pp4/popup_titelinfo_r.gif) no-repeat right bottom; } #body_popup_gross #header #titelinfo span span{ display:block; padding:17px 0px 0px 8px; height:23px; background:url(/img/pp4/popup_titelinfo_s.gif) repeat-x right bottom; } #body_popup_klein #header{ padding:3px 0px 3px 10px; height:25px;} #body_popup_klein #header h1{ width:37px; height:24px; float:left; } #body_popup_klein #header h1 a{ width:37px; height:24px; background: url(/img/pp4/a1_logo_klein.gif) no-repeat left top; font-size: 1px; color: #D1D8E1; display:block; } /* header bei popup ende */ /*portal navigation (private, business, shopping) begin */ /*#header #navportal ul { margin: 0; padding: 0; position: absolute; top: 12px; left: 409px; list-style-type: none; } #header #navportal ul li { float: left;} #header #navportal ul li a { display: block; float: left; height: 15px; padding: 0 15px 0 15px; color: #6D6F72; font-size: 80%; text-decoration: none; background: url(/img/pp4/navportal_off.gif) 0 0 no-repeat; } #header #navportal ul li a:hover {text-decoration: underline;} #header #navportal ul li.active a { background-image: url(/img/pp4/navportal_on.gif); } */ #header #navportal ul {margin:0; padding:0; position:absolute; top:18px; left:149px; list-style-type:none; z-index:100;} #header #navportal ul li {float:left; display:block; background:url(/img/pp4/navportal_links.gif) no-repeat left top; margin-right:2px; _display:inline;} #header #navportal ul li a {text-decoration:none; display:block; float:left; height:22px; padding:5px 20px 0 20px; color:#000000; font-size:90%; font-weight:bold; background:url(/img/pp4/navportal_rechts.gif) no-repeat right top; cursor:pointer;} #header #navportal ul li.active {background:url(/img/pp4/navportal_active_links.gif) no-repeat left top;} #header #navportal ul li.active a {background:url(/img/pp4/navportal_active_rechts.gif) no-repeat right top; color:#424242;} #header #navportal ul li a:hover {text-decoration:underline!important; color:#424242;} /*portal navigation (private, business, shopping) ende */ /* main navigation begin */ /* partner web begin */ #header #pwnavmain{width:58em; min-width:830px; _width:830px; font-size:90%; _font-size:14px; background:url(/img/pp4/navmain_bg_off.gif) 0 0 no-repeat; padding:7px 10px; margin:0; display:block; position:absolute; top:43px; left:135px; height:22px;} #header #pwnavmain h3{float:left; font-size:97%; padding:0px 25px 0px 15px;} #header #pwnavmain a{text-decoration:none;} #header #pwnavmain p{font-size:80%; padding:2px 0px;} /* partner web end */ #header #navmain span {width:829px; font-size:90%; background:url(/img/pp4/navmain_bg_off.gif) 0 0 no-repeat; padding:7px 0 0 23px; margin:0; display:block; position:absolute; top:43px; left:135px; list-style-type:none; height:36px; display:block; color:#434343; font-weight:bold; font-size:90%;} #header #navmain ul {width:58em; min-width:830px; _width:830px; font-size:90%; _font-size:14px; background: url(/img/pp4/navmain_bg_off.gif) 0 0 no-repeat; padding:0 15px; margin:0; display:block; position:absolute; top:43px; left:135px; list-style-type:none; height:36px;} #header #navmain ul li {float:left;} #header #navmain ul li a {display:block; float:left; height:36px; padding:7px 15px 0 15px; color:#434343; font-weight:bold; text-decoration:none;} #header #navmain ul li a:hover {color: #7A7A7A; background-image: url(/img/pp4/navmain_bg_hover.gif);} #header #navmain ul li.active a, #header #navmain ul li.active a:hover {background:url(/img/pp4/navmain_bg_on_a.gif) right top no-repeat;} #header #navmain ul li.active {background-image: url(/img/pp4/navmain_bg_on.gif);} #header #navmain ul li a em {color:#FF0000; font-style:italic;} /* main navigation ende */ /* header sachen ende */ /* status sachen begin */ #status { text-align: right; font-size: 70%; width: 87.95em; color: #A0A0A0; font-weight: bold; text-decoration: none; padding: 0; margin: 0.3em 0 1.5em 0; min-width: 980px; } #status p a { text-decoration: none; padding: 0 0 0 1em; margin: 0 0 0 2em; background: url(/img/pp4/bullet_off.gif) 0 center no-repeat; color: #434343; } #status p a:hover { background-image: url(/img/pp4/bullet_on.gif); text-decoration: underline; color: #434343; } /* status sachen ende */ #navsub, #content, #promo, table{color: #434343;} /* navigation links und promo sachen begin */ #promo, #navsub { width: 18.4em; font-size: 70%; margin: 0 0 0px 24px; padding: 0; display: inline; min-width: 206px; } #navsub{float:left} #promo{float:right!important; margin:0px!important;} #body_popup_gross #navsub {margin-left:6px; min-width:0px;} #navsub ul.navsub_firstlevel, #navsub ul.navsub_secondlevel { list-style-type: none; margin: 0; padding: 0; width: auto; } #navsub ul.navsub_firstlevel a, #navsub ul.navsub_firstlevel a:hover{text-decoration:none;} #navsub ul.navsub_firstlevel li { margin: 0 0 6px 0; padding: 0 0 0 0;} #navsub ul.navsub_firstlevel ul li { margin: 0 0 0 0;} #navsub ul.navsub_firstlevel li a { padding: 1px 0 1px 20px; margin: 0; font-weight: bold; display: block; border: 1px solid #FFFFFF; font-size: 125%; vertical-align: middle; color: #434343; background:url(/img/pp4/arrow_right_off.gif) 0.3em center no-repeat;} html>body #navsub ul.navsub_firstlevel li a { height: auto !important; } #navsub ul.navsub_firstlevel li.active a, #navsub ul.navsub_firstlevel li.active a:hover { background-color: #EBF0F2; border: 1px solid #D2DAE2; background-image: url(/img/pp4/arrow_down_on.gif); } #navsub ul ul.navsub_secondlevel li { padding: 2px 0 2px 16px !important; margin-top: 1px !important; } #navsub ul.navsub_firstlevel li ul.navsub_secondlevel li a { padding: 0 0 0 15px !important; margin: 0 !important; font-size: 100% !important; border: 1px solid #FFFFFF !important; background: #FFFFFF url(/img/pp4/bullet_off.gif) 5px center no-repeat !important; } #navsub ul.navsub_firstlevel ul.navsub_secondlevel li a:hover { border: 1px solid #FFFFFF !important; background-color: #FFFFFF !important; background-image: url(/img/pp4/bullet_on.gif) !important; } #navsub ul li ul.navsub_secondlevel li.active a, #navsub ul li ul.navsub_secondlevel li.active a:hover { background-image: url(/img/pp4/bullet_on.gif) !important; border: 1px solid #EBF0F2 !important; background-color: #EBF0F2 !important; } #navsub ul.navsub_firstlevel li a:hover { background-image: url(/img/pp4/arrow_right_on.gif);} #promo p { padding: 0 0 3px 0; } #promo ul, #navsub ul {padding: 0 0 3px 0; list-style-type: none; margin: 0 -7px 0 -7px; } #promo ul li, #navsub ul li { margin: 0; padding: 0; clear: both;} #promo ul.bullet{margin-left:-1px;} #promo ul.bullet li, #navsub ul.bullet li{padding: 0px 0px 0px 12px!important; background:url(/img/pp4/bullet_off.gif) no-repeat 0px 5px; } #promo ul li a, #navsub ul li a { display: block; height: 1.3em; text-decoration: none; padding: 0 0 0 19px; background: url(/img/pp4/bullet_circle_small_off.gif) 0 center no-repeat; margin: 0 0 0 8px; } html>body #promo ul li a, html>body #navsub ul li a { height: auto !important; min-height:1.3em; } #promo ul li a:hover, #navsub ul li a:hover { text-decoration: underline; background-image: url(/img/pp4/bullet_circle_small_on.gif); } #promo ul li div, #navsub ul li div { border: 0; margin: 0 0 5px 27px; padding:0; } #navsub div.guetesiegel, #promo div.guetesiegel{ padding-top: 40px!important;} #promo div.guetesiegel img, #navsub div.guetesiegel img { padding: 0; padding: 0 !important; margin: -3px -7px 0 -7px !important; border: 0; } #promo div.guetesiegel div span, #navsub div.guetesiegel div span { background-color: red; } #promo div br, #navsub div br { clear: both; } #promo .texthighlight, #navsub .texthighlight { color: #F7AD00; font-weight: bold; font-size: 1.2em; } #promo table{margin: 0 0 20px 0; display:block; width:100%; padding:0px;} #promo table thead tr th{ color: #1E4D65; border-bottom: 1px solid #D2DAE2; font-size: 1.2em; text-align:left;} /* formular sachen */ #promo div label, #navsub div label { padding: 0.5em 0.3em 0 0; margin: 0; display: block; float: left; text-align: left; } #promo fieldset, #navsub fieldset {border: 0;margin: 0;padding: 0;} #promo div input, #navsub div input { background-color: #fff; border: 1px solid #8B8B8B; margin: 4px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1E4D65; font-size: 11px; height: 14px; width: 89px; float: right; } #promo div input.width100px, #navsub div input.width100px{width:95px;} #promo div input[type=hidden] {display: none!important; } #navsub div input.login { width: 188px; clear:both; float: none; } #navsub div label.login { width: 160px; clear:both; float: none; } #promo div.buttonrow, #navsub div.buttonrow { margin: 0 0 3px 0; padding: 4px 0 0 0; border: 0; clear: both; float:none!important; width:auto!important; } html>body #promo div.buttonrow, html>body #navsub div.buttonrow { font-size: 1em; height: 2em; } #promo input.button, #navsub input.button { border: 1px solid #969696; background: url(/img/pp4/form_button_background_01.gif) top left repeat-x; width: auto; font-size: 1em; height: 1.6em; padding: 0 5px 0 5px; margin-top: 3px; margin-bottom: 7px; color: #434343; cursor: pointer; float: right; display: block; } #promo div.buttonrow input.button, #navsub div.buttonrow input.button{float:right!important; margin-left:5px;} #promo div.buttonrow a.button{ margin-top:3px; margin-left:5px; float:right!important; } html>body #promo div.buttonrow input.button, html>body #navsub div.buttonrow input.button { background-position: 0 1px; padding-bottom: 3px; float:left; } /* formular sachen ende */ /* navigation links und promo sachen begin */ /* content sachen begin */ #content { float: left; width: 44.3em; font-size: 70%; margin: 0 0 0 25px; padding: 0 0 20px 0px; min-width: 500px; } #body_popup_gross #content{ min-width:350px; width:auto; padding-right:10px; float:none; margin-left:20.3em; } #body_popup_gross.nonav #content{ min-width:350px; width:auto; padding-right:10px; float:none; margin-left:10px; } #body_popup_klein #content{ margin:0px; padding:10px 10px; width:30em; min-width:300px; } /* standard elemente begin */ hr {clear:both; margin:3px 0px 1px 0; padding:0px; color: #D2DAE2; height:2px; border:0; background-color: #D2DAE2; } html>body hr {margin: 12px 0 10px 0!important; width:100%; } hr.hrklein{height:1px;} hr.onepx{margin:8px 0px!important; _margin:0px!important; padding:0px!important; height:1px;} hr.red{color: #FF0000; background-color: #FF0000;} #content h3, #content h4, #content h5, #sitemap h3 {color:#434343; margin: 0 0 10px 0;} #content h3, #sitemap h3 { border-bottom: 2px solid #8B8B8B; font-size: 200%; font-weight: normal; } #content h3 a, #content h4 a, #content h5 a {text-decoration: none;} #content h3 a:hover{color:#434343;} #content h4 {border-bottom: 2px solid #D2DAE2; padding-bottom: 0px; font-weight: bold;} #content h4 { font-size: 140%; } #content h5{ font-size: 125%; margin:0px;} #content div.textbox h5{margin:0px;} #content .texthighlight {color: #F7AD00; font-weight: bold; font-size: 120%; display: block; margin: 2px 0 5px 0; } #content a {text-decoration:underline;} #content a:hover{color:#F7AD00;} #content p { padding: 0 0 10px 0; } #content .vf_header {margin-bottom: 10px;} #content h3.red, #content h4.red{color:#FF0000; border-bottom-color:#FF0000;} #content h5.red, #content h6.red{color:#FF0000;} #content h4.bulletgelb{background: url(/img/pp4/circle_big_on.gif) center left no-repeat; border-bottom:none;} #content h4.bulletgelb span{margin-left:20px; display:block; border-bottom: 2px solid #D2DAE2;} #content ul{margin: 0em 2em 1em;padding:0; } #content ul ul {margin: 0.2em 2em 0.2em;padding:0;} #content ul li { list-style-type: disc;} #content ul.bul_2 li { list-style-type: square; } #content ol {margin: 0em 0em 1em 3em;padding:0; } #content ol ol {margin: 0.2em 2em 0.2em;padding:0;} #content span.pagebreakafter {display:none;} #content ul.arrow{ margin:0px; padding:0px 0px 5px 0px; } #content ul.arrow li { list-style-type:none; margin: 4px 0px 4px 6px; padding: 0px 0px 0px 15px; background:url(/img/pp4/arrow_right_on.gif) no-repeat 0px 50%; } #content ul.circle{ margin:0px; padding:0px 0px 5px 0px; } #content ul.circle li { list-style-type:none; margin: 4px 0px 4px 6px; padding: 0px 0px 0px 15px; background:url(/img/pp4/bullet_circle_small_off.gif) no-repeat 0px 50%; } #content ul li.bullet { list-style-type:none; margin: 4px 0px 4px 6px; padding: 0px 0px 0px 15px; background:url(/img/pp4/bullet_on.gif) no-repeat 3px 50%; } #content ul.circle_big_link{margin:10px 0px; padding:0px;} #content ul.circle_big_link li{list-style-type:none; margin:0px; padding:2px 0px;} #content ul.circle_big_link li a {display:block; margin:0px; padding:0px 0px 0px 15px; background:url(/img/pp4/bullet_circle_small_off.gif) 0px center no-repeat; text-decoration:none; text-align:left;} #content ul.circle_big_link li a:hover {background-image:url(/img/pp4/bullet_circle_small_on.gif); text-decoration:underline; color:#434343;} /* standard elemente ende */ /* tabellen in content element begin */ #content table {width:100%; border-bottom:1px solid #D2DAE2; } #content table td, #content table th { border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; padding:3px; padding-left:5px; text-align:left;} .even{background-color: #FFFFFF!important;} .odd {background-color: #EBF0F2!important;} #content table, #content table td, #content table tr, #content table th {border-color: #D2DAE2;} table tr.background td, #content table tr.background th, table tr.background th {background-color: #EBF0F2!important;} table tr.background2 td, #content table tr.background2 th, table tr.background2 th{background-color:#F3F3F3!important;} table tr.backgroundw td, #content table tr.backgroundw th, table tr.backgroundw th{background-color:#FFFFFF!important;} table tr.backgroundgrau td, #content table tr.backgroundgrau th, table tr.backgroundgrau th{background-color:#F3F3F3!important;} #content td.number { text-align: right; padding: 5px 20px 5px 5px; font-weight: bold; } /* muss ich noch machen diese definition ist aus applikation */ #content table tr.background td, #content table tr.background th{background:#F0F4F7;color:#5C7C8B;} /* muss ich noch machen diese definition ist aus applikation ende */ #content table.bordertop{border-top:2px solid #D2DAE2; margin-top:20px!important;} #content table.bordertop_nomargin{border-top:2px solid #D2DAE2; margin-top: 0px;} #content table.bordertop_marginbottom{border-top:2px solid #D2DAE2; margin-top:0px; margin-bottom:15px;} html>body #content table.bordertop{margin-top:10px;} #content table.tabellenormal{border-bottom:1px solid #D2DAE2;} #content table.withoutborderandth{border:none!important;} #content table.withoutborderandth tr th{border:none!important; font-weight:bold; font-size:100%;} #content table.withbordernormalth{border:none!important;} #content table.withbordernormalth tr th{border-bottom:1px solid #D2DAE2!important; font-weight:bold; font-size:100%;} #content table.withbordernormalth tr td{border-top:1px solid #D2DAE2!important; padding-top:13px!important; padding-bottom:13px!important;} #content table.withbordernormalth tr.biglinie td{border-top:2px solid #D2DAE2!important;} /* tabellen in content element ende */ /* navcomplex begin */ #content #navcomplex {padding: 0 0 10px 0; font-size: 1em; } #content #navcomplex ul { padding: 0 0 20px 0; margin: 0; } #content #navcomplex ul li { float: left; list-style-type: none; margin: 0; padding: 0; } #content #navcomplex ul li a, #content #navcomplex ul li span { font-weight: bold; display: block; float: left; height: 1.3em; border: 1px solid #FFFFFF; text-decoration: none; padding: 2px 0.8em 1px 1.5em; margin: 0 0 0.2em 0; background-repeat:no-repeat; background-position: 0.5em center; background-image: url(/img/pp4/bullet_off.gif); } #content #navcomplex ul li a.active { background-color: #EBF0F2; border: 1px solid #D2DAE2; background-image: url(/img/pp4/bullet_on.gif); } #content #navcomplex ul li a:hover {background-image: url(/img/pp4/bullet_on.gif); color:#434343;} /* navcomplex ende */ /* feature box begin */ #content div.feature { padding: 5px; margin: 0 0 20px 0; height: 81px; background-color: #F3F3F3; border: 1px solid #E4E4E4; } html>body #content div.feature { height: auto; min-height: 81px; } #content div.feature img { width: 111px; float: left; padding: 0 10px 0 0; margin: 0; } #content div.feature p { padding: 0 0 5px 121px; margin: 0; } #content div.feature ul{margin-left:135px;} #content div.feature .more { text-align: left; margin: 0; padding: 0; float:left; clear:none!important; } #content div.feature h4 { padding: 0 0 5px 0; margin: 0; border-bottom: 0; font-size: 150%; font-weight: normal; clear:none; color:#434343; } /* feature box ende */ /* more, order begin */ #content .more { text-align: left; margin: 0; padding: 0 0 5px 0; clear:both; } #content div.order { text-align: left; margin: 0; padding: 0; display: inline; } #content .more a, #content .order a { display: block; text-decoration: none; padding: 0 0 0 20px; float:left; background: url(/img/pp4/mehr_icon.gif) 0 center no-repeat; } #content .more span{ display: block; text-decoration: none; padding: 0 0 0 10px; float:left; } #content .more span.vor{ padding:0 10px 0px 0px; } #content .more a:hover, #content .order a:hover { text-decoration: underline; color:#434343; background-image: url(/img/pp4/mehr_icon_active.gif); } #content .more a.neben{margin-right:20px;} /* more, order ende */ /* overview, overview_ohnebild + div.startpage begin */ #content div.overview_more{float:none!important; clear:none!important; margin:0px 0px 0px 121px;} #content div.overview, #content div.overview_ohnebild {padding: 0 0 20px 0; margin: 0; height: 81px; clear:both; display: block; } #content div.overview_ohnebild{height:auto;} html>body #content div.overview {height: auto; min-height: 81px; } /* #content div.overview img { float: left; padding: 0 10px 0 0; margin: 3px 0 20px 0;} */ #content div.overview img { float: left; padding: 0 0 0 0; margin: 3px 10px 20px 0;} #content div.overview p { padding: 0 0 5px 121px; margin: 0; } #content div.overview_ohnebild p{ padding:0 0 5px 0px; margin:0; } #content div.startpage h3, #content div.overview h3, #content div.overview_ohnebild h3 { border-bottom: 0; padding: 0 0 0 1em; font-size: 160%; font-weight: normal; clear: none; background: url(/img/pp4/circle_big_on.gif) 0 0.4em no-repeat; } #content div.overview h3 { margin: 0 0 10px 121px; } #content div.startpage h3 { margin: 0 0 10px 0; } #content div.overview h3 span, #content div.startpage h3 span, #content div.overview_ohnebild h3 span { display: block; } #content div.overview h3 span, #content div.overview_ohnebild h3 span { border-bottom: 2px solid #787878 !important; } #content div.startpage h3 span { border-bottom: 2px solid #8B8B8B; color: red !important;} #content div.overview div.more { float: left; padding: 0 20px 0 0; clear:none; } #content div.overview div.more a { float: left; } #content div.overview_ohnebild div.more{ float:left; padding:0 20px 0 0; clear:none; } #content div.untereinander a{clear:left; margin-bottom:5px;} #content div.startpage { clear: both; display: inline; margin: 0; padding: 0; } html>body #content div.startpage { display: block; } #content div.startpage div {width: 21.5em; margin: 0 0 20px 0; padding: 0;} #content div.startpage div.right { float: right; } #content div.startpage div.left { float: left; } #content div.startpage h3 span em, #content div.startpage ul li em { color: #FF0000; } #content div.startpage p { margin: 0 0 5px 0; padding: 0; display: block; } #content div.startpage div.more { text-align: left; margin: 0; padding: 0; } #content div.startpage a img { float: left; padding: 0 1em 0 0; margin: 0; display: block; } #content div.startpage ul { padding: 0.3em 0 0.3em 0; list-style-type: none; margin: 0 -0.5em 0 -0.5em; } #content div.startpage ul li {list-style-type: none; margin: 0; padding: 0 0 0 2.4em; } #content div.startpage ul li a {height:1.3em; display: block; text-decoration:none; padding:0 0 0 2.4em; background: url(/img/pp4/bullet_circle_small_off.gif) 0.6em center no-repeat; margin: 0 0 0 -2.4em;} /* new styles butHa 19.6.2007 */ #content div.startpage2 div.left div.shop {float:right; width:110px;} #content div.startpage2 div.right div.shop {float:right; width:110px;} #content div.startpage2 div.left div.download {float:right; width:110px;} #content div.startpage2 div.right div.download {float:right; width:110px;} #content div.startpage2 div.left div.anmeldung {float:right; width:110px;} #content div.startpage2 div.right div.anmeldung {float:right; width:110px;} #content div.startpage2 p{clear:both;} #content .shop a, #content .shop a {display:block; text-decoration:underline; padding:10px 5px 10px 27px; background:url(/img/pp4/ico_cart.gif) 0 5px no-repeat;} #content .download a, #content .download a {display:block; text-decoration:underline; padding:10px 5px 10px 27px; background:url(/img/pp4/ico_cart.gif) 0 5px no-repeat;} #content .anmeldung a, #content .anmeldung a {display:block; text-decoration:underline; padding:10px 5px 10px 27px; background:url(/img/pp4/ico_cart.gif) 0 5px no-repeat;} /* new styles 19.6.2007 end */ /* new styles butHa */ #content div.startpage2 div {margin:0;} #content div.startpage2 h3 span {color:#1E4D65!important; border-bottom:0px!important;} #content div.startpage2 div.left, #content div.startpage2 div.right {width:19.5em!important; min-width:220px; background:#f3f3f3; padding:5px 0 5px 0px; margin:10px 29px 0 0; color:#434343;} #content div.startpage2 div.right {margin:10px 0 0 0!important;} #content div.startpage2 {width:64.1em; min-width:718px; _width:expression(document.getElementById('promo')?(document.getElementById('promo').clientWidth < 207? "718px": "64.1em"):"64.1em");} #content div.startpage2 select {width:15.6em!important;} #content div.startpage2 .more a, #content div.startpage2 .order a {padding:10px 0 10px 30px;background:url(/img/pp4/ico_info.gif) 5px 5px no-repeat; text-decoration:underline} #content div.startpage2 .more a:hover, #content div.startpage2 .order a:hover {background-image:url(/img/pp4/ico_info.gif); color:#f7ad00;} #content div.startpage2 .download a {padding:10px 0 10px 30px; background:url(/img/pp4/ico_download.gif) 5px 5px no-repeat; text-decoration:underline;} #content div.startpage2 .download a:hover {background-image:url(/img/pp4/ico_download.gif); color:#f7ad00;} #content div.startpage2 .anmeldung a {padding:10px 0 10px 30px;background:url(/img/pp4/ico_anmeldung.gif) 5px 5px no-repeat; text-decoration:underline;} #content div.startpage2 .anmeldung a:hover {background-image:url(/img/pp4/ico_anmeldung.gif); color:#f7ad00;} #content div.startpage2 h3 {padding:0; font-size:120%; font-weight:bold; clear:none; background:none;} #content div.startpage2 {margin:0 0 15px 0; float:left;} #content div.startpage2 p {margin:0; padding:5px 0 5px 5px;} #content div.startpage2 p img {margin:0; padding:0;} #content div.startpage2 p a {margin:0; padding:5px 6px 5px 5px;} #content div.startpage2 div.more {float:left; width:100px;} #content div.startpage2 select {width:210px; padding:0; margin:5px;} #content div.startpage2 h3 {padding:0px 5px 0 5px; margin:0;} #content div.startpage2 h3 span a {color:#1E4D65!important;} #content div.startpage2 div {width:auto!important;} #searchbox {position:absolute; margin:0 0 0 778px; padding:0; background:url(/img/pp4/bg_search.gif) no-repeat; width:210px; height:32px; top:0;} #searchbox input.text {border:solid 1px #666; position:absolute; font:normal 0.75em Verdana, Arial, Helvetica, sans-serif; width:105px; height:15px; margin:5px 0 0 10px; padding:1px;} #searchbox input.submit {position:absolute; font:normal 0.75em Verdana, Arial, Helvetica, sans-serif; width:70px; height:19px; margin:5px 0 0 125px; padding:0 0 1px 0; background:url(/img/pp4/btn_search.gif) no-repeat; text-align:center; border:none; color:#434343;} /* new styles butHa */ #content div.startpage ul li a:hover { text-decoration: underline; background-image: url(/img/pp4/bullet_circle_small_on.gif); } #content .startpage .left ul li a:hover, #content .startpage .right ul li a:hover{color:#434343;} #content div.startpage h3 span a, #content div.overview h3 span a, #content div.overview_ohnebild h3 span a { color:#434343; } #content div.startpage div.left div.more a{float:left;} #content div.startpage div.right div.more a{float:left;} /* startpage mit bild links und rechts */ #content div.startpage div.produktlinks img{float:left} #content div.startpage div.produktlinks div{margin: 0px 0px 0px 70px; width:auto!important; _height:1px; } #content div.startpage div.produktlinks div div.more, #content div.startpage div.produktlinks div div.more a{clear:none!important; float:none!important; width:auto; margin:0px;} #content div.startpage div.produktlinks{border-bottom:2px solid #D2DAE2; padding:0px 0px 7px 0px; } #content div.startpage div.produktrechts img{float:right!important;} #content div.startpage div.produktrechts div{margin: 0px 70px 0px 0px; width:auto!important; _height:1px; } #content div.startpage div.produktrechts div div.more, #content div.startpage div.produktrechts div div.more a{clear:none!important; float:none!important; width:auto; margin:0px;} #content div.startpage div.produktrechts{border-bottom:2px solid #D2DAE2; padding:0px 0px 7px 0px; } #content div.startpage div.produktlinks h3, #content div.startpage div.produktlinks h3 span, #content div.startpage div.produktlinks h3 span a, #content div.startpage div.produktrechts h3, #content div.startpage div.produktrechts h3 span, #content div.startpage div.produktrechts h3 span a{border:none; background:none; padding:0px; margin:0px; color: #1E4D65;} #content div.startpage div.produktlinks h3, #content div.startpage div.produktrechts h3{border-bottom:2px solid #D2DAE2; font-size:1.3em; font-weight:bold; margin-bottom:7px;} #content div.startpage div.background{background:#F3F3F3;} #content div.startpage div.background h3{background:#FFF!important;} /* overview... ende */ /* text box begin */ #content div.textbox{margin-bottom:10px;} #content div.textbox p{padding:3px 0px; border-bottom: 2px solid #D2DAE2;} /* text box ende */ /* hardware box begin */ #content div.hardware { clear: both; padding-top: 10px; display: block; } #content div.hardware div img { clear: both; padding-bottom: 0px; } #content div.hardware div { float: left; width: 164px; margin-bottom: 10px; } #content div.hardware div.order a{float:left;} #content div.hardware div p { padding: 0; margin: 0 6px 3px 0; } /* hardware box ende */ /* box search begin */ #content div.box_search {background-color:#EBF0F2; border:solid 1px #D2DAE2; padding: 3px 0; margin: 0 0 10px 0; float: left; width:44em; min-width: 498px; } #content div.box_search a { background-image: url(/img/pp4/bullet_off.gif); } #content div.box_search ul.detail li a.active, #content div.box_search a:hover {background-image: url(/img/pp4/bullet_on.gif);} #content div.box_search ul.detail li.pfeilrechts a{ background-image: url(/img/pp4/arrow_right_off_bm.gif);} #content div.box_search ul.detail li.pfeilrechts a:hover{background-image: url(/img/pp4/arrow_right_on_bm.gif);} #content div.box_search a.search_arrow { background-image: url(/img/pp4/arrow_right_off.gif); background-position: 0.3em center; } #content div.box_search a.search_arrow:hover { background-image: url(/img/pp4/arrow_right_on.gif); } #content div.box_search ul.detail li a.search_arrow{ background-image: url(/img/pp4/arrow_down_off.gif); } #content div.box_search ul.detail li.active a.search_arrow, #content div.box_search ul.detail li a.search_arrow:hover{ background-image: url(/img/pp4/arrow_down_on.gif); } #content div.box_search ul { margin: 0; padding: 0; min-width: 247px; width:21.5em; } #content div.box_search ul.left {float: left; } #content div.box_search ul.right { float: right; } #content div.box_search li { list-style-type: none; padding: 3px 0; } #content div.box_search a, #content div.box_search a.search_arrow { font-weight: bold; text-decoration: none; padding: 2px 0 1px 1.5em; margin: 0 0 0.2em 0; background-repeat:no-repeat; } #content div.box_search a { background-position: 0.5em center; } #content div.box_search ul.detail li a{ background-position:left center; padding-left:1em; } #content div.box_search ul.detail li a.search_arrow{ margin-left:0px; padding-left:1.5em; background-position:left center; } #content div.box_search ul.detail{margin-left:0.7em;} #content div.box_search ul.detail ul{margin-left:1.6em;} #content .box_search ul li a:hover, #content .search_nav a:hover{color:#434343!important;} /* box search ende */ /* search nav begin */ #content .search_nav{} #content .search_nav_nobottommargin .search_nav{margin-bottom:0px;} #content table.box_search_results a {text-decoration:none;} #content table.box_search_results a:hover {text-decoration: underline;} #content div.search_nav {font-weight: bold; text-align: right; margin: 0px 5px 10px 0; padding: 0px; float:right; } #content div.search_nav_listingleft{text-align: right; margin: 3px 5px 0px 0; padding: 0px; float:left; } #content div.floatleftright div.search_nav,#content div.floatleftright div.search_nav_left{clear:none!important; } #content div.search_nav a, .search_nav span{display:block; float:left; padding-left:1px!important; padding-right:1px!important; margin-top:5px!important; width:10px!important; margin-right:0px!important; } #content div.search_nav img { display: inline; margin: 6px 0 0 0; } #content div.search_nav a { text-decoration: none; font-weight: normal; } #content div.search_nav a:hover { text-decoration: underline; } #content div.search_nav a.nowidth{width:auto!important;} #content div.search_nav a.naechsteseite{width:auto!important;margin-left:15px!important;} /* in tabelle */ #content td.search_nav_td div.search_nav{margin:3px 0px!important;} #content td.search_nav_td div.search_nav a{text-decoration:none!important;} /* pfeile */ #content div.search_nav a#sucherueckwaerts, #content div.search_nav a#sucheersteselement{ float:left; display:block; font-size:1px; color:#fff; height:15px; margin-top:5px; text-align:left; text-indent:-10000px;} #content div.search_nav a#sucherueckwaerts{background:url(/img/pp4/arrow_left_off.gif) no-repeat 1px 1px; width:13px!important;} #content div.search_nav a#sucheersteselement{width:15px!important; background:url(/img/pp4/arrow_left_first_off.gif) no-repeat 1px 1px;} #content div.search_nav a#sucherueckwaerts:hover{text-decoration:none; background-image:url(/img/pp4/arrow_left_on.gif); color:#fff !important; text-decoration:none!important;} #content div.search_nav a#sucheersteselement:hover{text-decoration:none; background-image:url(/img/pp4/arrow_left_first_on.gif); color:#fff !important; text-decoration:none!important;} #content div.search_nav a#suchevorwaerts, #content div.search_nav a#sucheletzttestelement{float:left; display:block; font-size:1px; color:#fff; height:15px; margin-top:5px; margin-left:3px; text-indent:10000px; overflow:hidden;} #content div.search_nav a#suchevorwaerts{ background:url(/img/pp4/arrow_right_off.gif) 1px 1px no-repeat; width:10px!important;} #content div.search_nav a#sucheletzttestelement{ background:url(/img/pp4/arrow_right_ende_off.gif) no-repeat 1px 1px; width:15px!important;} #content div.search_nav a#suchevorwaerts:hover{text-decoration:none; background-image:url(/img/pp4/arrow_right_on.gif); color:#fff !important; text-decoration:none!important;} #content div.search_nav a#sucheletzttestelement:hover{text-decoration:none; background-image:url(/img/pp4/arrow_right_ende_on.gif); color:#fff !important; text-decoration:none!important;} /* pfeile als classe damit mann sie mehrmals auf einer seite benutzen kann */ #content div.search_nav a.sucherueckwaerts, #content div.search_nav a.sucheersteselement{ float:left; display:block; font-size:1px; color:#fff; height:15px; margin-top:5px; text-align:left; text-indent:-10000px;} #content div.search_nav a.sucherueckwaerts{background:url(/img/pp4/arrow_left_off.gif) no-repeat 1px 1px; width:13px!important;} #content div.search_nav a.sucheersteselement{width:15px!important; background:url(/img/pp4/arrow_left_first_off.gif) no-repeat 1px 1px;} #content div.search_nav a.sucherueckwaerts:hover{text-decoration:none; background-image:url(/img/pp4/arrow_left_on.gif); color:#fff !important; text-decoration:none!important;} #content div.search_nav a.sucheersteselement:hover{text-decoration:none; background-image:url(/img/pp4/arrow_left_first_on.gif); color:#fff !important; text-decoration:none!important;} #content div.search_nav a.suchevorwaerts, .sucheletzttestelement{float:left; display:block; font-size:1px; color:#fff; height:15px; margin-top:5px; margin-left:3px; text-indent:10000px; overflow:hidden;} #content div.search_nav a.suchevorwaerts{ background:url(/img/pp4/arrow_right_off.gif) no-repeat 1px 1px; width:10px!important;} #content div.search_nav a.sucheletzttestelement{ background:url(/img/pp4/arrow_right_ende_off.gif) no-repeat 1px 1px; width:15px!important;} #content div.search_nav a.suchevorwaerts:hover{text-decoration:none; background-image:url(/img/pp4/arrow_right_on.gif); color:#fff !important; text-decoration:none!important;} #content div.search_nav a.sucheletzttestelement:hover{text-decoration:none; background-image:url(/img/pp4/arrow_right_ende_on.gif); color:#fff !important; text-decoration:none!important;} /* pfeile ende*/ /* bullets pfeile begin */ #content div.search_nav a.circlefirst, #content div.search_nav a.circleleft, #content div.search_nav a.circleright, #content div.search_nav a.circlelast{ float:left; display:block; font-size:1px; color:#fff; height:24px; margin-top:5px; text-align:left; text-indent:-10000px;text-decoration:none; width:32px!important; background-repeat:no-repeat; background-position:top center; overflow:hidden;} #content div.search_nav a.circlefirst{background-image:url(/img/pp4/liste_circle_first.gif);} #content div.search_nav a.circlefirst:hover{background-image:url(/img/pp4/liste_circle_first_active.gif);} #content div.search_nav a.circleleft{background-image:url(/img/pp4/liste_circle_left.gif);} #content div.search_nav a.circleleft:hover{background-image:url(/img/pp4/liste_circle_left_active.gif);} #content div.search_nav a.circleright{background-image:url(/img/pp4/liste_circle_right.gif);} #content div.search_nav a.circleright:hover{background-image:url(/img/pp4/liste_circle_right_active.gif);} #content div.search_nav a.circlelast{background-image:url(/img/pp4/liste_circle_last.gif);} #content div.search_nav a.circlelast:hover{background-image:url(/img/pp4/liste_circle_last_active.gif);} /* bullets pfeile end */ /* search results */ #content table.box_search_results thead th {border-bottom-width:2px; text-align:left; font-size: 1.5em; font-weight: normal; } #content table.box_search_results { border-bottom: 1px solid #D2DAE2; } /* search results ende */ #content table.box_search_results a {text-decoration: underline !important;} /* search nav ende */ /* fulltext begin */ #content div.fulltext input{ background-color: #FFFFFF; border: 1px solid #8B8B8B; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1E4D65; font-size: 12px; height: 17px; width: 220px; float: left; padding: 1px 1px 0 1px; } #content .fulltext fieldset{ margin:0px; padding:0px; background:none; border:none; } #content input.logintext { width: 188px; clear:both; float:none; } #content .fulltext input.button{margin-top:1px!important; float:right;} /* fulltext ende */ /* sitemap begin */ #sitemap h3 {color:#434343;} #sitemap {width:65em; float:right; font-size:70%; margin:0; padding:0; padding-bottom:20px; min-width:720px; display:inline;} #sitemap div.leftcol, #sitemap div.centercol, #sitemap div.rightcol {float: left; display: inline; width: 220px; } #sitemap div.centercol { margin: 0 0 0 30px; } #sitemap div.rightcol { float: right; } #sitemap ul { margin: 0; padding: 0;} #sitemap ul.firstlevel li { margin: 3px 0 10px 0; list-style-type: none; } #sitemap ul.firstlevel li a {background-color:#F3F3F3; border:1px solid #E4E4E4; display:block; font-weight:bold; padding:3px 0 0 5px; _height:1.55em;} #sitemap ul.firstlevel li a em {color:#FF0000;} #sitemap ul.secondlevel li { margin: 5px 0 10px 6px; list-style-type: none; } #sitemap ul.secondlevel li a { border: 1px solid #FFFFFF; background: #FFFFFF url(/img/pp4/arrow_down_off.gif) 0 1px no-repeat; padding: 0 0 0 16px; font-weight: normal; _height: 1.3em;} #sitemap ul.secondlevel li a:hover { background-image: url(/img/pp4/arrow_down_on.gif); } #sitemap ul.secondlevel li.dot a{background: url(/img/pp4/bullet_off.gif) 3px 4px no-repeat;} #sitemap ul.secondlevel li.dot a:hover{background-image: url(/img/pp4/bullet_on.gif);} #sitemap ul.secondlevel li ul.thirdlevel li { margin: 0 0 0 17px; } #sitemap ul.secondlevel li ul.thirdlevel li a { background: url(/img/pp4/bullet_off.gif) 0 4px no-repeat; padding: 0 0 0 9px; } #sitemap ul.secondlevel li ul.thirdlevel li a:hover {background-image: url(/img/pp4/bullet_on.gif);} /* sitemap ende */ /* algemein begin */ #content div.startpagepromo2 {border-top:solid 0px #8B8B8B; margin: 0 0 14px 0; width:718px; } #content div.startpagepromo {border-top:solid 2px #8B8B8B; margin: 0 0 30px 0; } #content div.startpagepromo2 img{float:left;} #content img.image_float_left { float:left; margin-right: 10px; } #content img.image_float_right { float:right; margin-left: 10px; } #detailbox{clear:left;padding-top:10px; text-align:right; clear:none !important;} #detailleft{width:31.7em; float:left;text-align:left; clear:none !important; margin-right:1.3em;} #detailright{width:31.7em; float:right; text-align:left; clear:none !important;} /* algemein ende */ /* formulaere begin */ #content fieldset { margin: 10px 0 10px 0; padding: 10px; background: #F3F3F3; border: 1px solid #E4E4E4; position:relative } #content div.fieldset { margin: 0 0 10px 0; padding: 10px; background: #F3F3F3; border: 1px solid #E4E4E4; } #content fieldset p, #content div.fieldset p { margin: 0; } #content fieldset p.forminfo {clear: both; display: block; margin: 3px 0 0px 190px; padding: 0; } #content form div{clear:both; margin:0px; padding:0px; } #content form fieldset div{clear:both; padding-top:1px; margin:0px; border:1px solid #F3F3F3;} #content form fieldset div span{ float:left; display:block; margin: 3px 10px 0px 7px; } /*#content form fieldset div.fieldsetinnerdiv{float:left!important; clear:none!important;}*/ #content form div .intext{ width:auto; margin-right:40px;} #content form div p.text{ clear:left; text-align:right; padding-right:10px;} form, input { margin: 0; padding: 0; height: 0; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; } html>body form { height: auto !important; } #content input[type=hidden] {display: none!important; } #content form input.file, #content form label, #content form input.text, #content form select, #content form textarea, #content form input.checkbox, #content form input.radio, #content form input.radiobutton, #content form div span{float:left; display:block; margin:1px 4px 1px 0px; padding:0px;} #content form input.text, #content form select, #content form textarea {color: #434343; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; width:auto;} #content form select, #content form input.text, #content form textarea{border: 1px solid #8B8B8B;} #content form input.text{padding:1px 2px 0px 2px; height: 17px;} #content form textarea{ font-size: 14px; } #content form input.checkbox, #content form input.file{height:auto;} #content form label, #content form fieldset div span, #content form span.label, #content form .label{padding:3px 0px 0px 0px!important; text-align: left; margin:1px 4px 1px 0px!important;} #content form input.radiobutton{height:12px; margin-top:6px; margin-bottom:0px; width:14px;} #content form input.checkbox{height:14px; margin-top:4px!important; width:auto;} #content form input.radio{height:12px; margin-top:6px; margin-bottom:0px; width:14px;} #content select { width:auto; } /* labels begin */ #content label.text { width: 110px; } #content label.textarea { width: 110px; } #content label.radiobutton { margin-right:19px!important; padding:0px; } #content .labelwidth300 {width: 300px!important;} #content .labelwidth330 {width: 330px!important;} #content .labelwidth150 {width: 150px!important;} #content .labelwidth200 {width: 200px!important;} #content .labelwidth250 {width: 250px!important;} #content .labelwidth80 {width: 80px!important;} #content .width130, #content .labelwidth130 { width:130px!important;} #content .labelwidth120{width:120px!important;} #content .labelwidth120right{width:150px!important; text-align:right!important;} #content .labelwidth150right{width:150px!important; text-align:right!important;} #content .labelwidth11emright{width:11em!important; text-align:right!important;} #content .labelwidth9emright{width:9em!important; text-align:right!important;} #content .labelwidth8emright{width:8em!important; text-align:right!important;} #content .labelwidth20emright{width:20em!important; text-align:right!important;} #content form label.unten{float:none; display:block; padding-left:30px!important;} #content form .unten{float:none; display:block; padding-left:30px!important;} #content form input.unten{ margin-bottom:-500px!important; } #content form label.radio{padding-left:0px; padding-right:7px;} #content form label.checkbox{margin-top:3px!important;} /* labels ende */ #content form .radiospace{padding:0px!important; margin:0px!important; width:25px!important;} #content div.center input, #content div.center label{margin-left:auto!important; margin-right:auto!important;float:none!important;text-align:center;} #content .middle{padding-left:auto!important; padding-right:auto!important; text-align:center!important;} #content .middle .middleel{margin-left:auto!important;margin-right:auto!important;} .error {color: #CC0000; margin:0px; } .error ul{margin:0px; padding:5px 0px 15px 25px;} .error p{float:left; padding:0px; margin:0px;} .error input, .error textarea, .error select{border-color:#CC0000!important;} div.separator, div.separatorgross, div.separatorklein{display:block;height:10px; font-size:10px; line-height:10px; clear:both; float:none;} div.separatorgross{height:25px!important;} div.separatorklein{height:1px!important; font-size:1px;!important; line-height:1px!important;} span.formularende, span.ende{display:block!important; float:none!important; height:1px!important; clear:both!important; border:none!important; padding:0px!important; margin:0px!important;font-size:1px!important; line-height:1px!important;} /* button sachen begin */ #content input.button, #footer input.button, #content div.fulltext input.button, a.button { border: 1px solid #969696; background: #D2D2D2 url(/img/pp4/form_button_background_01.gif) top left repeat-x; width: auto; font-size: 1em; height: 1.6em; padding: 0 5px 0 5px; margin-top: 3px; margin-bottom: 7px; color: #434343; cursor: pointer; float: right; margin: 5px 0 0 5px; display:block; } a.button{ padding:1px 16px 2px 16px!important; background-position: center left!important; text-decoration:none!important; height:auto!important;} html>body #content input.button, html>body #content div.fulltext input.button { background-position: 0 1px; padding-bottom: 3px; } html>body #content a.button{ background-position:0 1px; } div.buttonrow{float:right; text-align:right; diplay:block;} #content div.nobottompadding{padding-bottom:0px!important;} #content div.buttonrow{ padding-bottom:10px; } div.buttonrow input.button{float:left!important;} div.buttonrow a.button{float:left; margin-top:5px;} a.button:hover{text-decoration:none!important;color: #434343!important;} #content input.beitext{float:left!important; margin-top:2px!important;} #content input.beitextright{margin-top:2px!important;} /* button sachen ende */ /* das ist fur eine seite wo das formular in tabelle ist begin */ #content fieldset td, #content fieldset table, #content fieldset th{border:none; vertical-align:top; text-align:left; padding:0px; margin:0px;} #content fieldset table td.text1{padding:7px 10px 0px 0px; white-space:nowrap;} #content fieldset table td.text2{padding:7px 10px 0px 0px; width:100em;} #content fieldset table td label.text{width:auto; margin:0px;} #content fieldset td label{float:none;} /* das ist fur eine seite wo das formular in tabelle ist ende */ /* formulaere ende */ /* body popup gross begin */ #body_popup_gross #content h1, #body_popup_gross #content h2, #body_popup_gross #content h3, #body_popup_gross #content h4, #body_popup_gross #content h5, #body_popup_gross #content h6, #body_popup_gross #content hr{ clear:inherit; _clear:none; } #body_popup_gross #content p, #body_popup_gross #content li{margin-right:10px; } #body_popup_gross #body #content ol.nummerol{ margin:10px 0px 0px 0px; padding:0px;} #body_popup_gross #body #content ol.nummerol li {padding:6px 0px 10px 30px; list-style:none;} #body_popup_gross #body #content ol.nummerol li.eins { background:url(../../images/popup1.gif) no-repeat left top; } #body_popup_gross #body #content ol.nummerol li.zwei { background:url(../../images/popup2.gif) no-repeat left top; } /* body popup gross ende */ /* tabellen sachen begin */ #content table.download th { border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; padding:0.1em 2em 0.1em 0; } #content table thead th, #content table tr.thead td, #content table thead td { border-bottom-width:2px; text-align:left; font-size: 1.5em; font-weight: normal; color:#434343; } #content table thead.red th, #content table thead.red td {color:#FF0000;} #content table .tablecenter { text-align: center; } #content table .tablecenter img{display:block; margin-left:auto!important; margin-right:auto!important;} #content table.tarifdbtabelle thead th, #content table.tarifdbtabelle thead td { border-bottom-width:1px; padding:7px 3px 1px 5px; text-align:left; } #content table.tarifdbtabelle thead th{ vertical-align:top; } #content table.tarifdbtabelle thead th.tarifdbtheinezeile{ border-bottom-width:1px; text-align:left; padding:3px 5px; } #content table.tarifdbtabelle thead th.tarifdbthoben{ border-width:1px; border-style:solid; white-space:normal; text-align:center; padding-top:3px; } #content table.tarifdbtabelle thead th span {font-size:80%;} #content table.tarifdbtabelle .mehrerezeilen{vertical-align:bottom;} #content table.tarifdbtabelle tbody tr th{ border-top-width:1px; border-top-style:solid; text-align:left;padding-left:5px;color:#597C8F;} #content table.tarifdbtabelle tr.tfooter td {border:0; border-top-width:1px; border-top-style:solid; } #content .tarifdbohnerahmen{ border:2px solid #fff !important; background:#fff !important; width:10px; font-color:red; } #content div.tarifenvergleich{ width:21.7em; float:left; } #content table.vertstriche { border-collapse:collapse; } #content table.vertstriche td,#content table.vertstriche th {border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; } #content table.vertstriche tr.thead td {border-left:none;border-right:none;} /* tabellen sachen ende */ /* content sachen ende */ /* new style benutzer name*/ #body div.logout {position:absolute; width:79.2em; left:33px; top:90px; _left:25px; _top:95px; margin:0; padding:0; font:bold 75% Verdana, Arial, Helvetica, sans-serif; text-align:right; color:#8C8C8C;} #body div.logout span {margin:0 20px 0 0; padding:0;} #body div.logout a { text-decoration:none;} #body div.logout a:hover { text-decoration:underline;} /* new style benutzer name*/ /* promo sachen begin */ #promo div.box, #navsub div.box, #promo div.box_product, #promo div.box_myapplications, #promo div.box_myapplications2, #promo div.box_search, #promo div.box_login, #navsub div.box_login {margin:0 0 20px 0; padding:0 7px 0 7px;} #navsub div.box_login2 {margin:7px 0 0 0; padding:0 7px 0 7px; _margin:0px 0 0px 0;} #promo div.box h4, #navsub div.box h4, #promo div.box_product h4, #promo div.box_myapplications h3, #promo div.box_myapplications2 h3, #promo div.box_search h4 {margin:0 -7px 0 -7px; font-size:1.25em; margin-bottom:3px;} #promo div.box h4, #navsub div.box h4, #promo div.box_search h4 { padding: 0 7px 0 7px; color: #1E4D65; border-bottom: 2px solid #D2DAE2;} #promo div.box, #navsub div.box, #promo div.box_search { border-bottom: 2px solid #D2DAE2; } #promo div.box h4 a, #promo div.box_search h4 a { text-decoration: none; } #promo div.box_search label, #promo div.box input{display:block; float:left;} #promo div.box_search input#promo_search{float:right; margin-right:0px;} #promo div.box_search form div{clear:both;} #promo div.box img, #navsub div.box img { margin: -3px -7px 0 -7px; padding: 0 0 5px 0; } #promo div.box table { margin: 5px 0 5px 0!important; } #promo div.box table td { padding:0px 5px 1px 0px!important; } #promo div.box_search_inputnebensubmit input{float:left;} #promo div.box_search_inputnebensubmit input.button{float:right;} /* the product box begin */ #promo .box_product ul { padding-top: 3px; } #promo div.box_product h4 { font-size: 125%; color: #1E4D65; margin-bottom: 2px; padding: 1px 0 0 26px; height: 1.35em; border: 1px solid #D2DAE2; background:#EBF0F2 url(/img/pp4/arrow_down_on.gif) 7px center no-repeat; } #promo ul.product { background-color: #EBF0F2; } /* the product box ende */ /* the more begin */ #promo .more, #navsub .more { clear: both; text-align: left; right: 0; border: 0; margin: 0 0 0px 0; padding: 0 0 5px 0; width:17.4em; _width:auto;} #promo .more a, #navsub .more a { display: block; clear: both; text-decoration: none; padding: 0 0 0 20px; background: url(/img/pp4/mehr_icon.gif) 0 center no-repeat; } #promo .more a:hover, #navsub .more a:hover { text-decoration: underline; background-image: url(/img/pp4/mehr_icon_active.gif); } /* the more ende */ /* myapplications begin */ /* new styles 20.6.2007*/ #promo div.box_myapplications { background: url(/img/pp4/girl.gif) bottom right no-repeat; min-height: 10em; _height:10em; } #promo div.box_myapplications h3 { border-bottom: 0; padding: 0 0 0 18px; font-size: 1.6em; font-weight: normal; background: url(/img/pp4/circle_big_on.gif) 0 6px no-repeat; } #promo div.box_myapplications h3 span { display: block; border-bottom: 2px solid #8B8B8B; } #promo div.box_myapplications h3 span a{color:#434343;} #promo div.box_myapplications h3 a:hover { text-decoration: none; } #promo div.box_myapplications ul { margin-top: 15px; } #promo div.box_myapplications div.more { margin-top: 15px; margin-bottom: 0; } #promo div.box_myapplications2 {margin:7px 0 0 0!important; _margin:0;} #promo div.box_myapplications2 h3 {padding:1px 1px 2px 5px; font-size:1.2em; font-weight:bold; border:solid 1px #D2DAE2; background:#EBF0F2;} #promo div.box_myapplications2 h3 span {display:block; color:#1E4D65;} #promo div.box_myapplications2 h3 span a {color:#1E4D65;} #promo div.box_myapplications2 h3 a:hover {text-decoration:none;} #promo div.box_myapplications2 div.bg ul {margin:5px -8px 5px 0px!important; background:#EBF0F2; padding:5px 0 0 0px; width:99%;} #promo .box_login2 ul {margin:5px -8px 5px -8px!important;} #promo div.box_myapplications2 li {margin:0 0 0 7px; background:#EBF0F2; padding:0;} #promo div.box_myapplications2 div.more {margin:0; padding:0 0 5px 5px; background:#EBF0F2;} #promo div.box_myapplications2 div.spacer {height:25px; margin:0; padding:0;} #promo div.box_myapplications2 div.spacer2 {height:18px; _height:25px; margin:0; padding:0;} #promo div.box_myapplications2 ul li a, div.box_myapplications2 ul li a {display:block; height:1.3em; text-decoration: none; padding:0 0 0 15px; background: url(/img/pp4/bullet_circle_small_off.gif) 0 center no-repeat; margin:0;} #promo div.box_myapplications2 ul li a:hover, div.box_myapplications2 ul li a:hover {text-decoration:underline; background-image:url(/img/pp4/bullet_circle_small_on.gif);} /* hr */ #promo div.box_myapplications2 div.bg {background:#EBF0F2; margin:0px 0 0 -7px; padding:0 0 0 0; width:18.5em; overflow:auto;} #promo div.box_myapplications2 div.bg hr {margin-left:6px!important; _margin-left:0px!important;} #promo hr {width:192px; height:1px; _height:1px;} /*#promo div.line {margin:10px auto; _margin:0px auto; padding:0; border-top:solid 1px #D2DAE2; width:195px; height:1px; background:#EBF0F2;}*/ /* myapplication ende */ /* box login begin */ #promo div.box_login2 div.more {margin:0; padding:0; background:#EBF0F2;} #promo div.box_login, #navsub div.box_login { background-color: #F3F3F3; border:solid 0px #E4E4E4; padding-top:3px; padding-bottom:3px; } #promo div.box_login2, #navsub div.box_login2 {background:#EBF0F2; padding:6px; color:#434343; margin:0; _height:1px;} #promo .box_login2 ul, #navsub .box_login2 ul {margin:5px -8px 5px -8px;} #promo .box_login label {clear:both;} #promo div.box_login2 h3 {font:bold 1.25em Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#1E4D65;} #promo div.box_login2 div.links {font-size:1em; font-family:Arial, Helvetica, sans-serif; text-align:right} #promo .box_login ul, #navsub .box_login ul { margin: 0 -8px 0 -8px; } /* box login ende */ /* box allpromo begin */ #navsub div.a1promo {border: 1px solid #E4E4E4; background: #F3F3F3 url(/img/pp4/a1_logo_klein.gif) 5px 5px no-repeat; margin: 0 0 20px 0; } #navsub div.a1promo ul {margin-left: 43px;margin-top: 3px; } #navsub div.a1promo ul li a {padding: 0 0 0 18px; } /* box allpromo ende */ #navsub h3 a, #promo h3 a{text-decoration:none;} #navsub h3 a:hover, #promo h3 a:hover{text-decoration:none;} /* fortschritt tabelle begin */ #promo table.ganzetabel{border-bottom: 2px solid #E4E4E4; width:18.4em; border-collapse:collapse;} #promo table.ganzetabel thead th{border-bottom:2px solid #E4E4E4; font-size: 1.25em; padding-left:7px; padding-bottom:1px;} #promo table.ganzetabel td, #promo .ganzetabel th{padding:2px; padding-left:7px;} #promo table.linien td, #promo table.linien th{border-bottom:1px solid #D2DAE2;} #promo table.linien{border-bottom-width:1px;} a.ok{background:url(/img/pp4/ok.gif) 0px center no-repeat; padding-left:20px; text-decoration:none; display:block;} .ok{background:url(/img/pp4/ok.gif) 0px center no-repeat!important; padding-left:20px!important;} a.ok:hover{text-decoration:underline; color:#F7AD00;} span.notok{padding-left:20px; display:block;} /* fortschritt tabelle ende */ /* normale tabelle mit 100% width und linien begin */ #navsub table.normaltable{margin: 0 0 20px 0; display:block; width:100%; padding:0px; border-bottom: 2px solid #D2DAE2; border-collapse:collapse;} #navsub table.normaltable thead tr th{ color: #1E4D65; border-bottom: 2px solid #D2DAE2; font-size: 1.2em; text-align:left; padding-left:5px;} #navsub table.normaltable tr td{border-top: 1px solid #D2DAE2; padding:2px 5px 2px 5px;} /* normale tabelle mit 100% width und linien begin */ /* eine uberschrift mit gelben bullet links siehe sh_300_online_shop_startpage begin */ #promo h3.gelbbullet, #navsub h3.gelbbullet{ border-bottom: 0; padding: 0 0 0 18px; font-size: 1.6em; font-weight: normal; background: url(/img/pp4/circle_big_on.gif) 0 6px no-repeat; margin:0px 0px 10px 0px;} #promo h3.gelbbullet span, #navsub h3.gelbbullet span{ display: block; border-bottom: 2px solid #8B8B8B; } #promo h3.gelbbullet span a, #navsub h3.gelbbullet span a{color:#434343;} #promo h3.gelbbullet a:hover, #navsub h3.gelbbullet a:hover{ text-decoration: none; } /* eine uberschrift mit gelben bullet links siehe sh_300_online_shop_startpage end */ /* imageright by promo and nav begin */ #promo div.imageright div, #navsub div.imageright div{margin-right:100px;} #promo div.imageright div div, #navsub div.imageright div div{margin-right:0px;} #promo div.imageright img, #navsub div.imageright img{float:right!important;} #promo div.imageright div br, #navsub div.imageright div br, #promo div.imageright div div.more, #navsub div.imageright div div.more, #promo div.imageright div div.more a, #navsub div.imageright div div.more a{clear:left!important;} /* imageright by promo and nav begin */ /* boxgelb begin */ #promo div.boxgelb, #navsub div.boxgelb, #promo div.boxgelb h4, #navsub div.boxgelb h4{border:none!important; padding:0px!important;} #promo div.boxgelb h4, #navsub div.boxgelb h4{margin-left:7px;} #promo div.boxgelb div, #navsub div.boxgelb div{border:1px solid #F6AE02; padding:3px; position:relative;} #promo div.boxgelb div div, #navsub div.boxgelb div div{border:none; padding:0px;} #promo div.boxgelb div div.more, #navsub div.boxgelb div div.more{position:relative; float:right; z-index:100; padding-bottom:5px;} /* boxgelb end */ /* promo sachen ende */ /* footer sachen begin */ #footer { background: #D5DBE1; border-top: 2px solid #8D8D8D; height: 1.4em; clear: both; margin-top: 0; } #footer a { color: #777777; font-size: 60%; padding: 0 10px 0 10px; background: url(/img/pp4/footer_off.gif) 0px 3px no-repeat; height: 1em; text-decoration:none;} #footer a:hover { color: #434343; background-image: url(/img/pp4/footer_on.gif); text-decoration:underline; } #footer ul {margin: 0; padding: 0; width: 61.55em; text-align: center; } #body_popup_gross #footer ul {width:auto;} #footer ul li {display: inline;} /* footer sachen ende */ /* tarif und roaming datenbank datenbank begin */ #body_tarifdatenbank #content, #body_roamingdatenbank #content{ width:65.2em;} #body_tarifdatenbank #body, #body_roamingdatenbank #body{ width:61.58em;} #body_tarifdatenbank #tarifenvergleichunten{clear:left;padding:8px 5px 0px 5px;margin:0px;} #body_tarifdatenbank #tarifenvergleichunten span{display:block; float:left; margin:0px 5px 5px 0px; padding:0px;} #content div.tarifenvergleich div.tarifenvergleichdiv input.checkbox{ margin:0px 7px 0px 2px;} #content div.tarifenvergleich div.tarifenvergleichdiv{ clear:both; padding:0; margin:0; height:2em; } #body_tarifdatenbank #content table.detail{ margin-top:4px; font-weight:bold; border-bottom-width:1px; border-bottom-style:solid; } #body_tarifdatenbank #content table.detail thead th, #body_tarifdatenbank #content table.detail thead td{ text-align:left; padding-bottom:3px; padding-left:5px; font-size:130%; font-weight:bold; } #body_roamingdatenbank div.rd_auswahl { width:20.6em; float:left;} #body_roamingdatenbank div.rd_auswahl div.rd_auswahl_box{height:270px;} #body_roamingdatenbank div.rd_auswahl div #tarif_landkartep{padding:0px; margin:10px 0px 0px 0px;} #body_roamingdatenbank div.rd_auswahlcenter{margin-left:1.5em; margin-right:1.5em;} #body_roamingdatenbank div.rd_unten{clear:left;} #body_roamingdatenbank table tbody th{text-align:left;} #body_roamingdatenbank table tbody td, #body_roamingdatenbank table tbody th{padding-left:5px;} #body_roamingdatenbank #detailbox{clear:left;padding-top:10px; text-align:right;} #body_roamingdatenbank #detailleft{width:31.7em; float:left;text-align:left; } #body_roamingdatenbank #detailright{width:31.7em; float:right; text-align:left;} #body_roamingdatenbank #detailleft{margin-right:1.3em;} #body_roamingdatenbank #body #content div.buttonrow{clear:left; margin-top:0px;} #body_roamingdatenbank #body #content #detailbox table{margin-bottom:15px;} #body_tarifdatenbank #tarifenvergleichunten label{font-weight:bold; margin:0px 5px 0px 5px;} #body_tarifdatenbank #tarifenvergleichunten form{color:inherit;} #body_roamingdatenbank div.rd_auswahl div label{float:none; display:block;font-weight:bold; margin-bottom:4px;} #body_roamingdatenbank div.rd_auswahl div select{float:none; display:block; margin-bottom:5px;} #content .tarifdbgrosse{width:15% !important;} #content div.tarifenvergleich div.tarifenvergleichdiv label{ padding:0px 0px; display:block; float:left; margin:0px; } /* tarif und roaming datenbank datenbank ende */ /* registrierung begin */ #body_registrierung #body #content #detailbox table{margin-bottom:15px;} /* registrierung ende */ /* roaming datenbank begin */ #body_roamingdatenbank div.rd_auswahl { width:20.3em; float:left; clear:none; } #body_roamingdatenbank hr{margin:0px; padding:0px;} #body_roamingdatenbank div.rd_auswahl div.rd_auswahl_box{height:270px;} #body_roamingdatenbank div.rd_auswahl div #tarif_landkartep{padding:0px; margin:10px 0px 0px 0px;} #body_roamingdatenbank div.rd_auswahlcenter{margin-left:1.5em; margin-right:1.5em;} #body_roamingdatenbank div.rd_unten{clear:both;} #body_roamingdatenbank table tbody th{text-align:left;} #body_roamingdatenbank table tbody td, #body_roamingdatenbank table tbody th{padding-left:5px;} #body_roamingdatenbank #body #content #detailbox table{margin-bottom:15px;} #body_roamingdatenbank div.rd_auswahl div label{float:none; display:block;font-weight:bold; margin-bottom:4px;} #body_roamingdatenbank div.rd_auswahl div select{float:none; display:block; margin-bottom:5px;} #body_roamingdatenbank #content table.tarife{border-bottom:none;} /* roaming datenbank ende */ /* tarif datenbank begin */ #body_tarifdatenbank #tarifenvergleichunten{clear:left;padding:8px 5px 0px 5px;margin:0px;} #body_tarifdatenbank #tarifenvergleichunten span{display:block; float:left; margin:0px 5px 5px 0px; padding:0px;} #body_tarifdatenbank #content table.detail{ margin-top:4px; border-bottom-width:1px; border-bottom-style:solid; } #body_tarifdatenbank #content table.detail thead th, #body_tarifdatenbank #content table.detail thead td{ text-align:left; padding-bottom:3px; padding-left:5px; font-size:130%; font-weight:bold; } #body_tarifdatenbank #tarifenvergleichunten label{font-weight:bold; margin:0px 5px 0px 5px;} #body_tarifdatenbank #tarifenvergleichunten form{color:inherit;} #body_tarifdatenbank #tarifenvergleichunten span{margin-top:3px;} #body_tarifdatenbank #content table.tarifdbtabelle{border:none;} #body_tarifdatenbank #content table.tarifdbtabelle thead th, #body_tarifdatenbank #content table.tarifdbtabelle thead td { border-bottom:2px solid #D2DAE2; text-align:left; font-size: 1.5em; font-weight: normal; } #body_tarifdatenbank #content table.tarifdbtabelle thead th, #body_tarifdatenbank #content table.tarifdbtabelle thead td { border-bottom:1px solid #D2DAE2; padding:7px 3px 1px 5px; text-align:left; } #body_tarifdatenbank #content table.tarifdbtabelle thead th{vertical-align:top; } #body_tarifdatenbank #content table.tarifdbtabelle thead th.tarifdbtheinezeile{ border-bottom:1px solid #D2DAE2; text-align:left; padding:3px 5px; } #body_tarifdatenbank #content table.tarifdbtabelle thead th.tarifdbthoben{ border:1px solid #D2DAE2; white-space:normal; text-align:center; padding-top:3px; } #body_tarifdatenbank #content table.tarifdbtabelle thead th span {font-size:80%;} #body_tarifdatenbank #content table.tarifdbtabelle .mehrerezeilen{vertical-align:bottom;} #body_tarifdatenbank #content table.tarifdbtabelle tbody tr th{ border-top:1px solid #D2DAE2; text-align:left; padding-left:5px; color:#597C8F; } #body_tarifdatenbank #content div.tarifenvergleich{ width:21.6em; float:left; clear:none; } #body_tarifdatenbank #content div.tarifenvergleich label{width:18em!important;} #body_tarifdatenbank #content div.tarifenvergleich div.tarifenvergleichdiv{ clear:both; padding:0; margin:0; height:2em; } #body_tarifdatenbank #content .tarifdbgrosse{width:15% !important;} #body_tarifdatenbank #content table.tpadding td{padding-left:20px;} #body_tarifdatenbank #content table.tarifdbtabelle td.left, #body_tarifdatenbank #content table.tarifdbtabelle th.left{padding-left:5px;} #body_tarifdatenbank #content table .tarifdbohnerahmen{ border:2px solid #fff !important; background:#fff !important; width:10px; font-color:red; padding:3px !important; } #body_tarifdatenbank .tduntenmore .more{float:left;} #body_tarifdatenbank .tduntenmore .more a{margin-right:20px;} #body_tarifdatenbank .tduntenmore {padding-bottom:20px;} /* tarif datenbank ende */ /* zebe begin */ /* filter und suche formular begin */ #body_zebe form.suche a.erweiterte{display:block; float:right;} #body_zebe form.suche label{width:13em;} #body_zebe form.filter label{width:13em;} #body_zebe form.suche input.button, #body_zebe form.filter input.button{float:right;} /* algemeine formular sachen begin */ span.spalte{width:50px;} span.spalteklein{width:20px;} span.spalteklein15{width:5px;} /* algemeine formular sachen ende */ /* benutzerauflistung tabelle begin */ #body_zebe #content table.benutzerauflistung a{text-decoration:none;} #body_zebe #content table.benutzerauflistung a:hover{text-decoration:underline;} #body_zebe #content table.benutzerauflistung{clear:both; margin-top:10px; border-top:2px solid #D2DAE2;} #body_zebe #content table.benutzerauflistung td, #body_zebe #content table.benutzerauflistung th{border-bottom-width:1px;text-align:left;} #body_zebe #content table.benutzerauflistung a.unten{display:block; float:none; padding-left:15px; background:url('/img/pp4/arrow_down_off.gif') no-repeat top left;} #body_zebe #content table.benutzerauflistung a.unten:hover{background-image:url('/img/pp4/arrow_down_on.gif');} #body_zebe #content table.benutzerauflistung a.oben{display:block; float:none; padding-left:15px; background:url('/img/pp4/arrow_up_off.gif') no-repeat bottom left;} #body_zebe #content table.benutzerauflistung a.oben:hover{background-image:url('/img/pp4/arrow_up_on.gif');} #body_zebe #content table.benutzerauflistung tr.odd td, #body_zebe #content table.benutzerauflistung tr.odd th{background-color: #FFF;} #body_zebe #content table.benutzerauflistung tr.even td, #body_zebe #content table.benutzerauflistung tr.even th{background-color: #EBF0F2;} #body_zebe #content table.benutzerauflistung tr.even th{color:#5C7C8B;} #body_zebe #content table.benutzerauflistung thead tr th{font-size:100%!important; font-weight:bold!important;} /* benutzerauflistung tabelle ende */ /* unter der tabelle (die buttons und das page_listing) begin */ #body_zebe #content #untertabelle{margin-top:10px; margin-bottom:0px; padding-bottom:0px; border:1px solid #FFF;} #body_zebe #content #untertabelle input.button{float:left;margin-right:5px;margin-left:0px;} #body_zebe #content div.buttonrowlinks{margin:0px;} #body_zebe #content div.buttonrowlinks input.button{float:left; margin-left:0px; margin-right:5px; margin-bottom:0px;} #body_zebe #content div.buttonrowlinks input.rechts, #body_zebe #content input.rechts{float:right; margin-right:0px;} #body_zebe #content #untertabelle div.search_nav{margin-bottom:0px; clear:none;} /* unter der tabelle (die buttons und das page_listing) ende */ /* die form-left und form-right sache begin */ #body_zebe #content .formleft{float:left; width:40em;} #body_zebe #content .formright{clear:none; float:right; width:20em; padding:5px;} #body_zebe #content .formright span, #body_zebe #content .formright a{display:inline; margin:0px; padding:0px; float:none;} #body_zebe #content .formleft .buttonrow, #body_zebe #content .formright .buttonrow{margin-top:10px;} /* die form-left und form-right sache ende */ /* neue gruppe begin */ #body_zebe #content table.neuegruppe{border:none;} #body_zebe #content table.neuegruppe #zweitezeile td{border-top:2px solid #D2DAE2;border-bottom:none;padding:0px;padding-top:2px;} #body_zebe #content table.neuegruppe #zweitezeile td.klein{border:none;} #body_zebe #content table.neuegruppe td{vertical-align:top;} #body_zebe #content table.neuegruppe td.gross{width:29em; border:none; padding:0px;} #body_zebe #content table.neuegruppe td.klein{text-align:center; vertical-align:middle;border:none; padding:0px;} #body_zebe #content table.neuegruppe td.klein input.left, #body_zebe #content table.neuegruppe td.klein input.right{display:block; color:#fff; font-size:1px; text-decoration:none; width:100%; background-repeat:no-repeat; background-position:bottom center; height:23px; text-indent:-900000px; border:0px; background-color:transparent; text-align:left;cursor: pointer;} #body_zebe #content table.neuegruppe td.klein input.left{background-image:url('/img/pp4/inaktiv_links.gif');} #body_zebe #content table.neuegruppe td.klein input.left:hover{background-image:url('/img/pp4/aktiv_links.gif');text-decoration:none;} #body_zebe #content table.neuegruppe td.klein input.right{background-image:url('/img/pp4/inaktiv_rechts.gif');} #body_zebe #content table.neuegruppe td.klein input.right:hover{background-image:url('/img/pp4/aktiv_rechts.gif');text-decoration:none;} #body_zebe #content div.noclear{clear:none;} #body_zebe table td.gross input.suchebutton{margin-top:2px;} /* neue gruppe ende */ /* zebe ende */ /* netzabdeckung begin */ #body_netzabdeckung #content .mappe{margin-bottom:0px; padding-bottom:0px;} #body_netzabdeckung #content .untermappenavigation{background-color: #F3F3F3; text-align: center; border: 1px solid #E4E4E4; width: 498px; margin:0px!important; border-top:none; padding-top:7px;} #body_netzabdeckung #content .untermappenavigation table, #body_netzabdeckung #content .untermappenavigation table td, #body_netzabdeckung #content .untermappenavigation table th{border:none;} #body_netzabdeckung #content .untermappenavigation div{ display:block; float:left; width:13.5em; padding-left:10px;} #body_netzabdeckung #content .untermappenavigation div.zoom{margin-top:15px; text-align:left;} #body_netzabdeckung #content .untermappenavigation div.position{text-align:center;} #body_netzabdeckung #content .untermappenavigation div.position img{margin-left:auto!important; margin-right:auto!important;} #body_netzabdeckung #content .untermappenavigation ul{margin-top:5px;} #body_netzabdeckung #content #promo div.mape_box{margin:0px -7px 0px -7px;} #body_netzabdeckung #content #promo div.mape_box img{margin:0px;} #body_netzabdeckung #content #promo div.mape_box p{margin:0px 7px;} #body_netzabdeckung #content #promo div.untermappe_box{ margin:3px -7px 0px -7px; background:#F3F3F3; padding:3px 5px 0px 5px; border-top:1px solid #E4E4E4; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4;} #body_netzabdeckung #content #promo div.untermappe_box div.zoom{padding:0px; float:left;} #body_netzabdeckung #content #promo div.untermappe_box div.zoom img{margin:0px; padding:0px !important;} #body_netzabdeckung #content #promo div.untermappe_box a.hilfe{display:block; float:right; margin-top:4px;} #body_netzabdeckung span.ende{display:block; font-size:1px; line-height:1px; height:1px; clear:both;} #body_netzabdeckung #content div.untermappe{margin-top:5px;} #body_netzabdeckung #content div.untermappe img, #body_netzabdeckung #content div.untermappe span{display:block; float:left;} #body_netzabdeckung #content div.untermappe span{height:18px; padding-top:3px; margin:0px 15px 0px 7px; } #body_netzabdeckung #content div.untermappe span.floatright{margin:0px !important;} /* netzabdeckung ende */ /* online shop begin */ body#online_shop input.radiobutton { } body#online_shop label { font-weight: normal; display: block; } body#online_shop .hg_firstcol { float:left; width: 14em; } body#online_shop .hg_col { float:left; clear:none!important; width:13.5em; } body#online_shop .hg_coltarif {float:left; clear:none!important; width:15em; } body#online_shop .more { margin: 0 3px 0 0;} body#online_shop .more a.first { margin-right: 12px;} body#online_shop .more a { margin: 6px 0px 0 0;} body#online_shop div.shopvoting {float: right; } body#online_shop div.shopvoting img { float: left; margin-left: 1px;} body#online_shop div.shopvotinglist img { clear: both !important; display: inline; margin-right: 1px;} body#online_shop #content .produkt .image {float:left; width:200px;} body#online_shop #content .produkt .text { height: 20em; margin-left:205px; padding-left:10px;} body#online_shop #content .produkt .text p {padding:1px 0px; margin:0px;} body#online_shop #content .produkt .text ul {float:left;} body#online_shop #content .produkt .text .morelinks {float:right; margin-top:9px;} body#online_shop #content .produkt .text .morelinks .more {clear:both; padding-top:4px!important;} #content form .produkt div.text{clear:none!important;} #content .produkt div.text ul{float:left!important; _padding:0px 0px 0px 17px; padding:0px 0px 0px 15px; margin:0px;} /* online shop ende */ /* produktklein box begin */ #content .produktklein .image {float:left; width:100px;} #content .produktklein .text { _height: 100px; min_height:100px; margin-left:105px; padding-left:10px;} #content form .produktklein div.text{clear:none!important;} #content .produktklein div.text ul{float:left!important; padding:0px; margin:0px; list-style-type:none;} #content .produktklein div.text li{clear:left!important; list-style-type:none;} #content .produktklein div.text ul li span.labelwidth200bullet{padding-left:15px!important;background:url('/img/pp4/standardbullet.gif') 2px center no-repeat; width:185px; font-weight:bold;} /* produktklein box ende */ /* download box begin */ div.download_box a{ display:block; padding:4px 0px 4px 25px; background-position: left center; background-repeat:no-repeat; } div.download_box .exe_file{background-image:url('/img/pp4/icons/exefile.gif');} div.download_box .mpg_file{background-image:url('/img/pp4/icons/mpgfile.gif');} div.download_box .pdf_file{background-image:url('/img/pp4/icons/pdffile.gif');} div.download_box .zip_file{background-image:url('/img/pp4/icons/zipfile.gif');} div.download_box .default_file{background-image:url('/img/pp4/icons/file.gif');} /* download box ende*/ /* algemeine sachen fur alle bereiche begin */ .semantic {display: none;} .nowrapclass {white-space:normal;} .clearclass{clear:both} div.empty_space {height: 300px;} .linieoben{border-top-width:1px; border-top-style:solid;} #loginoder{font-weight:bold; text-align:center; padding:0px 0px 0px 0px; margin: -10px 0 10px 0;} span.anfahrtsskizze {float: right;} .floatright{float:right !important;} .floatleft{float:left !important;} .kleiner{font-size:80%!important;} #body_haendler form label.text {width: 150px;} .strongclass{font-weight:bold!important;} /* gelbe farbe begin */ .gelb{color:#F2B306!important;} label span, label span.gelb{padding:0px!important; margin:0px!important; display:inline!important; float:none!important;} .gelbgross{font-size:125%!important; color:#F2B306!important;} .gelbgross2{font-size:145%!important; color:#F2B306!important;} /* gelbe farbe ende */ .red{color:#FF0000!important;} .orangebigger{color:#F8AC00; font-size:110%; font-weight:bold;} .orange{color:#F8AC00;} td.center{text-align:center!important;} .unlimited_img{display:inline!important;} .textright{text-align:right!important;} .textcenter{text-align:center!important;} .inlineclass{display:inline!important;} /* algemeine sachen fur alle bereiche ende */ /* semantics sachen begin */ .semantic2 {position:absolute!important; left:0px!important; top:-5000px!important; width:1px!important; display:none; height:1px!important; overflow:hidden!important;} caption.semantic2{text-indent:-5000px!important; line-height:1px!important; font-size:1px!important;} .semantic_link{ display:block; position:absolute; top:-400px; left:0px; z-index:0;} .semantic_link a:focus, .semantic_link a:active {display: inline; z-index: 2; border:solid 1px #000; color:#cc0; text-decoration:none; position:absolute; top:488px; left:10px; color:#000!important; background:#F7AD00!important; font-size:10pt; padding:1px 2px; white-space:nowrap; font-weight:bold; z-index:9999;} /* semantics sachen end */ /* grosser content begin */ div.big_content{ width: 65em!important; margin: 0 0 0 25px!important; _margin-left:1.7em!important; padding: 0 0 20px 0px!important; min-width: 720px!important; } body div.big_content2{ float:left; width:64.1em; font-size:70%; margin:7px 0 0 25px!important; padding:0 0 20px 0px!important; min-width:718px!important; width:718px!important; display:inline; _margin:0px 0 0 25px!important; _width:expression(document.getElementById('promo')?(document.getElementById('promo').clientWidth < 207? "718px": "64.1em"):"64.1em"); } /* grosser content ende */ /* fullscreen content begin */ div.full_content{ width: 86em!important; padding:0 0 20px 25px!important; margin:0px!important; min-width: 955px!important; } /* fullscreen content ende */ /* service center begin */ #servicecenter #content table{clear:both!important;} /* service center ende */ /* die sachen fur ie-resize begin */ #content img.resize{_height:auto!important; _width: 44.3em!important; } #promo img.resize, #navsub img.resize, #promo div.box img.resize, #navsub div.box img.resize{_width: 18.4em!important; _height:auto!important;} #content object.resize, #content object.resize embed{_width:44.3em!important; _height:auto!important;} #content img.resize2{ _width: 44.3em!important; } #promo img.resize2, #navsub img.resize2, #promo div.box img.resize2, #navsub div.box img.resize2{_width: 18.4em!important;} /* die sachen fur ie-resize ende */ /* zweizeilen gross content begin */ #content .zweispalten{clear:both!important;} #content .zweispalten .left{width:30.8em; float:left; clear:none!important;} #content .zweispalten .right{float:right!important; width:32em; clear:none!important;} /* zweizeilen gross content ende */ /* produkt_mogil box begin */ div.produkt_mobil div.mobil{width:100px!important; float:right; clear:both!important; } div.produkt_mobil div.text{clear:none!important; margin-right:110px!important; } div.produkt_mobil div.text span{float:none!important; display:block!important; clear:left; } div.produkt_mobil div.text hr{clear:none!important; float:right; _margin-top:10px!important;} div.produkt_mobil div.text span.rechtsspan{text-align:right!important; } div.produkt_mobil div.text span.gelb{display:inline!important;} div.produkt_mobil div.more{clear:none!important; float:none!important;} /* produkt_mogil box ende */ /* phonesmall begin */ #content div.phonesmall{clear:both; border-top:2px solid #D2DAE2;padding:5px 0px!important;} #content div.phonesmall img.phone{float:left!important; display:block;} #content div.phonesmall div.text{float:left;clear:none; padding-left:10px;} /* phonesmall ende */ /* voting box begin */ div.voting_image img{float:left;} div.voting_image div.sterne{float:left; clear:none!important;} div.voting_image div.sterne div{clear:both; margin-top:10px!important;} div.voting_image div.sterne div span{float:left; width:6.7em;} div.voting_image div.sterne div img{margin-right:2px;} div.voting_eingabe div.zahlenerklerung{width:22em; float:right; font-weight:bold;} div.voting_eingabe div.radiobox{clear:none!important; float:right!important;} /* voting box ende */ div.spaltegross{height:60px;} /* e-care begin */ /* berschrift Fehlerseite */ #content td.error { color: red; } /* Tariftabelle - zusammenhngende Zeilen */ #content table.tarifdbtabelle tbody td.continuous { border-bottom: 0px; } #content #indent { padding-left: 15px; } #content .labelwidth200 {width: 200px!important;} #content .labelwidth250 {width: 250px!important;} #content col.tablewidth350 {width: 33%; } /* e-care ende */ /* form aufmacher begin */ div.form_aufmacher_wrap{margin: 0 0 10px 0!important; border: 1px solid #E4E4E4;} div.form_aufmacher_wrap a.form_aufmacher, div.form_aufmacher_wrap a.form_aufmacher_an{ background-color:#F3F3F3; background-repeat:no-repeat; background-position:6px 50%; color:#434343!important; padding: 7px 6px 7px 26px; margin: 0; font-weight: bold; display: block; font-size: 125%; vertical-align: middle; text-decoration:none!important; } div.form_aufmacher_wrap a.form_aufmacher{ background-image: url(/img/pp4/arrow_right_off.gif); } div.form_aufmacher_wrap a.form_aufmacher:hover{ background-image:url(/img/pp4/arrow_right_on.gif); } div.form_aufmacher_wrap a.form_aufmacher_an{ background-image: url(/img/pp4/arrow_down_on.gif); } div.form_aufmacher_wrap a.form_aufmacher_an:hover{ color:#434343!important; } div.form_aufmacher_wrap div.form_aufmacher{ background: #F3F3F3; border-top: 1px solid #E4E4E4!important; padding:6px!important; } div.form_aufmacher_wrap div.form_aufmacher div{clear:both; padding-top:1px; margin:0px; border:1px solid #F3F3F3;} div.form_aufmacher_wrap div.form_aufmacher div.rechtstext{padding-top:10px!important; _height:10px;} div.form_aufmacher_wrap div.form_aufmacher div.rechtstext span.header{float:none!important; border-bottom:1px solid #D2DAE2; font-weight:bold; padding-bottom:5px!important; font-size:125%;} div.form_aufmacher_wrap div.form_aufmacher div.rechtstext span.text{float:none!important; padding-top:5px!important;} /* from aufmacher ende */ /* allte applicationen begin */ #content .alteapplication input{float:none!important; display:inline; height:auto!important; } #content .alteapplication select, #content .alteapplication textarea{float:none!important;} #content .alteapplication input.text{ color: #434343; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; width:auto; border: 1px solid #8B8B8B; padding:1px 2px 0px 2px; height: 17px!important;} #content .alteapplication, #content .alteapplication tr td, #content .alteapplication table, #content .alteapplication table tr td{border:none!important} /* allte applicationne ende */ .tarife2{border-top-with:2px;} .width99percent{width:99%!important;} #content .flashfor_sc_ncg_sbs{} #content .flashfor_sc_ncg_sbs .textleft{margin-right:350px; _height:1px;z-index:10;} #content .flashfor_sc_ncg_sbs .flashright{float:right; _height:1px; width:340px;z-index:10; } /* boxwidthyellowtab begin */ #content .boxwidthyellowtab{margin-bottom:7px;} #content .boxwidthyellowtab h5{color:#FFFFFF; vertical-align:center; background:#F7AF05 url(/img/pp4/boxwidthyellowtab_left.gif) top left no-repeat;margin:0px!important; padding:0px!important; width:20em;} #content .boxwidthyellowtab h5 span{display:block; padding:5px 13px; background:url(/img/pp4/boxwidthyellowtab_right.gif) top right no-repeat;} #content .boxwidthyellowtab .box{background-color:#F3F3F3; border:1px solid #D2DBE2; padding:7px;_height:1px;} #content .boxwidthyellowtab .boxwhite{border:1px solid #D2DBE2; padding:7px;_height:1px;} /* boxwidthyellowtab end */ #content h4.moremargintop{margin:15px 0px 3px 0px!important;} .box ul.linieoben, .box ul li.linieoben{border-top: 2px solid #D2DAE2;} /* partner web begin */ .pwmenu{margin: 0 0 10px 0; padding: 14px 0px 0px 0px; background: #F3F3F3; border: 1px solid #E4E4E4; _height:1px;} .pwmenu span{float:left; padding-left:14px; padding-bottom:14px;} #content table.pwexpresstabelle{margin-bottom:20px;} #content table.pwexpresstabelle tr td a{text-decoration:none;} #content table.pwexpresstabelle tr td a:hover{text-decoration:underline;} /* partner web end */ /* websms begin */ #sms_application #content { width: 55.2em; _width: 54.2em; float:left; font-size: 70%; margin: 0 0 0 25px; _margin-left:12px; padding: 0 0 20px 0px; min-width: 500px; } #sms_application #promo{ margin:0px 0px 0px 13px; float:right; width:29.7em; font-size:70%; padding-bottom:20px; } #sms_application #content span#emotions{clear:both!important; float:none!important; padding-top:4px;} #sms_application #content span#emotions span{clear:both; float:none;} #sms_application #content span#emotions span a{float:left!important; margin:4px 6px; } #promo .boxgrau{ padding:0px!important; border-bottom:0px!important; } #promo .boxgrau h4{ margin:0px!important; } #promo .boxgrau div{ background:#F3F3F3; border:1px solid #E4E4E4; border-top:none; padding:10px 5px 10px 5px; } #promo div.box .images {margin-top:10px;} #promo div.box .images img{float:left; margin:5px 5px 5px 0px;} #promo div.box .images .button{margin-left:10px;} #promo div.box .gesendetesms strong{margin-bottom:2px; display:block;} #promo div.box .gesendetesms img{float:left; margin:0px!important; margin-bottom:-14px;} #promo div.box .gesendetesms p{margin-left:20px;} #promo div.box .gesendetesms p span{display:block;} #promo table.normaletabelle tr td, #promo table.normaletabelle tr th{border-bottom:1px solid #D2DAE2; padding:3px; padding-left:5px; text-align:left;} #promo table.normaletabelle thead tr th{font-size:1.6em; font-weight:normal; padding-bottom:1px; border-bottom:2px solid #D2DAE2;} hr.unternavcomplex{margin:0px 0px 8px 0px!important; _margin:-5px 0px 0px 0px!important;} #sms_application #content .zweispalten .left, #sms_application #content .zweispalten .right {width:25.5em;} #content table.ohneborders{border:0px!important} #content table.autowidth{width:auto!important;} #content table.tdpaddingright20px tr td, #content table.tdpaddingright20px tr th{padding-right:20px!important;} #content table.ohneborders tr td, #content table.ohneborders tr th{border:0px!important; vertical-align:top!important; text-align:left; } h3.mittextright, h4.mittextright, h5.mittextright, h6.mittextright{position:relative;} h3.mittextright span, h4.mittextright span, h5.mittextright span, h6.mittextright span{position:absolute; right:0px;} #content table tr.paddingtop20px td, #content table tr.paddingtop20px th{padding-top:20px!important;} #content table.nowrapclass tr td, #content table.nowrapclass tr th{white-space:nowrap!important;} /* websms ende */ #content form input#wsms_button_an{width:7.4em; float:right!important;} #content form div input.smssendenan{margin-top:-1px!important;} div.gelbeaktionbox img{position:absolute; left:7px; top:3px;} div.gelbeaktionbox{position:relative; height:54px!important; clear:none!important; width:auto!important; padding:0px!important; margin:0px!important;} #content div.startpage div.gelbeaktionbox{height:1px!important; padding:0px!important; margin:0px!important;} #navsub a.anhoeren{background:url(/img/pp4/anhoeren_off.gif) no-repeat left top; display:block; width:15px; text-indent:-5000px; font-size:1px; color:#fff !important; height:13px;} #navsub a.anhoeren:hover{background-image:url(/img/pp4/anhoeren_on.gif);} #navsub a.bestellen{background:url(/img/pp4/bestellen_off.gif) no-repeat left top; display:block; width:15px; text-indent:-5000px; font-size:1px; color:#fff !important; height:13px;} #navsub a.bestellen:hover{background-image:url(/img/pp4/bestellen_on.gif);} table tr.rollower{cursor:pointer;} #content .tall{margin-top:1em!important; margin-bottom:1em!important;} /* optimalization fur onlineshop begin */ /* hatte class="tabellenormal bordertop" */ #content.onlineshop_tabellenormal1 table{border-bottom:1px solid #D2DAE2; border-top:2px solid #D2DAE2; margin-top:20px!important;} /* hatte class="withbordernormalth" */ #content.onlineshop_tarifoptionen fieldset table{border:none!important; width:100%!important;} #content.onlineshop_tarifoptionen fieldset table tr th{border-bottom:1px solid #D2DAE2!important; font-weight:bold; font-size:100%;} #content.onlineshop_tarifoptionen fieldset table tr td{border-top:1px solid #D2DAE2!important; padding-top:13px!important; padding-bottom:13px!important;} #content.onlineshop_tarifoptionen fieldset table tr.biglinie td{border-top:2px solid #D2DAE2!important;} /* hatte class="withoutborderandth" */ #content.onlineshop_tarifauswahl .form_aufmacher_wrap .form_aufmacher table{border:none!important;} #content.onlineshop_tarifauswahl .form_aufmacher_wrap .form_aufmacher table tr th{border:none!important; font-weight:bold; font-size:100%;} /* hatte class="nobottompadding" */ #content.onlineshop_tarifauswahl .form_aufmacher_wrap .form_aufmacher div.buttonrow{padding-bottom:0px!important;} /* hatte class="" */ #content.onlineshop_handygalery table{border-bottom:1px solid #D2DAE2; border-top:2px solid #D2DAE2; margin-top:20px!important;} /* hatt class="box_search_results" */ #content.onlineshop_suchergebnisse table{border-bottom: 1px solid #D2DAE2;} #content.onlineshop_suchergebnisse table thead th {border-bottom-width:2px; text-align:left; font-size: 1.5em; font-weight: normal; } #content.onlineshop_suchergebnisse table a{text-decoration: underline !important;} #content.onlineshop_suchergebnisse table a:hover {text-decoration: underline;} .onlineshop_startpage #content div.startpage div.left img, .onlineshop_startpage #content div.startpage div.right img {float:left;} .onlineshop_startpage #content div.startpage div.left div.inner, .onlineshop_startpage #content div.startpage div.right div.inner{margin: 0px 0px 0px 70px; width:auto!important; _height:1px;} .onlineshop_startpage #content div.startpage div.left div.inner div.more, .onlineshop_startpage #content div.startpage div.right div.inner div.more, .onlineshop_startpage #content div.startpage div.left div.inner div.more a, .onlineshop_startpage #content div.startpage div.right div.inner div.more a {clear:none!important; float:none!important; width:auto;} .onlineshop_startpage #content div.startpage div.left, .onlineshop_startpage #content div.startpage div.right{border-bottom:2px solid #D2DAE2; padding:0px 0px 7px 0px; } .onlineshop_startpage #content div.startpage div.left h3, .onlineshop_startpage #content div.startpage div.left h3 span, .onlineshop_startpage #content div.startpage div.left h3 span a, .onlineshop_startpage #content div.startpage div.right h3, .onlineshop_startpage #content div.startpage div.right h3 span, .onlineshop_startpage #content div.startpage div.right h3 span a{border:none; background:none; padding:0px; margin:0px; color: #1E4D65;} .onlineshop_startpage #content div.startpage div.left h3, .onlineshop_startpage #content div.startpage div.right h3{border-bottom:2px solid #D2DAE2; font-size:1.3em; font-weight:bold; margin-bottom:7px;} .onlineshop_startpage #navsub table{margin: 0 0 20px 0; display:block; width:100%; padding:0px; border-bottom: 2px solid #D2DAE2; border-collapse:collapse;} .onlineshop_startpage #navsub table thead tr th{ color: #1E4D65; border-bottom: 2px solid #D2DAE2; font-size: 1.2em; text-align:left; padding-left:5px;} .onlineshop_startpage #navsub table tr td{border-top: 1px solid #D2DAE2; padding:2px 5px 2px 5px;} /* optimalization fur onlineshop end */ .height12_5em{height:12.5em!important;} #promo .height12_5em, #navsub .height12_5em {height:13.1em!important;} .height12_5em table {height:100%; margin-bottom:0px!important;} .platz {height:21px!important; margin:0px!important; padding:0px!important; font-size:1px!important; line-height:1px!important;} #promo .box_login2 ul{margin-bottom:0px!important;} #promo .box_login2 hr{margin-top:5px!important; _margin-top:0px!important;}