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

body {
	margin: 0px;
    font-size:0.8em;
    color:#6A7684; 
    font-family:Oxygen,sans serif;
    line-height:1.4em;
    background-image: url("../img/bgBody.gif");
    background-repeat:repeat-x;
	background-color : #fff;
}

#site, #openerboxen {
    width:1000px;
}

#sitewrapper {
    padding:0;
}

#site {
    margin:auto;
    background-color : #fff;
    background-image: url("../img/bgSite.jpg");
    background-repeat:no-repeat;
    padding-bottom:20px;
}

#header {
    height:100px;
}

#logo {
    width:200px;
    float:left;
    padding: 37px 0px 0px 0px;
}

.imgleft {
	width:50%;
	height:auto;
	float:left;
	margin-right:20px;
}

.imgright {
	width:50%;
	height:auto;
	float:right;
	margin-left:20px;
}

.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}

.elastic-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flex-captionbg {
	width:50%;
	position:absolute;
	left:50%;
	top:30%;
	color:#909691;
	line-height:normal;
	color:#909691;
	padding: 1% 0% 1% 0%;
}

.flex-captionbgleft {
	width:50%;
	position:absolute;
	right:50%;
	top:30%;
	color:#909691;
	line-height:normal;
	color:#909691;
	padding: 1% 0% 1% 0%;
}

/*
*   Mainnavigation
*/
#mainnavigation {
    height:50px;
    text-align:right;
    padding-top:50px;
    float:right;
}

#mainnavigation ul {margin:0; float:left; list-style:none outside; padding:0; }
#mainnavigation li {display:inline; float:left; margin:0px; padding:0px; }


#hamburger {
	display:none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    background: #1e4b9d;
    background: -moz-linear-gradient(top,  #1e4b9d 0%, #1e4b9d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e4b9d), color-stop(100%,#1e4b9d));
    background: -webkit-linear-gradient(top,  #1e4b9d 0%,#1e4b9d 100%);
    background: -o-linear-gradient(top,  #1e4b9d 0%,#1e4b9d 100%);
    background: -ms-linear-gradient(top,  #1e4b9d 0%,#1e4b9d 100%);
    background: linear-gradient(to bottom,  #1e4b9d 0%,#1e4b9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4b9d', endColorstr='#1e4b9d',GradientType=0 );
}
 
/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 23px;
}

#hamburgerclose {
	display:none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    background: #1e4b9d;
    background: -moz-linear-gradient(top,  #1e4b9d 0%, #1e4b9d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e4b9d), color-stop(100%,#1e4b9d));
    background: -webkit-linear-gradient(top,  #1e4b9d 0%,#1e4b9d 100%);
    background: -o-linear-gradient(top,  #1e4b9d 0%,#1e4b9d 100%);
    background: -ms-linear-gradient(top,  #1e4b9d 0%,#1e4b9d 100%);
    background: linear-gradient(to bottom,  #1e4b9d 0%,#1e4b9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4b9d', endColorstr='#1e4b9d',GradientType=0 );
}
 
/*
The white stripes in the hamburger button
*/
#hamburgerclose div {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 23px;
}


#openerboxen {
    margin:auto;
    border-top: 2px dotted #ccc;
    margin-bottom:20px;
    padding-top:10px;
}

.openerbox {
    width:293px;
    float:left;
    padding:20px;
}

#content {
    padding-top:80px;
    font-size:1.1em;
}

#leftcol {
    float:left;
    width:750px;
}

#rightcol {
    float:right;
    width:250px;
}

#bigcol {
	
}


#topnavigation {
    text-align:right;
    color:#fff;
    width:100%;
    height:30px;
}

#topnavigation ul { float:right;margin:0; text-align:left; height:20px; list-style:none outside; padding:5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color:#1e4b9d; }
#topnavigation li { display:inline; height:15px; padding:0px 15px 0px 15px; border-right:1px solid #fff; }

#topnavigation li:last-child{
	border-right:0;
}

#image {
    height:30px;
    border-bottom:16px solid #A7A8AA;
    background-color:#ff0000;
}

#newsbox {
    float:right;
    width:240px;
    height:180px;
	background-color : #fff;
	border-left: 2px solid #A7A8AA;
	border-right: 2px solid #A7A8AA;
}

#newsbox h2 {
    font-size:1.4em; color:#E7823B; padding-top:0px; padding-bottom:20px; margin:0px; 
}

#newsboxspacer {
    padding:20px 10px 0px 20px;
}

.textblock {
    padding-bottom:40px;
}



#moods {
    background-image: url("../img/bgMoods.jpg");
    background-repeat:repeat-x;
    height:358px;
}

.images {
    width:1000px;
    height:358px;
    position:relative;
    background-repeat:no-repeat;
    float:left;
}

.imagemessage {
    padding:20px;
    width:450px;
    position:absolute;
    top:120px;
    right:20px;
}


#certificates {
    margin:auto;
    width:980px;
    border-top: 2px dotted #ccc;
    padding:20px 20px 20px 0px;
    color:#777;
    font-size:0.85em;
}

#certificates img {
	margin-right:30px;	
}


#footer {
    margin:auto;
    width:940px;
    border-top: 2px dotted #ccc;
    padding:20px 20px 20px 40px;
    color:#777;
    font-size:0.85em;
	background-color : #EDEFEC;
    background-image: url("../img/bgFooter.gif");
    background-repeat:repeat-x;
}



h1 { font-size:2.6em; color:#E20001; padding-top:0px; padding-bottom:15px; margin:0px; font-weight:normal;line-height:normal; }
h2 { font-size:1.8em; color:#8B8C8E; padding-top:0px; padding-bottom:20px; margin:0px; font-weight:normal;line-height:normal; }
h3 { font-size:1.4em; color:#8B8C8E; padding-top:0px; padding-bottom:15px; margin:0px; font-weight:bold;line-height:normal; }
h4 { font-size:1.0em; color:#9B9B9B; padding-top:0px; padding-bottom:10px; margin:0px; font-weight:bold;line-height:normal; }

img { border:0px; }

.fullsize {
	width:100%;
	height:auto;	
}

.off { display:none; }

.clear { clear:both; }

a.headlinelink:link  { color:#0050AC; text-decoration:none; }
a.headlinelink:visited { color:#0050AC; text-decoration:none; }
a.headlinelink:hover { color:#0050AC; text-decoration:underline; }
a.headlinelink:active { color:#0050AC; text-decoration:none; }

a:link  { color:#C20B37; text-decoration:none; }
a:visited { color:#C20B37; text-decoration:none; }
a:hover { color:#C20B37; text-decoration:underline; }
a:active { color:#C20B37; text-decoration:none; }

a.top:link  { color:#fff; text-decoration:none; }
a.top:visited { color:#fff; text-decoration:none; }
a.top:hover { color:#fff; text-decoration:underline; }
a.top:active { color:#fff; text-decoration:none; }

/*
*   Hauptnavigation
*/

a.mainlevel:link, a.mainlevel:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:50px;
    position:relative; 
    color:#616161;
    padding:0px 8px 0px 8px;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #ababab;
}

a.mainlevelActive:link, a.mainlevelActive:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:50px;
    position:relative; 
    color:#E20001;
    padding:0px 8px 0px 8px;
    background-color:#e0e0e0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

a.mainlevelActive:hover {
	text-decoration: none;
	color: #fff;
}
a.sublevel:link, a.sublevel:visited {
	margin:0; 
    line-height:30px;
    display:block;
    color:#58585A;
    font-size:1.3em;
}

a.sublevel:hover {
	text-decoration: none;
	color: #E7823B;
}

a.sublevelActive:link, a.sublevelActive:visited {
	margin:0; 
    line-height:30px;
    display:block;
    color:#58585A;
    font-size:1.3em;
}

a.sublevelActive:hover {
	text-decoration: none;
	color: #E7823B;
}


a.thirdlevel:link, a.thirdlevel:visited {
	margin:0; 
    line-height:17px;
    padding-left:15px;
    display:block;
    color:#58585A;
    font-size:0.9em;
}

a.thirdlevel:hover {
	text-decoration: none;
	color: #E7823B;
}

a.thirdlevelActive:link, a.thirdlevelActive:visited {
	margin:0; 
    line-height:17px;
    padding-left:15px;  
    display:block; 
    color:#C20B37;
    font-size:0.9em;
    background-image: url("../img/bgThirdlevel.gif");
    background-repeat: no-repeat;
}

a.thirdlevelActive:hover {
	text-decoration: none;
	color: #E7823B;
}

@media screen and (max-width:999px) {
    #site {
        margin:auto;
        width:95%;
    }
    
    a.mainlevel:link, a.mainlevel:visited {
		display: inline;
	    float:left;
		margin:0;
	    font-size: 1.0em;
	    line-height:50px;
	    position:relative; 
	    color:#616161;
	    padding:0px 10px 0px 10px;
	}
	
	a.mainlevel:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	a.mainlevelActive:link, a.mainlevelActive:visited {
		display: inline;
	    float:left;
		margin:0;
	    font-size: 1.0em;
	    line-height:50px;
	    position:relative; 
	    color:#E20001;
	    padding:0px 6px 0px 6px;
	    background-color:#e0e0e0;
	    border-top-right-radius: 5px;
	    border-top-left-radius: 5px;
	}
	
	a.mainlevelActive:hover {
		text-decoration: none;
		color: #fff;
	}
}

@media screen and (max-width:760px) {
    
    body {
    	background:none;
   	}
   	
   	#site {
	    background-image: url("../img/bgSite_resp.jpg");
	    background-repeat:no-repeat;
   	}
    
	.flex-captionbg {
		top:2%;
	}
	
	#header {
	    height:auto;
	}
	
	
	#topnavigation {
	    text-align:left;
	    color:#fff;
	    width:100%;
	    height:30px;
	}
	
	#topnavigation ul { float:left;margin:0; text-align:left; height:auto; list-style:none outside; padding:5px;
	    border-bottom-right-radius: 0px;
	    border-bottom-left-radius: 0px;
	    background-color:#fff; }
	#topnavigation li { display:inline; height:15px; padding:0px 5px 0px 5px; border-right:0px; }
	
	#topnavigation li:last-child{
		border-right:0;
	}
	
	a.top:link  { color:#C20B37; text-decoration:none; }
	a.top:visited { color:#C20B37; text-decoration:none; }
	a.top:hover { color:#C20B37; text-decoration:underline; }
	a.top:active { color:#C20B37; text-decoration:none; }
	
	#logo {
	    width:100%;
	    float:none;
	    padding: 0px 0px 0px 0px;
	}
	
	.flex-captionbg {
		width:100%;
		position:relative;
		left:0%;
		top:0%;
		color:#909691;
		line-height:normal;
		color:#909691;
		padding: 0% 0% 0% 0%;
	}
	
    #hamburger {
    	margin-top:10px;
		display:block;
	}
	
    #hamburgerclose {
    	margin-top:10px;
	}
	
	#mainnavigation {
    	height:auto;
    	display:none;
        width:100%;
        text-align:left;
    	padding-top:1px;
	}
	
	#mainnavigation ul {margin:0; float:none; list-style:none outside; padding:0; }
	#mainnavigation li {display:block; float:none; margin:0px; padding:0px; }
	
	
	#mainnavigation #subnavigation {
		display:block;	
	}
	
	#subnavigation {
		display:none;
	}
	

	#certificates {
	    width:100%;
	}
	
	#certificates img {
		margin-right:3%;
		width:20%;
		height:auto;	
	}
	
	#footer {
	    width:96%;
	    padding:2%;
	}
	
    a.mainlevel:link, a.mainlevel:visited {
		display: block;
	    float:none;
		margin:0;
	    font-size: 1.0em;
	    line-height:30px;
	    position:relative; 
	    color:#fff;
	    padding-left:10px;
	    padding-right:10px;
	    background-color:#77787a;
	    border-top:1px solid #fff;
	}
	
	a.mainlevel:hover {
		text-decoration: none;
		color: #ababab;
	}
	
	a.mainlevelActive:link, a.mainlevelActive:visited {
		display: block;
	    float:none;
		margin:0;
	    font-size: 1.0em;
	    line-height:30px;
	    position:relative; 
	    color:#000;
	    padding-left:10px;
	    padding-right:10px;
	    background-color:#ccc;
	    border-top:1px solid #fff;
	}
	
	a.mainlevelActive:hover {
		text-decoration: none;
		color: #ababab;
	}
}

@media screen and (max-width:480px) {
	#topnavigation {
	    height:auto;
	    margin-bottom:2%;
	}
}