* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
}

main, header, footer, aside, nav, section, article {
   display:block;
}

a {
	outline:none;
	text-decoration: none;
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.8;
}

.container {
	width: 950px;
	margin: 0 auto;
	
	background-image: url('images/content-bg.png');
	background-repeat: repeat-y;
	
	min-height:100%;
	position:relative;
}

header {
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	height: 148px;
	overflow: hidden;
	
	text-align: center;
}

	header > h1, header > h2 {
		font-family: 'Lato', Arial, sans-serif;
		font-weight: 400;
		line-height: 1;
	}

	header > h1 {
		margin-top: 26px;
	
		font-size: 28px;
	}
	
	header > h2 {
		margin-top: 8px;
	
		font-size: 22px;
		color: #00378a;
	}
	
	header > a, header > a:visited {
		display: inline-block;
		margin-top: 28px;
	
		font-size: 18px;
		color: #3872DA;
		font-weight: 400;
		line-height: 1;
		border-bottom: 1px dotted #3872DA;
	}
	
		header > a:hover, header > a:active {
			color: #00378a;
		}

nav {
	float: left;
	width: 206px;
	text-align: left;
	padding: 2px 3px 0 8px;
}

	nav h2 {
		background-color: #cccccc;
		margin: 6px 0 10px;
		
		font-size: 14px;
		font-weight: 700;
		text-align: center;
	}

	.navi {
		list-style: none outside none;
	}
	
		.navi li {
			display: block;
			margin-bottom: 2px;
		}
		
			.navi li a, .navi li a:visited {
				display: block;
				padding: 6px 0 8px 16px;
				
				line-height: 1;
				color: #ffffff;
				
				background-color: #0f4da1;
				background-image: url('images/arrow.png');
				background-repeat: no-repeat;
				background-position: 5px center;
			}
			
			.navi li a:hover, .navi li a.active {
				font-weight: bold;
				background-color: #3872DA;
			}
			
			.navi li a:active {
				background-color: #d72329;
			}

.content {
	float: left;
	width: 695px;
	margin-left: 16px;
	text-align: left;
	padding: 10px 0 124px;
}

	.content h1 {
		margin: 0 0 20px;
		
		font-size: 21px;
		font-weight: 600;
		border-bottom: 2px dotted #000000;
	}
	
	.content h2 {
		margin: 0;
		
		font-size: 18px;
		font-weight: 600;
		color: #004080;
	}
	
	.content h3 {
		
		font-size: 16px;
		font-weight: 600;
		color: #004080;
	}
	
	.content p {
		margin: 13px 0 13px;
	}
	
	.content ul {
		list-style-position: inside;
		margin-left: 20px;
	}
	
	.content ol {
		padding-left: 20px;
	}
	
	.content a, .content a:visited {
		color: #3872DA;
		font-weight: 600;
		border-bottom: 1px dotted #3872DA;
	}
	
	.content a:hover, .content a:active {
		color: #d72329;
		border-bottom: 1px dotted #004080;
	}

	hr {
		border-top: 1px solid #666666;
		border-bottom: none;
		border-left: none;
		border-right: none;
		height: 0px;
		margin-bottom: 14px;
	}
	
	.subbuttons {
		display: inline-block;
		padding: 5px;
		margin-top: 3px;
		border: 1px solid #2B3045;
		background-color: #0F4DA1;
		
		color: #F1F4F7;
		font-weight: 600;
		font-family: 'Open Sans', Arial, sans-serif;
	}
	
	.inputfeld {
		border: 1px solid #4B649A;
		background-color: #F1F4F7;
		margin: 3px 0;
		padding: 2px;
		width: 400px;
		font-family: 'Open Sans', Arial, sans-serif;	
	}
	
	.spam {
		display: none;
	}

.clear {
	clear:both;
}

footer {
	width: 944px;
	margin: 0 3px;
	padding: 15px 0;
	background-color:#848789;
	
	text-align: center;
	color:#ffffff;
	font-size:12px;
	line-height: 1.5;
	
	height: 54px;
	position: absolute;
	bottom: 0;
	left: 0;
}

	footer a, footer a:visited {
		color: #ffffff;
	}
	
	footer a:hover, footer a:active {
		border-bottom: 1px dotted #ffffff;
	}

@media (max-width: 950px) {
	header {
		background-image: none;
		height: auto;
		overflow: none;
		margin-bottom: 20px;
	}

	.container {
		width: 90% !important;
		background-image: none;
	}
	
	nav {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.content {
		width: 100%;
		margin: 0;
	}
	
	footer {
		width: 100%;
		margin: 0;
	}
}