@font-face {
    font-family: 'AverageSans Regular';
    font-style: normal;
    font-weight: 400;
    src: url('/sites/common4all/fonts/google-fonts/average-sans/AverageSans-Regular.eot');
    src: local('OpenSans Regular'),
       url('/sites/common4all/fonts/google-fonts/average-sans/AverageSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('/sites/common4all/fonts/google-fonts/average-sans/AverageSans-Regular.woff2') format('woff2'), 
       url('/sites/common4all/fonts/google-fonts/average-sans/AverageSans-Regular.ttf') format('truetype');
}

body { 
  background: url(../images/bg_tiny.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
  font-size:13px;
  color: #0d114c;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1.55em;
}

div#flexbox {display: flex; flex-direction:column;}
section#left_content {order: 2;}

h1, h2, h3, h4, .about .title, .navi .title  {
    font-family: AverageSans Regular, Verdana, sans-serif;
    text-transform: none;
    font-weight: bold;
}
h2 { text-transform: none; margin-bottom: 10px;}

em.date {
    line-height: 35px;
}
.about .title a, .navi .title a, h1, h2 {
    color: #0d114c;
    /*margin-bottom: 5px;*/
    font-size: 1.6em;
    margin-top: 0;
}
.about .title a, .navi .title a {text-decoration:none;}
h3 {
    color: #00b8e4;
    margin-top: 0;
    font-size: 1.3em;
    font-weight: lighter;
}
h5, .ZMSTeaserElement div.title, .LinkElementTitle  { 
    color: #00b8e4;
    padding-top: 2px;
    font-weight: bold;
    font-family: AverageSans Regular, Verdana, sans-serif;
    font-size: 1.2em;
    margin: 0 0 1em 0;
}
.ZMSTeaserElement {
    margin-bottom: 45px;
}
.smallteaser .text ul li:first-child {margin-top: 10px;}
.smallteaser .text ul {overflow: hidden;}
.smallteaser.Narrow {margin-bottom: 55px;}
p {
    font-family: Verdana, Arial, sans-serif;
    font-size: .75rem;
    line-height: 1.75em;
}

a, a:active, a:visited {
    color: #00b8e4;
    text-decoration: underline;
}
a.fancybox img {background: none; padding:0;}
img { max-width:100%; border:0;}
.fancybox-title-float-wrap { margin-bottom: -137px !important;}
.fancybox-title-float-wrap .child {white-space: pre-wrap !important;}


a.knopf {
    float: right;
    padding: 10px;
    color: #fff;
    background: #00b8e4;
    text-decoration: none;
}
#pagewrap {
	margin: 0 auto;
}
#left_content {
	width: auto;
	float: none;
	padding: 1% 0;
}
#middle {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-bottom: 10px;
}
section#middle p, section#left_content p {font-size: 15px; line-height: 22px;}

i.fa.fa-twitter-square, i.fa.fa-facebook-official {color:#fff;}

ul#meta_menu, ul#footer_menu {
    list-style: none;
    padding: 1em 0;
    margin: 0;
    height: 3.5em;
}
#meta_menu li, #footer_menu li {
    display: inline-block;
    padding: 1em;
}
#footer_menu li { padding: 0.5em; }


#left_content, #sidebar {
	margin-bottom: 5px;
}

#logo { width: 100px;
    margin: 1em;
    z-index: 99;
    position: absolute;
    top: 0;
}

#metanav, #social { display:none; }

div.about {
    background: #fff;
    padding: 1em;
}

div.link, .ZMSTeaserElement .text a {
    background-image: url(../images/linkbutton.gif);
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 8px;
    margin-left: 0 !important;
    vertical-align: middle;
    padding-left: 2em;
    background-size:contain;
}
li.LinkElementInternalClient, li.LinkElementExternal, li.LinkElementInternal, li.LinkElementFile {
    list-style: none;
    margin-left: -40px;
    padding-bottom: 10px;
    font-size: 15px;
}
li.LinkElementInternalClient a, li.LinkElementExternal a, li.LinkElementInternal a, li.LinkElementFile a, .smallteaser a.more {
    text-decoration: none;
    margin-left: 25px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: AverageSans Regular, Verdana, sans-serif;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 8px;
    margin-left: 0 !important;
    vertical-align: middle;
    background-size: contain;
}

li.LinkElementInternalClient a, li.LinkElementExternal a, li.LinkElementInternal a, .smallteaser a.more {
    background-image: url(../images/linkbutton.gif);
    padding-left: 2em;
}
li.LinkElementExternal a:after {
    content: "\f08e";
    font-family: FontAwesome;
    margin-left: 10px;
}

.ZMSTeaserContainer .text {font-size: 15px;}

#left_content div.link {
    background-image: url(../images/linkbutton_gr.gif);
    padding: 4px 10px 5px 10px;
}
#left_content div.link a, .ZMSTeaserElement .text a {
    text-decoration: none;
    margin-left: 25px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: AverageSans Regular, Verdana, sans-serif;
}

.middlecontent  {padding: 15px 30px; background: #fff; }
.subpage .middlecontent {overflow:hidden;}

div#breadcrumbs {margin-bottom: 20px;font-size: 11px;color: #00b8e4;}
.ZMSTeaserElement div.title a {
    font-size: 13px;
}
img[alt="application/pdf"], img[alt="binary/octet-stream"], img[alt="application/force-download"], img[alt="application/x-octet-stream"] {display: none;}

.title a[href$="pdf"]:before, #teaser a[href$="pdf"]:before {
content: "\f1c1";
font-family: FontAwesome;
margin-right: 15px;
}
img.title[src$='pdf.gif'] {display: none;}
li.LinkElementExternal a[href$="pdf"] {
    background-image: none;
    margin-left: -28px !important;
}

/*** Slider ***/
.sliderwrapper { margin-top: -1px; }
.slide_item .description h4 {
    margin: 10px 0 0 10px;;
    line-height: 1em;
}
.slide_item .description {max-height:235px; height:auto;}
.slide_item .desy_dot { display:none; }
.slide_item .sub_title { padding-left:10px; margin-top: -15px; overflow:hidden; height:auto; }
.sliderbanner .dots li.active {
    background: #33CCFF !important;
    border: 2px solid #33CCFF !important;
    opacity: 1 !important;
}
p.highlight_txt {font-weight:bold;}

/*** Slider end ***/

.box_announcement {min-height: 225px;}

div.box_announcement h6 {
    font-size: 17px;
    font-weight: bold;
    font-family: AverageSans Regular, Verdana, sans-serif;
    margin: 0;
}
div.box_announcement .ZMSGraphic {margin-top: 0; }
p.announcement_date { margin-top: 0;}
a.readmore img {float: left; margin-right: 10px;}
a.readmore {text-decoration: none; font-size: 11px; font-weight: bold;}
div.ZMSGraphic div.text {overflow:hidden;padding:0;}
.ZMSGraphic .graphic {margin-bottom:0;}

div.ZMSGraphic div.text p {
    margin-top: 0;
    font-size: 12px !important;
    font-style: normal;
    color: #00b8e4;
    line-height: 15px !important;
    /*max-width:250px;*/
}
.navi {
    background: #fff;
    padding: 1em;
    margin-bottom: 20px;
}
/* div.box_announcement .ZMSGraphic .graphic img {width: 250px;clip: rect(6px,250px,233px,0px);position: absolute;} */
div.box_announcement div.ZMSGraphic.floatleft {float:none;}
.graphic.homepage {width: 250px;}
a.textlink {text-decoration: none;color: #0d114c;}
.news_preview_text {overflow: hidden;}
ul.r-tabs-nav { display:none;}
div#horizontalTab {margin-top:0 !important;}
.r-tabs .r-tabs-nav .r-tabs-anchor, .r-tabs-accordion-title {
    padding: 10px 12px;
    text-decoration: none;
    color: #0d114c;
    font-family: AverageSans Regular, Verdana, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {display: inline-block;}
.r-tabs-accordion-title a {text-transform:uppercase; text-decoration:none;}
header img {min-height:100px;}




/*--------------Gallery ---------------------*/
div.gallery div.mediaitem {
float: left;
min-height: 320px;
margin-right: 2em;
font-size: 70%;
padding-bottom: 30px;
width:290px;
height:300px;
}

section#middle div.gallery p.mediaiteminfo {font-size:80%;}

div.mediaitem div.graphic img {
margin:0;
max-width: 100%;
height: auto;
margin-top: -28px;
}

div.gallery .fancybox:before {
content: "\f055";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
position: absolute;
font-size: 30px;
top: 135px;
left: 10px;
}

div.gallery .fancybox:after {
content: "";
}

div.gallery div.text {width: 255px !important;}

div.gallery .graphic {
clip: rect(0px 250px 170px auto);
position: absolute;
z-index:20;
}

div.gallery div.ZMSGraphic div.text {
padding: 4px;
position: relative;
top: 123px;
line-height: 15px;
}

div.gallery div.ZMSGraphic {margin: 4px 0 0 0;}

div.gallery .ZMSGraphic div.text p {margin-top: 64px; font-size: 113%;}
a.scrollToTop, a.scrollToTop:hover {
color: #009fe3;
font-size: 100px;
line-height: 1.0em;
text-decoration:none;
border:none;
}
.scrollToTop{
width: 50px;
height: 50px;
padding: 10px 30px 10px 10px;
text-align: center;
background: rgba(0,159,227,0.1);
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
bottom: 0;
right: 0;
}
.scrollToTop:hover{
	text-decoration:none;
}

ul#vList li {
    list-style: none;
    line-height: 30px;
    font-size: 15px;
}
ul#vList {padding-left: 0;}
ul#vList.submenu li a {
    text-decoration: none;
    color: #0d114c;
}
ul#vList.submenu li a:before {
  /*  content: "mm";
    color:transparent;
    background: url(../images/linkbutton.gif) no-repeat; */
}
ul#vList.submenu li ul {
margin-left:0;
padding-left:0;
}
ul#vList.submenu li ul li {
    /*padding-left: 5px;*/
}
ul#vList.submenu li ul li ul li {
    padding-left: 25px;
}
ul#vList.submenu li ul li a {
    text-transform: none;
    /*margin-left: -35px;*/
}
ul#vList.submenu li ul li a:before {
content:'mm';
color: transparent;
background: url(../images/dottednavi.png) no-repeat;
background-size: contain;
}
ul#vList li.current.active a {color: #00b8e4;}
ul#vList li.current.active li a {color: #0d114c;}

.footermenu {display:block;padding: 30px 0; background: transparent;color: #fff;margin: 0;width: 100%;float: right;}
.footermenu a {color:#fff; text-decoration:none;}
.footermenu ul.hauptul {display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction:row;}
.footermenu ul {list-style: none;margin: 0;padding: 0 7px; line-height: 25px; font-size:12px;}
.footermenu ul ul {flex-direction: column; padding-right:15px;}
.footermenu h2 {font-size: 13px; color: #ffffff; text-transform: uppercase; margin-bottom:5px; margin-top:20px;}

	
@media all and (min-width:300px){
	header {
		height: auto;
	}

	#sidebar {
/*		display: none; */
		width: auto;
		float: none;
		clear: both;
		padding: 1% 0;
	}
}

@media all and (min-width:480px){

	#sidebar {
		padding: 1% 4%;
	}
	footer {
		clear: both;
                float:right;
	}
        footer a {color:#fff !important;text-decoration:none;}
	#footer_menu li { padding: 1em }
}

@media all and (min-width:550px){
div.box_announcement div.ZMSGraphic.floatleft {float:left;}
div.box_announcement h6 {margin: 45px 0 0 0;}
}

@media all and (min-width:600px){

	#pagewrap { width: 100%; }
	#left_content {
		width: 100%;
	}
	div.about {
		margin:0;
	}
	#middle {
		width: 100%;
	}

	
	#sidebar {
		width: auto;
		float: none;
	}

	header {margin-bottom: 5px;}

#metanav p a {
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
}
div#metanav p {
    float: left;
    margin-left: 49%;
    margin-top: 0px;
}
div#horizontalTab.r-tabs .r-tabs-accordion-title a.r-tabs-anchor {
    display: none;
}
div#horizontalTab {margin-top: -75px !important;}
.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
    flex-grow: 1;
    text-align: center;
}

li.r-tabs-tab.r-tabs-state-active {
    background: #fff;
}
li.r-tabs-tab.r-tabs-state-default {
    background: rgba(255,255,255,0.8);
    margin-top: 1px;
}
ul.r-tabs-nav {
    margin: 10px -30px 0 -70px;
    height: 50px;
    display: flex;
    flex-grow: 1;
}
.r-tabs-panel.r-tabs-state-default {
    display: none;
}
div.box_announcement .ZMSGraphic .graphic {min-height: 200px;}
div.box_announcement .ZMSGraphic .graphic img {width: 250px;clip: rect(6px,250px,233px,0px);position: absolute;}

.footermenu ul {flex-direction:row;}

}

@media all and (min-width:1070px){
.footermenu {width: 91.5%; padding:30px;}
.footermenu ul {padding:0;}
	#pagewrap {
		width: 99%;
	}
	header {
		padding: 0 15px;
	}
        div#flexbox {flex-direction:row;}
        section#left_content {order: 0;}
.search input {
    width: 150px;
    height: 22px;
    background: rgba(255,255,255,0.8);
    border: none;
    outline: 1px solid rgba(255,255,255,1);
    color: #0d114c;
    padding-left: 5px;
    -webkit-transition: background 0.3s ease, outline 0.3s ease;
    -moz-transition: background 0.3s ease, outline 0.3s ease;
    -o-transition: background 0.3s ease, outline 0.3s ease;
    transition: background 0.3s ease, outline 0.3s ease;
}

.gs-result .gs-title, .gs-result .gs-title * {
    color: #0d114c !important;
    text-decoration: none !important;
    font-weight:bold !important;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#00b8e4 !important;}
form.gsc-search-box {width:300px !important;}
input.gsc-input {height:22px !important; border-color: #0d114c !important;}
.cse input.gsc-search-button, input.gsc-search-button {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #fff !important;
    background-color: #0d114c !important;
    border: 1px solid #0d114c !important;
    height: 26px !important;
    border-radius: 0px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {color: #0d114c !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {color: #00b8e4 !important;}
.gs-web-image-box, .gs-promotion-image-box {width:162px !important;}
.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {max-width:160px !important;}
.gsc-orderby-container {display:none !important;}
.gsc-webResult .gsc-result {padding:10px 0 30px 0 !important;}


.search .fa-search {
    margin-left: -1.5em;
    top: 1em;
    cursor: pointer;
    position: absolute;
    font-size: 16px;
}
#logo {     width: 200px; margin: 40px 0 0 40px; }
	#left_content {
		width: 30%;
		float: left;
		padding: 10px 15px;
	}

	#middle {
		width: 66%; 
		float: left;
		margin: 10px 0.3%;
                padding: 0;
		
	}
.middlecontent  {padding: 15px 30px;}

#meta_menu li { padding: .75em; }

	#sidebar {
		width: 30%;
		padding: 5px 15px;
		float: left;
		clear:none;
	}
.navcontainer { float: right; width: 78%; position: relative; background:transparent; }
.navcontainer > ul { width: auto; background:transparent; }
.navcontainer > ul li { float:none; display:inline-block; }
.navcontainer > ul li a { color: #fff; font-family: AverageSans Regular, Arial, Sans-serif; font-size: 18px;}
.navcontainer ul li:last-child a {padding-right: 0;}
.sliderwrapper { margin-top: 3em; }
.sliderbanner { width:100% !important; height:380px;}
#metanav { display:block; text-align: right; padding: 1em 0;  float: right;width: 160px;}
#social {  font-size: 2em; color:#fff; display:inline-block; position: absolute; margin-left: -70px;}
.search {display:inline-block;}
div#metanav p {margin-left:54%;}
div.box_announcement .ZMSGraphic {margin-top: 0; height: 250px;}

}

@media all and (min-width:1170px){
.footermenu {width: 92%;}
}
@media all and (min-width:1200px){
.footermenu {width: 92.5%;}
}

@media all and (min-width:1300px){
	#pagewrap {
		width: 1300px;
	}
	#middle { margin: 10px 0 0 5px; width:870px;}
        #left_content {width:380px;}
.about h1 {
    margin-top: 1px;
}
div#metanav p {margin-left: 830px;}

.footermenu {width: 1270px; margin-right:15px; padding:0;}
.fancybox-title-float-wrap {    margin-bottom: -35px !important;}
.fancybox-title-float-wrap .child { white-space: nowrap !important;}
}

@media all and (min-width:1320px){
	.navcontainer {
		width: 70%;
	}
}