website/css/svjf_l1.css

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