.papa {
	margin: 45px auto 0px;
	height: 475px;
	width: 770px;
	border: 1px solid #999999;
	background: #ffffff;

}

.haupt {
	margin: 10px;
	height: 455px;
	width: 750px;
	border: 1px solid #5f0021;
	position: relative;
	background: #eeeeee;

}

.ueberschrift_links {
	height: 100px;
	width: 472px;
	position: absolute;
	left: 0px;
	top: 1px;
	background-image: url(images/oben_links.gif);
	background-repeat: no-repeat;

}

.ueberschrift_rechts {
	height: 100px;
	width: 131px;
	position: absolute;
	left: 469px;
	top: 0px;
	background-image: url(images/oben_rechts.jpg);

}

.bild_rechts  {
	height: 400px;
	width: 148px;
/* border: 1px solid #5f0021; */
	position: absolute;
	left: 602px;
	top: 0px;
}


.navi  {
	height: 300px;
	width: 148px;
	position: absolute;
	left: 475px;
	top: 100px;
	z-index: 100;




}

.bilder_unten  {
	height: 100px;
	width: 454px;
	/* border: 1px solid #5f0021; */
	position: absolute;
	left: 0px;
	top: 355px;

}

.text {
	margin: 15px;
	height: 255px;
	width: 424px;
	/* border: 1px solid #5f0021; */
	position: absolute;
	left: 0px;
	top: 100px;

}

.textohnebilder{
	margin: 15px;
	height: 355px;
	width: 424px;
	/* border: 1px solid #5f0021; */
	position: absolute;
	left: 0px;
	top: 100px;

}

.textohnebilder p {
	text-align: justify;

}

.navioben {
	height: 20px;
	width: 455px;
	/* border: 1px solid #5f0021; */
	position: absolute;
	left: 0px;
	top: 108px;

}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-image: url(images/backgr.gif);
	background-repeat: repeat;


}

td.navi {
	border-left-color:red;
	border-left-width: 1px;
	border-left-style: solid;

}

a:link {  

	color: #000000;
	text-decoration: none;
	font-size: 10px;

}

a:hover {

	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 10px;

}

a:visited {

	color: #000000;
	text-decoration: none;
	font-size: 10px;

}

a.navi:link {  

	color: #000000;
	text-decoration: none;
	font-size: 10px;

}

a.navi:hover {

	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 10px;

}

a.navi:visited {

	color: #000000;
	text-decoration: none;
	font-size: 10px;

}

.blume {
	height: 100px;
	width: 120px;
	position: absolute;
	left: -60px;
	top: 400px;
		z-index:60;
	background-image: url(images/blume.png);
}


.strich {
	height: 250px;
	width: 3px;
	position: absolute;
	left: 465px;
	top: 104px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D75B6D;


}

ul {
	margin:				0;
	padding:			0;
	z-index: 101;


}

ul li {
float:				left; 				/* Tata, die Zauberei! Vergesst nicht das Float wieder zu clearen */
width:				90px;
line-height:		1.5;
list-style:			none;
margin-right:		1px; 				/* Dieses Mal gibt es Platz nach rechts :)  */
text-align:			center;

}

ul li a {
display:			block;
width:				100%;
color:				black;
text-decoration:	none
}

ul li a:hover {
font-weight: 		bold;
color:				#000000;
}

ul#vertikal {
margin-top:			55px; 					/* Die vordefinierten Abstände werden eliminiert */
padding:			0
}

ul#vertikal li {
width:				110px; 				/*Klar, eine Breite muss her */
line-height:		1.5; 				/*Vertikale Zentrierung und Höhenbestimmung der Links */
list-style:			none; 				/* Die Listenpunkte verschwinden */
margin-bottom:		5px; 				/* Ein wenig Platz nach unten hin schaffen */
text-align:			left; 			/* Und der Text darin soll horizontal zentriert werden */
border:				none		/* Noch ein wenig umrahmen, damit es auffälliger ist */
}

ul#vertikal li a {
display:			block; 				/* Damit der ganze Listenpunkt verlinkt wird */
width:				100%; 				/*Für den IE, der braucht das bei display:block;*/
color:				#000000;
text-decoration:	none
}

ul#vertikal li a:hover {
font-weight: 		bold;
color:				#000000;
}