@charset "utf-8";
* {
	margin:0; /* Aussenabstände auf 0 setzen */
	padding:0; /* Innenabstände auf 0 setzen */
}
body {
	background-repeat: repeat;
	text-align:center; /* horizontal centering for IE Win quirks */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Die Schriftarten der Seite festlegen */
	background-image: url(img/bi_back-02.jpg);
}
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:-268px; /* 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 */
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width:837px;
	height:535px;
	background-color: #2f1713;
}
#maincontent {
	height: 380px;
	text-align: left;
	background-color: #fcb83b;
	border: 10px solid #2f1713;
}
#navi {
	margin: 10px;
	text-align: left;
}
#leftnavi {
	float: left;
}
#leftnavi li {
	list-style-type: none;
}
#rightnavi {
	float: right;
}
#rightnavi li {
	display: inline;
}
.link {
	text-indent: -1000px;
}
.img {
	margin-left: 350px;
	visibility: hidden;
}
img {
	border: none;
}