@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face {font-family: 'AvenirLTStd-Book';src: url('fonts/2902D7_0_0.eot');src: url('fonts/2902D7_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2902D7_0_0.woff') format('woff'),url('fonts/2902D7_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Black';src: url('fonts/2902D7_1_0.eot');src: url('fonts/2902D7_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2902D7_1_0.woff') format('woff'),url('fonts/2902D7_1_0.ttf') format('truetype');}

body { 
  font-family: 'Open Sans', AvenirLTStd-Book, Arial, Verdana, sans-serif ;
  color: #202020;
  font-size:14px;
}

/* STRUCTURE */

#pagewrap {width: 1240px;margin: 0 auto;border:0}
header {height: 100px; padding: 0 5px;}
#content {width: 200px; float: left; padding: 5px 5px;}

#middle {width: 1010px;  /* Account for margins + border values */
	float: left;padding: 5px 5px; margin: 0px 0px 5px 5px;}

footer {clear: both;padding: 0 15px;}

#mobilmeldungnav {display:none; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {width: 94%;}
	#content {width: 30%; padding: 1% 4%;}
	#middle {width: 50%; padding: 1% 4%; margin: 0px 0px 5px 5px; float: right;}
	header  {padding: 1% 4%;} 
	footer  {clear: both;padding: 1% 4%;}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {width: auto;float: none;}
	#middle {width: auto;float: none;margin-left: 0px;}
	#mobilmeldungnav {display:block; }
}


/* for 480px or less */
@media screen and (max-width: 480px) {

	header {height: auto;}
	h1 {font-size: 2em;}

}


#content {}
header, #content, #middle, #sidebar {margin-bottom: 5px;}
header, #content, #middle, #sidebar, footer {/* border: solid 1px #ccc;*/}

#TitelHeader {float:right; text-align:right;}


	/* CSS für Links */

		a:link {color: #00477f;text-decoration: underline; }
		a:visited {color: #00477f;}
		a:hover {color: #69b26d;text-decoration: none;}
		a:active {color: #69b26d;}

	/* CSS für Navigation vertikale Navigation */

	.vertikal_navigation_list ul {
	    margin: 0; 
	    padding: 10px 0 0 0;
	    width:100%;
	    list-style-type: none;
	    color: #000;
	    }

	.vertikal_navigation_list_active {
	    padding: 10.5px 11px;
	    background-color: #00477f;
	    border-bottom: 1px solid #ffffff;
	    text-decoration: none;
	    color: #fff; 
	    display:block;}
	
	.vertikal_navigation_list ul li a {
	    padding: 10.5px 11px;
	    background-color: #e8e8e8;
	    border-bottom: 2px solid #ffffff;
	    color: #000; 
	    text-decoration: none;
	    display:block;}
	 
	.vertikal_navigation_list ul li a:visited {background-color: #e8e8e8;}
	.vertikal_navigation_list ul li a:hover, .vertikal_navigation_list ul li .current {color: #fff; background-color: #69b26d;}
	.vertikal_navigation_list ul li a:focus {color: #fff; background-color: #00477f;}