/*CSS Document*/


/* ======================== Basis-Formatierungen =============================== */
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
   	margin: 0;
   	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 101%;
}

html, body {
	height:100%;
	text-align: center;
	background-color: #f9f9f9;
}

h1 {
	font-size: 1.5em;
	color: #f96400;
	padding: 0px 20px 10px 20px;
	font-weight: normal;
}
h2 {
	font-size: 1.0em;
	color: #f96400;
	padding: 20px 20px 10px 20px;
}
h3 {
	font-size: 0.9em;
	color: #f96400;
	padding: 20px 20px 10px 20px;
}
p {
	font-size: 0.7em;
	line-height: 1.6em;
	padding: 10px 20px 10px 20px;
}
a {
	font-size: 1.0em;
	text-decoration: none;
	color: #666666;
}



/* ====================== Haupt-Container ============================== */
#container {
	margin: 0 auto;
	position: relative;
	height: 600px;
	width: 800px;
	clear: left;
	background: url(img/hintergrund.jpg) no-repeat left top;
	text-align: left;
}

HTML>BODY #container {
	width: 800px;
    /*ie5win fudge ends*/
}

/* DIV DISTANCE für die absolute Zentrierung */
#distance { 
	width: 1px;
	height: 50%;
	margin-bottom: -300px; /* half of container's height */
	float: left;
}


/* =============================== Navigation ========================== */
#navigation_mittig {
	position: absolute;
	top: 239px;
	padding-left: 35px;
	color: #B0C4DE;
	float: left;
	width: 765px;
	font-weight: normal;
	font-size: 0.8em;
}
#navigation_mittig a:hover{
	color: 	#B0C4DE;
}
#navigation_mittig a#active{
	color: #f96400;
}


#navigation_unten {
	position: absolute;
	top: 320px;
	width: 350px;
	height: 255px;
	padding-left: 35px;
}
#navigation_unten p {
	color: #FFFFFF;
}
#navigation_unten a {
	font-size: 30px;
	color: #242424;
	padding-left: 20px;
}
#navigation_unten a:hover {
	color: 	#B0C4DE;
}
#navigation_unten a#active {
	color: #f96400;
}


#navigation_unten .navigationspunkt_1 {
	width: 270px;
	height: 85px;
	padding-left: 80px;
	background-image: url(img/navigationspunkt_1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#navigation_unten .navigationspunkt_2 {
	width: 270px;
	height: 85px;
	padding-left: 80px;
	background-image: url(img/navigationspunkt_2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#navigation_unten .navigationspunkt_3 {
	width: 270px;
	height: 85px;
	padding-left: 80px;
	background-image: url(img/navigationspunkt_3.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}


/* =============================== Überschrift bzw. Header ======================== */
#header {
	position: absolute;
	top: 65px;
	left: 410px;
	height: 90px;
	width: 360px;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: right;
}

#content {
	position: absolute;
	top: 280px;
	left: 400px;
	width: 386px;
	height: 305px;
	overflow: auto;
}

#content p {
	padding-top: 0px; 
	color: #666666;
}