/* Projekt: 						afrika-fahrt.de
Verantwortlich für CSS und Design:	Nils Winterstein */

/* Alle Abstaende auf Null setzen */
* {
	margin:0px;
	padding:0px;
}

/* Grundlegendes */
body {
	background-image:url(../images/bg-main.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#C89C52;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

img {
	margin:5px;
	border-style:none;
}

/* Hauptrahmen, der alles zusammen haelt
Aenderungen an der Webseiten-Groeße muessen nur hier gemacht werden! */
#wrap {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	border: 5px solid #FFFFFF;	
}

/* Oberste Navigationsleiste (Kontakt, Impressum) */
#navi-top{
	width:100%;
	font-size:10px;
	color:#333333;
	text-align:right;
}

#navi-top a {
	font-size:10px;
	color:#333333;
	text-decoration:underline;
}

#navi-top a:hover{
	font-size:10px;
	color:#FFFFFF;
}

/* Logobereich mit Grafik */
#header{
	width:100%;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:300px;
	text-align:left;
}

#header h1 a {
	font-size:26px;
	font-family:"Courier New", Courier, monospace;
	color:#333333;
	position:absolute;
	text-decoration:none;
	top:20px;
	left:225px;
}

#header h1 a:hover{
	color:#999999;
	text-decoration:none;
}

#header h2 {
	font-size:20px;
	font-family:"Courier New", Courier, monospace;
	color:#666666;
	position:absolute;
	top:50px;
	left:225px;
}

/* Linke Spalte - Menü */
#navi {
	width:160px;
	vertical-align:top;
}

#navi h3{
	width:100%;
	background-image:url(../images/bg-h3.gif);
	background-repeat:repeat-x;
	background-position:left top;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:25px;
	vertical-align:middle;
	text-align:center;
}

#navi ul{
	margin:0px;
	padding:0px;
}

#navi ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:5px;
	font-size:12px;
	list-style-image:url(../images/bg-pfeil.gif);
}

#navi ul li a{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#navi ul li a:hover{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

/* Seiteninhalt */
#content {
	width:650px;
	text-align:left;
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
}

#content h2{
	width:100%;
	background-image:url(../images/bg-h2.gif);
	background-repeat:repeat-x;
	background-position:left top;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:25px;
	vertical-align:middle;
	text-align:center;
}

#content h3{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:underline;
	margin-top:10px;
}

#content p{
	text-align:justify;
}

/* Untere Navigationsleiste (Footer) */
#footer{
	width:100%;
	font-size:10px;
	color:#333333;
	text-align:center;
}

#footer a {
	font-size:10px;
	color:#333333;
	text-decoration:none;
	text-decoration:underline;
}

#footer a:hover{
	font-size:10px;
	color:#FFFFFF;
}