@charset "UTF-8";
.navigation {
	background-image: url(../img/nav_back.jpg);
	height: 30px;
	/* [disabled]margin: 0; */
	/* [disabled]clear: left; */
	/* [disabled]width: 1100px; */
}

/* ~~ Stile für die Navigationslisten (können entfernt werden, wenn Sie ein vordefiniertes Ausklappmenü wie Spry verwenden) ~~ */
ul.nav {
	list-style: none; /* Hiermit wird der obere Rand für die Hyperlinks erstellt. Alle anderen werden mit einem unteren Rand im LI-Element platziert. */
	text-align: center;
}
ul.nav li {
	display: inline;
	font-weight: bold;
	/*margin-top: 10px;*/
	vertical-align: middle;
}
ul.nav a, ul.nav a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen die Form einer Schaltfläche beibehalten. */
	padding: 3px 30px 7px 30px;
	display: inline; /* Hiermit werden die Blockeigenschaften für den Hyperlink angegeben, sodass das gesamte umschließende LI-Element aufgefüllt wird. Hiermit wird angegeben, dass der gesamte Bereich auf einen Mausklick reagiert. */
	text-decoration: none;
	color: #333;
	text-align: center;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	color: #FFF;
	background-image: url(../img/nav_hover.jpg);
	vertical-align: middle;
}
.content {
	margin-left: auto;
	margin-right: auto;
	/* [disabled]width: 800px; */
	margin: auto 0px;
}