@charset "UTF-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	font-size:1em;
	margin: 0;
	padding: 0;
	color: #000000;
}

/* ~~ Dieser Container fester Breite umgibt alle anderen Blockelemente. ~~ */
.container {
	width: 1200px;
	min-height: 100vmin;
	background-color: #FFFFFF;
	margin: 0 auto; /* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
}

/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. ~~ */
header {

}

/* Hauptteil */

/* Navigation */
.navigation {
	float: left;
	width:200px;
	text-align:center;
	border-style: none;
}

.navigation ul {
	padding:0;
	list-style-position:inside;
	list-style-type:none;
	color:#000000;
	font-size:1.25em;
	font-weight:800;
}

.navigation ul li {
	margin:15px;
}

.navigation ul .current {
	border-style: solid;
	border-width: thin;
	border-color: #ffaa00;
	border-radius: 15px;
	background-color: #ffaa00;
}

.navigation li:hover {
	border-style: solid;
	border-width: thin;
	border-color: #ffaa00;
	border-radius: 15px;
}

.navigation li a {
	margin-top:30px;
	margin-bottom:30px;

	text-decoration:none;
	color:#000000;
}
.navigation li a:hover {
	text-decoration:none;
	color:#000000;
}
.navigation li a:visited {
	text-decoration:none;
	color:#000000;
}

/* Inhalt */

.content {
	margin-left: 200px;
	border-style: solid;
	border-color: #ffaa00;
	border-width: thin;
}


.content > header {
	font-size:1.25em;
	text-align: center;
	width:100%;
	background-color: #ffaa00;
}
.content > div {
	padding-left: 10px;
	padding-right: 10px;
}

/*a {
	color:#630;
	text-decoration:underline;
}
a:hover {
	color:#630;
	text-decoration:underline;
}
a:visited {
	color:#630;
	text-decoration:underline;
}
*/