/* ========================================================= 1. Allgemeine Selektoren - "nicht sichtbare" Angaben zur Barrierefreiheit - Allgemeine Klassen 2. Layoutbereiche - Allgemeine Bereiche - Exclusion Bereiche - Boxen 3. Inhaltsbereiche - Blöcke - Überschriften 4. Spezial - Divider - Teaser - Slider - Reiternavigation - Jalousie - Formular - Reiternav - Tabellen 5. LikePopUp-Fenster 6. Top - Logo - Direktzugriffe - Suche - etc 7. Navigationen - Top-Navigationen - Hauptnavi - Subnavi - Rootline - Footer ========================================================== */ /* =============================== = 1. Allgemeine Selektoren =============================== */ /* =============================== = spezielle Angaben zur Barrierefreiheit =============================== */ #jumpNav { position: absolute; display: block; top: -10000px; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .hide { position: absolute; display: block; top: -10000px; left: -10000px; width: 1px; height: 1px; overflow: hidden; } /* =============================== = Allgemeine Klassen =============================== */ /*html, body {margin:0px; padding:0px; width:1010px; margin-right:auto; margin-left:auto;}*/ html, body {margin:0px; padding:0px; width:1010px; } body { margin:0px; padding:0px; font-size:12px; background:#496896 url('img/page_bg.jpg') 0px 0px repeat-x; } body * { font-family:Arial, sans-serif; margin:0px; padding:0px; color:#102648; } a, a span { text-decoration:none; color:#2f72be; } p a { text-decoration:underline; } p a.nodeco { text-decoration:none; } em { font-style:italic; color:#2f72be; } li, th, td, p { line-height:18px; } ul { list-style-type: none; } img { border:none; } a { outline:none } .clearer { clear:both; height:1px; overflow:hidden; } #content div { border-top:1px solid transparent; } #content ul { margin:0px; padding:0px; } #content ol { margin-left:25px; list-style-type:decimal; } #content ol li { font-weight:bold; color:#2f72be; } #content ol li span { font-weight:normal; color:#102648; } #content ul li { padding-left:12px; background:url('img/listdot.gif') 0px 6px no-repeat; } #content .downloads ul li a { display:block; } #content .downloads ul li { margin-bottom:7px; padding-left:20px; background:url('img/li_pdf.gif') 0px 0px no-repeat; } .directLink { text-align:right; margin-top:5px; } .directLink a { line-height:18px; color:#2f72be; background: url('img/morelink.jpg') 0px 2px no-repeat; text-decoration:none;} #home #content .directLink a { padding-left:18px; } #hubpage #content .directLink ul { text-align:left; margin:0px;} #hubpage #content .directLink li { background-image:none; } #contentpage #marginale .directLink li { text-align:left; background: url('img/morelink.jpg') 0px 2px no-repeat; } #contentpage #marginale .directLink a { line-height:18px; padding-left:0px;} .moreButton { text-align:right; margin:15px; } #marginale .moreButton { margin:15px -5px 0 0; } .moreButton a { font-weight:bold; color:#fff; background: url('img/linkbutton_hl.jpg') 0 0 no-repeat; padding:4px 0px 4px 30px; } .moreButton span { padding:4px 5px 4px 10px; background: url('img/linkbutton_hl_r.jpg') top right no-repeat; } /* =============================== = 2. Layout =============================== */ /* =============================== = Allgemeine Bereiche =============================== */ #page { margin-left:11px; } #outer { width:992px; overflow:hidden; } #main { margin-left:0px; } #content { margin-left:18px; margin-top:0px; width:735px; overflow:hidden; } #home #content { float:left; width:952px; margin-left:0px; margin-top:10px; } #stage { background:url('img/stage_bg_t.gif') 0px 759px repeat-y; border-top:1px solid transparent;} #gradient { background:url('img/stage_gradient_bg.gif') 0px 0 no-repeat; padding-left:22px; padding-right:18px; margin-top:-1px; } #stageEnd { clear:both; background:transparent url('img/stage_bottom_t.gif') left top no-repeat; height:4px; overflow:hidden; margin-left:-22px; margin-right:-22px;} #rootLine { margin:35px -13px 0 -17px; padding:1px 5px 5px 5px; background:#F1F2F6 url('img/rootline_top.gif') 0 0 repeat-x; border-top:1px solid #d6dae0;} #footer { padding:10px 0 10px 110px; } #page #zoom { text-align:right; margin:3px 2px 2px 0; } #page #zoom img{ vertical-align:middle; margin-left:5px; } #page #home #zoom { padding:0px 0 4px 0; } #page #hubpage #zoom, #page #segmentverteiler #zoom, #page #contentpage #zoom { padding:4px 0 4px 0; } #startpage #subNav { float: left; width:0px; overflow:hidden; } #subNav { float: left; overflow:hidden; width:199px; /*margin-top:18px; vwd:*/margin-top:13px;} #hubpage #cont_marg, #segmentverteiler #cont_marg, #contentpage #cont_marg { float:left; width:753px; overflow:hidden; } .block { clear:both; margin-bottom:30px; } .block .item { float: left; overflow: hidden; margin: 0px; } .block .item .image { float:left; margin-bottom:10px;} #home .block { margin-bottom:15px; } #home .block .item { width: 216px; margin-left: 28px; } #home .block .first { margin-left: 0px; } #hubpage .block { clear:both; margin-bottom:30px; } #hubpage .item { float:left; overflow:hidden; margin:0 22px 0 2px; width:233px;} #hubpage .shadow { margin:0px; padding:2px 15px 4px 2px; } #hubpage .last { margin-right:0px; } #hubpage .one .item { width:auto; float:none; } #hubpage .two .item { overflow:hidden; } #hubpage .two .first{ width:478px; } #hubpage .two .last{ width:227px;} #hubpage .text { line-height:18px; color:#102648; } #hubpage .image { width:160px; } #segmentverteiler #marginale { float:left; width:206px; margin:0 0 0 18px; overflow:hidden; } #segmentverteiler .block { clear:both; margin-bottom:30px; } #segmentverteiler .item { float:left; overflow:hidden; margin:0 23px 0 2px; width:240px;} #segmentverteiler .shadow { margin:0px; padding:2px 15px 4px 2px; } #segmentverteiler .last { margin-right:0px; } #segmentverteiler .one .item { width:auto; float:none; } #segmentverteiler .two .item { overflow:hidden; } #segmentverteiler .text { line-height:18px; color:#102648; } #segmentverteiler .image { width:160px; } #segmentverteiler .directLink { margin-top:5px; text-align:right; } #segmentverteiler .directLink a { color:#2f72be; background: url('img/morelink.jpg') 0 2px no-repeat; padding-left:14px; } #segmentverteiler .directLink ul { list-style-type:none; } #segmentverteiler .directLink li { background-image:none; } #segmentverteiler .directLink li a { background-image:none; } #segmentverteiler .directLink li a span { padding:10px; background: url('img/morelink.jpg') 0 2px no-repeat; } #segmentverteiler #marginale .directLink { text-align:left; } #segmentverteiler #marginale .directLink ul li { background: url('img/morelink.jpg') 0 3px no-repeat; padding:0px; } #segmentverteiler #cont2Cols .block .highlight { width:246px; border:none; margin-left:0px; margin-right:19px; height:358px; background:url('img/segment_teaser_content_bg.jpg') 0 0 no-repeat;} #segmentverteiler #cont2Cols .block .last { margin-right:0px; } #segmentverteiler #cont2Cols .block .highlight .text { height:175px; margin:15px 18px 15px 15px; } #segmentverteiler #cont2Cols .block .highlight .image { float:none; margin:3px 1px 1px 3px;} #segmentverteiler .highlight .moreLink { text-align:right; margin-right:15px; } #segmentverteiler .highlight .moreLink a { font-weight:bold; color:#fff; background: url('img/linkbutton_hl.jpg') 0 0 no-repeat; padding:4px 0px 4px 30px; } #segmentverteiler .highlight .moreLink a span { padding:4px 5px 4px 10px; background: url('img/linkbutton_hl_r.jpg') top right no-repeat; } #segmentverteiler #marginale .block { margin-bottom:30px; width:206px; } #segmentverteiler #marginale .item { float:none; margin:0 4px 0 2px; width:auto; } #segmentverteiler #marginale .highlight { margin:0px; background: url('img/teaser_marginale_bg.jpg') 0 0 no-repeat; } #segmentverteiler #marginale .highlight .image { padding:3px 1px 1px 3px; } #segmentverteiler #marginale .highlight .text { padding:15px 18px 15px 15px; background: url('img/teaser_marginale_b_bg.gif') bottom left no-repeat; } #segmentverteiler #marginale .image { width:auto; } #contentpage #cont2Cols { float:left; width:511px; overflow:hidden; } #contentpage #marginale { float:left; width:206px; margin:0 0 0 18px; overflow:hidden; } #contentpage #topTeaser { background-position:left bottom; height:160px; } #contentpage .block { clear:both; margin-bottom:30px; } #contentpage .item { float:left; overflow:hidden; margin:0 19px 0 0px; width:240px; padding:0 4px 0 2px;} #contentpage .shadow { margin:0px; padding:2px 15px 4px 2px; } #contentpage .last { margin-right:0px; } #contentpage .one .item { width:auto; float:none; margin:0px; } #contentpage .two .item { overflow:hidden; margin:0px; } #contentpage .text { line-height:18px; color:#102648; } #contentpage .image { width:160px; } /* =============================== = Bildmasse =============================== */ #contentpage .imgSmall { width:115px; overflow:hidden; } #contentpage .imgSmall img { width:100px; margin-right:15px; } #contentpage .imgMedium { width:195px; overflow:hidden; } #contentpage .imgMedium img { width:180px; margin-right:15px; } #contentpage .imgLarge { width:520px; overflow:hidden; } #contentpage .imgLarge img { width:505px; margin-left:10px; } /* HIGHLIGHT auf Blockebene */ #contentpage #cont2Cols .highlight { margin-left:2px; background: url('img/content_breit_bg.jpg') 0 0 no-repeat; } #contentpage .highlight .item { padding-bottom:13px; margin-right:0px; margin-top:10px; background:url('img/content_breit_t_bg.gif') -2px bottom no-repeat; } #contentpage .highlight .first img { margin-left:10px; } #contentpage .highlight .imgSmall { width:auto; overflow:hidden; } #contentpage .highlight .imgSmall img { width:151px; margin-right:15px; } #contentpage .highlight .last img { margin-right:0px; } #contentpage .highlight .imgLarge { width:auto; overflow:hidden; } #contentpage .highlight .imgLarge img { width:483px; margin-right:15px; } #contentpage #cont2Cols .highlight .item .text { padding:15px; } #contentpage .directLink { margin-top:5px; text-align:right; } #contentpage .directLink a { color:#2f72be; background: url('img/morelink.jpg') 0 2px no-repeat; padding-left:14px; } #contentpage .directLink ul { list-style-type:none; } #contentpage .directLink li { background-image:none; } #contentpage .directLink li a { background-image:none; } #contentpage .directLink li a span { padding:10px; background: url('img/morelink.jpg') 0 2px no-repeat; } /* HIGHLIGHT auf Itemebene */ #contentpage #cont2Cols .block .highlight { width:246px; border:none; margin-left:0px; margin-right:19px; height:358px; background:url('img/segment_teaser_content_bg.jpg') 0 0 no-repeat; padding:0px; } #contentpage #cont2Cols .block .last { margin-right:0px; } #contentpage #cont2Cols .last { margin-right:0px; } #contentpage #cont2Cols .block .highlight .text { height:180px; margin:15px 18px 15px 15px; } #contentpage #cont2Cols .block .highlight .image { margin:3px 1px 1px 3px;} #contentpage .highlight .moreLink { text-align:right; margin-right:15px; } #contentpage .highlight .moreLink a { font-weight:bold; color:#fff; background: url('img/linkbutton_hl.jpg') 0 0 no-repeat; padding:4px 0px 4px 30px; } #contentpage .highlight .moreLink a span { padding:4px 5px 4px 10px; background: url('img/linkbutton_hl_r.jpg') top right no-repeat; } #contentpage #marginale .block { margin-bottom:30px; width:206px; } #contentpage #marginale .item { float:none; margin:0 4px 0 2px; width:auto; } #contentpage #marginale .block .highlight { margin:0px; background: url('img/teaser_marginale_bg.jpg') 0 0 no-repeat; } #contentpage #marginale .block .highlight .image { padding:3px 1px 1px 3px; } #contentpage #marginale .block .highlight .text { padding:15px 18px 15px 15px; background: url('img/teaser_marginale_b_bg.gif') bottom left no-repeat; } #contentpage #marginale .image { width:auto; } /* =============================== = Boxen =============================== */ /* Default definiert den 4-Spalter */ #home .item .image { width:90px; } /* Zwei Splaten */ #home .two .item { width:452px; } #home .two .image { width:160px; } #home .row23_13 .first{ height:136px; width:622px; border-bottom:1px solid #d5dae0; } .dividerBroken_row23_13 { clear:both; border-top:15px solid #fff; margin-bottom:15px; height:1px; } #home .row23_13 .last{ margin:0 0 0 20px; padding:0; width:306px; overflow:hidden; text-align:center; } #home .row23_13 .tagCloud { height:136px; overflow:hidden; background:url('img/tagcloud_bg.jpg') 0 0 no-repeat; padding:0 0px 0 0px; } #home .row23_13 .tagCloud .text { padding:10px 2px 0px 2px; } #home .row23_13 a { padding:0 3px 0 3px; line-height:18px; } #home .row23_13 a:hover { text-decoration:underline; } #home .row23_13 .tagCloud a.size1 { color:#102648; font-size:16px; } #home .row23_13 .tagCloud a.size2 { color:#102648; font-size:14px; } #home .row23_13 .tagCloud a.size3 { } #home .row23_13 .tagCloud a.size4 { font-size:11px; } #home .row23_13 .tagCloud a.size5 { font-size:10px; } /* Zwei Splaten */ #home .cont2Cols .box { width:460px; } #home .cont2Cols .box .image { width:160px; } #segmentverteiler #cont2Cols { float:left; width:511px; overflow:hidden; } #segmentverteiler #cont2ColsMarg { width:735px; overflow:hidden; } /* Drei Spalten */ #hubpage #cont3Cols { width:735px; overflow:hidden; } #hubpage #cont3Cols .highlight .image { float:none; } #hubpage #cont3Cols .highlight { margin-left:0px; margin-right:18px; height:358px; background:url('img/teaser_content_bg.jpg') 0 0 no-repeat;} #hubpage #cont3Cols .last { margin-right:0px; } #hubpage #cont3Cols .highlight .text { height:175px; margin:15px 18px 15px 15px; } #hubpage #cont3Cols .highlight .image { margin:3px 1px 1px 3px;} /*vwd*/ #contentpage #cont3Cols { width:735px; overflow:hidden; } #contentpage #cont3Cols .highlight { margin-left:0px; margin-right:18px; min-height:400px; background:url('img/teaser_content_bg_vwd1.jpg') 0 0 no-repeat;} #contentpage #cont3Cols .item {width:226px;} #contentpage #cont3Cols .last { margin-right:0px; } #contentpage #cont3Cols .highlight .text { margin:15px 18px 15px 15px; } /* /vwd */ /* Vier Spalten */ #home .cont4Cols .box { } /* =============================== = 3. Inhaltsbereiche =============================== */ /* =============================== = Überschriften =============================== */ h1, h1 p { font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:20px; color:#102648; line-height:27px; } h2, h2 p { font-size:15px; color:#2f72be; line-height:21px; margin-bottom:15px; } h3 { font-size:15px; color:#102648; line-height:21px; } h4 { font-size:12px; color:#102648; line-height:18px; } #mainHeadline h1 { /*padding:5px 0 25px 2px;*//*vwd:*/padding:0 0 25px 2px; } #home #mainHeadline h1 { padding-bottom:10px; margin-bottom:0px;} #subHeadline h3 { padding:15px 0 5px 2px; } /* =============================== = 4. Spezial =============================== */ /* =============================== = Divider =============================== */ .divider { clear:both; border-bottom:1px solid #d6dae0; border-top:15px solid #fff; margin-bottom:15px; } #marginale .divider { clear:none; } .dividerBroken { clear:both; border-top:15px solid #fff; margin-bottom:15px; height:1px; background: url('img/divider.jpg') 0px 0px no-repeat; } /* .b { background-color:blue; } .r { background-color:red; } .g { background-color:green; } */ /* =============================== = Teaser =============================== */ #topTeaser { margin: 0px 4px 20px 2px; background: url('img/teaser.jpg') 0px 0 no-repeat; height:200px; overflow:hidden; margin-bottom:20px; } #topTeaser ul.checklist { list-style-type:none; } #topTeaser ul.checklist li { color:#102648; font-weight:bold; } #topTeaser .leftBox { background:transparent; margin:18px 0 0 20px; width:200px; height:195px; display:!none; float:left; } #topTeaser .leftBox ul { list-style-type:none; margin:17px 0 0 0; height:175px; display:none; } #topTeaser .leftBox ul li { margin-bottom:5px; font-weight:bold; color:#102648; padding-left:35px; background-image:none; } #topTeaser .leftBox .moreLink { margin-top:49px; display:none; } #topTeaser .leftBox .moreLink a { font-weight:bold; font-size:14px; color:#fff; padding-left:30px; } #topTeaser .selectBox { background:transparent; margin-left:465px; width:247px; height:300px; float:left; } #topTeaser .selectBox .item { margin:2px 5px 0 7px; height:58px; width:auto; } #topTeaser .selectBox .first { margin-top:3px; } #topTeaser .selectBox .item a { display:block; background:url('img/bbt02_bg.jpg') 9px 0 no-repeat; cursor:hand; padding:4px 5px 5px 5px; color:#102648; } #topTeaser .selectBox .item a.act { background:url('img/bbt_act_bg.jpg') 0 0 no-repeat; color:#fff; } #topTeaser .selectBox .item a:hover { background:url('img/bbt_act_bg.jpg') 0 0 no-repeat; color:#fff; } #topTeaser .selectBox .item a.act span , #topTeaser .selectBox .item a:hover span { color:#fff; } #topTeaser .selectBox .item span { display:block; margin-left:8px; height:45px; background-position:0 0; background-repeat:no-repeat; padding:2px 0 0 78px; overflow:hidden;} #topTeaser .selectBox #selectUp, #topTeaser .selectBox #selectDown { margin-top:4px; height:19px; text-align:center; } /* Ausleitungslink im TopTeaser*/ #segmentverteiler #topTeaser #topTeaserLink01, #hubpage #topTeaser #topTeaserLink01 { position:relative; top:155px; left:515px; margin-bottom:2px; } #segmentverteiler #topTeaser #topTeaserLink02, #hubpage #topTeaser #topTeaserLink02 { position:relative; top:75px; left:515px; margin-bottom:2px; } #segmentverteiler #topTeaser .moreButton, #hubpage #topTeaser .moreButton {padding:0px; margin:0px; width:205px; height:35px; text-align:left; background: url('img/topteaserlink-bg.png') 0 0 no-repeat; } #segmentverteiler #topTeaser .moreButton a, #hubpage #topTeaser .moreButton a { font-weight:bold; font-size:14px; color:#fff; background-image:none; padding:8px 0px 8px 30px; display:block; } #segmentverteiler #topTeaser .moreButton span, #hubpage #topTeaser .moreButton span { padding:4px 5px 4px 10px; background-image:none; } #home #topTeaser { margin: 0px 0px 20px 0px; width:948px; height:300px; background: url('img/bigbangteaser2.jpg') 0px 0 no-repeat; } /* =============================== = Slider =============================== */ #backwardButton { float:left; } #forwardButton { float:left; } #home .sliders { width:948px; height:133px; overflow:hidden; background:url('img/sliders_bg.jpg') 16px 1px no-repeat;} #home .sliders .slider { float:left; width:300px; height:123px; margin-left:4px; overflow:hidden; background:url('img/slider_bg2.jpg') 0 0 no-repeat; margin-top:4px; } #home .sliders .first { margin-left:6px; } #home .sliders .last { margin-right:2px; } #home .sliders .slider .item { margin:0px; width:auto; padding:0px; } #home .sliders .image { float:left; width:120px; margin-top:-1px; } #home .sliders .text { line-height:18px; color:#102648; margin-top:5px;} #home .sliders .moreButton { margin-right:5px; } /* =============================== = Prozess =============================== */ #sprachausgabe { position:absolute; background:url('img/sprachausgabe.jpg') 0 0 no-repeat; padding:5px 0 10px 40px; top:380px; left:800px;} #sprachausgabe a { font-weight:bold; } #prozess { background:url('img/prozess_border.jpg') repeat-y; padding:0 6px 0 4px;} #prozess .wrapper { background:#e9f0f6 url('img/prozess_verlauf_bg.jpg') 0 0 repeat-x; } #prozess #prozessTop { background:url('img/prozess_top_bg.jpg') 0 0 no-repeat; height:7px; margin:-2px -6px -2px -4px; } #prozess #progressBar ul { width: 717px; padding-left: 5px; } #prozess #progressBar ul li { float: left; position: relative; z-index: 10; width: 190px; height: 25px; line-height: 25px; margin: 0px 0px 0px -12px; padding: 0px; background: transparent url('img/panel_load_p.gif') top left no-repeat; white-space: nowrap; } #prozess #progressBar ul li.first { margin-left: 0px; background-image: url('img/panel_load_p_first.gif'); white-space: nowrap; } #prozess #progressBar ul li.last { width: 182px; background-image: url('img/panel_load_p_last.gif'); white-space: nowrap; } #prozess #progressBar ul li span { padding-left: 20px; color: #102648; font-weight: bold; white-space: nowrap; } #prozess #progressBar ul li .progressMorph { position: relative; z-index: 20; width: 0px; overflow: hidden; margin-top: -26px; background: transparent url('img/panel_load_a.gif') top left no-repeat; color: #fff; white-space: nowrap; } #prozess #progressBar ul li.first .progressMorph { background-image: url('img/panel_load_a_first.gif'); white-space: nowrap;} #prozess #progressBar ul li.last .progressMorph { background-image: url('img/panel_load_a_last.gif'); white-space: nowrap;} #prozess #progressBar ul li .progressMorph span { float: left; color: #fff; white-space: nowrap; } #prozess #prozessContent { padding-bottom:10px; } #prozess #prozessBottom { background:#fff url('img/prozess_bottom_bg.gif') 0 -4px no-repeat; margin:-4px -6px 0px -4px; padding-top:15px; } #prozess #panele { padding-top:15px; } #prozess #panele .block { margin-left:10px; } #prozess #panele .item { width:500px; margin-bottom:10px; } #prozess #panele .help { display:none; } #prozess #panele .block .image { width:115px; } #prozess #panele .block .text { } #prozess legend { display:none; } #prozess .radioField { clear:both; display:block;} #prozess .radioLegend { float:left; width:260px; clear:left; } #prozess .radioItem { float:left; margin-right:15px; } #prozess .textField { clear:both; padding:5px 0 5px 0;} #prozess .textField label { display:block; width:260px; float:left; font-weight:bold; } #prozess .textField label span.description { font-weight:normal; } #prozess .textField input { width:175px; border:1px solid #7f8b9d;} #prozess .multiInputs input { width:55px; } #prozess .multiInputs span.subLabel { } #prozess .missing { } #prozess .missing label { padding-left:20px; background:url('img/missing_field_bg.gif') 0 3px no-repeat; width:240px; color:#b71e00; } #prozess .missing input { border-color:#b71e00;} #prozess .checkboxField { } #prozess .checkboxField input { } /* Buttons im Prozess */ #prozessBack, #prozessForward { float:left; } #prozessBack { text-align:right; margin:15px; } #prozessBack span { display: block; line-height: 24px; padding-left: 30px; background: url('img/prozess_back.jpg') top left no-repeat; color:#fff; font-weight:bold; } #prozessBack span span { padding-left: 0px; padding-right: 15px; background: url('img/prozess_back_r.jpg') top right no-repeat; } #prozessForward { text-align:right; margin:15px; } #prozessForward span { display: block; line-height: 24px; padding-left: 30px; background: url('img/prozess_forward.jpg') top left no-repeat; color:#fff; font-weight:bold; } #prozessForward span span { padding-left: 0px; padding-right: 15px; background: url('img/prozess_forward_r.jpg') top right no-repeat; } #segmentverteiler #prozess .errorMessage { text-align: center; } #segmentverteiler #prozess .errorMessage .text { padding-left: 12px; background: url('img/prozess_hl_main_bg.jpg') no-repeat; } #segmentverteiler #prozess .errorMessage .text ul li { font-weight: bold; color:#b71e00; padding:5px 0 0 0; background-image:none; } #segmentverteiler #prozess .errorMessage .clearer { height:8px; background:url('img/prozess_hl_bottom_bg.jpg') top left no-repeat;} #segmentverteiler #prozess .highlight { } #segmentverteiler #prozess .highlight .item { background:url('img/prozess_hl_main_bg.jpg') no-repeat; } #segmentverteiler #prozess .highlight .item h3, #segmentverteiler #prozess .highlight .item .text, #segmentverteiler #prozess .highlight .item .image { padding-left:15px; padding-top:10px; } #segmentverteiler #prozess .highlight .item .text { padding-right:5px;} #segmentverteiler #prozess .highlight .item .clearer { height:19px; background:url('img/prozess_hl_bottom_bg.jpg') left bottom no-repeat;} #segmentverteiler #prozess .blue { margin-left:15px; } #segmentverteiler #prozess .blue .item { background:url('img/prozess_hl_blue_main_bg.jpg') no-repeat; margin-bottom:10px; } #segmentverteiler #prozess .blue .item h3, #segmentverteiler #prozess .blue .item .text, #segmentverteiler #prozess .blue .item .image { padding-left:10px; padding-top:10px; } #segmentverteiler #prozess .blue .item .text { padding-right:10px;} #segmentverteiler #prozess .blue .item .clearer { height:19px; background:url('img/prozess_hl_blue_bottom_bg.jpg') left bottom no-repeat;} #segmentverteiler #prozess .done .item { margin-top:-19px; margin-bottom:10px; } #segmentverteiler #prozess .done .item .text, #segmentverteiler #prozess .done .item .image { display:none; } #segmentverteiler #prozess .done .item h3 { margin:0px; padding-left:50px; background:url('img/done_bg.jpg') 15px 10px no-repeat;} #segmentverteiler #prozess .done .item .clearer { height:9px; } #segmentverteiler #prozess .block .item h3.topLine { border-top:1px solid #d6dae0; padding-top:5px; } /* =============================== = Reiternavigation =============================== */ .tabBox { background:url('img/tabbox_breit_bg.jpg') 0 0px repeat-y; margin:0px; padding:0; } .tabNav { background:url('img/tabnav_w_line_bottom.gif') 0px 0px no-repeat; margin-top:-2px; padding:0; } .tabNav ul { list-style-type:none; margin:0px; } .tabNav ul li a { padding:5px 15px 0 0px; background:url('img/tabnav_li.gif') top right no-repeat; font-weight:bold; color:#fff; display:block; height:26px;} .tabNav ul li.act a { background-image:url('img/tabnav_li_act.gif'); color:#2f72be; } /*vwd .tabNav ul li a:hover { text-decoration:underline; }*/ .tabContent { margin:0px 6px 0 4px; padding:15px; background:#ebf2f8 url('img/tabcontent_bg.jpg') 0 -1px repeat-x; } .tabFoot { background:#fff url('img/tabfoot_bg.jpg') 0 -1px repeat-x; height:7px; } .tabBox .table {margin-bottom:15px; } .tabBox .pBoSmall {padding-bottom:3px;} #content .tabNav ul li { float:left; overflow:hidden; background:url('img/tabnav_span.gif') top left no-repeat; margin-left:1px; margin-right:5px; } #content .tabNav ul li.act { background-image:url('img/tabnav_span_act.gif'); } #content .tabNav ul li.first { background-position: 0px 0px; } .multiTabBox { margin-left: 1px; } #content .multiTabBox .tabNav ul li { margin-left: 0px; margin-right: -4px; background-position: -1px top; } #content .multiTabBox .tabNav ul li.act { margin-left: 11px; margin-right: 7px; } #content .multiTabBox .tabNav ul li.first { margin-left: 1px; background-position: top left; } /* Tabnav in Teaser */ #content #topTeaser .tabNav ul li { float:left; overflow:hidden; background:url('img/tt_tabnav_span.gif') top left no-repeat; margin-left:1px; margin-right:10px; } #content #topTeaser .tabNav ul li.act { background-image:url('img/tt_tabnav_span_act.gif'); } #topTeaser .tabNav { margin:175px 0 0 20px; background-image:none; } #contentpage #topTeaser .tabNav { margin:135px 0 0 20px; background-image:none; } #topTeaser .tabNav ul { list-style-type:none; margin:0px; } #topTeaser .tabNav ul li { border:0px solid #fff; background-image:url('img/tt_tabnav_bg.gif'); } #topTeaser .tabNav ul li a { padding:5px 20px 0 5px; background:url('img/tt_tabnav_li.gif') top right no-repeat; font-weight:bold; color:#fff; display:block; height:26px;} #topTeaser .tabNav ul li.act a { background-image:url('img/tt_tabnav_li_act.gif'); color:#2f72be; } #topTeaser .tabNav ul li a:hover { text-decoration:underline; } /* =============================== = FAQ =============================== */ /* über 3 Spalten */ #cont3Cols #faqList h2 { color:#102648;} #cont3Cols .tabBox { background:url('img/tabbox_breit_faq_bg.gif') 0 0px repeat-y; margin:0px; padding:0; } #cont3Cols .tabContent { margin:0px 6px 0 4px; padding:15px; background:#ebf2f8 url('img/tabcontent_bg.jpg') 0 -1px repeat-x; } #cont3Cols .tabFoot { background:#fff url('img/tabfoot_faq_bg.gif') 0 -1px repeat-x; height:7px; } #cont3Cols .tabNav { background:url('img/tabnav_w_line_faq_bottom.gif') 0px 0px no-repeat; margin-top:-2px; padding:0; } #cont3Cols .table { background:url('img/faq_table_bg.gif') 0px 0px no-repeat; padding:2px 4px 0px 2px; margin-left:-2px; } #cont3Cols .table .tfoot { background:url('img/faq_table_foot_bg.gif') 0px 0px no-repeat; margin:-1px -4px 0 -2px; padding:0px; height:4px; } #cont3Cols .table td {padding:8px 10px 6px 10px;} #cont3Cols .table td.first { font-weight:bold;} #cont3Cols .table th {padding-top:1px; padding-bottom:1px;} #cont3Cols .table th {border-left: 1px solid #91accc;} #cont3Cols .table th.first {border-left:none;} #cont3Cols .table table thead tr { background:#a7c2df url(img/faq_table_thead_tr.gif) left top repeat-x; } #cont3Cols .table th span.questionLabel { background: url('img/faq_questionlabel_bg.gif') 0px 0px no-repeat; padding:3px 0 3px 30px; } #cont3Cols .table th img { vertical-align:middle; margin-left:45px;} #cont3Cols .relevance { } #cont3Cols .relevance .box { width:81px; height:16px; margin-left:0px; margin-right:30px; } #cont3Cols .even .relevance .box { background: url('img/faq_relevance_even_bg.gif') 0px 0px no-repeat; } #cont3Cols .odd .relevance .box { background: url('img/faq_relevance_odd_bg.gif') 0px 0px no-repeat; } #content #cont3Cols .relevance .box .chart { border:none; padding:0px; margin-left:4px; margin-top:4px; width:71px; height:6px; overflow:hidden;} #content #cont3Cols .relevance .box .chart img { margin:0px; } /* =============================== = Jalousie / Accordion =============================== */ /* OLD */ .jalousie .trigger { height:23px; font-weight:bold; font-size:12px; overflow:hidden; background:url('img/jalousie_headline.jpg') 0px 0px repeat-x; padding:4px;} .jalousie .trigger a { color:#496896; } .jalousie .trigger span { background:url('img/jalousie_down.gif') 8px no-repeat; padding:8px 10px 8px 20px;} .jalousie .box { margin:2px 8px 2px 8px; } /*.jalousie .inact { display:none; }*/ .jalousie .inact { position: absolute; display: block; top: -10000px; left: -10000px; width: 1px; height: 1px; overflow: hidden; } /* NEW */ #content #accordion {margin-top:-1px;} .accordion-toggle{ margin:0 1px 0 1px; } #content .accordion { position: relative; width: 503px; margin:0 0 0 0px; padding: 0px 0px 0px 0px; border:1px solid #b3bbc7; } .accordion h3 { font-size:12px; } .accordion .accordion-content { padding:0px; } .accordion .accordion-content p { padding:5px 10px 5px 10px; } .accordion-toggle { position: relative; z-index: 10; height: 22px; line-height: 22px; margin-bottom: 1px; padding-left: 41px; background: transparent url('pix_accordion/accordion_passive.gif') top left repeat-x; color: #1c3151; cursor: pointer; } .accordion-toggle h3 span { display:none; } .accordion-toggle .action { display: none; float: right; margin-top: -22px; width: 100px; text-align: right; } .accordion-toggle-active { background: transparent url('pix_accordion/accordion_active.gif') top left repeat-x; color: #fff; } .accordion-toggle-active h3 { color: #fff; } .accordion-toggle-active h3 span { display:inline; position:absolute; left:400px; top:0px; font-weight:normal; color: #fff; } .accordion-toggle-active .action { display: block; } .accordion-content{ overflow: hidden; } .accordion-content {padding:0px; margin:0px;} .accordion-content .resultItems { border-bottom:1px solid #bdc4ce; } #content .accordion-content .teaserItem { clear:both; border-top:1px solid #bdc4ce; margin:5px 10px 10px 10px; padding-top:5px;} #content .accordion-content .first { border-top:none; } .accordion-content .teaser { float:left; width:375px; } .accordion-content .teaser h4 a { background: url('img/morelink.jpg') 0px 2px no-repeat; padding-left:12px; } .accordion-content .teaser a { margin-left:10px; } .accordion-content .relevance { float:left; width:85px; margin-left:14px; } .accordion-content .relevance .box { width:81px; height:16px; background: url('img/search_relevance_bg.gif') 0px 0px no-repeat; } #content .accordion-content .relevance .box .chart { border:none; padding:0px; margin-left:4px; margin-top:4px; width:71px; height:6px; overflow:hidden;} .searchPhrase, .searchResults { color:#2f72be; font-weight:bold; } #searchResultList .results { margin:0px; padding:0px 4px 0 2px; background:url('img/searchresults-top-bg.gif') 0 0px no-repeat; } #contentpage #searchResultList .item { float:none; overflow:hidden; margin:20px 0 0 0px; width:510px; padding:0px;} #contentpage #content #searchResultList .item { margin:-1px 0 0 0px; padding:0px 0px 0 0;} #searchResultList #accordionbottom { height:4px; background:url('img/searchresults-bottom-bg.gif') 0px 0px no-repeat; position: relative; margin-top:-1px;} #searchResultList .helptext {margin-bottom:20px;} #content #prozess .accordion { position: relative; width: 495px; margin:0px; padding: 0px 0px 0px 0px; border:1px solid #b3bbc7;} #content #prozess .accordion .accordion-toggle img{margin-top:1px;} #newsList, #newsDetail { margin:0px; padding:0px 4px 0 2px; background:url('img/newslist-top-bg.gif') 0 0px no-repeat; } #newsBottom { height:13px; background:url('img/newslist-bottom-bg.gif') 0px 0px no-repeat; position: relative; margin-top:-1px;} #newsList .block, #newsDetail .block {margin:0;} #newsList .selectBar { margin:2px 1px 1px 2px; background:url('img/newslist-select-bg.gif') top left repeat-x; height:22px; } #newsList .selectBar h4 { padding:2px 0 0 10px; float:left;} #newsList .selectBar #selectBox { float:right; text-align:right; padding-right:10px; width:200px; overflow:hidden;} #newsList .pager {text-align:right; margin:0 15px 0 15px; border-bottom:1px solid #ced3da; padding:5px 0 10px 0;} #newsList .bottom { border-bottom:none; border-top:1px solid #ced3da; padding:10px 0 5px 0; } #newsList .pager a { color:#102648; } #newsList .pager a.act { font-weight:bold; } #newsList .newsItems {} #newsList .newsItems .newsItem { padding:5px 15px 5px 15px; margin:0 0 0 1px;} #newsList .newsItems .odd { background-color:#eceef1; clear:both; } #newsList .newsDate, #newsList .newsTeaser {float:left;} #newsList .newsDate a, #newsList .newsTeaser a { font-weight:bold; float:left;} #newsList .newsDate { width:80px;} #newsList .newsTeaser { width:380px;} #newsList .newsTeaser a { color:#102648; } #newsDetail .newsItem { padding:10px 15px 10px 15px; background:#EAF1F9 url('img/newsdetail-bg.gif') 0px 0px no-repeat; margin:0 0 0 1px;} #newsDetail .dateBar { margin:2px 1px 1px 2px; background:url('img/newslist-select-bg.gif') top left repeat-x; height:22px; } #newsDetail .dateBar span { display:block; padding:4px 0 0 10px; font-weight:bold; } #newsDetail h4 { padding:2px 0 3px 10px; } #newsDetail .bottom { border-top:1px solid #ced3da; padding:10px 0 0px 0; } .newsItem h2 { font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:20px; color:#102648; line-height:27px; } .newsItem h3 { font-size:12px; color:#102648; margin:5px 0 5px 0; } #newsDetail .pager a { color:#102648; } #newsDetail .pager .backToList { margin-left:15px; padding-left:16px; background:url('img/news_backtolist_bg.gif') 0px 3px no-repeat; font-weight:bold; } #newsDetail .pager .backward { margin-left:220px; padding-left:12px; background:url('img/news_backward_bg.gif') 0px 4px no-repeat; color:#102648; } #newsDetail .pager .forward { margin-left:10px; padding-right:12px; background:url('img/news_forward_bg.gif') right 4px no-repeat;} /* #newsDetail .pager a {display:block; float:left; color:#102648; padding-right:15px; } #newsDetail .pager .backToList { margin-left:15px; padding-left:15px; background:url('img/news_backtolist_bg.gif') 0px 3px no-repeat; font-weight:bold; } #newsDetail .pager .backward { background:url('img/news_backward_bg.gif') right top no-repeat; } #newsDetail .pager .forward {} */ /* =============================== = Formular =============================== */ fieldset { border:none; } optgroup, option { color:#729fd2; } .number { float:left; background:url('img/number_bg.gif') 0 0px no-repeat; margin:-4px 10px 2px 0px; padding:4px 10px 12px 9px; color:#fff; font-weight:bold; } legend { display:none; } .radioField , .checkboxField { clear:both; display:block; margin:5px 0 5px 0;} .radioLegend, .checkboxLegend { float:left; width:260px; clear:left; } .radioItem , .checkboxItem{ float:left; margin-right:15px; } .textField, .selectField, .textareaField { clear:both; padding:5px 0 5px 0;} /*in den Prozessen */ .textField label, .selectField label, .textareaField label { display:block; width:260px; float:left; font-weight:bold; } /*Formular in Tabboxen */ .tabContent .textField label, .tabContent .selectField label, .tabContent .textareaField label{ width:120px; } .textField label span.description, .selectField label span.description, .textareaField label span.description { font-weight:normal; } .textField input, .selectField select, .textareaField textarea { width:175px; border:1px solid #7f8b9d; color:#729fd2; } .textareaField textarea { height:135px; overflow:auto;} .multiInputs input, .multiInputs select { width:55px; } .multiInputs span.subLabel { } .missing { } .missing label { padding-left:20px; background:url('img/missing_field_bg.gif') 0 3px no-repeat; width:240px; color:#b71e00; } .missing input { border-color:#b71e00;} .checkboxField { } .checkboxField input { } /*STandardformular in Highlight-Box */ .highlight .textField label, .highlight .selectField label, .highlight .textareaField label { width:145px; } .highlight .textField input { width:220px; } .highlight .selectField select { width:220px; } .highlight .textareaField textarea { width:320px; } .highlight .multiInputs input { width:55px; } .highlight .radioField, .highlight .checkboxField { clear:both; display:block; margin:5px 0 5px 0;} .highlight .radioLegend, .highlight .checkboxLegend { float:left; width:145px; clear:left; } .highlight .radioItem, .highlight .checkboxItem { float:right; width:310px; text-align:left; } /* Buttons im Prozess */ /* vwd #formBottom div { float:left; width:auto;} #formBottom #submitForm { float:right; width:auto;} #resetForm { background:url(img/resetform-bg.jpg) top left no-repeat; } #resetForm input{ background:url(img/resetform-right-bg.jpg) top right no-repeat; } #submitForm { background:url(img/submitform-bg.jpg) top left no-repeat; } #submitForm input { background:url(img/submitform-right-bg.jpg) top right no-repeat; } #formBottom input { text-align:left; background-color:transparent; border:none; color:#fff; padding:2px 15px 2px 30px; margin:0; } */ .submitForm { background:url(img/submitform-bg.jpg) top left no-repeat; } .submitForm input { background:url(img/submitform-right-bg.jpg) top right no-repeat; text-align:left; background-color:transparent; border:none; color:#fff; padding:2px 15px 2px 30px; margin:0; } .btn_beside {margin:2px 0 0 20px;} .btn_besideB {margin:5px 0 10px 142px;} .btn_column {position:relative;top:-5px} .resetForm { background:url(img/resetform-bg.jpg) top left no-repeat; } .resetForm input{ background:url(img/resetform-right-bg.jpg) top right no-repeat; text-align:left; background-color:transparent; border:none; color:#fff; padding:2px 15px 2px 30px; margin:0; } /* =============================== = Tabellen =============================== */ /* FF / Opera wg. korrekter Collapse 99.9% IE wegen inkorrekter Collapse 100% Margin das Selbe */ .table table { border:1px solid #bec5cf; border-collapse:collapse; margin-left:1px; width:99.8%; background-color:#fff;} .table table tr, .table table th, .table table td { /* vwd */ /*padding-left:10px; line-height:21px; border-collapse:collapse;text-align:left; vertical-align:top;*/ padding:1px 5px 2px 5px; line-height:18px; border-collapse:collapse; /* /vwd */ } /* vwd: .table table td img { margin:10px 10px 10px 0; } */ /* vwd: .table table thead {} .table table thead tr th { background:#a7c2df url(img/table_thead_th.gif) top left repeat-x; } */ /* vwd */ .table table tr th { background:#a7c2df url(img/table_thead_th.gif) left top repeat-x; } /* /vwd */ .table table tbody { } .table table tbody tr th {} /* vwd: .table table tbody tr th, */ .table table tbody tr td { background:#fefefe url(img/table_tbody_odd.gif) top left repeat-y; } .table table tbody tr.odd th, .table table tbody tr.odd td {background:#fefefe url(img/table_tbody_odd.gif) top left repeat-y; } .table table tbody tr.even th, .table table tbody tr.even td { background:#eceef1 url(img/table_tbody_even.gif) top left repeat-y; } .table table tbody tr td.first { background-position:-1px 0px; } .table table tr .last { } .table .tfoot { height:39px; line-height:39px; background:#bbc9d9 url(img/table_tfoot.gif) bottom left repeat-x; } .table .tfoot .moreButton {margin:-2px 5px 0 0; padding-top:0px;} .table .moreButton a { font-weight:bold; color:#fff; background:url('img/linkbutton_table_hl.jpg') 0 0 no-repeat; padding:4px 0px 4px 30px; } .table .moreButton span { padding:4px 5px 4px 10px; background:url('img/linkbutton_table_hl_r.jpg') top right no-repeat; } tr.odd .moreButton a { font-weight:bold; color:#fff; background:url('img/linkbutton_td_odd_hl.jpg') 0 0 no-repeat; padding:4px 0px 4px 30px; } tr.odd .moreButton span { padding:4px 5px 4px 10px; background:url('img/linkbutton_td_odd_hl_r.jpg') top right no-repeat; } tr.even .moreButton a { font-weight:bold; color:#fff; background:url('img/linkbutton_td_even_hl.jpg') 0 0 no-repeat; padding:4px 0px 4px 30px; } tr.even .moreButton span { padding:4px 5px 4px 10px; background:url('img/linkbutton_td_even_hl_r.jpg') top right no-repeat; } .integer { white-space:nowrap; font-weight:bold; } .table table td.button { text-align:right; margin-right:10px; padding-bottom:10px; white-space:nowrap; } /* =============================== = Schatten (shadowed.js) =============================== */ .shadowed div { border: none; } .shadowed .top {height: 2px !important; overflow: hidden; } .shadowed .top .left { float: left; height: 2px !important; width: 2px !important; overflow: hidden; background: transparent url('img/ds_corner_topleft.png') top left repeat-x; } .shadowed .top .right { float: right; height: 2px !important; width: 4px !important; overflow: hidden; background: transparent url('img/ds_corner_topright.png') top left repeat-x; } .shadowed .top .middle { overflow: hidden; height: 2px !important; background: transparent url('img/ds_top.png') top left repeat-x; } .shadowed .bottom { height: 4px !important; overflow: hidden;} .shadowed .bottom .left { float: left; height: 4px !important; width: 8px !important; overflow: hidden; background: transparent url('img/ds_corner_bottomleft.png') top left repeat-x; } .shadowed .bottom .right { float: right; height: 4px !important; width: 5px !important; overflow: hidden; background: transparent url('img/ds_corner_bottomright.png') top left repeat-x; } .shadowed .bottom .middle { overflow: hidden; height: 4px !important; background: transparent url('img/ds_bottom.png') top left repeat-x; } .shadowed .left { background: transparent url('img/ds_left.png') top left repeat-y; } .shadowed .right { background: transparent url('img/ds_right.png') top right repeat-y; } .shadowed .shadow_content { margin-left: 12px; margin-right: 4px; background: #fff; } .shadowed_with_corner div { border: none; } .shadowed_with_corner .top { position: relative; margin-top: 7px; height: 7px !important; overflow: hidden; } .shadowed_with_corner .top .left { float: left; height: 7px !important; width: 2px !important; overflow: hidden; background: url('img/ds_corner_topleft.png') top left repeat-x; } .shadowed_with_corner .top .right { float: right; height: 7px !important; width: 8px !important; overflow: hidden; background: url('img/ds_roundedcorner_topright.png') top left repeat-x; } .shadowed_with_corner .top .middle { overflow: hidden; height: 7px !important; background: url('img/ds_top.png') top left repeat-x; } .shadowed_with_corner .bottom { height: 8px !important; overflow: hidden;} .shadowed_with_corner .bottom .left { margin-left: -1px; float: left; height: 8px !important; width: 7px !important; overflow: hidden; background: transparent url('img/ds_roundedcorner_bottomleft.png') top left repeat-x; } .shadowed_with_corner .bottom .right { float: right; height: 8px !important; width: 8px !important; overflow: hidden; background: transparent url('img/ds_roundedcorner_bottomright.png') top left repeat-x; } .shadowed_with_corner .bottom .middle { overflow: hidden; height: 8px !important; background: transparent url('img/ds_bottom.png') top left repeat-x; } .shadowed_with_corner .left { background: transparent url('img/ds_left.png') top left repeat-y; } .shadowed_with_corner .right { background: transparent url('img/ds_right.png') top right repeat-y; } .shadowed_with_corner .shadow_content { margin-left: 12px; margin-right: 4px; background: #fff; } /* =============================== = 5. LikePopUp-Fenster =============================== */ #likePopUp { overflow:hidden; } /*.partners { overflow:hidden; width:500px; }*/ .partners #likePopUpBody { overflow:hidden; } .partners .block { width:520px; overflow:hidden;} .partners .item { margin-top:15px; background:url('img/partner_bg.jpg') no-repeat; height:127px; width:144px; overflow:hidden; margin-right:19px; } .partners .item .image { margin-top:4px; margin-left:3px; float:none; } .partners .item .image img{ margin-bottom:1px; padding-bottom:1px; border-bottom:1px solid #d7dae1; } .partners .text { margin-right:15px; } .partners .item .text { float:none; margin-right:0px; } .partners .item .text .directLink { margin:15px 0 0 10px; } /* Alternative zu AJAX mit Div */ #closeLikePopUp {text-align:right; margin-right:40px; height:20px; overflow:hidden; } #closeLikePopUp a {color:#fff;} #contentLikePopUp { height:355px; overflow:hidden; } #highPopUp #contentLikePopUp { height:420px; } #likePopUpHead { height:60px; overflow:hidden; } #likePopUpHead h1 { padding-top:20px; padding-left:30px; padding-right:30px; } #likePopUpBody { height:290px; overflow:auto; } #highPopUp #likePopUpBody { height:355px; } #likePopUpContent {padding:20px 30px 0 30px;} #likePopUpContent #content { margin:0px; padding:0px; } #likePopUpContent .directLink { text-align:left; } #likePopUpContent .directLink a { display:block; padding-left:15px; } .w500px #likePopUpHead h1 { padding-top:20px; padding-left:20px; padding-right:20px; } .w500px #likePopUpContent {padding:20px 20px 0 20px; overflow:hidden; } .w500px #likePopUpContent .text p img { margin-left:-10px; } #hubpage .directLink a { display:block; padding-left:15px; } #likePopUpContent .left, #likePopUpContent .right { float:left; width:350px; } #likePopUpContent .left { margin-right:35px; } #likePopUpContent .bigButtons { margin-top:30px; } #likePopUpContent #content .downloads {margin:10px 0 0 15px;} /* andere Innenabstände im Partner-Overlay */ .partners #likePopUpHead, .partners #likePopUpBody { padding-left:0px; padding-right:0px; } .partners #likePopUpHead h1 { padding-left:15px; } .partners #likePopUpContent { padding-left:15px; padding-right:0px; } .w800px { width:800px; } .w800px #contentLikePopUp {background:#6a6e71 url('img/likepopup_wide_bg.gif');} .w500px { width:500px; } .w500px #contentLikePopUp {background:#6a6e71 url('img/likepopup_small_bg.gif');} .w500px #highPopUp #contentLikePopUp { background:#6a6e71 url('img/likepopup_small_high_bg.gif'); } .w800px #highPopUp #contentLikePopUp { background:#6a6e71 url('img/likepopup_wide_high_bg.gif'); } /* PopUp Grössenskalierung */ .zoomen #likePopUpContent { padding:20px 20px 0 7px; } .zoomen #likePopUpContent #scaling { background:url('img/scaling.gif') 0px 0px no-repeat; height:220px; width:480px; } .zoomen #likePopUpContent .left, #likePopUpContent .right { float:left; width:200px; margin:10px 10px 0px 10px; } .zoomen #likePopUpContent .right { margin-left:28px; } .zoomen #likePopUpContent .flash { margin:20px 0 10px 18px; } .zoomen #likePopUpContent .text { margin:5px 0 15px 15px; } .zoomen #likePopUpContent #scaling .text { margin:5px 0 15px 25px; } /* =============================== = 6. Top =============================== */ #top { height:138px; overflow:hidden; background:url('img/stage_top.gif') 0 134px no-repeat; } #top #logo, #top #blzBox, #top #topNav, #top #help, #top #loginPartners, #top #search { float:left; } /* Logo */ #top #logo { margin-top:7px; padding-left:20px; } #top #logo img { border:none; } #top #blzBox { font-size:14px; margin:7px 0 0 0px; width:522px; overflow:hidden; font-weight:normal; } #top #features {height:92px;} /* Top-Navigation */ #top #topNav { } #top #topNav ul { list-style-type:none; margin-left:0px; margin-top:0px; } #top #topNav ul li { padding-left:20px; float:left; height:30px; background: url('img/topnav_li_bg.gif') top left no-repeat;} #top #topNav ul li a { padding:3px 18px 8px 10px; display:block; background: url('img/topnav_a_bg.gif') top right no-repeat; color:#fff; font-weight:bold; text-decoration:none; } #top #topNav ul li a:hover { } /* Suche */ #top #search { background: url('img/search_topbutton.jpg'); height:30px; width:190px; margin-left:0px;} #top #search form { height:30px; background: url('img/search_topbutton_right.jpg') no-repeat right top; padding-right:8px; } #top #search fieldset { border:none; padding:2px 0 0 0px; } #top #search div { display:inline; } #top #search div.searchSubmit { position:relative; top:3px; left:3px; } #top #search .searchPhrase { margin-top:3px; } #top #search .searchPhrase label { display:none; } #top #search .searchSubmit label { display:none; } #top #search div.searchPhrase { position:relative; top:0px; left:3px; } #top #search #searchWords { height:15px; width:130px; border:none; border-top:1px solid #1A61A1; border-left:1px solid #1A61A1; color:#729fd2; } /* Suchbox */ #searchBox { position: absolute; margin-left: 548px; top: 20px; width: 281px; z-index: 99; } #searchBox .wrapper { margin-left: -11px; margin-bottom: -3px; padding: 0px 1px 10px 1px; background-color: #fff; } #searchBox .searchContent { padding-top: 14px; } #searchBox .results { text-align: right; } #searchBox .results a { padding-left: 12px; padding-right: 7px; background: url('img/search_result_item.gif') left 3px no-repeat; font-weight: bold; } #searchBox .group h1 { line-height: 25px; margin-top: 12px; margin-bottom: 4px; padding-left: 12px; background: #cdd5e2 url('img/search_result_group.gif') top left repeat-x; color: #102648; font-size: 13px; font-weight: bold; } #searchBox .group .item { padding-bottom: 0; margin-left: 12px; padding-left: 15px; background: url('img/search_result_item.gif') left 5px no-repeat; } #searchBox .group .item h2 { line-height: 20px; margin: 0; font-size: 13px; } #searchBox .group .item p { line-height: 16px; font-size: 11px; } #searchBox .group .highlight { background-color:#ECEEF1; } /* Login */ #top #loginPartners { width:147px; } #top #loginNetbanking { background: url('img/topbutton.gif'); height:30px; } #top #loginNetbanking a { height:30px; display:block; background: url('img/topbutton_right.gif') no-repeat right top; color:#FFF; text-decoration:none; font-weight:bold; padding:5px 8px 1px 30px; } #top #partnerLink { text-align:right; padding-top:8px; margin-bottom:30px;} /* =============================== = 7. Navigationen =============================== */ /* =============================== = Hauptnavigation =============================== */ #mainNav { } #mainNav ul { list-style-type:none; margin-left:30px; } #mainNav ul li { float:left; height:56px; overflow:hidden; margin-left:-1px;} #mainNav ul li a { font-weight:bold; font-size:14px; color:#102648; text-decoration:none; background: url('img/mainnav.gif') right 5px no-repeat; display:block; padding:9px 10px 5px 10px; } #mainNav ul li.first a { } /* li.last muss vor li.act definiert werden */ #mainNav ul li.last a { background-image:none; } #mainNav ul li.act { float:left; background: url('img/mainnav01_act.gif') 0px 0px repeat-x; margin-left:-1px; padding-left:1px; } #mainNav ul li.act a { color:#fff; background: url('img/mainnav02_act.gif') right 0px no-repeat; } #mainNav ul li a:hover { color:#2f72be;} #mainNav ul li.act a:hover { color:#fff;} /* =============================== = Subnavigation =============================== */ #subNav ul { list-style-type:none; } #subNav ul li { display:inline; } /* vwd */ #subNav ul a.specialentry {border-top:1px solid #d6dae0;padding-top:7px;background-position: 0 10px !important;} /* /vwd */ #subNav ul li a { font-weight:bold; display:block; padding-left:14px; font-size:13px; color:#102648; line-height:18px; margin-bottom:9px; background: url('img/subnav.gif') 0px 3px no-repeat; } #subNav ul li a.act, #subNav ul li a:hover { color:#ef6200; background: url('img/subnav_act.gif') 0 3px no-repeat; } /* Ebene 2 */ #subNav ul ul li a { font-weight:normal; display:block; padding-left:26px; font-size:12px; color:#1d4179; line-height:16px; margin-bottom:5px; background: url('img/subsubnav.gif') 16px 3px no-repeat; } #subNav ul ul li a.act, #subNav ul ul li a:hover { color:#ef6200; background: url('img/subsubnav_act.gif') 16px 3px no-repeat; } /* Ebene 3 */ #subNav ul ul ul li a { font-weight:normal; display:block; padding-left:36px; font-size:12px; color:#1d4179; line-height:16px; margin-bottom:5px; background: url('img/subsubnav.gif') 26px 3px no-repeat; } #subNav ul ul ul li a.act, #subNav ul ul ul li a:hover { color:#ef6200; background: url('img/subsubnav_act.gif') 26px 3px no-repeat; } /* =============================== = Rootline =============================== */ #rootLine ol { list-style-type:none; margin-left:15px; } #rootLine ol li { float:left; display:block; padding:5px 7px 0px 0px; } #rootLine ol li span { color:#314462; padding-right:7px; } #rootLine ol li a { color:#314462; text-decoration:none; } #rootLine ol li a.act { font-weight:bold; } #rootLine ol li a:hover { text-decoration:underline; } #rootLine ol li.last { } /* =============================== = Footernavigation =============================== */ #footer ul { list-style-type:none; } #footer ul li { float:left; } #footer ul li a { color:#dfe8f2; text-decoration:none; padding:0px 10px 0px 0px; } #footer ul li a:hover { } #footer ul li.last { } /********************/ /***** add. VWD *****/ /********************/ /*allgemein*/ input, select, textarea {font-family:Arial, sans-serif; font-size:13px;} .lfloat {float:left !important;} .rfloat {float:right !important;} .nowrap {white-space:nowrap;} .le {text-align:left;} .ce {text-align:center;} .ri {text-align:right;} .pos {color:#0a871f;} .posbg {border-bottom:10px solid #0a871f;} .neg {color:#c90000;} .negbg {border-bottom:10px solid #c90000;} .smaller {font-size:10px;line-height:14px !important;} a strong, strong a {color:#2f72be} #content p.paragraph, #content ul.paragraph {margin-bottom:18px;} /*header, footer, navi*/ #BIfooter {text-align:center;} #icontools {position:relative;margin:0 2px 3px 0; padding:5px 0 0 0;} #icontools a {float:right;margin-left:3px;} /*bloecke*/ .col2left {float:left;width:360px;} .col2right {float:right;width:360px;} .col2leftSmall {float:left;width:342px;} .col2rightSmall {float:right;width:342px;} .col2leftKalender {float:left;width:200px;} .col2rightKalender {float:right;width:520px;} .col2leftChart {float:left;width:511px;} .col2rightChart {float:right;width:209px;} .col3left {float:left;width:235px;margin-right:15px;} .col3center {float:left;width:235px;} .col3right {float:right;width:235px;} .col3left2 {float:left;width:230px;margin-right:10px;} .col3center2 {float:left;width:250px;} .col3right2 {float:right;width:230px;} #contentpage .highlightvwdA {float:left;width:735px;overflow:hidden;} #contentpage .highlightvwdA .highlight {background: transparent url(img/content_breit_bg_vwdA.jpg) no-repeat 0 0;} #contentpage .highlightvwdA .highlight .item {background: transparent url(img/content_breit_t_bg_vwdA.gif) no-repeat 0 bottom;} #contentpage .highlightvwdA .highlight .item .text {padding:15px;} div.trenner40 {clear:both;height:40px;font-size:0;} div.trenner20 {clear:both;height:20px;font-size:0;} div.trenner10 {clear:both;height:10px;font-size:0;} .maBo4 {margin-bottom:4px;} .maTo10 {margin-top:10px;} /*listen*/ .linklisteA {border-top:1px solid #d6dae0 !important;border-bottom:1px solid #d6dae0;padding:5px 0; margin:0 0 20px 0;} .linklisteA p {float:left;padding:0;margin:0 9px 0 0;} .linklisteA ul { list-style:none;margin:0;padding:0 12px 0 12px !important; } .linklisteA ul li {display:inline;background:none !important;padding-left:0 !important;white-space:nowrap;} .linklisteA li a {float:left;background:url(img/morelink.jpg) no-repeat 0 4px !important;padding-left:15px !important;margin-right:20px;color:#2F72BE;} .pagination {position: relative; margin: 6px 6px 1px 0 !important; padding: 0 0 0 0 !important; height: 11px;} .pagination li {width:17px;height:11px; float:left; display: block; background: url(img/btn_paging.gif) -1px 0 no-repeat !important;padding-left:0 !important; list-style: none;} .pagination a {width: 17px; height: 11px;line-height:0;font-size:0; display: block;} .pagination .stat1 {} .pagination .stat2 {background-position: -18px 0 !important;} .pagination .stat3 {background-position: -35px 0 !important;} .pagination .stat4 {background-position: -52px 0 !important;} .pagination .stat1 a:hover {background: url(img/btn_paging.gif) -1px -11px no-repeat !important;} .pagination .stat2 a:hover {background: url(img/btn_paging.gif) -18px -11px no-repeat !important;} .pagination .stat3 a:hover {background: url(img/btn_paging.gif) -35px -11px no-repeat !important;} .pagination .stat4 a:hover {background: url(img/btn_paging.gif) -52px -11px no-repeat !important;} /*Hilfe*/ dl.lexikon {padding:0 5px;} dl.lexikon dt {font-weight:bold;padding:5px 0 5px 0;margin:0;font-size:14px;} dl.lexikon dd {padding:0;margin:0 0 30px 0;} dl.lexikon p{margin-left:0;} dl.lexikon dl {padding:0 10px;} dl.lexikon dl dt {padding:0;} dl.lexikon dl dd {margin-bottom:10px;} /*reiter*/ .reiter {height:26px;} .reiterbutton {float:right !important;background:none !important;margin:0 !important;padding:0 !important;border:0 !important;} .reiterbutton div {margin:0 !important;border:0 !important;} .tabNavA { background-image:url('img/tabnav_w_line_bottom_vwdA.gif') } .tabBoxA { background-image:url('img/tabbox_breit_bg_vwdA.gif'); } .tabFootA { background-image:url('img/tabfoot_bg_vwdA.gif'); } .tabNavB { background-image:url('img/tabnav_w_line_bottom_vwdB.gif') } .tabBoxB { background-image:url('img/tabbox_breit_bg_vwdB.gif'); } .tabFootB { background-image:url('img/tabfoot_bg_vwdB.gif'); } .tabNavC { background-image:url('img/tabnav_w_line_bottom_vwdC.gif') } .tabBoxC { background-image:url('img/tabbox_breit_bg_vwdC.gif'); } .tabFootC { background-image:url('img/tabfoot_bg_vwdC.gif'); } .tabNavLexikon ul li {padding-left:8px !important;} .tabNavLexikon ul li a {padding-left:0;padding-right:10px;} #content .tabNav ul li.reiterheader {background:none; margin:0; padding:.45em 8px 0 19px;} #content .tabNav ul li.pagingreiter, #content .tabNav ul li.pagingreiter a {float:right;background:none;margin:0;padding:0;border:0;} /*Lexikon*/ div.lex_dl {} div.lex_dl ul {float:left;width:25%;list-style:none;margin:0;} div.lex_dl ul li {padding-right:5px;} div.lex_dl div {margin-left:25%;height:1%;border-left:1px solid #ccc;} div.lex_dl h4 {padding-left:5px;} div.lex_dl p {padding-left:5px;} /*tabellen*/ .to td, td.to, .to th, th.to {vertical-align:top;} .mi td, td.mi {vertical-align:middle;} .bo td, td.bo {vertical-align:bottom;} .row1, .row1 td {background-color:#fefefe;} .row2, .row2 td {background-color:#eceef1;} .sum td {background:#BBC9D9 url(img/table_tfoot.gif) repeat-x left bottom !important;font-weight:bold;} td.diffimg {width:50px;} td.diffimg img {margin:.25em 0 .15em 0;} td.iconcell {width:1%;white-space:nowrap;} td.iconcell img {margin:.3em 0 .1em 1px;} td.selectcell {font-weight:bold;background:#a7c2df !important;} td.gv_pos,td.gv_neg,td.gv {width:1%;white-space:nowrap;} td.gv_pos div,td.gv_neg div {overflow:hidden;white-space:nowrap;width:76px;} td.gv_pos div {padding-left:75px;} td.gv_neg div {padding-right:75px;} td.gv_pos img,td.gv_neg img {height:10px;padding:3px 0;} td.gv_pos img {border-left:1px solid #102648;float:left;} td.gv_neg img {border-right:1px solid #102648;float:right;} td.gv {width:105px;} table.trans {background:none;} table.trans td {background:#fefefe !important;border:1px solid #bec5cf;padding:5px;} table.layout, table.layout td {background:none;border:none} table.framed .pari {padding-right:10%;} table.framed .colored {background:#ebf2f8;} .kurstopper .a {float:right;margin:24px 40px 0 20px;line-height:14px;} .kurstopper .b {float:right;margin:24px 0 0 20px;line-height:14px;} .kurstopper .c {float:right;padding:26px 0 0 0;font-weight:bold;font-size:24px;line-height:24px;} td.kurstopper {font-weight:bold;font-size:24px;line-height:24px;} .kurstopper .priceaddition {font-weight:normal;font-size:16px;} .sortup,.sortdown {padding-left:9px;} .sortup{background:url(img/icon_sort_up.gif) no-repeat 0 50%;} .sortdown{background:url(img/icon_sort_down.gif) no-repeat 0 50%;} .OStableframe {width:100.6%;overflow:auto;padding-top:1px;} /*fuer div um Tabelle bei Oversize*/ /*formulare*/ .error {clear:both;margin:10px 0; } .error p {color:#c90000;} .resetForm input, .submitForm input {cursor:pointer;} .setBaseA {line-height:12px;} .formA {width:190px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;} .formB {width:150px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;} .formC {width:80px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;} .formD {width:40px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;} .formE {width:100px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;} .formF {width:59px;padding-right:1px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;}/*padding-right weil IE sonst keinen Cursor im leeren Feld anzeigt*/ .formG {width:49px;padding-right:1px;border:1px solid #7f8b9d;color:#729fd2;margin:4px 0;} .formParallel {clear:none;float:left;width:340px;} .labelA {width:240px !important;} .form100 {width:100px !important;} .form300 {width:300px !important;} .disabled {color:#aaa !important;} /*Nachrichtentext*/ .news {overflow:auto;width:100%;} .news, .news pre, .news p, .news li {font-family:"Courier New",Courier,monospace;} .news p {margin-left:0;margin-right:0;} .newsHighlight {background-color:#ffe099;} /*Risikomatrix*/ #content table.risikomatrix {width:auto;border:none;} .risikomatrix th, .risikomatrix td{color:#000;font-weight: bold;font-size: 16px;border:none;background:none;} .risikomatrix img {margin:0 1px 0 1px;border:2px solid;border-color:#DEDEDE #666666 #666666 #DEDEDE;} /*Sonstiges*/ .chartlegend {margin:4px 0 15px 0;line-height:13px;} .chartlegend .item {margin:0 .6em;font-size:11px;} .chartlegend .item span {font-family:Arial;font-weight:bold;font-size:14px;line-height:8px;} div.analystenbewertung {padding:10px 0;margin:auto;text-align:center;font-size:0;width:290px;position:relative;} div.analystenbewertung .positioner {position:absolute;top:25px;} #overDiv {position:absolute; visibility:hidden; z-index:999999;width:100px;} #overDiv td td {padding-left:4px;} /*+++++ CLEAR FLOATING +++++*/ .clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} .clearfix {display: inline-block;} /* Holly Hack Targets IE Win only, hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*+++ /standard clearfix +++*/ /*+++ clear floating with overflow (content column) +++*/ .clearflow { overflow:hidden; /* auto/hidden */ zoom:1; word-wrap:break-word; } /*+++ /clear floating with overflow +++*/ /*+++++ /CLEAR FLOATING +++++*/