/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/css/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
picture img{ width: 100%!important; }
img { border:none; max-width: 100%; height: auto; line-height: 0; font-size: 0; }
html{ overflow-y: scroll; }
html, body { height: 100%; font-family: 'Montserrat', sans-serif; font-size: 16px; color: #40464d; font-weight: 400; background-color: #ffffff; line-height:2em;}
input{ font-family: 'Montserrat', sans-serif; }
p { padding: 0px; margin-bottom:20px;}
h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1; }

.button{
        background-color: #4f648b;
        font-family: 'Montserrat', sans-serif;
        text-decoration: none;
        color: #FFF;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 45px;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
}

.button_head1{
        padding-top: 10px;
        background-color: #ffffff;
        font-size:14px;
}
.button_head1 a{
        text-decoration:none;
}

#wrapper{
   position:relative; /* needed for footer positioning */
   margin:0 auto; /* center, not in IE5 */
   width: 100%;

   height:auto !important; /* real browsers */
   height:100%; /* IE6: treaded as min-height */

   min-height:100%; /* real browsers */
}

.innerwrap{
        max-width: 1200px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
}
.innerwrap2{
        max-width: 900px;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
}
#header2{
        font-size: 14px;
        background-color:#035b96;
        padding-top:10px;
}
#header2 a{
        color: #ffffff;
        text-decoration:none;
}
#header2 .innerwrap{
        text-align:right;
}
#header2 .innerwrap img{
        max-height:20px;
        padding-left:20px;
}
#header{
}

#header .innerwrap {
        position:relative; z-index: 200;
}

#header a.mobicon{
        display: none;
        height: 49px;
        width: 49px;
        font-size: 0px;
        background-color: #01243b;
        float: right;
}
#header a.mobicon span{
        display: block;
        margin-top: 18px;
        margin-left: 8px;
        width: 30px;
        height: 30px;
        background-image: url(../img/mobil_icon.png);
        background-repeat: no-repeat;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
}
#header .mobicon{
        display: none;
}
#header #nav{
         padding-top:50px;
}
#header #nav ul{
        list-style: none;
        list-style-type: none;
}
#header #nav ul li{
        float: left;
        position: relative;
}
#header #nav ul li a{
        padding-left:24px;
        padding-right:12px;
        font-size: 16px;;
        color: #4c4f56;
        font-family: 'Montserrat', sans-serif;
        text-decoration: none;
        display: block;
         -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s;
}
#header #nav ul li.hassub a{
        padding-right: 24px;
        background-image: url(../img/hassub.png);
        background-repeat: no-repeat;
        background-position: right 10px;
}
#header #nav ul li.active a{
        font-weight: 700;
        color:#035b96;
}
#header #nav ul li ul{
        position: absolute;
        z-index: 25;
        left: 0px;
        display: none;
        background-color: #ffffff;
}
#header #nav ul li:hover ul{

}
#header #nav ul li ul li{
        float: none;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
}
#header #nav ul li ul li a, #header #nav ul li.active ul li a{
        background-image: none!important;
        padding:5px;
        margin: 0px!important;
        color: #4c4f56!important;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
                border-top: 1px solid #727a87;
}
#header #nav ul li.hassub ul li.hassub a{
        padding-right: 24x;
        background-image: url(../img/hassub.png)!important;
        background-repeat: no-repeat;
        background-position: right 10px;
}

#header #nav ul li ul li.active a{
        font-weight: 700;
        font-size: 16px;
}

#header #nav ul li.hassub ul li.hassub ul li a{
background-image: none!important;
}

#header #nav ul > li > ul > li > ul { position: absolute; left: 100%; top: 0; opacity: 0; height: 0; overflow: hidden; visibility: hidden; padding: 0 10px; }
#header #nav ul > li > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible;  }
#header #nav > ul > li > ul > li > ul > li > a { padding: 5px 0; display: block; font-weight: 400; }
#header #nav > ul > li > ul > li.active > ul > li > a { padding: 5px 0; display: block; font-weight: 400; }
#header #nav ul li ul li ul li a, #header #nav ul li.active ul li ul li a, #header #nav ul li.hassub ul li.hassub a ul li a{
        background-image: none!important;
}

#header .logo{
        float: left;
        line-height: 0px;
        font-size: 0px;
        position: relative;
        margin-top: 25px;
}


#banner{
        text-align: center;
        color: #ffffff;
        background-image: url(../userdata/bilder/titelbild.jpg); background-repeat: no-repeat;
        background-size:     cover;
        background-repeat:   no-repeat;
        background-position: center center;
}

#banner img{
        width:100%;
}

#outline{
        padding-bottom: 30px;
        padding-top: 30px;
        background-repeat: no-repeat;
        background-position: left center;
        background-color:#035b96;
        color:#ffffff;
}
#outline2{
        padding-bottom: 30px;
        padding-top: 30px;
        background-repeat: no-repeat;
        background-position: right center;
}


div#content, div#content2{
        padding-bottom: 5%;
        padding-top: 5%;
        text-align:center;

}

div#content hr, div#content2 hr {
         color:#9d9e9f;
         margin-top:30px;
         margin-bottom:30px;
}

div#content ul, div#content2 ul {
    padding: 0 0 25px 38px;
    list-style-type: square;
}
div#content ul li {
    position: relative;
        line-height: 20px;
        margin-bottom:11px;
}

div#content h1, div#content2 h1{
        font-size: 26px;
        color: #f9b111;
        margin-bottom: 35px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        line-height:35px;
}
div#content h2, div#content2 h2{
        font-size: 22px;
        color: #f9b111;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
}

div#content a, div#content2 a{
        color:#f9b111;
        text-decoration: none;
}

div#content small, div#content2 small{
        font-size: 13px;
        padding-bottom: 5px;
        display: inline-block;
}
div#content img, div#content2 img{
        border: 0px solid #e5e5e5;
}

b, strong{
        font-weight: 700;
}
div#content .sitemap{
         text-align:left;
}

.red{
    color:#ae0f0a;
}

.threecols{margin-bottom:4px;}
.threecols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.threecols div.three_1{ float: left; width: 32%; margin-right: 2%;  }
.threecols div.three_2{ float: left; width: 32%; margin-right: 2%; }
.threecols div.three_3{ float: left; width: 32%; }

.threecols2{margin-bottom:4px;}
.threecols2:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.threecols2 div.three_1{ float: left; width: 24%; margin-right: 2%;  }
.threecols2 div.three_2{ float: left; width: 50%; margin-right: 2%; }
.threecols2 div.three_3{ float: left; width: 24%; }

.threecols3{margin-bottom:4px;}
.threecols3:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.threecols3 div.three_1{ float: left; width: 50%; margin-right: 2%;  }
.threecols3 div.three_2{ float: left; width: 23%; margin-right: 2%; text-align:right; }
.threecols3 div.three_3{ float: left; width: 23%; text-align:right; }

.twocols2{overflow:hidden; margin-bottom:4px;}
.twocols2:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols2 .two1, .twocols2 .two2{padding-bottom:1000px; margin-bottom:-1000px;}
.twocols2 .two1{ float: left; width: 65.5%;  }
.twocols2 .two2{ float: left; width: 32.5%; margin-left: 2%;}

.twocols{margin-bottom:4px;}
.twocols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols div.two1{ float: left; width: 32.5%; margin-right: 2%; }
.twocols div.two2{ float: left; width: 65.5%; }

.twocols_header{margin-bottom:4px;}
.twocols_header:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols_header div.two1{ float: left; width: 32.5%; margin-right: 2%; text-align:left;}
.twocols_header div.two2{ float: left; width: 65.5%; text-align:left;}

.twocols_header2{margin-bottom:4px;}
.twocols_header2:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols_header2 div.two1{ float: left; width: 47.5%; margin-right: 2%; text-align:left;}
.twocols_header2 div.two2{ float: left; width: 50.5%; }

.twocols_50_50{margin-bottom:4px;}
.twocols_50_50:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols_50_50 .col_50_1{ float: left; width: 49%; float: left; margin-right: 2%;}
.twocols_50_50 .col_50_2{ float: left; text-align: right; width: 49%;}

.twocols_50_50_header{margin-bottom:4px;}
.twocols_50_50_header:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.twocols_50_50_header .col_50_1{ float: left; width: 49%; float: left; margin-right: 2%;}
.twocols_50_50_header .col_50_2{ float: left; text-align: right; width: 49%;}

.fourcols{ margin-bottom:4px;}
.fourcols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.fourcols div.cols{ float: left; text-decoration: none; width: 23.5%; margin-right: 1.5%;}

.fourcols_start{ margin-bottom:4px;}
.fourcols_start:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.fourcols_start div.cols{ float: left; text-decoration: none; width: 23.5%; margin-right: 1.5%; border: 1px solid #ebebeb; background-color:#ffffff;}
.fourcols_start div.cols:hover{ border: 1px solid #4e648b;  }

.fivecols{ margin-bottom:4px;}
.fivecols:after{ content: ''; display: table; line-height: 0px; font-size: 0px; clear: both; }
.fivecols div.cols{ float: left; text-decoration: none; width: 18.5%; margin-right: 1.5%;}


#footer{
        width: 100%;
        padding-top: 50px;
        padding-bottom: 10px;
        background-color: #01243b;
        color: #ffffff;
        font-size:14px;
        line-height:1.5;
}
#footer a{
        color:#f9b111;
}
#footer a{
        text-decoration:none;
}
.text1{font-size:32px; color:#ffffff; }
.text2{font-size:26px; color:#ffffff; }
.text3{font-size:16px; color:#ffffff;}
.text4{font-size:26px; color:#f9b111; }
.text5{font-size:16px; color:#f9b111;}

.clearer{ line-height: 0px; font-size: 0px; text-indent: -999px; clear: both; width: 100%; }



@media ( max-width : 900px ) {
        #header #nav{ display: none;  }
        #header a.mobicon{ display: block; }
        #header #rightnav .slogan{ margin-bottom: 0px; }
        #header #nav{ position: absolute; left: 0px;  }
        #header a.mobicon{ margin-top: 25px; }
        #header #nav{ position: absolute; top: 150px; background-color: #ffffff; width: 100%; z-index: 28; padding-top: 6px;  }
        #header #nav ul li{ float: none; margin-left: 15px; margin-right:15px;  }
        #header #nav ul li:hover ul{ display: none;  }
        #header #nav ul li ul{ position: static;  }
        #header #nav ul li ul li { margin-left: 30px; }
        #header #nav ul li ul li a, #header #nav ul li.active ul li a{border-top: 0px;}
        #header #nav.hover ul li:hover ul{
                display: none;
        }
        #header #nav ul li ul li ul{ position: static;  height: auto; overflow: visible; visibility: visible; opacity: 1; display: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; display: none; }
        #header #nav ul li ul li ul li a{ padding-top: 3px; padding-bottom: 3px!important; }


         .twocols_50_50_header .col_50_1{ width: 100%; }
         .twocols_50_50_header .col_50_2{ display:none;}

        .fivecols div.cols{ float: left; text-decoration: none; width: 22.5%; margin-right: 1.5%; }
}

@media ( max-width : 880px ) {
        .fourcols div.cols{ width: 50%;  float: none; margin-right: 0!important; margin-bottom: 0px; }
        .fourcols span.clearerforresponsive{ display: none!important; }

         #footer_banner .innerwrap{
                 width:100%;
         }
         #header2{font-size: 12px;}

}


@media ( max-width : 710px ) {
         .threecols div.three_1{ float: left; width: 100%; margin-right: 0%; padding-bottom:30px;}
         .threecols div.three_2{ float: left; width: 100%; margin-right: 0%; padding-bottom:30px;}
         .threecols div.three_3{ float: left; width: 100%; padding-bottom:30px;}

         .threecols2 div.three_1{ float: left; width: 100%; margin-right: 0%; padding-bottom:30px; }
         .threecols2 div.three_2{ float: left; width: 100%; margin-right: 0%; padding-bottom:30px;}
         .threecols2 div.three_3{ float: left; width: 100%; padding-bottom:30px;}

         .threecols3 div.three_1{ float: left; width: 100%; margin-right: 0%; text-align:center; line-height:2.5; padding-bottom:30px;}
         .threecols3 div.three_2{ float: left; width: 100%; margin-right: 0%; text-align:center; line-height:2.5;  padding-bottom:30px;}
         .threecols3 div.three_3{ float: left; width: 100%; text-align:center; line-height:2.5; padding-bottom:30px;}

}
@media ( max-width : 700px ) {
        #header{ height: auto;}
        #header .logo{ margin-top: 25px; margin-bottom: 5px;}
        #header #nav{ top: 100px; }
         #footer_banner .banner_text, #footer_banner .banner_text2, #footer_banner .banner_text3{font-size:1.3em;}
         .responsiveContainer {padding-bottom: 80%;}

        .fivecols div.cols{ float: left; text-decoration: none; width: 100%; margin-right: 0%;}
}
@media ( max-width : 600px ) {
        .twocols div.two1{ float: none; width: 100%; margin-right: 0; margin-bottom: 30px; }
        .twocols div.two2{ float: none; width: 100%; margin-right: 0; padding-bottom:30px;}

}
@media ( max-width : 580px ) {
        .fourcols .cols{ width: 48%; }
        .fourcols_start .cols{ width: 48%; }

        #content h1{font-size: 28px;}
}
@media ( max-width : 500px ) {
         #header{ height: 100px; }
         #header #nav{ top: 100px; }
         #header .logo{ margin-top: 30px; margin-bottom: 5px; }
         .twocols2 .two1{ float: left; width: 100%; margin-right: 0%; padding-bottom:30px;}
         .twocols2 .two2{ float: left; width: 100%; padding-bottom:30px;}

         .twocols div.two1{ float: left; width: 100%; margin-right: 0%; padding-bottom:30px; }
         .twocols div.two2{ float: left; width: 100%; padding-bottom:30px;}

         .twocols_50_50 .col{ float: left; width: 100%; float: left; padding-bottom:30px;}
         .twocols_50_50 .col_50_2{ float: left; margin-left: 0%; padding-bottom:30px;}

        .fourcols div.cols{ width: 100%;  float: none; margin-right: 0!important; margin-bottom: 20px; text-align:center;}
        .fourcols span.clearerforresponsive{ display: none!important; }
        .fourcols_start div.cols{ width: 100%;  float: none; margin-right: 0!important; margin-bottom: 30px; text-align:center;}
        .fourcols_start span.clearerforresponsive{ display: none!important; }
}
@media ( min-width : 900px ) {
        #header #nav{ display: block!important;  }
}