body{
    background: url(images/bgoben.gif) repeat-x #E9E9E9;
	padding: 0px;
	margin: 0px;
	color: #3B3B3B;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.6em;
	letter-spacing: normal;
	text-align: justify;
}

#header{
	margin: auto;
}

#background{
	width: 859px;
	margin: auto;
}

/*---------------------- Navigation -----------------------*/
#navi{
	width: 303px;
	margin: 0px 5px 30px 10px;
	float: left;
    background: #FBFBFB;
	border: 1px solid #D4D4D4;
}

#navi h1{
	margin: 10px 10px 0px 10px;
	font-size: 150%;
}

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

#navi ul li{
	list-style: none;
}

#navi ul li a{
	background: #EBEBEB;
	color: #696969;
	padding: 4px 4px 4px 35px;
	margin-bottom: 1px;
	display: block;
	text-decoration: none;
}

#navi ul li a:hover{
	background: url(images/navihgnormal.jpg) #D8D8D8;
	color: #3A3A3A;
}

#navi ul li a#home{
	background: url(images/navihg.jpg) #D8D8D8;
	color: #3A3A3A;
}

#navi ul li a#home:hover{
	background: url(images/navihghomehover.jpg) #D8D8D8;
	color: #696969;
}


/*------------------------ Content ------------------------*/
#content{
    width: 502px;
	min-height: 501px;
	padding: 10px;
	margin: 0px 10px 30px 5px;
	float: right;
    background: #FBFBFB;
	border: 1px solid #D4D4D4;
}

/*----- Überschriften -----*/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	color: #3A3A3A;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 35px;
	border-bottom: 1px solid #E9E9E9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#content h1{
	font-size: 150%;
}

#content h2{
	font-size: 130%;
}

#content h3{
	font-size: 120%;
}

#content h4{
	font-size: 100%;
}

#content h5{
	font-size: 80%;
}

#content h6{
	font-size: 70%;
}

/*----- Links -----*/
#content a{
    color: #8662b4;
	text-decoration: none;
}

#content a:hover{
    color: #6E4786;
	text-decoration: underline;
}


/*----- Formulare -----*/
input ,textarea ,select{
	overflow: visible;
    color: #B5B5B5;
	border: 1px solid #E8E8E8;
	padding: 5px;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}
input[type=submit]{
	background: #3B3B3B;
    color: #5B5B5B;
	padding: 5px;
}

input[type=submit]:hover{
	background: #4C4C4C;
    color: #B6B6B6;
}

/*----- Credits -----*/
#content #credits a{
	background: #3B3B3B;
    color: #969696;
	padding: 4px;
	margin: 1px;
	display: block;
	text-align: center;
	text-decoration: none;
}

#content #credits a:hover{
	background: #4C4C4C;
    color: #B6B6B6;
}




/*------------------------ Footer ------------------------*/
#footer{
	margin: 20px 0px 10px 0px;
	font-size: 80%;
	padding: 0px;
}


#footer a{
	background: #3B3B3B;
    color: #5B5B5B;
	padding: 6px;
	margin-right: 2px;
	text-align: center;
	display: block;
	text-decoration: none;
}

#footer a:hover{
	background: #4C4C4C;
    color: #B6B6B6;
	text-decoration: none;
}