* {
	margin:0;
	padding:0;
	list-style:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	background-color:#FFF;
}

body {background: #8d8d8d; /* Old browsers */
background: -moz-linear-gradient(top,  #8d8d8d 0%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d8d8d), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8d8d8d 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8d8d8d 0%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8d8d8d 0%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8d8d8d 0%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
background-repeat:no-repeat;
background-color:#e4e4e4;
}

p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8em;
line-height:1.5em;
color: #000;
}


logoleiste {
	width:100%;
	float:left;
	background:#fff;
}
.img-logoleiste {	margin: 10px 0px 0px 430px;}
header {
	width:100%;
	float:left;
}

.logo {
	display:block;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:#32a93b;
	background-image: url(img/nav-line.png);

	
	
}


.current {
	display:block;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:black;
	background:white;
	font-weight:600;
	background-image: url(img/nav-line.png);
	padding:1em 2.85em 1em 2.85em;
	
}

nav {
	width:100%;
	float:left;
	background:#32a93b;
}

nav li {
	float:left;
	width:100%;
	padding-bottom:1px;
	position:relative;
}

nav a {
	display:block;
	height:100%;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:red;
	background:#FFF;
	background-image: url(img/nav-line.png);
	padding:1em 2.85em 1em 2.85em;
}
.nav1 {color:#394e85;}
.nav2 {color:#98c4ed;}
.nav3 {color:#982451;}
.nav4 {color:#ed5509;}
.nav5 {color:#32a93b;}

nav a:hover,
.sub-menu a:hover,
.sub-menu .sub-menu a:hover {
	background:white;
	color:#111;
	background-image: url(img/nav-line.png)
	
}

.js nav {
	display:none;
}

.sub-menu {
	border-top: 2px solid #438d3e;
}

.js .sub-menu {
	display:none;
}

.sub-menu li:last-of-type {
	padding-bottom:0;
}

.sub-menu a {
	background:#0e637d;
	padding-left:2em;
}

.sub-menu .sub-menu a {
	padding-left:4em;
	background:#0a546a;
}

/* toggles */

#toggle-nav {
	background:white;
	display:block;
	position:absolute;
	right:0;
	top:0;
	padding:1em;
	color:#438d3e;
	cursor:pointer;
	background-image: url(img/nav-line.png)
}

#toggle-nav:hover {
	background:#fff;	
	color:#2f2619;
	background-image: url(img/nav-line.png)
	
}


.toggle-sub-menu {
	display:none;
}

.js .toggle-sub-menu {
	position:absolute;
	right:0;
	top:0;
	display:block;
	padding:1em;
	background: rgba(0,0,0,0.15) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4NTU4ODg3MDY4QzExRTM5RUE0QjBBNDUwRDQ4RDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4NTU4ODg4MDY4QzExRTM5RUE0QjBBNDUwRDQ4RDEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDg1NTg4ODUwNjhDMTFFMzlFQTRCMEE0NTBENDhEMTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDg1NTg4ODYwNjhDMTFFMzlFQTRCMEE0NTBENDhEMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6uM9vSAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlP/AOW3MEoAAAAaSURBVHjaYmCEAQYQQPCGuvhAgWEangABBgBfhwFFvvqZhAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
	height: 50px;
	width: 50px;
	cursor:pointer;
}

.js .toggle-sub-menu.active {
	background: rgba(0,0,0,0.15) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAFCAMAAACZ6ocCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MjlGN0UyMDY4QzExRTM5RUE0QjBBNDUwRDQ4RDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3MjlGN0UzMDY4QzExRTM5RUE0QjBBNDUwRDQ4RDEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDg1NTg4ODkwNjhDMTFFMzlFQTRCMEE0NTBENDhEMTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDg1NTg4OEEwNjhDMTFFMzlFQTRCMEE0NTBENDhEMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz44I7MjAAAABlBMVEX///8AAABVwtN+AAAADklEQVR42mJgGBgAEGAAAHgAATCyBcIAAAAASUVORK5CYII=) 50% 50% no-repeat;}
	
.toggle-sub-menu:hover  {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ODU1ODg4ODA2OEMxMUUzOUVBNEIwQTQ1MEQ0OEQxMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzI5RjdFNzA2OEMxMUUzOUVBNEIwQTQ1MEQ0OEQxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzI5RjdFNjA2OEMxMUUzOUVBNEIwQTQ1MEQ0OEQxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Y2JiMmM4Mi1lYTlhLTRmODYtYmQwOS1mNTczYjM0MWQzYWYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDg1NTg4ODgwNjhDMTFFMzlFQTRCMEE0NTBENDhEMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7gOEqgAAAABlBMVEUvJhkAAAAwDcydAAAAAnRSTlP/AOW3MEoAAAAaSURBVHjaYmCEAQYQQPCGuvhAgWEangABBgBfhwFFvvqZhAAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}

.toggle-sub-menu.active:hover {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAFCAMAAACZ6ocCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NzI5RjdFMzA2OEMxMUUzOUVBNEIwQTQ1MEQ0OEQxMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzI5RjdFQjA2OEMxMUUzOUVBNEIwQTQ1MEQ0OEQxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzI5RjdFQTA2OEMxMUUzOUVBNEIwQTQ1MEQ0OEQxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmZDU5MGU5Zi05NDNlLTRlYmItYTcxYy01NTc5OTdmYmU5YzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcyOUY3RTMwNjhDMTFFMzlFQTRCMEE0NTBENDhEMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4NnRc7AAAABlBMVEUvJhkAAAAwDcydAAAADklEQVR42mJgGBgAEGAAAHgAATCyBcIAAAAASUVORK5CYII=) 50% 50% no-repeat;
}


article {
	padding:1em;
	float:left;
	width:100%;
	background:white;
	text-align: center;
}
article2 {
	padding:1em;
	float:left;
	width:100%;
	background:white;
}

h1, h2, p {
	margin:0.6em 0;
}

h1 {font-size:1.1em;}

h2 {font-size:1.1em;}

img {
	max-width: 100%;
	height: auto;
	margin-right: 0.6%;
}

footer {
	padding:1em;
	float:left;
	width:100%;
	background:white;
	border-top: 1px solid #8d8d8d;
	font-size: 0.8em;
	text-align: center;
	
}

@media screen and (max-width:990px) {
	logoleiste { display: none; }
	nav a {
	display:block;
	height:100%;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:white;
	background:#FFF;
	
}
.current {
	display:block;
	width:100%;
	padding:1em;
	text-decoration:none;
	color:black;
	background:white;
	
}


	

}
@media screen and (min-width:990px) {
	
	
	
	header {
		background:red; /*luecke zwischen adresse und navi*/
		background-image: url(img/nav-line.png);
		
	}
	
	.logo {
		width:auto;
		float:left;	
	}
	
	nav {
		float:right;
		width:auto;
		display:block !important;
	}
	
	nav li {
		width:auto;
		padding:0;	
		
	}
	

	
	#toggle-nav,
	.toggle-sub-menu {
		display:none !important;	
	}
	
}