body { margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; } #bgContentLeftTop { background-image: url(../vwFiles/Icons/$FILE/bg_content_l_o.gif); background-repeat: no-repeat; background-position: left top; width:923px; padding-top:4px; } #bgContentRightTop { background-image: url(../vwFiles/Icons/$FILE/bg_content_r_o.gif); background-repeat: no-repeat; background-position: right top; width:923px; margin-top:-4px; } #bgContentLeftBottom { background-image: url(../vwFiles/Icons/$FILE/bg_content_l_u.gif); background-repeat: no-repeat; background-position: left bottom; width:923px; height:84px; clear:both; } #bgContentRightBottom { background-image: url(../vwFiles/Icons/$FILE/bg_content_r_u.gif); background-repeat: no-repeat; background-position: right bottom; width:923px; height:84px; } #contentSurround { margin:4px; text-align:left; margin-bottom:30px; } #header { width:923px; margin-bottom:0px; text-align:left; } #leftNavSurround { width:195px; float:left; margin-right:15px; } #content { padding:0px; width:465px; float:left; margin-right:15px; } #rightTeaser { width:225px; float:right; } #visualTeaser { border-bottom:40px solid #E8F1FB; margin-right:-3px; } #visualContent { border-bottom:40px solid #E8F1FB; } #beratersuche { margin-top:5px; margin-bottom:0px; } #serviceLink { margin:0px; padding:0px; list-style-type:none; width:225px; margin-top:-2px; } /* Einzelner Listeneintrag - LINKS */ #serviceLink li { margin:0px; padding:0px; width:225px; display:inline; /* Beseitigt Lücke zwischen Nav-Einträgen in IE5 */ background-color: #E8F1FB; } #serviceLink li a { color: #000000; font-weight:bold; text-decoration: none; font-size: 12px; display:block; margin: 0px; padding: 5px 0px 6px 5px; background:url("../vwFiles/Icons/$FILE/ic_send.gif") no-repeat 175px 12px; background-color: #E8F1FB; width:225px; border-top:1px solid #FFFFFF; } #serviceLink li a img.icon { margin-right:4px; margin-left:4px; } .serviceContentLink { background-color:#E8F1FB; padding:10px; margin-bottom:1px; } .serviceContentLink .icon{ margin-right:5px; } .serviceContentLink h3{ font-size:12px; } .serviceContentLink a{ text-decoration:none; margin-left:25px; color:#000000; display:inline-block; } h3.serviceBoxenHeadline { font-size: 12px; font-weight:bold; margin-top:20px; margin-bottom:3px; } .serviceBox { margin-bottom:5px; } .serviceBox h3{ margin:0px; padding: 5px 0px 6px 9px; width:225px; display:block; background-color: #E8F1FB; margin-top:1px; font-size: 12px; } .serviceBox h3 img.icon{ margin-right:4px; } .serviceBox a { color: #000000; font-weight:normal; text-decoration: none; font-size: 12px; display:block; width:225px; margin: 0px; padding: 3px 0px 3px 9px; background-color: #EFF6FC; } #teasserBox a{ text-decoration: none; color: #333333; } #teasserBox .teaserBoxImage{ margin-bottom:10px; } .teaserBoxHeadline { font-size:12px; color: #333333; font-weight:bold; margin-bottom:3px; margin-top:25px; } #produktLogo { float:right; margin-top:20px; } /* ==== Footer ==== */ #footer{ clear:both; text-align:left; margin-left:215px; margin-top:20px; } #footerFunktion { border-top:1px dotted #c4c9cd; border-bottom:1px dotted #c4c9cd; text-align:right; height:25px; width:465px; } #footerFunktion a { color:#000000; text-decoration:none; font-size:10px; } #footerClose, #footerLetter, #footerTop, #footerPrint, #footerPrintPopup { float:right; margin-left:15px; margin-top:4px; } #footerClose, #footerPrintPopup { display:none; } #footerRechtlicheLinks { clear:both; margin-top:15px; } #footerRechtlicheLinks a{ margin-right:10px; color:#666666; } #footerLogo { float:right; margin-right:10px; margin-top:-34px; } /* ===== ENDE Footer ===== */ #breadcrumb { background-color: #E8F1FB; padding:5px; padding-left:10px; font-size:10px; } #breadcrumb a { color: #666666; } #shortCut { background-color: #D8E8F8; height:60px; padding-top:20px; padding-left:10px; } #shortCut select { font-size:11px; width:170px; } h3 { font-size: 11px; font-weight: bold; margin:0px; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; } h1.headline { font-size: 14px; color: #333333; margin-top:30px; font-weight: bold; margin-bottom:20px; } h2.subtitle { font-size: 14px; color: #666666; font-weight: bold; margin-top:0px; margin-bottom:20px; } h2 { font-size: 12px; color: #333333; font-weight: bold; margin-top:20px; margin-bottom:10px; } h3.subheadline { font-size: 12px; color: #333333; font-weight: bold; margin-top:0px; margin-bottom:20px; } h1.job { font-size: 16px; color: #333333; margin-top:30px; font-weight: bold; margin-bottom:0px; } h2.job { font-size: 12px; color: #666666; font-weight: bold; margin-top:0px; margin-bottom:20px; } .bewerbung { background-color:#D8E8F8; padding:10px; } .bewerbung a { text-decoration:none; font-weight:bold; color:#333333; } .contentBox ul { list-style:square; margin-left:20px; } .contentBox a { color:#333333; } table.blind, table.blind th, table.blind td{ border:0; background-color:#FFFFFF; } table { font-size:12px; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4; } td { padding:5px; border-bottom:1px solid #E4E4E4; border-right:1px solid #E4E4E4; } th { background-color:#D1DEE8; border-bottom:1px solid #B5D9F8; border-top:1px solid #B5D9F8; border-right:1px solid #ffffff; } td.subtitle { background-color:#E8F1FB; border-bottom:1px solid #B5D9F8; border-right:1px solid #ffffff; margin-top:-1px; text-align:left; padding-top:2px; padding-bottom:2px; } .label { width: 140px; float:left; padding-top:3px; } .padding { padding:10px; } /* ===== Header ===== */ #header #logo{ margin-left:18px; } #header #claim{ margin-bottom:30px; margin-left:20px; } #header #metaNav{ float:right; margin-top:-18px; font-size:11px; color:#666666; } #header #metaNav a{ margin-left:8px; text-decoration:none; color:#666666; } #header #metaNav input{ height:18px; width:115px; border-bottom:1px solid #e2e2e2; border-top:1px solid #8b8b8b; border-left:1px solid #e2e2e2; border-right:1px solid #8b8b8b; } #header #metaNav label{ margin-left:8px; margin-right:5px; } .searchSubmit { padding-top:5px; } /* ===== ENDE Header ====== */ /* ===== Reiterkarten ======= */ #tabs { font-size:11px; font-weight:normal; width:100%;; border-bottom: 1px solid #deeaf6; padding: 0 0 0 0px; margin: 15px 0 0px 0; } #tabs ul { margin:0; padding:0; text-indent: 0px; list-style:none; } #tabs li { float:left; margin:0 0 0 1px; padding:0; background:url("../vwFiles/Icons/$FILE/tab_re.gif") no-repeat right top; height:18px; } #tabs #first { margin:0; } #tabs a { float:left; color: #333333; text-decoration:none; display:block; background:url("../vwFiles/Icons/$FILE/tab_li.gif") no-repeat left top; padding:3px 10px; } #tabs a {float:none;} #tabs li.active, #tabs li.over { background-image: url("../vwFiles/Icons/$FILE/tab_re_active.gif"); } #tabs li.active a, #tabs li.over a { color: #014EA2; font-weight:normal; background-image: url("../vwFiles/Icons/$FILE/tab_li_active.gif"); } /**********/ #leftNavTabs { font-size:12px; font-weight:normal; width:100%;; padding: 0 0 0 0px; margin: 0px 0 0px 0; } #leftNavTabs ul { margin:0; padding:0; text-indent: 0px; list-style:none; } #leftNavTabs li { float:left; margin:0 0 0 1px; padding:0; background:url("../vwFiles/Icons/$FILE/tab_re.gif") no-repeat right top; height:20px; } #leftNavTabs #first { margin:0; } #leftNavTabs a { float:left; color: #000000; text-decoration:none; display:block; background:url("../vwFiles/Icons/$FILE/tab_li.gif") no-repeat left top; padding:3px 10px; } #leftNavTabs a {float:none;} #leftNavTabs li.active, #leftNavTabs li.over { background-image: url("../vwFiles/Icons/$FILE/tab_re_active.gif"); } #leftNavTabs li.active a, #leftNavTabs li.over a { color: #014EA2; font-weight:normal; background-image: url("../vwFiles/Icons/$FILE/tab_li_active.gif"); } /***********************/ /* ===== ENDE Reiterkarten ====== */ #tabSubnavOne { height: 20px; background-color:#D8E8F8; margin-bottom:30px; } /* ===== Linke Navigation ======= */ #leftnav { padding:0px 0px 0px 0px; /* Abstand oben und unten zu Navigationspunkten */ margin:0px 0px 25px 0px; /* 40px nach unten Abstand zur nächsten Box */ background-color: #D8E8F8; } /* Liste aller Navigationspunkte - LINKS */ #leftnav ul { margin:0px; padding:0px; list-style-type:none; background-color: #D8E8F8; } /* Einzelner Listeneintrag - LINKS */ #leftnav li { margin:0px; padding:0px; display:inline; /* Beseitigt Lücke zwischen Nav-Einträgen in IE5 */ } /* Liste von 2nd Level-Einträgen */ #leftnav ul.level2 { background-color: #E8F1FB; } /* 1st-Level - Normal */ #leftnav li a { color: #000000; font-weight:normal; text-decoration: none; font-size: 12px; display:block; width:195px; /* Breite des Navigationspunktes */ margin: 0px; padding: 3px 0px 4px 10px; /* Abstände zu Text */ background-color: #D8E8F8; background-image: url("../vwfiles/Icons/$File/bg_nav1.gif"); background-repeat:y-repeat; background-position: 0px 0px; } /* 1st-Level - AKTIV und MouseOver */ #leftnav li a.current, #leftnav li a:hover { color: #014EA2; background-image: url("../vwfiles/Icons/$File/bg_nav1_active.gif"); background-repeat:no-repeat; background-position: 0px 0px; } /* 2nd-Level - Normal */ #leftnav ul.level2 li a { color: #000000; font-size: 12px; width:195px; /* 180 - 8px padding */ padding:3px 0px 4px 0px; /* Abstände zu Pfeil von links = 8px */ background-color: #E8F1FB; background-image: url("../vwfiles/Icons/$File/bg_nav2.gif"); background-repeat:y-repeat; background-position: 0px 0px; padding-left:18px; } /* 2nd-Level - AKTIV und MouseOver */ #leftnav ul.level2 li a.current, #leftnav ul.level2 li a:hover { color: #014EA2; /*background-color: #D4E8C4;*/ background-image: url("../vwfiles/Icons/$File/bg_nav2_active.gif"); background-repeat:no-repeat; background-position: 0px 0px; } /* 3nd-Level - Normal */ #leftnav ul.level3 li a { color: #000000; font-size: 12px; width:195px; /* 180 - 8px padding */ padding:3px 0px 4px 0px; /* Abstände zu Pfeil von links = 8px */ background-color: #F9FCFD; background-image: url("../vwfiles/Icons/$File/bg_nav3.gif"); background-repeat:y-repeat; background-position: 0px 0px; padding-left:28px; } /* 3nd-Level - AKTIV und MouseOver */ #leftnav ul.level3 li a.current, #leftnav ul.level3 li a:hover { color: #014EA2; /*background-color: #D4E8C4;*/ background-image: url("../vwfiles/Icons/$File/bg_nav3_active.gif"); background-repeat:no-repeat; background-position: 0px 0px; } /* ===== ENDE Linke Navigation ======= */ /* ===== Content Navigation ======= */ #contentNav { padding:0px 0px 0px 0px; /* Abstand oben und unten zu Navigationspunkten */ margin:20px 0px 20px 0px; /* 40px nach unten Abstand zur nächsten Box */ clear:both; } /* Liste aller Navigationspunkte - LINKS */ #contentNav ul { margin:0px; padding:0px; list-style-type:none; border-bottom:1px solid #e4e4e4; } #contentNav ul ul.level2 { border-bottom:0px; } /* Einzelner Listeneintrag - LINKS */ #contentNav li { margin:0px; padding:0px; display:inline; /* Beseitigt Lücke zwischen Nav-Einträgen in IE5 */ } #contentNav li.twoCol a { color: #000000; font-weight:normal; text-decoration: underline; font-size: 12px; display:block; float:left; width:232px; /* Breite des Navigationspunktes */ margin: 0px; padding: 3px 0px 3px 15px; /* Abstände zu Text */ border-top:1px solid #e4e4e4; /* Abstand unterhalb von 2nd-Nav*/ background-image: url("../vwfiles/Icons/$File/ic_send.gif"); background-repeat:no-repeat; background-position: 6px 7px; } /* 1st-Level - Normal */ #contentNav li a { color: #000000; font-weight:normal; text-decoration: none; font-size: 12px; display:block; width:100%; /* Breite des Navigationspunktes */ margin: 0px; padding: 3px 0px 3px 15px; /* Abstände zu Text */ border-top:1px solid #e4e4e4; /* Abstand unterhalb von 2nd-Nav*/ background-image: url("../vwfiles/Icons/$File/ic_send.gif"); background-repeat:no-repeat; background-position: 6px 7px; } /* 1st-Level - AKTIV und MouseOver */ #contentNav li a.current { color: #014EA2; background-image: url("../vwfiles/Icons/$File/ic_nav_open.gif"); background-repeat:no-repeat; background-position: 4px 10px; } /* 2nd-Level - Normal */ #contentNav ul.level2 li a { color: #000000; font-size: 12px; width:100%; background-image: url("../vwfiles/Icons/$File/ic_send.gif"); background-repeat:no-repeat; background-position: 20px 7px; padding:3px 0px 3px 30px; } /* 2nd-Level - AKTIV und MouseOver */ #contentNav ul.level2 li a.current { color: #014EA2; background-image: url("../vwfiles/Icons/$File/ic_send.gif"); background-repeat:no-repeat; background-position: 20px 7px; } #contentNavProdukt { clear:both; } #contentNavProdukt h2 { font-size: 12px; margin-bottom:5px; } #contentNavProdukt a.nexxt { color: #000000; font-weight:normal; text-decoration: underline; display:block; clear:both; margin-top:5px; } #contentNavArea { clear:both; } #contentNavArea h2 { font-size: 12px; margin-bottom:5px; margin-top:15px; clear:both; } #contentNavArea .TeaserImageSummary{ float:left; margin-left:-5px; } #contentNavArea a.nexxt { color: #000000; font-weight:normal; text-decoration: none; width:225px; height:65px; float:left; background-color: #FFFAE0; margin-left:-2px; padding:5px; } #contentNavZone { clear:both; } #contentNavZone .block { float:left; width:225px; margin-right:5px; } #contentNavZone .block1 { float:left; width:225px; margin-right:13px; } #contentNavZone .block2 { float:left; width:220px; margin-right:0px; } #contentNavZone h2 { font-size: 12px; margin-bottom:5px; margin-top:15px; clear:both; padding-left:1px; } #contentNavZone .TeaserImageSummary{ float:left; margin-left:-5px; margin-bottom:5px; } #contentNavZone a.nexxt { color: #000000; font-weight:normal; text-decoration: none; width:225px; height:60px; clear:both; margin-left:-5px; padding:5px; } #contentNavPressOverview { clear:both; width:465px; } #contentNavPressOverview .rowHead { background-color: #D1DEE8; height:25px; padding-top:5px; font-weight:bold; border-top: 1px solid #B5D9F8; border-bottom: 1px solid #B5D9F8; } #contentNavPressOverview .row1 { background-color: #FFFFFF; border-bottom: 1px solid #E4E4E4; height:30px; padding-top:5px; padding-bottom:5px; } #contentNavPressOverview .row2 { background-color: #FFFFFF; border-bottom: 1px solid #E4E4E4; height:30px; padding-top:5px; padding-bottom:5px; } #contentNavPressOverview .date { width:130px; float:left; padding-left:10px; } #contentNavPressOverview .content { width:330px; float:left; } #contentNavPressOverview a.nexxt { color: #000000; font-weight:normal; text-decoration: underline; } #contentNavPressOverview a.nexxt img { margin-left:3px; } /* ===== ENDE Content Navigation ====== */ .siteBar { width:465px; height:25px; background-color:#D1DEE8; border-top: 1px solid #B5D9F8; border-bottom: 1px solid #B5D9F8; padding-left:5px; padding-top:4px; } .siteBarLink { float:right; margin-right:8px; font-weight:bold; } .siteBarSiteNr { float:right; margin-right:8px; } .siteBar a { color:#000000; font-weight:normal; } .glossarTop { display:block; border-bottom:1px solid #e4e4e4; margin-top:-20px; padding-bottom:5px; } .glossarTop a{ text-decoration:none; font-size:11px; color:#333333; margin-left:385px; } /* ===== nicht IE Formatierungen ====== */ html>body #bgContentLeftTop { padding-top:0px; } html>body #bgContentRightTop { margin-top:0px; } html>body #contentSurround { padding-top:4px; } html>body #header { margin-bottom:13px; } html>body #contentNav li a { /* Andere Browser als IE verstehen width:100% nicht, IE kennt '>' nicht */ width: auto; } html>body #serviceLink li a { width:220px; } html>body #shortCut { height:40px; } html>body #tabs { height:18px; } html>body #leftNavTabs { height:20px; } html>body #leftnav ul.level2 li a { width:177px } html>body #leftnav ul.level3 li a { width:167px } html>body #leftnav li a { /* Andere Browser als IE verstehen width:100% nicht, IE kennt '>' nicht */ width: auto; } html>body #contentNavPressOverview .content { width:300px; } html>body #contentNavPressOverview .row1, html>body #contentNavPressOverview .row2 { height:40px; } /* ===== ENDE nicht IE Formatierungen ===== */