* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	background-color: #ebebff;
	color: #191966;
}

a {
	color: black;
}

a:link, a:visited {
	color: black;
}

a:hover, a:active {
	color: #4c4c99;
}

img {
	border: none;
}

#container {
	background-color: white;
}

#header, #content_pos, #footer, #menu ul {
	width: 90%;
	max-width: 80em;
	margin: auto;
}

#header {
	padding: 0.5em 0;
}

#header h1 {
	color: #191966;
	font-size: 2.5em;
}

#header h2 {
	color: #4c4c99;
	font-size: 1.5em;
}

#header img {
	margin-top: 0.6em;
	vertical-align: bottom;
}


#menu {
	background: #191966 url(/img/bg_menu.png) repeat-x top;
	padding-top: 0.5em;
	padding-bottom: 0;
}

#menu ul {
	display: block;
	list-style-type: none;
}

#menu ul li {
	display: inline;
}

#menu a {
	color: white;
	text-decoration: none;
	padding: 0.5em 0;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	width: 10em;
	height: 2em;
	line-height: 2em;
	transition-duration: 0.2s;
	border-top: 0.2em solid rgba(0,0,0,0);
}

#menu a.multiline {
	line-height: 1em;
}

#menu a:hover, #menu a:active {
	background-color: white;
	color: black;
	border-top: 0.2em solid orange;
	margin-top: 0;
	transition-duration: 0.3s;
}

#active a, #active a:hover, #active a:active {
	background-color: white;
	color: black;
	border-top: 0.2em solid orange;
}

#header img {
	display: block;
	float: right;
}

#content_pos {
	padding: 0;
	border-left: thin solid #191966;
	border-right: thin solid #191966;
	background: white;
}

#content_pos.bg_20 {
	background: white url(img/bg_20.jpg) top center no-repeat;
}

#content_pos.bg_30 {
	background: white url(img/bg_30.jpg) top center no-repeat;
}

#content_pos.bg_40 {
	background: white url(img/bg_40.jpg) top center no-repeat;
}

#content_pos.bg_50 {
	background: white url(img/bg_50.jpg) top center no-repeat;
}

#content {
	min-height: 30em;
	background: url(/img/klassen.png) no-repeat right bottom;
	padding: 1em;
}

#content p, #content h2, #content h3 {
	padding: 0.5em 0;
}

#content img.side-image {
	margin-left: 2em;
	float: right;
}

#content ul {
	margin-left: 3em;
	padding: 0.3em 0;
}

#content ul li {
	padding: 0.2em 0;
}

#content span.iban {
	word-spacing: -0.2em;
	white-space: nowrap;
}

#footer {
	background: white url(/img/klassen_inf.png) repeat-y right bottom;
	border: thin solid #191966;
	border-top: none;
	margin-bottom: 3em;
	min-height: 5em;
}

#footer p {
	font-size: 0.7em;
	text-align: center;
	padding: 0.5em 0;
}

#footer div {
	position: absolute;
	padding: 0.5em;
}

@media screen and (max-width: 70em) {
	#menu a, #content_pos, #footer, #menu ul {
		width: 100%;
	}
	#content, #content_pos, #footer {
		border: none;
	}
	#footer {
		margin-bottom: 0;
	}
}

@media print {
	body {
		font-family: serif;
		background: none;
		font-size: 1em;
		color: black;
	}

	a {
		color: black;
		text-decoration: underline;
	}

	a:link, a:visited,a:hover, a:active {
		color: black;
		text-decoration: underline;
	}

	#header, #content_pos, #footer, #menu ul {
		width: 100%;
		max-width: none;
	}

	#header {
		font-family: Verdana, sans-serif;
	}

	#menu {
		display: none;
	}

	#content {
		background: none;
		min-height: 0;
	}

	#content_pos {
		background: none;
		border: none;
	}

	#content_pos.bg_20 {
		background: none;
	}

	#content_pos.bg_30 {
		background: none;
	}

	#content_pos.bg_40 {
		background: none;
	}

	#content_pos.bg_50 {
		background: none;
	}

	#content img.side-image {
		display: none;
	}

	#footer {
		min-height: 0;
		margin-bottom: 0;
		border: none;
		background: none;
	}

	#footer div {
		position: static;
		float: left;
		margin-right: -116px;
	}

}