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; 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; }