body { font-family : verdana; padding : 0px; height : 100%; } input , select , textarea { font-family : verdana; font-size : .625rem; line-height : 1rem; } b , strong { font-weight : bold; } i { font-style : italic; } a { color : #E3000B; } h1 { font-size : 1.5rem; font-weight : bold; } h2 { font-size : 1.25rem; font-weight : bold; border-bottom : 1px dotted #000000; } .uebersicht h2 { border : 0px none; } .uebersicht .datum { border : 0px none; } p { text-align : justify; } .grid_1col { width : 24px; } .grid_2col { width : 48px; } .grid_3col { width : 72px; } .grid_4col { width : 96px; } .grid_5col { width : 120px; } .grid_6col { width : 144px; } .grid_7col { width : 168px; } .grid_8col { width : 192px; } .grid_9col { width : 216px; } .grid_10col { width : 240px; } .grid_11col { width : 264px; } .grid_12col { width : 288px; } .grid_13col { width : 312px; } .grid_14col { width : 336px; } .grid_15col { width : 360px; } .grid_16col { width : 384px; } .grid_17col { width : 408px; } .grid_18col { width : 432px; } .grid_19col { width : 456px; } .grid_20col { width : 480px; } .grid_21col { width : 504px; } .grid_22col { width : 528px; } .grid_23col { width : 552px; } .grid_24col { width : 576px; } .grid_25col { width : 600px; } .grid_26col { width : 624px; } .grid_27col { width : 648px; } .grid_28col { width : 672px; } .grid_29col { width : 696px; } .grid_30col { width : 720px; } .grid_31col { width : 744px; } .grid_32col { width : 768px; } .grid_33col { width : 792px; } .grid_34col { width : 816px; } .grid_35col { width : 840px; } .grid_36col { width : 864px; } .grid_37col { width : 888px; } .grid_38col { width : 912px; } .grid_39col { width : 936px; } .grid_40col { width : 960px; clear : both; } .grid_1col , .grid_2col , .grid_3col , .grid_4col , .grid_5col , .grid_6col , .grid_7col , .grid_8col , .grid_9col , .grid_10col , .grid_11col , .grid_12col , .grid_13col , .grid_14col , .grid_15col , .grid_16col , .grid_17col , .grid_18col , .grid_19col , .grid_20col , .grid_21col , .grid_22col , .grid_23col , .grid_24col , .grid_25col , .grid_26col , .grid_27col , .grid_28col , .grid_29col , .grid_30col , .grid_31col , .grid_32col , .grid_33col , .grid_34col , .grid_35col , .grid_36col , .grid_37col , .grid_38col , .grid_39col { float : left; display : inline-block; min-height : 1px; text-align : justify; } .spacer { height : 12px; } .full_width { float : none; width : 100%; } .fix { clear : both; float : none; } .left { text-align : left; } #content .floatleft { float : left; } .right { text-align : right; } #content .floatright { float : right; margin-left : 24px; } .content { text-align : justify; } .wrapper { margin : 0px auto; position : relative; } .background { background-image: linear-gradient(#E3000B 0%, #000000 100%); } .datum { font-size : 1.25rem; font-weight : bold; border-bottom : 1px dotted #000000; } .box { border : 1px solid #cccccc; padding : 0px 23px; box-shadow : 2px 2px 2px #cccccc; } .box > .box-header { background-color : #cccccc; padding : 12px 23px; margin-left : -24px; font-weight : bold; } .sliderLeft, .sliderRight { height : 24px; position : absolute; z-index : 3; background-color : inherit; cursor : pointer; } .sliderLeft { left : 0px; } .sliderLeft_inner , .sliderRight_inner { color : #999999; } .sliderRight_inner { float : right; } .sliderLeft_inner:hover, .sliderRight_inner:hover { color : #ffffff; } .sliderLeft_inner:before { content : '<'; } .sliderRight { right : 0px; text-align : right; } .sliderRight_inner:before { content : '>'; } .uebersicht > div { padding-bottom : 24px; border-bottom : 1px solid #aaaaaa; margin-bottom : 24px; } .uebersicht .link { color : #000000; display : block; } .uebersicht .link:hover { text-decoration : underline; color : #e3000b; } .custom-tooltip { background-color : #ffffff; color : #000000; border : 1px solid #cccccc; } #navi_main_outer { position : fixed; z-index : 50; border-bottom : 2px solid #E3000B; background-color : #ffffff; } #navi_main > ul > li { display : inline-block; position : relative; padding : 0px 12px; border : 1px solid #999999; border-right : 0px none; z-index : 5; min-width : 100px; } #navi_main > ul > li:last-of-type { border-right : 1px solid #999999; } #navi_main > ul > li:hover { border-bottom : 1px solid #ffffff; } #navi_main > ul > li > ul { position : absolute; display : none; border : 1px solid #999999; box-shadow : 2px 2px 2px #999999; min-width : 120px; margin-left : -13px; background-color : #ffffff; border-top : 0px none; z-index : -1; } #navi_main > ul > li:hover ul { display : block; } #navi_main a { padding : 6px 0px; width : 100%; color : #000000; text-decoration : none; font-size : .75rem; line-height : .75rem; display : inline-block; white-space : nowrap; } #navi_main a.active { font-weight : bold; } #navi_main li li > a { padding : 6px 12px; } #navi_main li li li > a { padding : 6px 24px; } #navi_main a:before { content : ">"; color : #e3000b; display : inline-block; margin-right : 6px; font-weight : bold; } #navi_main a.active:before , #navi_main a:hover:before { content : ">"; color : #e3000b; -webkit-transform : rotate(90deg); -moz-transform : rotate(90deg); -ms-transform : rotate(90deg); transform : rotate(90deg); } #logo { position : absolute; text-align : right; z-index : 5; right : 0px; } #page { position : relative; z-index : 1; padding-top : 76px; padding-bottom : 96px; } #headline_wrapper { height : 288px; overflow : hidden; position : relative; } .keyvisual { height : 288px; } .keyvisual img { width : 864px; height : 288px; } #headline_site { position : absolute; } #navi_sub_outer { background-color : #000000; color : #ffffff; height : 48px; } #navi_last_outer { height : 50px; border-bottom : 2px solid #E3000B; background-color : #ffffff; } #navi_sub { background-color : #000000; } #navi_sub , #navi_last { overflow : hidden; position : relative; min-height : 24px; } #navi_sub ul , #navi_last ul { height : 24px; line-height : 24px; overflow : hidden; z-index : 1; } #navi_sub ul li , #navi_last ul li { float : left; padding-right : 24px; } #navi_sub ul li:last-of-type , #navi_sub_ul li:last-of-type { padding-right : 0px; } #navi_sub a , #navi_last a { color : #ffffff; text-decoration : none; font-size : .75rem; } #navi_last a { color : #E3000B; } #navi_sub a:before , #navi_last a:before { content : ">"; color : #ffffff; display : inline-block; margin-right : 6px; font-weight : bold; } #navi_last a:before { color : #E3000B; } #navi_sub a.active:before , #navi_sub a:hover:before , #navi_last a.active:before , #navi_last a:hover:before { color : #E3000B; -webkit-transform : rotate(90deg); -moz-transform : rotate(90deg); -ms-transform : rotate(90deg); transform : rotate(90deg); font-weight : bold; } #content { padding-top : 24px; } #footer { position : fixed; z-index : 50; bottom : 0px; left : 0px; height : 48px; background-color : #999999; } #galeryslider { position : fixed; z-index : 999; width : 100%; height : 100%; padding : 48px 72px; background-color : rgba( 0 , 0 , 0 , .9 ); display : none; } #galeryslider .slider { width : 100%; height : 100%; position : static; } #galeryslider img { object-fit : contain; max-width : 100%; max-height : 100%; width : 100%; } #galeryslider .nivo-prevNav { left : 12px; } #galeryslider .nivo-nextNav { right : 12px; } #galeryslider .nivo-caption { opacity : .9; background-color : transparent; } #galeryslider .nivo-slice { display : none; } #galeryslider .nivoSlider { position : static; } .close { position : absolute; top : 0px; left : 0px; color : #ffffff; font-size : 2rem; font-weight : bold; } .close span { float : right; cursor : pointer; margin-right : 24px; }