/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color:#c10a0b;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
}
a:link, a:visited, a:active {
	color: #000;
}
a:hover {
	color: #ed9333;
}
img {
	border:0px;
	}
p {
	text-align:justify;
	/*IE und Moz stellen p standardmäßig anders da, deshalb folgendes*/
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
	}
.wrapper {
	width:768px;
	/*empfohlene Größe für 800px Seiten*/ 
	position:absolute;
	/*Position absolut darstellen*/
	left:50%;
	/*Teil 1 für mittigkeit minus ad: Anfang Webseite versetzt von links*/ 
	margin-left:-294px;
	/*Teil 2 für mittigkeit minus ad: Zurücksetzen nach links zur Mitte; hälfte der width der ganzen Seite minus hälfte von advertising, da advertising nicht einberechnet wird für die mittigkeit, alles klaro? ;-)*/
 	}
.site {
	float:left; 
	width:588px;
}	
.advertising {
	background-color:#c10a0b;
	text-align:center;
 }

.container {
	background:#fff url(/images/bg_container.gif) repeat-y;
}
.menu{
	float:left;
	width:124px;
	}
.clear {
	clear:both;
	}
.header {
	background:#c10a0b url(/images/header_tile.gif);
	height:196px;
}
.main {
	padding: 0px 20px 0px 140px;
 }
 /*span tags in der Klasse main gelten als Überschrift --> rot und fett*/
 .main span{
	color:#c10a0b;
	font-weight:bold;
 }
 
h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}
h4 {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}