/* ==========================================================================
   body
   ========================================================================== */
/* body {font-family: 'Open Sans', sans-serif;color: #000;font-size: 13px;} */


body {font-family: Arial, Tahoma, Helvetica, sans-serif;color: #000;font-size: 12px;line-height:1.5;}
a,a:hover,a:focus,a:visited,a:active {color: #4284b0;}
a.btn-primary {color: #fff;}


ul,ol {margin: 0;padding: 0 0 10px 15px}

div,h1,h2,h3,h4,h5,p,li,td,label,a,i,.fa,a::before {
    font-weight: 200!important;
}

h1 {font-size: 16.5px;margin: 15px 0 10px;}
h2 {font-size: 14.5px;margin: 15px 0 10px;}
h3 {font-size: 13px;margin: 15px 0 10px;}
h4 {font-size: 12px;margin: 0 0 10px 0;}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase;color:#003560;}
@media(max-width:990px){
    h1,h2,h3,h4,h5,h6 {font-size:1.4em;text-transform: none;}
}

b,strong {font-weight: 700;}

@media(max-width: 767px){
    h2,h3 {font-size: 20px;}
} 

/* das zweite Image - Füll-Image - in der Mobile-Variante unsichtbar machen! */
@media(max-width: 767px){  
   #main .bs-textpic-imagecolumn: last-child img,
      /* #page_83 .bs-textpic-imagecolumn .bs-textpic-image:nth-child(2) {*/
    display:none;
    }
}



.table-div {display: table;height: 100%;width: 100%;vertical-align: bottom;}
.table-div .table-cell {display: table-cell;}

.align-center {text-align: center;}
.align-left {text-align:left;}
.align-right {text-align: right;}

span.f-28,
p span.f-28,
.f-28 {font-size: 28px;}


.container {max-width: 1000px;}

/* ==========================================================================
   typo3 mods
   ========================================================================== */
.bs-textpic-center-inner {text-align: center}
.bs-textpic-imagecolumn {}
.bs-textpic-imagecolumn .bs-textpic-image {display: inline-block;margin: 0 0;}
.bs-textpic-imagecolumn .bs-textpic-image {float:left; padding-right: 10px; padding-bottom: 25px;}

.bs-textpic-intext-left-nowrap {}
.bs-textpic-intext-left-nowrap > div {display: inline-block}

.bs-textpic-center-inner img {margin: 0 auto}

.bs-textpic-caption {text-align: left;font-size: 10px; margin-bottom: 10px;}

@media(min-width: 990px){
    #main .ce-intext.ce-right {}
    #main .ce-intext.ce-right .ce-media {float: right;margin: 0 0 10px 10px}

    #main .ce-intext.ce-left {}
    #main .ce-intext.ce-left .ce-media {float: left;margin: 10px 10px 0 0 }

    #main .ce-above.ce-right {}
    #main .ce-above.ce-right .ce-column {text-align: right}
    #main .ce-above.ce-right .ce-media {display: inline-block}

    #main .ce-above.ce-left {}
    #main .ce-above.ce-left .ce-column {text-align: left}
    #main .ce-above.ce-left .ce-media {display: inline-block}

    #main .ce-above.ce-middle {}
    #main .ce-above.ce-middle .ce-column {text-align: center}
    #main .ce-above.ce-middle .ce-media {display: inline-block}

    #main .bs-textpic-intext-left-nowrap .bs-textpic-imagewrap,
    #main .bs-textpic-intext-left .bs-textpic-image {float: left;margin: 0 10px 10px 0}
    #main .bs-textpic-intext-left .bs-textpic-image img {max-width: 300px}

    .csc-textpicHeader:empty {display: none;}
}



@media(max-width:460px){
    .bs-textpic-caption {display: block;}
}

.ce-center img {margin: 0 auto}


/* ==========================================================================
   Header
   ========================================================================== */
#header {position: relative;z-index: 1;}
#header .container {}
#header .header_inner {position: relative;}

#header .covertitle {position: absolute;z-index: 1;width: 100%;}
#header .covertitle .branding {background-color: rgba(255,255,255,1);padding: 50px 0 25px 15px;}
#header .covertitle .branding h3 {color:#999999;text-transform: uppercase;font-size: 14px;font-weight:400;margin: 0 0 10px 0;}
#header .covertitle .branding h2 {color: rgba(0, 53, 96, 1);text-transform: uppercase;font-size: 26px;font-weight:400;margin: 0;}
#header .covertitle .logo {position: relative;left: -115px;}
#header .coverimg {position: relative;z-index: 0;}
@media(min-width: 767px){
    #header .covertitle .pull-right {float: none!important;}
}
@media(max-width: 767px){
    #header .covertitle {position: static;}
    #header .covertitle .branding {padding: 10px 0 10px 0;}
    #header .covertitle .logo {position: static;}
    #header .covertitle .branding h3 {text-transform:none;font-size: 14px;margin-bottom: 0}
    #header .covertitle .branding h2 {text-transform:none;font-size: 14px;}
}

@media(min-width: 500px){
    #header .covertitle .branding br {display: none;}
}
@media(min-width: 990px){
    #header .covertitle .logo {left: -115px}
}

/* ==========================================================================
   Mobilenav
   ========================================================================== */
#hamburger{box-sizing: border-box;display: block;width: 50px;height: 45px;position: relative;top: 0;left: 0px;z-index: 2;float: right;}
html:not(.mm-opening):not(.mm-opened) #hamburger{transition: top 0.3s ease;}
#hamburger:before,
#hamburger:after,
#hamburger span{background: rgba(0, 53, 96, 1);content: '';display: block;width: 30px;height: 2px;position: absolute;left: 20px;}
#hamburger:before{top: 12px;}
#hamburger span{top: 22px;}
#hamburger:after{top: 32px;}
/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span{-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after{top: 20px;}
html.mm-opening #hamburger span{left: -50px;opacity: 0;}
html.mm-opening #hamburger:before{transform: rotate( 45deg );}
html.mm-opening #hamburger:after{transform: rotate( -45deg );}

@media(min-width: 767px) and (max-width: 990px){
    #hamburger {top:0;background-color: #fff;}
    #hamburger:before,
    #hamburger:after,
    #hamburger span {left: 10px;}
}

#jqmenu {}
#jqmenu .close {padding: 10px; color: rgb(255, 255, 255); z-index: 22222; opacity: 0.99;}






/* ==========================================================================
   Main
   ========================================================================== */
#main {position: relative;z-index:2;}
#main .default-imagewrap {clear: both;}
#main .main_inner {}
#main .main_inner .subinfo {}
#main .main_inner .subinfo .links-spezial {padding: 15px;}
#main .main_inner .subinfo #facebook {}
#main .main_inner .subinfo #facebook img {margin-right: 10px;}
#main .main_inner .subinfo #facebook p {padding-top: 23px;max-width: 160px;margin-bottom: 0;}

#main .main_inner .bs-textpic-imagewrap {margin-bottom: 20px;}


#main #sidenav {padding:10px 0 10px 20px;}
#main #sidenav {background-color: #003560;position: relative;top:-40px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);}
#main #sidenav ul {list-style: none;margin: 0;padding: 0; font-size: 12px;}
#main #sidenav ul ul {padding: 6px 0 0 0;}
#main #sidenav ul ul ul {padding: 1px 0 6px 10px;}
#main #sidenav ul ul li {border-bottom: 0;margin-bottom: 0;position: relative;padding: 0 0 0 10px;}
#main #sidenav ul ul li::before {content:" ";font-family: FontAwesome,sans-serif;color:#8dae10;position: absolute;left: 0;top:0;}
#main #sidenav ul li {border-bottom: 1px solid #225075;padding: 0 0 6px 0;margin: 0 0 6px 0;}
#main #sidenav ul li:last-child {border-bottom: 0;margin: 0;}
#main #sidenav ul li > a {color:#fff;text-transform: uppercase;font-size: 12px;text-decoration: none;}
#main #sidenav ul li > a:hover,
#main #sidenav ul li.act > a {color:#8dae10}


#main #kunstnav {padding-left: 15px;}
#main #kunstnav ul {list-style: none;margin: 0;padding: 0;}
#main #kunstnav ul li {position: relative;padding: 5px 0 5px 15px;}
#main #kunstnav ul li::before {content:url("../images/dreieck.gif");position: absolute;left: 0;}
#main #kunstnav ul li a {color: #225075;}


#main #breadcrumb_wrap {}
#main #breadcrumb_wrap .prebreadcrumb {float: left;padding: 10px 5px 0 0;font-size: 12px;}
#main #breadcrumb_wrap ol {background-color: transparent;}
#main #breadcrumb_wrap ol li {}
#main #breadcrumb_wrap ol li + li::before {padding: 0 2px}
#main #breadcrumb_wrap ol li,
#main #breadcrumb_wrap ol li a {font-size: 11px;line-height: 11px;vertical-align: middle;}

#main #languagegate {text-align: right;padding: 10px;}
#main #languagegate .tx-srlanguagemenu {display: inline-block;}
#main #languagegate .tx-srlanguagemenu a {}




#main .main_col {padding-bottom: 15px;}
#main .main_col ul {list-style: none;margin: 0;padding: 0;}
/* #main .main_col ul li::before {content:" ";font-family: FontAwesome,sans-serif;color:#8dae10}*/

#main .marginalbox {}
#main .marginalbox ul {}
#main .marginalbox li {background: #e4ebf1 url("../images/dreieck.gif") no-repeat scroll 5px 12px;
    margin-bottom: 5px;
    padding: 10px 5px 10px 20px;
}


/* ==========================================================================
   footer
   ========================================================================== */
#footer {position: relative;z-index: 3;}
#footer .footer_inner {background-color: #003560;padding: 0 10px;}

#footer .copyright {padding: 5px;color: #fff;}
#footer .nav_wrap {padding: 5px;}
#footer .nav {margin: 0;}
#footer .nav li {}
#footer .nav li a {padding: 3px 5px;background-color: transparent;}
#footer .nav li a:hover,
#footer .nav li.act a {color:#fff;}






/* ==========================================================================
   CSS3
   ========================================================================== */
@media(min-width: 767px){
    #header .header_inner,
    #main .main_inner,
    #footer .footer_inner {-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);}
}

@media(min-width: 767px){
    .subpage #main .content {padding: 0 25px 35px 0}
}