/* Voreinstellungen */ body { background: #ffffff url(/pics/_backgrounds/hg_gesamt.jpg) 0px 0px no-repeat; margin: 0px; padding: 0 0 0 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 14px; color: #000000; } h3 { padding: 0; margin: 0; font-size: 11px; font-weight: bold; line-height: 14px; color: #000000; } div, form, p { margin: 0; padding: 0; border: none; } img { border: none; } a, a:visited, a:active, a:link, a:hover { color: #eb001f; cursor: pointer; } .anchorTop { position: absolute; height: 1px; width: 1px; line-height: 1px; font-size: 1px; text-decoration: none; } #PageWrapper { position: relative; top: 0; left: 0; width: 100%; background: transparent; clear: both; overflow: visible; } #PageHeader { position: relative; top: 0; left: 0; width: 981px; height: 226px; background: transparent url(/pics/_backgrounds/hg_header.jpg) 0px 106px no-repeat; clear: both; overflow: hidden; } #Logo { position: relative; top: 0; left: 0; float: left; z-index: 10; padding: 106px 0 0 23px; } #Logo a { display: block; width: 110px; height: 120px; background: transparent url(/pics/logo.jpg) 0px 0px no-repeat; border: none; text-decoration: none; } #HeaderImg { position: relative; top: 16px; left: 0; float: right; width: 284px; height: 82px; padding: 0 72px 0 0; z-index: 1; background: transparent url(/pics/_backgrounds/header.gif) 0px 0px no-repeat; } #MainNav { position: absolute; top: 120px; left: 136px; float: left; background: transparent; z-index: 10; } #MainNav a { position: relative; display: block; float: left; width: auto; padding: 0 13px 0 13px; border-right: 1px solid #ffffff; font-size: 11px; line-height: 11px; color:#ffffff; text-decoration: none; } #MainNav a:visited, #MainNav a:active, #MainNav a:link, #MainNav a:hover {color:#ffffff; text-decoration: none; } #MainNav a.last { border: none } #HeaderNav { position: absolute; top: 172px; right: 16px; float: right; z-index: 10; } #HeaderNav a { position: relative; display: block; float: left; width: auto; padding: 0; color:#ffffff; text-decoration: none; } #HeaderNav a:visited, #HeaderNav a:active, #HeaderNav a:link, #HeaderNav a:hover {color:#ffffff; text-decoration: none; } #TopBar { position: absolute; top: 184px; left: 136px; float:left; } #TopBar .LoginForm { position: relative; top: 0; left: 0; float: left; width: 204px; height: 44px; padding: 0px 0px 0px 10px; color: #666666; overflow: hidden; } #TopBar .Welcome { position: relative; top: 0; left: 0; float: left; width: 204px; height: 40px; padding: 0px 0px 0px 10px; font-size: 10px; line-height: 14px; color: #000000; overflow: hidden; } #TopBar .LoginForm input.Txt { position: relative; top: 0px; left: 0; float: left; width: 76px; margin: 0 4px 4px 0; padding: 0px 1px 1px 1px; background-color: #f1f8fe; border: 1px solid #899297; font-size: 11px; line-height: normal; color: #000000;} #TopBar .LoginForm input.Submit { position: relative; top: 0; left: 0; float: none; padding: 0; margin: 0px 0 0px 0px !important; background-color: transparent; border: none; } #TopBar .LoginLinks { position: relative; top: 0; left: 0; float: left; width: auto; padding: 0px 10px 0px 10px; } #TopBar .LoginLinks a, #TopBar .LoginLinks a:active, #TopBar .LoginLinks a:visited, #TopBar .LoginLinks a:link, #TopBar .LoginLinks a:hover { display: block; float: left; white-space: nowrap; padding: 0px 10px 0 0; font-size: 10px; line-height: 12px; color: #666666; text-decoration: underline; } #PageBody { position: relative; top: 0; left: 0; padding-bottom: 50px; width: 981px; background: transparent; overflow: hidden; } #PageBody .LeftColumn { position: relative; top: 0; left: 0; z-index: 1; float: left; width: 140px; padding: 44px 0px 0 0; } #PageBody .MainColumn { position: relative; top: 0; left: 0; z-index: 2; float: right; width: 838px; padding: 0; overflow: hidden; } #ArchivPulldown { position:absolute; top:15px; right:16px; z-index: 10; width: 160px; text-align: right; } #ArchivPulldown .Filter label { margin: 0 5px 0 0; font-size: 12px; font-weight: normal; color: #000000; vertical-align: middle; } #ArchivPulldown .Filter select { margin: 0; padding: 0; background-color: #ffffff; border: 1px solid #666666; font-size: 11px; line-height: 11px; color: #000000; vertical-align: middle; } /* Navigation linke Spalte */ #LeftNav { width: 100%; padding: 0; margin: 0; list-style-image: none; list-style-type: none; line-height: 1em; clear: both; overflow: hidden; } #LeftNav li { width: 100%; float: left; padding: 0 0 0 0; margin: 3px 0 0 0; background: transparent url(/pics/_backgrounds/hg_navi.gif) 0 0 repeat-y; list-style-image: none; list-style-type: none; line-height: 1em; } #LeftNav li a { display: block; margin: 0; padding: 0; text-decoration: none; overflow: hidden; } #LeftNav .Lvl2 { position: relative; top: 0; left: 0; margin: 0; padding: 0px; list-style-image: none; list-style-type: none; line-height: normal; } #LeftNav .Lvl2 li { margin: 0; padding: 0; } #LeftNav .Lvl2 li a { padding: 0px 5px 2px 16px; font-size: 11px; color: #000000; line-height: 12px; text-decoration: none;} #LeftNav .Lvl2 li a:hover { color: #eb001f; text-decoration: none; } #LeftNav .Lvl2 li.selected a { color: #eb001f; font-weight: bold; } #LeftNav .Lvl2 li a:active, #LeftNav .Lvl2 li a:visited, #LeftNav .Lvl2 li a:link { text-decoration: none; } #Headline { position: relative; float: none; width: 600px; height: 44px; } #Headline h1 { padding: 0; margin: 0; font-size: 20px; font-weight: normal; line-height: 24px; color: #eb001f; } #Headline .SubHeadline { font-size: 14px; font-weight: bold; line-height: 1em; color: #000000; } #MainContent { position: relative; top: 0; left: 0; width: 100%; height: 450px; float: none; padding: 4px 0 120px 0; clear: both; overflow: hidden; } #PageFooter { position: absolute; bottom: 40px; left: 0; width: 100%; padding: 0px 0 0px 0; font-size: 11px; font-weight: normal; line-height: 1em; color: #000000; clear: both; } #PageFooter .Copyright { position: relative; top: 0; left: 0; float: left; width: auto; } #PageFooter .FooterNav { position: relative; top: 0; left: 0; float: right; text-align: right; } #PageFooter .FooterNav a { display: block; position: relative; top: 0; left: 1px; float: left; padding: 0 10px; border-right: 1px solid #009fda; text-decoration: none; } #PageFooter .powered_by { text-align: right; position: relative; margin-top: -7px; float: right; width: 200px; padding-right: 16px; } #PageFooter .powered_by a, #PageFooter .powered_by a:active, #PageFooter .powered_by a:visited, #PageFooter .powered_by a:link, #PageFooter .powered_by a:hover { color: #000000; text-decoration: none; } #TeaserBoxen { padding: 0; margin: 0; } #TeaserBoxen td { text-align: left; vertical-align: top; } /*.TextBlock .SubHeadline { color: #000000; font-size: 10px; line-height: 10px; font-weight: normal; text-transform: uppercase; }*/ .TextBlock .SubHeadline { color: #000000; font-size: 10px; line-height: 10px; font-weight: normal; } .TextBlock h2 { color: #000000; font-size: 11px; line-height: 14px; margin: 2px 0 0 0; padding: 0; font-weight: bold; } .Boxen3erWrapper { position: relative; float: none; width: 846px; overflow: hidden; } .Boxen3er td.Spacer { width: 10px; line-height: 1px; font-size: 1px; border: 0; background: transparent; } .Boxen3er .Box { width: 272px; height: 342px; padding: 0; margin: 0; background: transparent url(/pics/_backgrounds/hg_box_3er.jpg) left top no-repeat; overflow: hidden; } .Boxen3er .Box .TextBlock { height: 125px; width: 252px; padding: 10px; overflow: hidden; } .Boxen3er .Box .Pic { height: 192px; width: 272px; overflow: hidden; } .Boxen3er .Box .Pic img { float: left; clear: both; } .Boxen3er .Box .TextBlock h2 { font-size: 18px; line-height: 24px; text-transform: none; font-weight: normal; } .Boxen3er .Box .TextBlock p { font-size: 14px; line-height: 18px; padding-top: 10px; } .Boxen6erWrapper { position: relative; float: left; width: 606px; overflow: hidden; } .Boxen6er td.Spacer { width: 10px; line-height: 1px; font-size: 1px; border: 0; background: transparent; } .Boxen6er .Box { width: 192px; height: 230px; padding: 0; margin: 0; background: transparent url(/pics/_backgrounds/hg_box.jpg) left top no-repeat; overflow: hidden; } .Boxen6er .noBox { width: 192px; height: 230px; padding: 0; margin: 0; background: transparent; overflow: hidden; } .Boxen6er .noBox div { display: none; } .Boxen6er .Box .TextBlock { height: 43px; width: 172px; padding: 4px 10px; overflow: hidden; } .Boxen6er .Box .Pic { height: 144px; width: 192px; overflow: hidden; } .Boxen6er .Box .Pic img { float: left; clear: both; } .ButtonsLeft { height: 25px; width: 192px; text-align: center; white-space: nowrap; } .ButtonsLeft .Buttons { padding: 6px 0px; overflow: hidden; } #Teaserlist { position: relative; top: 0; left: 0; width: 232px; height: 450px; float: left; padding: 0; overflow: auto; scrollbar-3dlight-color: #ced1d6; /* 3D-Rahmen. Farbe der äußeren linken und oberen Seite der 3D-Elemente */ scrollbar-darkshadow-color: #484647; /* 3D-Rahmen. Farbe der äußeren rechten und unteren Seite der 3D-Elemente */ scrollbar-highlight-color: #484647; /* 3D-Rahmen. Farbe der linken und oberen Seite der 3D-Elemente */ scrollbar-shadow-color: #484647; /* 3D-Rahmen. Farbe der rechten und unteren Seite der 3D-Elemente */ scrollbar-arrow-color: #ffffff; /* Farbe des Scrollbalken-Pfeils */ scrollbar-base-color: #484647; /* Scrollbalken-Farbe */ scrollbar-face-color: #484647; /* Farbe der Scrollbalken-Oberfläche */ scrollbar-track-color : #dcdcdc; /* Scrollbalken-Hintergrundfarbe */ } #Teaserlist .Teaser { position: relative; width: 215px; height: 90px; background: transparent url(/pics/_backgrounds/hg_teaser_small.gif) 0 0 no-repeat; overflow: hidden; clear: both; } #Teaserlist .Teaser .Pic { position: relative; float: left; width: 73px; padding: 5px; overflow: hidden; } #Teaserlist .Teaser .Pic img { float: left; clear: both; } #Teaserlist .Teaser .TextBlock { position: relative; height: 81px; width: 127px; padding: 4px 0px 5px 0px; overflow: hidden; } #Teaserlist .Teaser .Buttons { position: absolute; left: 0; bottom: 0; height: 13px; width: 127px; text-align: left; padding: 0 0 5px 0; overflow: hidden; } #TeaserLinks { } #TeaserLinks a { position: relative; top: 0; left: 0; display: block; margin: 0 0 6px 0; background: transparent; text-decoration: none; } #TeaserLinks .mapimg { position: relative; top: 0; left: 0; display: block; margin: 0 0 6px 0; padding: 0; } .Abstand40px { position: static; height: 40px; line-height: 1px; font-size: 1px; clear: both; } .Abstand20px { position: static; height: 20px; line-height: 1px; font-size: 1px; clear: both; } .Abstand10px { position: static; height: 10px; line-height: 1px; font-size: 1px; clear: both; } .Abstand3px { position: static; height: 3px; line-height: 1px; font-size: 1px; clear: both; } /* styles fuer dropdown boxen */ .SubMenuContainer { display: none; z-index: 5; position: absolute; top: 0px; left: -400px; float: left; background: #e80121 url(/pics/_backgrounds/hg_dropdown.jpg) top right repeat-y; padding: 2px; } .SubMenuContainer ul { list-style: none; list-style-image: none; padding: 0; margin: 0; position: relative; top: 0; left: 0; background: transparent; clear: both; overflow: hidden; font-size: 11px; line-height: 14px; } .SubMenuContainer li { list-style: none; list-style-image: none; display: inline; padding: 0; margin: 0; } .SubMenuContainer li.SubMenuTitle { display: block; padding: 0px 6px 0px 3px; margin: 0; color: #ffffff; font-weight: bold; } .SubMenuContainer a.SubMenuItem { display: block; background: transparent; padding: 3px 6px 3px 13px; margin: 0; color: #ffffff; text-decoration: none; white-space: nowrap; } .SubMenuContainer a.SubMenuItem:link, .SubMenuContainer a.SubMenuItem:active, .SubMenuContainer a.SubMenuItem:visited { color: #ffffff; text-decoration: none; } .SubMenuContainer a.SubMenuItem:hover { background: #8c9399; color: #ffffff; text-decoration: none; } /* Formulare */ .Formular { position: relative; top: 0; left: 0; width: 100%; padding: 15px 0; font-size: 12px; line-height: 16px; } .Formular table { width: auto; margin-left: 15px; background: transparent; } .Formular table.FormHeader { width: 426px; margin: 0px 0px 15px 0px; background: transparent; } .Formular table.FormView { margin-left: 20px; background: transparent; } .Formular th { text-align: left; vertical-align: middle; font-weight: bold; background: #dddddd; } .Formular td { height: 20px; padding: 0 10px 1px 0; vertical-align: top; text-align: left; } .Formular th.Spalte0 { background: #ffcc33; } .Formular th.Spalte5 { width: 350px; padding-left: 10px; } .Formular td.Spalte0, .Formular th.Spalte0 { width: 10px; padding: 0; font-size: 1px; line-height: 1px; } .Formular td.Spalte1 { width: 140px; } .Formular td.Spalte2 { width: 247px; } .Formular td.Spalte3 { width: 248px; } .Formular td.Spalte4 { width: 410px; } .Formular td.Spalte6 { width: 280px; } .Formular th.Image { width: 1px; text-align: right; padding: 0; margin: 0; white-space: nowrap; overflow: hidden; clear: both; } .Formular select, .Formular option { border: none; background: #dddddd; } .Formular input { padding: 1px; margin: 0; border: none; background: #dddddd; margin-left: 2px; } .Formular textarea { border: none; background: #dddddd; margin-left: 2px; } .Formular .Field100 input { width: 272px; margin-left: 2px; } .Formular .Field100 select { width: 274px; margin-left: 2px; } .Formular .Field80 input { width: 228px; margin-left: 2px; } .Formular .Field20 input { width: 40px; margin-left: 2px; } .Formular .Radio input { width: auto; padding: 0; margin-top: 2px; background: transparent; border: none; } .Formular .Checkbox, .Formular .Radio { padding-top: 2px; } .Formular .Checkbox input { position: relative; top: 2px; left: 0; width: auto; padding: 0; background: transparent; border: none; float: left; z-index: 10;} .Formular .Checkbox label { position: relative; top: 0; left: 0; display: block; float: left; width: 240px; padding: 0 0 0 5px; } .Formular .noborder, .Formular .noborder input { background: transparent; border: none; padding: 0 0 0 4px; } .Formular .Radio100 { width: 260px; margin: 0 10px 2px 0; padding: 2px 1px; background: #dddddd; } .Formular .Radio100 input { margin: 0px 6px 0 0; vertical-align: middle; padding: 0; width: 20px; } .Formular .InputInnerField { width: 234px; margin: 0 0px 2px 0; padding: 0px 0 0 28px; background: #dddddd; clear: both; overflow: hidden; } .Formular .InputInnerField .label { display: block; float: left; width: 80px; padding: 2px 4px 0px 0px; } .Formular .InputInnerField input { display: block; float: right; width: 140px; background: #efefef; height: 19px; } .Formular .Info { padding: 0px 15px 4px 15px } .Formular .invers input { width: 100px; margin-left: 0; background-color: #a7a7a7; } .FormularInfo { width: 668px; padding: 15px; background: transparent url(/pics/_backgrounds/hg_box_full.gif) left bottom repeat-y; color: #ffffff; } .FormularInfo a, .FormularInfo a:link, .FormularInfo a:visited, .FormularInfo a:active, .FormularInfo a:hover { color: #ffffff; } .FormularErrors { padding: 15px; color: #eb001f; clear: both; } td.FormularButtons { text-align: right; padding: 0px 10px 0 0px; } td.noPadRight { padding-right: 0 !important; } input.ImageButton { padding: 21px 0 0 0; vertical-align: middle; border: none; width: 115px; height: 21px; overflow: hidden; background: transparent url(/pics/de/_buttons/btn_form_weiter.gif) top left no-repeat; color: #ffffff; font-size: 1px; margin-left: 4px; cursor: pointer; } a.ImageButton { border: 0; margin-left: 4px; } #button_weiter { width: 115px; background-image: url(/pics/de/_buttons/btn_form_weiter.gif); } #button_zurueck { width: 115px; background-image: url(/pics/de/_buttons/btn_form_zurueck.gif); } #button_login { width: 115px; background-image: url(/pics/de/_buttons/btn_form_login.gif); } #button_abschicken { width: 115px; background-image: url(/pics/de/_buttons/btn_form_abschicken.gif); } .FormPages { position: relative; top: 0; left: 0; width: 600px; padding: 0 15px 15px 15px; clear: both; overflow: hidden; } .FormPages a, .FormPages span { display: block; float: left; white-space: nowrap; padding: 0 10px 0 10px; background: transparent url(/pics/_icons/link.gif) 0 5px no-repeat; } .FormPages a, .FormPages a:active, .FormPages a:visited, .FormPages a:hover { text-decoration: none; } .FormPages span { color: #a4a4a4; background-image: url(/pics/_icons/link_selected.gif); } /* Dummes FAQ-Modul */ .FAQHeader { width: 100%; margin: 0px 0px 15px 0px; background: transparent; font-size: 12px; line-height: 14px; } .FAQHeader th { text-align: left; vertical-align: middle; font-weight: bold; background: #dddddd; } .FAQHeader th.Spalte0 { background: #ffcc33; width: 10px; } .FAQHeader th.Spalte5 { width: 600px; padding-left: 20px; } .FAQHeader th.Image { text-align: right; vertical-align: top; padding: 0; margin: 0;} .FAQHeader .RowSeparator td { line-height: 1px; height: 6px; padding: 0; font-size: 1px; background: #ffffff; } .FAQList { margin-top: 30px; } .FAQList ol { margin: 0; padding: 0 100px 0 30px; } .FAQList ol li { margin: 0 0 30px 0; font-size: 14px; font-weight: bold; } .FAQList h2 { font-size: 14px; margin-bottom: 0; } .FAQList h3 { font-size: 12px; margin-top: 20px; } .FAQList .txtblock { font-size: 12px; font-weight: normal; } .FAQList .txtblock ul { margin: 0; padding: 0 0 0 15px; font-size: 12px; font-weight: normal; line-height: normal;} .FAQList .txtblock li { margin: 0; padding: 0; font-size: 12px; font-weight: normal; line-height: 18px;} .linkTop { display: block; xpadding-left: 14px; margin-top: 10px; xbackground: transparent url(/pics/_icons/link_top.gif) 0 4px no-repeat; font-size: 11px; font-weight: normal; } .ErrorBox { position:relative; width:607px; height:353px; margin: 43px 0 0 109px; padding: 7px; background: transparent url(/pics/_backgrounds/hg_teaser_anmelden.jpg) 0 0 no-repeat; clear: both; overflow: hidden; } .ErrorBox .Headline { width:492px; padding: 20px 54px; background: #cad7e0; font-size: 12px; color: #eb001f; font-weight: normal; line-height: 18px;} .ErrorBox .TextBlock { width:492px; padding: 16px 54px 0px 54px; background: transparent; } .ErrorBox .Formular { width:492px; padding: 20px 54px 0px 54px; font-size: 11px; background: transparent; } .ErrorBox .Formular table { margin-left: 0; } .ErrorBox .Formular td.Spalte1 { width: 83px; } .ErrorBox .Formular td.Spalte2 { width: 272px; } .ErrorBox .Formular input { background: #ecf0ef; font-size: 11px; } .ErrorBox .Formular .FormularButtons { text-align: right; } .ErrorBox .Formular .FormularButtons input { background: transparent; } .ErrorBox a, .ErrorBox a:visited, .ErrorBox a:active, .ErrorBox a:link, .ErrorBox a:hover { color: #000000; } /* Banner rechts, unten, content */ .banner_case_2 { position: relative; padding-bottom:30px; left:20px; width: 788px; text-align:left; overflow:hidden; } .banner_case_7 { position:absolute; top: 10px; left: 865px; width: 120px; height: 600px; } .SponsorLogo { padding: 20px 0 0 5px } .SponsorLogoGroup { padding: 10px 0 0 5px } .IE12 { line-height: 12px; clear: both; display: block; }