@charset "utf-8";
* {
	margin:0; /* Aussenabstände auf 0 setzen */
	padding:0; /* Innenabstände auf 0 setzen */
}
body {
	background-repeat: no-repeat; /* Das Hintergrundbild nicht kacheln */
	text-align:center; /* horizontal centering for IE Win quirks */
	background-position: center center; /* Das Hintergrundbild horizontal und vertikal zentrieren. */
	background-color: #000; /* Die Hintergrundfarbe auf schwarz setzen */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Die Schriftarten der Seite festlegen */
}
html, body {
	height:100%;
}
#distance {
	width:1px; /* Da mit dem Div nur die Ausrichtung erfolgen soll, reicht eine Breite von 1 aus */
	height:50%; /* Damit wird das DIV halb so hoch wie die Seite dargestellt wird. */
	margin-bottom:-132px; /* Ohne diesen Befehl würde alles erst ab der Hälfte anfangen. Hat dieser Wert die Hälfte des Inhaltscontainers als negativen Wert, rutscht der Inhalt entsprechend hoch */
	float:left;
}
#container {
	clear:left; /* Der Container bildet die Hülle für alle anderen Container */
	height: 278px;
	width: 620px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
/* das Menue oben */
#menu ul {
	list-style-type: none;
}
#menu ul li {
	display: inline;
}
#menu a:link {
	color: #ffffcc;
	text-decoration: none;
	font-size: 12px;
	padding-right: 35px;
}
#menu a:hover {
	color: #999966;
	text-decoration: none;
}
#menu a:visited {
	text-decoration: none;
	color: #ffffcc;
}
#menu a:active {
	text-decoration: none;
}
#menu a.lastitem {
	padding-right: 0px;
}
/* der Content */
#content {
	padding-top: 10px;
	color:#FFF;
	height: 208px;
	font-size: 10px;
	text-align: left;
}
/* die Fusszeile */
#footer ul {
	list-style-type: none;
	text-align: left;
	float: left;
}
#footer ul li {
	display: inline;
	color: #CCC;
}
#footer a:link {
	color: #ffffcc;
	text-decoration: none;
	font-size: 10px;
	padding-right: 15px;
}
#footer a:hover {
	color: #999966;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #ffffcc;
}
#footer a:active {
	text-decoration: none;
}
#footer p {
	font-size: 12px;
	color: #FFF;
	text-align: right;
	padding-top: 6px;
}