@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.75em;
    color:#555; 
    font-family:Oxygen,Arial,sans serif;
    line-height:1.4em;
    background-image: url("../img/bgBody.gif");
    background-repeat:repeat-x;
	background-color : #fff;
}

#site {
    margin:auto;
    width:1000px;
	background-color : #fff;
    padding:0px 50px 0px 50px;
}

#balken {
    height:50px;
    background-color:#1d4d70;
    border-bottom:1px solid #fff;
}

#appteaser {
	background-color:#A93C4E;
	color:#fff;
	position:fixed;
	padding:7px;
	z-index:99999;
	-moz-box-shadow:1px 1px 6px #292929; /* Firefox */
	-webkit-box-shadow:1px 1px 6px #292929; /* Chrome, Safari */
	-khtml-box-shadow:1px 1px 6px #292929; /* Konqueror */
	box-shadow:1px 1px 6px #292929; /* CSS3 */
}

#appteaserheadline {
	font-size:1.2em;
}

#searchbox {
    width:220px;
    height:40px;
    padding-top:10px;
    text-align:right;
    float:right;
    color:#fff;
}

#header {
    height:80px;
    margin-bottom:30px;
}

#logo {
    height:29px;
    padding-top:51px;
    width:250px;
    float:left;
}

.normal {
	font-size:1.2em;
	line-height:normal;
	padding:0;
	margin:0;
	color:#555;
}

#topnavigation ul { float:right;margin:0; text-align:left; list-style:none outside; }
#topnavigation li { display:inline; }



/*
*   Mainnavigation
*/
#mainnavigation {
    text-align:right;
    float:right;
    color:#000;
    width:750px;
    border-bottom: 1px dotted #ccc;
    padding-top:30px;
}

#mainnavigation ul {margin:0; float:right; 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: #1d4d70;
    background: -moz-linear-gradient(top,  #1d4d70 0%, #1d4d70 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4d70), color-stop(100%,#1d4d70));
    background: -webkit-linear-gradient(top,  #1d4d70 0%,#1d4d70 100%);
    background: -o-linear-gradient(top,  #1d4d70 0%,#1d4d70 100%);
    background: -ms-linear-gradient(top,  #1d4d70 0%,#1d4d70 100%);
    background: linear-gradient(to bottom,  #1d4d70 0%,#1d4d70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4d70', endColorstr='#1d4d70',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: #1d4d70;
    background: -moz-linear-gradient(top,  #1d4d70 0%, #1d4d70 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4d70), color-stop(100%,#1d4d70));
    background: -webkit-linear-gradient(top,  #1d4d70 0%,#1d4d70 100%);
    background: -o-linear-gradient(top,  #1d4d70 0%,#1d4d70 100%);
    background: -ms-linear-gradient(top,  #1d4d70 0%,#1d4d70 100%);
    background: linear-gradient(to bottom,  #1d4d70 0%,#1d4d70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4d70', endColorstr='#1d4d70',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;
}



#subnavigation {
}

#subnavigation ul {
    list-style:none outside;
    margin:0; 
    padding:0;
    color:#003296;
}

#subnavigation li {
    display:block;
    /*height:15px;*/
    padding-right:0px; 
}

#imageheader {
    background-color:#DFE0CA;
    height:290px;
}

#imageheaderimage {
    width:666px;
    height:290px;
    float:left;
}

#imageheaderimage img {
    width:100%;
    height:auto;
}

#claim {
	width:290px;
	float:right;
	padding:20px 20px 10px 20px;	
}

.infobox {
	border:1px solid #923154;
	background-color:#dedede;
	padding:10px;
}

#landingpageheader {
    height:150px;
}

#landingpageheaderimage {
    width:666px;
    height:150px;
    float:left;
}

#landingpageheaderimage img {
    width:100%;
    height:auto;
}

#landingpageclaim {
	width:290px;
	float:right;
	height:120px;
	color:#923154;
	font-size:1.4em;
	line-height:normal;
	padding:20px 20px 10px 20px;
    background-image: url("../img/bgLPHeaderClaim.gif");
    background-repeat:repeat-x;	
}

#openerheader {
    /*background-color:#DFE0CA;*/
    height:404px;
    margin-bottom:40px;
}

#openerheaderimage {
    width:670px;
    float:left;
    position:relative;
}

#openerheaderimage p {
	position:absolute;
	bottom:90px;
	width:70%;
	background-color:#1d4d70;
	padding:20px;
	color:#fff;
}
	
.openerheadline {
	font-size:1.4em;
}

.openerdescription {
	display:inline;	
}

#openerheaderimage h1 {
	position:absolute;
	bottom:0;
	width:50%;
	background-color:#1d4d70;
	padding:20px;
	color:#fff;
}

#claimopener {
	background-color:#DFE0CA;
	width:290px;
	height:374px;
	float:right;
	padding:20px 20px 10px 20px;	
}


#openerteasercontainer {
    margin-bottom:40px;
}

.openerteaser {
	float:left;
	width:311px;
	padding:0px 0px 0px 20px;	
	border-right:1px dotted #ccc;
}

#content {
    padding:30px 0px 30px 0px;
}

#maincol {
    float:left;
    width:646px;
    padding: 0px 0px 0px 20px;
}

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

.teaser {
	padding:10px 10px 20px 10px;	
}

.spacerteaser {
    background-image: url("../img/spacerTeaser.gif");
    height:29px;
}

#maxcol {
    /*width:960px;*/
    padding: 0px 20px 0px 20px;
}


#social {
    background-color:#1d4d70;
    color:#fff;
    padding:20px 20px 30px 20px;
}

#socialmedia {
	width:50%;
	float:left;
	font-size:1.2em;
	line-height:normal;
	color:#fff;	
}

#newsletter {
	width:628px;
	float:right;
	color:#fff;	
}

.nllabel {
	width:100px;
	color:#000;	
}

#footer {
    margin:auto;
    text-align:left;
    padding:20px;
}

#kooperationen {
    margin-bottom:40px;
}
 
#kooperationen img {
    display:block;
    float:left;
    padding-right:20px;
}

.publikation {
	border-bottom:1px dotted #ccc;
	padding:20px 0px 10px 0px;
}

.event {
	border-bottom:1px dotted #ccc;
	padding:20px 0px 10px 0px;
}


h1 { font-size:2.0em; color:#1d4d70; padding-top:0px; padding-bottom:15px; margin:0px; font-weight:normal; line-height:normal; }
h2 { font-size:1.4em; color:#1d4d70; padding-top:0px; padding-bottom:15px; margin:0px; font-weight:normal; line-height:normal; }
h3 { font-size:1.0em; color:#1d4d70; padding-top:0px; padding-bottom:0px; margin:0px; font-weight:bold; }
h4 { font-size:1.0em; color:#1d4d70; padding-top:0px; padding-bottom:10px; margin:0px; font-weight:bold; }

img { border:0px; }

.off { display:none; }

.nopad {
	padding:0px;
}

.line {
	border-bottom: 1px dotted #666;
	margin-top:20px;	
	margin-bottom:20px;	
}

.clear { clear:both; }

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

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

a:link  { color:#1d4d70; text-decoration:none; }
a:visited { color:#1d4d70; text-decoration:none; }
a:hover { color:#1d4d70; text-decoration:underline; }
a:active { color:#1d4d70; 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:#1d4d70;
    padding:0px 10px 0px 10px;
    border-right:1px dotted #ccc;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #fff;
    background-color:#ccc;
}

a.mainlevelActive:link, a.mainlevelActive:visited {
	display: inline;
    float:left;
	margin:0;
    font-size: 1.0em;
    line-height:50px;
    position:relative; 
    color:#fff;
    padding:0px 10px 0px 10px;
    border-right:1px dotted #ccc;
    background-color:#1d4d70;
}

a.mainlevelActive:hover {
	text-decoration: none;
	color: #fff;
    background-color:#ccc;
}


a.sublevel:link, a.sublevel:visited {
	margin:0; 
    line-height:30px;
    font-size: 1.0em;
    padding-left:10px;
    display:block;
    color:#58585A;
    border-bottom:1px dotted #ccc;
}

a.sublevel:hover {
	text-decoration: none;
	color: #923154;
    background-color:#ececec;
}

a.sublevelActive:link, a.sublevelActive:visited {
	margin:0; 
    line-height:30px;
    font-size: 1.0em;
    padding-left:10px;
    display:block;
    color:#58585A;
    border-bottom:1px dotted #ccc;
    background-color:#ccc;
}

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


a.thirdlevel:link, a.thirdlevel:visited {
	margin:0; 
    line-height:25px;
    font-size: 1.0em;
    padding-left:30px;
    display:block;
    color:#58585A;
    border-bottom:1px dotted #ccc;
}

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

a.thirdlevelActive:link, a.thirdlevelActive:visited {
	margin:0; 
    line-height:25px;
    font-size: 1.0em;
    padding-left:30px;
    display:block;
    color:#923154;
    border-bottom:1px dotted #ccc;
}

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

@media screen and (max-width:999px) {
    body {
        background-image: none;
    }
    
    #site {
        margin:auto;
        width:95%;
    	background-color : #fff;
        padding:0px 10px 0px 10px;
    }
    
    #header {
        height:110px;
        margin-bottom:30px;
    }
    
    #logo {
        height:29px;
        padding-top:51px;
        width:250px;
        float:none;
        margin-bottom:10px;
    }
    
    
    #hamburger {
		display:none;
	}
    
    #mainnavigation {
        text-align:left;
        float:left;
        color:#000;
        width:95%;
        padding:0;
        margin:0;
        border:0;
        display:block;
    }
    
    #mainnavigation ul { float:left;margin:0;padding:0; text-align:left; list-style:none outside; }
    #mainnavigation li { display:inline;  }
    
    #bx-pager {
    	display:none;
    }
    
    #maincol {
        float:left;
        width:60%;
    }

    #imageheader {
	    background-color:#DFE0CA;
	    height:auto;
	}
	
	#imageheaderimage {
	    width:100%;
        float:none;
        height:auto;
	}
	
	#imageheaderimage img {
	    width:100%;
	    height:auto;
        border-bottom:1px solid #fff;
	}
	
	#claim {
		width:95%;
		float:none;
		padding:20px 0px 20px 20px;	
	}
    
    
    #openerheader {
        background-color:#DFE0CA;
        height:auto;
    }
    
    #openerheaderimage {
        width:100%;
        height:auto;
        float:none;
    }
    
	#openerheaderimage img {
	    width:100%;
	    height:auto;
	}
    
	#openerheaderimage p {
		position:absolute;
		bottom:0;
		width:100%;
		background-color:#1d4d70;
		padding:10px 10px 10px 20px;
		color:#fff;
	}
	
	.openerheadline {
		font-size:1.0em;
	}
	
	#claimopener {
		background-color:#DFE0CA;
		width:95%;
		height:auto;
		float:none;
		padding:20px 0px 10px 20px;	
	}
	
	
	

	#landingpageheader {
	    height:auto;
	}
	
	#landingpageheaderimage {
	    width:100%;
	    height:auto;
	    float:none;
	}
	
	#landingpageheaderimage img {
	    width:100%;
	    height:auto;
	}
	
	#landingpageclaim {
		display:none;
		width:290px;
		float:none;
		height:120px;
		color:#923154;
		font-size:1.4em;
		line-height:normal;
		padding:20px 20px 10px 20px;
	    background-image: url("../img/bgLPHeaderClaim.gif");
	    background-repeat:repeat-x;	
	}
	
	
	
	
	.openerteaser {
		float:none;
		width:95%;
		padding:0px 0px 20px 20px;
		margin-bottom:20px;	
		border:0;
		border-bottom:1px dotted #ccc;
	}
    
    #rightcol {
        float:right;
        width:30%;
    }
    
    
	#maxcol {
	    float:left;
	    width:95%;
	    padding: 0px 10px 0px 10px;
	}
	
	
	#socialmedia {
		width:50%;
		float:left;
		font-size:1.2em;
		color:#fff;	
	}
	
	#newsletter {
		width:40%;
		float:right;
		color:#fff;	
	}
	
	a.mainlevel:link, a.mainlevel:visited {
		display: inline;
	    float:left;
		margin:0;
	    font-size: 0.95em;
	    line-height:50px;
	    position:relative; 
	    color:#1d4d70;
	    padding:0px 8px 0px 8px;
	    border-right:1px dotted #ccc;
	}
	
	a.mainlevel:hover {
		text-decoration: none;
		color: #fff;
	    background-color:#ccc;
	}
	
	a.mainlevelActive:link, a.mainlevelActive:visited {
		display: inline;
	    float:left;
		margin:0;
	    font-size: 0.95em;
	    line-height:50px;
	    position:relative; 
	    color:#fff;
	    padding:0px 8px 0px 8px;
	    border-right:1px dotted #ccc;
	    background-color:#1d4d70;
	}
	
	a.mainlevelActive:hover {
		text-decoration: none;
		color: #fff;
	    background-color:#ccc;
	}
	
}

@media screen and (max-width:760px) {
    body {
        background-image: none;
    }
    
    
	.openerdescription {
		/*display:none;*/	
	}
	
	#header {
	    height:auto;
	    margin-bottom:30px;
	}
    
    #hamburger {
		display:block;
	}
	
	#mainnavigation {
    	height:auto;
    	display:none;
        width:100%;
	}
	
	#mainnavigation ul {margin:0; float:none; list-style:none outside; padding:0; }
	#mainnavigation li {display:block; float:none; margin:0px; padding:0px; }
    
    #bx-pager {
    	display:none;
    }

    #site {
        margin:auto;
        width:95%;
    	background-color : #fff;
        padding:0px 5px 0px 5px;
    }
    
    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:#1d4d70;
	    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;
	}
}

@media screen and (max-width:480px) {
    body {
        background-image: none;
    }
	
	
	.openerdescription {
		/*display:none;	*/
	}
	
	#balken {
	    /*display:none;*/
	}
	
	#searchbox {
	    text-align:left;
	    float:left;
	}
	
    #site {
        margin:auto;
        width:95%;
    	background-color : #fff;
        padding:0px 5px 0px 5px;
    }
    
    #header {
        height:auto;
    }

    #logo {
        height:29px;
        padding-top:70px;
        width:250px;
        float:none;
        margin-bottom:10px;
    }
    
    
    #imageheader {
	    background-color:#DFE0CA;
	    height:auto;
	}
	
	#imageheaderimage {
	    width:100%;
        float:none;
        height:auto;
	}
	
	#imageheaderimage img {
	    width:100%;
	    height:auto;
        border-bottom:1px solid #fff;
	}
	
	#claim {
		width:95%;
		float:none;
		padding:20px 0px 20px 20px;	
	}
    
    
    #openerheader {
        background-color:#DFE0CA;
        height:auto;
    }
    
    #openerheaderimage {
        width:100%;
        height:auto;
        float:none;
    }
    
	#openerheaderimage p {
		position:absolute;
		bottom:0;
		width:100%;
		background-color:#1d4d70;
		padding:10px 10px 10px 20px;
		color:#fff;
	}
	
	.openerheadline {
		font-size:1.0em;
	}
    
    #bx-pager {
    	display:none;
    }
    
	
	.openerteaser {
		float:none;
		width:90%;
		padding:0px 0px 0px 20px;
		margin-bottom:20px;	
		border:0;
		border-bottom:1px dotted #ccc;
	}
    
    #maincol {
        float:none;
        width:100%;
    	padding:0px;
        margin-bottom:20px;
    }
    
    #rightcol {
        float:none;
        width:100%;
        margin-bottom:20px;
    }
    
    
	#maxcol {
	    float:none;
	    width:100%;
	    padding:0;
	    margin:0;
	}
    
    #kooperationen {
        margin-bottom:20px;
    }
    #kooperationen img {
        display:block;
        float:none;
        padding-bottom:20px;
    }
	
	#socialmedia {
		width:100%;
		float:none;
		font-size:1.0em;
		color:#fff;
		margin-bottom:20px;	
	}
	
	
	
	#newsletter {
		width:100%;
		float:right;
		color:#fff;	
	}
    
    
}