634 lines
8.3 KiB
CSS
634 lines
8.3 KiB
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;
|
|
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;
|
|
}
|
|
|