body {
	font-family: Arial, Helvetica, sans-serif;
	
	
	font-size: 100.01%;
	color: #333333;
	background-color: #F7C69F;
	margin:0px;
	padding:0px;
	text-align:center;
}

.main-box {
	margin: 0px auto;
	text-align:left;
}


/*wichtige Einstellung, um Überschriften und Paragraphen richtig 
darzustellen und die Abstände festzulegen*/

h1, h2, h3, h4, h5 {
	margin:0px;
	padding:0px;
	margin-bottom:0.5em;
	padding:0.125em;
}

p {
	margin:0px;
	padding:0px;
	padding-bottom:0.5em;
}

/*Schriftart, -farbe, und Auszeichnung von Links über das gesamte Dokument*/

a {
	color: #333333;
	text-decoration:none;
}

a:hover {
	color: #990000;
	text-decoration:underline;
}

/*Formatierung der wichtigsten Inhaltselemente*/

p {font-size: 0.72em;} /*Pixelgröße: 12px*/


h1, h2, h3, h4, h5 {
	background:#F7C69F;
	color:#aa0000;
	display:block;
	font-weight:bold;
}

em {
	background:#F7C69F;
	color:#aa0000;
	display:block;
	font-weight:bold;
	font-size: 0.875em;
}


h1 {font-size: 1.20em;} 
h2 {font-size: 0.875em;} 
h3 {font-size: 0.875em;} 
h4 {font-size: 0.75em;} 
h5 {font-size: 0.6875em;}

/*Grundlegene Elemente zur Positionierung*/
.left {float:left;} /*Element wird links ausgerichtet, Folgeelemente fließen um dieses Element */
.right {float:right;} /*Element wird rechts ausgerichtet, Folgeelemente fließen um dieses Element */

/*Grundlegene Elemente zur Positionierung von Bildern im Text mit nötigen Abständen zum Text*/
.img-left {
	float:left;
	margin-right:0.5em;
	margin-bottom: 0.25em;
}
.img-right {
	float:right;
	margin-left:0.5em;
	margin-bottom: 0.25em;
}

/*Clear Element, welches Float-Formatierungen wieder entfernt, 
um nach einem Float, wieder eine neue Zeile zu beginnen*/

.clear {clear:both;}


/*Anweisungen für den Header (Höhe, Hintergrundfarbe, Rahmen unten)*/
#header {
	height:5em;
	background:#F7C69F;
	border-bottom:1px solid #aa0000;
}


/*Anweisungen für den Header-Text (Dein Seitentitel)*/
#header h1 {
	font-family:verdana, "verdana", Times, serif;
	font-size:130%;
	padding:0px;
	margin:0px;
	padding-left: 0.2em;
}


/*Anweisungen für den Header-Text (Dein Header-Subtitel)*/
#header p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	padding:0px;
	margin:0px;
	padding-left: 0.5em;
}


/*Die Navigation als ungeordnete Liste (ul = unordered list) - Da eine Navigation in aller Regel 
eine Liste von Links darstellt, ist man sich einig, dass Listen das beste Element darstellt, 
um Seitennavigationen darzustellen.*/

#nav {
	width: 11.0em; /*Breite der Navigation (skalierbar) -> Pixelgröße: 200px*/
	float:left;
	display:block;
	margin:0.5em 0.5em 0.5em 0em;
}

/*wichtige Einstellung, um Listen mit Links richtig darzustellen und die Abstände 
zwischen den Listenpunkten nicht zu groß darzustellen (hauptsächlich für IE).
Hier allerdings nur für die Listennavigation, da im Contentbereich die Standarddarstellung 
(mit Listenpunkten) gewünscht ist.*/

#nav ul, #nav li, #nav ul li a {
	height:1%;
	margin:0px;
	padding:0px;
	list-style:none;
}

/*Legt die Fontgröße der ersten Navigationebene fest*/
#nav ul li {
	font-size: 0.80em; 
}


/*Hier wird nun das aussehen der Links in der ersten Ebene (wird auf alle Unterebenen vererbt) festgelegt*/

#nav ul li a {
	display:block;
	background:#aa0000;
	color:#FFFFFF;
	padding:0.125em;
	border-bottom:1px solid #EFEFEF;
}

/*Dies ändert die Mouseover-Farbe (Hintergrund und Linkfarbe*/
#nav ul li a:hover {
	background:#990000;
	color:#FFFF00;
}

/*Legt die Fontgröße der zweiten Navigationebene fest - 
Erklärung: Da es die zweite ul ebene ist, beinflussen wir den Wert mit "ul ul",
was unter css eben die zweite Ebene anspricht, wenn tags verschachtelt sind.*/

#nav ul ul li {
	font-size: 95%; /*Pixelgröße: 95% von 12px*/
}


#nav ul ul li a {
	padding-left:1em;
}



/*Anweisungen für den Contentbereich (Höhe, Hintergrundfarbe, Rahmen unten)*/
#content {
	float:left;
	display:block;
	width:42em;
	background:#FFFfff;
	padding: 1em;
}

/*Anweisungen für den Footer (Höhe, Hintergrundfarbe, Rahmen unten)*/

#footer {
	clear:both;
	display:block;
	padding:0.125em;
	background: #aa0000;
	border-top:1px solid #333;
}

#footer span {
	font-size:0.6875em;
	font-weight:bold;
}