@charset "utf-8";
/* CSS Document */

html, body {
 margin: 0;
 padding: 0;
 color:#000;
 background-color: #000;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height: 18px;
 height:100%;
 text-align:center;
}

#abstand {
	width:1px;
	height:50%;
	margin-bottom:-305px;
	float:left;
}

#gesamt {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	width: 980px;
	height: 610px;
/*	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -305px;*/
	clear:left;	
	background-color:#e2e4ec;
	background-image:url(../grafik/hinter_k.gif);
	background-repeat:no-repeat;
}

#verlauf {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:#000;
	background: transparent url(../grafik/hinter.jpg) center center no-repeat;
}

#logo {
	position:absolute;
	top:10px;
	left:10px;
	width:381px;
	height:auto;
	z-index: 2;
}

#navi {
	position:absolute;
	top:10px;
	left:391px;
	width:579px;
	height:100px;
	background-color:#7689a1;
	background-image:url(../grafik/navi.gif);
	background-repeat:no-repeat;
	z-index: 9;
}

#text_mitte {
	position:absolute;
	top: 160px;
	left: 530px;
	width: 401px;
	height: auto;
	text-align:left;
	color: #002952;
	z-index: 2;
}

#text_eins {
	position:absolute;
	top: 180px;
	left: 396px;
	width: 280px;
	height: auto;
	text-align:left;
	color: #002952;
	z-index: 2;
}

#text_zwei {
	position:absolute;
	top: 180px;
	left: 699px;
	width: 260px;
	height: auto;
	text-align:left;
	color: #002952;
	z-index: 2;
}


#text_eins_leistung {
	position:absolute;
	top: 350px;
	left: 416px;
	width: 278px;
	height: auto;
	text-align:left;
	color: #002952;
	z-index: 2;
	bottom: 1px;
}

#text_zwei_leistung {
	position:absolute;
	top: 349px;
	left: 702px;
	width: 260px;
	height: auto;
	text-align:left;
	color: #002952;
	z-index: 2;
}

#text_drei_leistung {
	position:absolute;
	top: 238px;
	left: 389px;
	width: 574px;
	height: auto;
	text-align:left;
	color: #002952;
	z-index: 2;
}


#text_titel {
	position:absolute;
	top: 196px;
	left: 416px;
	width: 502px;
	height: 81px;
	text-align:left;
	color: #002952;
	z-index: 8;
	bottom: 1px;
}

.fett {
	font-weight:bold;
}

h3 {
	font-size: 14px;
	color: #002952;	
}

.klein {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

li {
	list-style-position: outside;
	list-style-type: square;
}

form {
	text-align: right;
}
.klein a:link {
	color: #002952;
	text-decoration: underline;
}
.klein a:visited {
	color: #002952;
	text-decoration: underline;
}
.klein a:hover {
	text-decoration: none;
	color: #b5152b;
}
.klein a:active {
	color: #002952;
	text-decoration: none;
}

#text_mitte a:link {
	color: #002952;
	text-decoration: underline;
}
#text_mitte a:visited {
	color: #002952;
	text-decoration: underline;
}
#text_mitte a:hover {
	text-decoration: none;
	color: #b5152b;
}
#text_mitte a:active {
	color: #002952;
	text-decoration: underline;
}

img {
	border:none;
	}