body {
	font-size:1.0em;	
	overflow-x:hidden;
	position:absolute;
	width:100%;
	color:#000; /*Schrift*/
}

img {
	width:100%;
	height:auto;
	float:left;
}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #022c51;
    color: #F6F27A;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

#pageslide ul {background:none;}

#pageslide ul li a {
	background:none;
	box-shadow:none;
	text-align:left;
}

.container {
	max-width:1125px;
	margin:0 auto;
}

header {
	width:100%;
	float:left;
	background:#0a5ea9;
	border-radius: 10px;
	box-shadow: 2px 3px 3px 0px #515151;
 -webkit-box-shadow: 2px 3px 3px 0px #515151;
 -moz-box-sizing:border-box;
	box-sizing:border-box;
	behavior: url(/scripts/boxsizing.htc);
	padding:5px;
}

.open {
	float:left;
	height:39px;
	width:46px;
	background:url(../open.png) 0 0 no-repeat;
	margin:16px 4% 0 0;
	text-indent:-9999px;
}

#logo {
	width:120px;
	background:url(../logo.jpg) top center no-repeat;
	display:block;
	height:102px;
	text-align:center;
	float:left;
	text-indent:-9999px;
	margin:10px 10px;
	border-radius: 10px;
	box-shadow: 2px 3px 3px 0px #515151;
}


#navMain {
	display:none;
	padding:0;
	list-style:none;
	-moz-box-shadow: 0 1px 1px #000, inset 0 1px 0 rgba(255,255,255,.15), inset 0 0 0 1px rgba(255,255,255,.06);
	-webkit-box-shadow: 0 1px 1px #000, inset 0 1px 0 rgba(255,255,255,.15), inset 0 0 0 1px rgba(255,255,255,.06);
	box-shadow: 0 1px 1px #000, inset 0 1px 0 rgba(255,255,255,.15), inset 0 0 0 1px rgba(255,255,255,.06);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDI0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU2NTk1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #022c51 0%, #565954 100%);
	background-image: -o-linear-gradient(bottom, #022c51 0%, #565954 100%);
	background-image: -webkit-linear-gradient(bottom, #022c51 0%, #565954 100%);
	background-image: linear-gradient(bottom, #022c51 0%, #565954 100%);
	border-radius:3px;
	text-shadow:0 1px 1px black;
	padding:4%;
	text-align:center;
	color:#fff;
	text-decoration:none;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:1%;
	
	
	
}

#navMain li a {
	-moz-box-shadow: 0 1px 1px #000, inset 0 1px 0 rgba(255,255,255,.15), inset 0 0 0 1px rgba(255,255,255,.06);
	-webkit-box-shadow: 0 1px 1px #000, inset 0 1px 0 rgba(255,255,255,.15), inset 0 0 0 1px rgba(255,255,255,.06);
	box-shadow: 0 1px 1px #000, inset 0 1px 0 rgba(255,255,255,.15), inset 0 0 0 1px rgba(255,255,255,.06);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwNDI0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU2NTk1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #022c51 0%, #565954 100%);
	background-image: -o-linear-gradient(bottom, #022c51 0%, #565954 100%);
	background-image: -webkit-linear-gradient(bottom, #022c51 0%, #565954 100%);
	background-image: linear-gradient(bottom, #022c51 0%, #565954 100%);
	border-radius:3px;
	text-shadow:0 1px 1px black;
	padding:4%;
	text-align:center;
	color:#fff;
	text-decoration:none;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:1%;
	
}
#navMain li a:hover { color:#F7C42B; }

#featuredContainer {
	float:left;
	width:100%;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#featuredContainer img  {
	margin:4% 0;
	border: 10px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

#navFeatured {
	padding:0;
	list-style:none;
}

#navFeatured li a {
	border: 1px solid #c7cbbb;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #e8e6d8 0%, #efefe7 100%);
	background-image: -o-linear-gradient(bottom, #e8e6d8 0%, #efefe7 100%);
	background-image: -webkit-linear-gradient(bottom, #e8e6d8 0%, #efefe7 100%);
	background-image: linear-gradient(bottom, #e8e6d8 0%, #efefe7 100%);
	padding:5% 5%;
	text-align:center;
	color:#333;
	text-decoration:none;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:1%;
}

#content {
	float:left;
	background:#faf0c0;
	width:100%;
	padding:8% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#content section {
	background:white;
	margin-bottom:8%;
	padding:4% 4% 6% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-radius:3px;
	box-shadow:0 0 15px rgba(0,0,0,.05);
}

#content section:after {
	content:'';
	height:10px;
	width:100%;
	display:block;
	background:url(../schatten.png) top center no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:-10px;
}

#content section h1 {
	font-size: 1.4em;
	margin-bottom:.2em;
}

#content section p {
	margin-top:0;
}

#content section a {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1OTMxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1YTU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #55931f 0%, #75a549 100%);
	background-image: -o-linear-gradient(bottom, #55931f 0%, #75a549 100%);
	background-image: -webkit-linear-gradient(bottom, #55931f 0%, #75a549 100%);
	background-image: linear-gradient(bottom, #55931f 0%, #75a549 100%);
	padding:4%;
	text-align:center;
	color:white;
	text-decoration:none;
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
}

footer {
	background:#fffae0;
	float:left;
	width:100%;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

footer section {
	margin-bottom:8%;
}

footer section h2 {
	font-size: 1.4em;
	margin-bottom:.2em;
}

footer section p {
	margin-top:0;
}

	


@media screen and (min-width:500px) {
	body {font-size:0.95em;}
	
	#navMain li a,
	#navFeatured li a,
	#content section a {
		padding:3%;
	}
	
	#content section {padding:3% 3% 4% 3%;}
	
}

@media screen and (min-width:550px) {
	body {font-size:1em;}
	
	#featuredContainer {
		padding-top:2%;
	}
	
	#navFeatured li {
		width:32.6666666666667%;
		float:left;	
		margin-right:1%;
	}
	
	#navFeatured li:last-child {margin-right:0;}
	
	#navFeatured li a {padding:9% 0 8%;}
	
	#content section {padding:2.5% 2.5% 3.5% 2.5%;}
}

@media screen and (min-width:620px) {
	
	#pageslide, .open {display:none;}
	
	#navMain {display:block;}
	
	header {
		padding-top:15px;	
		padding-bottom:0;	
	}
	
	#logo {
		float:left;	
	}
	
	#navMain {
		width:90%;
		float:left;	
		padding:1.5% 1.5% 0%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:0;
		border-radius:3px 3px 0 0 ;
	}
	
	#navMain li {
		float:left;
		width:auto;
		margin-right:1.5%;
	}
	
	#navMain li a {
		padding: .8em 1em .7em;
	}
	
	#featuredContainer {
		padding-bottom:0;	
	}
	
	#featuredContainer img {margin:3% 0 4%;}
	
	#content {padding:4% 4% 0 4%;}
	
	#content section {
		float:left;
		width:48%;	
		margin-right:4%;
		margin-bottom: 4%;
		padding:2% 2% 3% 2%;
	}
	
	#content section:nth-of-type(even) {
		margin-right:0;	
	}
	
	
}


@media screen and (min-width:720px) {
	
	#navFeatured li a {padding:7% 0 6%;}
	
	#featuredContainer img {margin:2% 0 4%;}
	
	footer section {
		width:48%;
		margin-right:4%;
		float:left;	
	}
	
	footer section:last-child {margin-right:0;}
	
}

@media screen and (min-width:820px) {
	
	#navMain {padding: 1% 1% 0%;}
	
	#navMain li a {padding: .8em 1.5em .7em;}
	
	
	#featuredContainer img {
		float:left;
		width:65.33333333333333%;
		margin-top:1%;
	}
	
	#navFeatured {
		float:right;
		width:30.666666666666664%;
		margin-top:1%;	
		padding-left:4%;
		
	}
	
	#navFeatured li {
		width:100%;	
		margin-bottom:3.5%;
	}
	
	#navFeatured li a {
		padding: 12% 0 10%;
	}
	
	#content section, 
	#content section:nth-of-type(even) {
		width:30.666666666666664%;	
		margin-right:4%;
		padding:1.2% 1.2% 2.2% 1.2%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#content section:nth-of-type(3n+3) {
		margin-right:0;	
	}
	
	#content section a {
		padding:4%;	
	}
	
}

@media screen and (min-width:960px) {
	
	#navFeatured li a {
		padding: 12.5% 0 10.8%;
	}

}


@media screen and (min-width:1120px) {
	
	#navFeatured li a {
		padding: 13% 0 11.3%;
	}

        

}



}