@import "reset.css";
@import "grid.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
        display:block;
        color: #EBEBEB;
}
mark,rp,rt,ruby,summary,time {
        display:inline;
        color: #EBEBEB;
}
/*global*/
/* oswald-regular - latin */
@font-face {
        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
        font-family: 'Oswald';
        font-style: normal;
        font-weight: 400;
        src: url('fonts/oswald-v53-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
      }
body {
        position:absolute;
        color:#EBEBEB;
        min-width: 960px;
        min-height:600px;
        width:100%;
        height:100%;
        overflow:hidden;
        z-index:1;
        font-family: 'Oswald', sans-serif;
        font-size: 11px;
        line-height: 18px;
}
body p a {
text-decoration:none;

}
body p a:hover {
text-decoration:underline;
}
h1 {
display: inline-block;
padding-top: 24px;
}
h1>a{
        position:relative;
        display:block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 942px;
        height: 72px;
        background: url(../images/logo.png) left center no-repeat;
}
h2,h3,h5,h6 {
        font: 26px/1.3em 'Oswald', sans-serif;
        color: #ebebeb;
        text-transform: uppercase;
        padding-bottom: 33px;
        letter-spacing: normal;
        font-family: Oswald, sans-serif;
}
#page_ode h2 {
        letter-spacing:normal
}
#page_lind h2 {
        letter-spacing:normal
}
h2 {
font-size: 22px;
}
h3 {
color: #0084bd;
font-size: 14px;
padding-bottom: 12px;
}
h3 a {
color: #0084bd;
}
h4 {
text-transform: uppercase;
color: #A3A3A3;
font-weight: normal;
}
h5 {
font-size: 14px;
color: #0084bd;
padding-bottom: 12px;
text-align: center;
}
h6 {
color: #0084bd;
font-size: 30px;
padding-bottom: 12px;
text-align: center;

}
a {
text-decoration:none;
}
p {
        padding-bottom: 18px;
}
p a {
        color:#EBEBEB;
        font-style:inherit;
}
#page_kosten p {
        font-size: 12px;
}
figure{
display: inline-block;
border: 1px solid #393939;
}
figure>img,figure>div{
border: 1px solid #171717;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #181619;
}
#splashGrid{
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: #000;
}
#bgStretch {
z-index:1;
         background-position: center;
         background-size: contain;
}
#bgStretch>img {
         background: #181619;

}
#zitat {
        text-align:right;
        font-style:italic;
        float:right;
        width:auto;
        padding-right:20px;
}
.pagin{
position: absolute;
top: -194px;
right: 49px;
}
.pagin>ul>li{
position: relative;
display: block;
width: 12px;
height: 12px;
margin-bottom: 3px;
}
.pagin>ul>li.active>a{
background-position: center bottom;
}
.pagin>ul>li>a{
position: relative;
display: inline-block;
width: 100%;
height: 100%;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: url(../images/pagin_icon.png) center top no-repeat;
}
#splashInfo{
position: absolute;
display: block;
left: 0;
top: -66px;
width: 100%;
height: 34px;
background: url(../images/slogan_bg.png);
overflow: hidden;
text-align: center;
padding: 16px 0;
}
#splashInfo>ul{
text-align: center;
display: inline-block;
}
#splashInfo>ul>li{
display: none;
width: 940px;
}
#splashInfo>ul>li.active{
display: block;
}
#splashInfo>ul>li>p{
font: 30px/1.2em 'Oswald', sans-serif;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
}
header, footer{
position:absolute;
width:100%;
z-index:100;
}
/*header*/
header{
top:0px;
height:160px;
background: url(../images/header_bg.png) center repeat-x;
}

/*end header*/
/*footer*/
footer {
        bottom:0px;
        height: 80px;
        background: url(../images/footer_bg.png) center repeat-x;
        padding-top: 43px;
}
footer p {
position: relative;
font: 10px/1.2em Arial, sans-serif;
color: #949494;
text-transform: uppercase;
}
footer p a{
color: #949494;
}
footer p>span{
font: 18px/1.2em 'Oswald', sans-serif;
color: #fff;
padding-bottom: 7px;
position: relative;
display: inline-block;
}
#formSearch{
position: absolute;
display: inline-block;
width: 388px;
height: 153px;
top: -29px;
right: -3px;
background: url(../images/form_bg.png) 0 0 no-repeat;
}
#formSearch>div{
display: inline-block;
padding: 30px 41px;
position: relative;
}
#formSearch>div>span{
font: 18px/1.2em 'Oswald', sans-serif;
color: #fff;
text-transform: uppercase;
display: inline-block;
margin: 0px;
}
.searchField{
display: inline-block;
width: 304px;
position: relative;
z-index: 1;
height: 30px;
margin: 21px 0 0 1px;
}
.searchField input{
background: #fff;
outline: none;
font-size: 12px;
line-height: 1.2em;
font-style: italic;
padding: 8px 38px 7px 18px;
width: 248px;
color: #949595;
margin: 0;
}
.search{
display: inline-block;
width: 25px;
height: 19px;
top: 78px;
right: 47px;
background: url(../images/form_icon.png) center top no-repeat;
position: absolute;
cursor: pointer;
z-index: 20;
overflow: hidden;
}
/*end footer*/
/*menu*/
.menu {
        position: relative;
        display: block;
        width: 942px;
        height: 67px;
        margin-top: 28px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 1px 5px rgba(0,0,0,0.61);
        -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.61);
        -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.61);
        background: url(../images/menu_bg.png) center repeat-x;
}
#menu{
position: relative;
}
#menu>li {
display: inline-block;
position: relative;
width: 157px;
height: 67px;
float: left;
text-align: center;
}
#menu>li:first-child>strong{
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
left: 0;
width: 156px;
}
#menu>li.no_bg>a {
background: none;
}
#menu>li.no_bg>strong {
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#menu>li>a {
position: relative;
display: block;
text-shadow: #080808 1px 1px 0px;
padding: 0;
z-index: 2;
height: 67px;
overflow: hidden;
background: url(../images/menu_divider.png) right center no-repeat;
}
#menu>li>a>span{
position: relative;
display: block;
width: 100%;
font: 14px/1.2em Arial, sans-serif;
color: #9b9b9b;
text-transform: uppercase;
padding: 25px 0;
}
#menu>li>a>span:first-child+span{
color: #fff;
position: absolute;
left: 0;
top: -70px;
}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 158px;
top: 0;
left: -2px;
background: url(../images/menu_bg_over.png) center repeat-x;
z-index: 1;
}
#menu>li>span{
position: absolute;
display: inline-block;
top: 0;
left: 0;
width: 100%;
height: 4px;
margin-top: 47px;
background: url(../images/submenu_arrow.png) center top no-repeat;
z-index: 2;
}
.submenu_1, .submenu_2 {
position:absolute;
z-index:9100;
width: 157px;
padding: 25px 0 4px;
left: -1px;
top: 100%;
background: url(../images/submenu_bg_1.jpg);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 3px rgba(0,0,0,0.61);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.61);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.61);
display: none;
}
.submenu_1 li {
position:relative;
display: block;
margin-bottom: 16px;
}
.submenu_1 a {
position:relative;
display: inline-block;
font: 11px/1.2em Arial, sans-serif;
color: #fff;
text-transform: uppercase;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#0083a9;
}
.submenu_2 {
left: 158px;
top: -8px;
background: url(../images/submenu_bg_2.jpg);
padding: 8px 0 2px 30px;
width: 165px;
}
.submenu_2 li{
display: inline-block;
margin: 0 16px 0 0;
float: left;
}
.submenu_2 li.last{
margin-right: 0;
}
/*end menu*/
/*pages*/
#content {
position:relative;
width:960px;
margin: 4px auto 0;
z-index: 50;
top: 220px;
}
#content>ul {
width:100%;
}
#content>ul>li.no_disp{
display: none;
width: 0;
height: 0;
}
#content>ul>li {
position:absolute;
width:100%;
background: none;
overflow: hidden;
}
.readMore {
        font-size: 11px;
        text-transform: uppercase;
        color: #EBEBEB;
}
.readMore>span{
position: relative;
display: inline-block;
width: 3px;
height: 3px;
margin: 8px 7px;
background: #666666;
}
.readMore:hover {
text-decoration: underline;
}
.list1{
        margin: auto;
        vertical-align: middle;

}
.list1>li{
        display: inline-block;
        position: relative;
        width: 217px;
        height: auto;
        background: url(../images/list_bg.png);
        border: 1px solid #171717;
        text-align: center;
        margin-right: 18px;
        vertical-align: middle;
}
.list1>li.last{
margin-right: 0;
}
.list1>li>figure{
margin: 14px 0 33px;
}
.list1>li>h3{
padding-bottom: 23px;
}
.list1>li>p{
padding: 0 20px 20px;
}
.list2{

}
.list2>li{
        display: inline-block;
        position: relative;
        width: 420px;
        margin-top: 10px;
        margin-right: 37px;
        margin-bottom: 5px;
        margin-left: 10px;
}
.list2>li.right{
margin-right: 0;
}
.list2>li>div{
display: block;
overflow: hidden;
height: 57px;
}
.list2>li>div>div{
display: inline-block;
position: relative;
float: left;
margin-right: 10px;
width: 50px;
height: 50px;
background: url(../images/num_bg.png) 0 no-repeat;
text-align: center;
}
.list2>li>div>div>p{
font: 26px/1.2em 'Oswald', sans-serif;
text-transform: uppercase;
color: #fff;
padding: 10px 0;
}
.list3{
        display: inline-block;
        width: auto;
        margin-left: 10px;
        text-indent: -10px;
}
.list3>li{
        display: block;
        width: 100%;
        margin-bottom: 12px;
        font-size: 14px;
}
.list3>li>span{
position: relative;
display: inline-block;
width: 3px;
height: 3px;
margin: 7px 7px 8px 1px;
background: #EBEBEB;
}
.list3>li>a{
        color: #EBEBEB;
}
.list4>li{
position: relative;
margin-bottom: 17px;
}
.list4>li>figure{
float: left;
margin: 2px 20px 0 0;
}
hr{
display: inline-block;
width: 186px;
height: 1px;
background: url(../images/hline.jpg) repeat-x;
margin: 21px 0 21px;
}
middle{
position: absolute;
top: 50%;
}
/*PADDINGS*/
.pad2 {
padding: 0 20px 30px 0;
}
.mar1{
margin: 2px 0 18px;
}
.mar2{
margin: 2px 20px 0 0;
}
.color2{
color: #fff;
}
.width1{
        display: inline;
        width: 80px;
        font-size: 12px;
}
/*additional classes*/
.fleft {
float:left;
}
.wrapper {
width:100%;
overflow:hidden;
}
a.nound,.nound a {
text-decoration:none;
}
a.nound:hover,.nound a:hover {
text-decoration:underline;
}
a.und,.und a {
text-decoration:underline;
}
a.und:hover,.und a:hover {
text-decoration: none;
}
.clear {
clear:both;
line-height:0;
}
/*google map*/
.google_map{
position:  relative;
overflow: hidden;
border-radius: 0px;
width: 426px;
height: 374px;
border: 1px solid #171717;
box-shadow: none;
background-color: #181619;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50%;
}
/*end google map*/
/* Forms*/
#form1 {
position: relative;
height: 434px;
}
#form1 input,
#form1 textarea {
        position: relative;
        background: none;
        border: 1px solid #393939;
        color:#EBEBEB;
        padding: 7px 10px 8px;
        width: 278px;
        outline:none;
        box-shadow:none;
}
#form1 textarea {
height: 204px;
overflow:auto;
resize: none;
margin-top: 2px;
}
#form1 label {
display:inline-block;
min-height: 41px;
position: relative;
width: 300px;
}
#form1 .success{
position: relative;
padding-bottom: 4px;
color:#fff;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color:#fff;
margin-left: 3px;
top: -3px;
position: relative;
margin-top: -1px;
}
fieldset{
height: 210px;
}
.btns{
padding-top: 21px;
position: relative;
margin-left: -6px;
}
.btns a{
display:inline-block;
margin-right: 14px;
}
/* Form defaults */
input, select, textarea {
font: normal 11px/13px Arial, sans-serif;
vertical-align:middle;
}
/*end forms*/