/* Globale CSS */
* {
padding: 0; 
margin: 0;
border: 0;
} 

html, body {
	margin: 5px 0px 10px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-color: #D9D9FF;
	font-size: 1em;
}
/* Ende Globale CSS */

/* Aufteilung der HP */
.hp_breite {
width: 900px; /* damit auch im ie5 diese Gesamtbreite eingehalten wird */
}

#bottom {
margin: 0px 0px 0px 0px;
}

#links {
margin: 20px 0px 0px 0px;
float: left;
width: 180px;
height: 400px;
}

#mitte {
	margin: 20px 0px 0px 190px;
	width: 610px; 
	border-top: 3px solid #0000FF;
}

/* Ende Aufteilung der HP */


/* hiermit werden alle Einstellungen zurückgesetzt, damit die Bildleiste unten linksbuendig steht */
.cleaner {
clear:both;
heigth:1px;
font-size:1em;
border:0px none;
margin:0; padding:0;
background:transparent;
}
/* Cleaner Ende */

/* top */
#top {
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.2em;
}

#top .bildlinks {
float:left; 
margin: 0px 10px 5px 0px;
}

/* Ende top */

#links .rahmen1 {
	border-top: 3px solid #FFCF33;
	margin-bottom: 10px;
}


/* Hauptnavigation - linke Seite */
#navi {
	background: #D9D9FF;
	padding: 15px 0px 15px 0px;
	font-weight: bold;
	border-top: 3px solid #0000FF;
	border-bottom: 1px solid #0000FF;
	border-right:1px solid #0000FF;
}

#navi .rahmen2 {
	border-bottom: 1px solid #D4D0C8;
	border-right: 1px solid #D4D0C8;
}

#navi li {
list-style: none;
}

#navi a {
	padding: 3px 0px 4px 15px;
	font-size: 0.8em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	_height:  15px; /* damit der IE die Abstaende nicht vergroessert */
}

#navi a:hover, #navi a:active, #navi .aktiv {
	color: #0000FF;
	border-left: 3px solid #0000FF;
}

#ebene2 {
background: #FFFFFF;
margin: 0px 0px 0px 20px;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;
}

#ebene2 li {
list-style: none;
}

#ebene2 a {
padding: 3px 0px 4px 15px;
font-size: 0.8em;
font-weight: bold;
color: #6068A8;
text-decoration: none;
display: block;
_height:  15px; /* damit der IE die Abstaende nicht vergroessert */
}

#ebene2 a:hover, #ebene2 a:active, #ebene2 .aktiv {
background: url(../images/ebene2_hover.png) no-repeat;
_background: url(../images/ebene2_hover2.gif) no-repeat; /* der IE kann keine Transparenz in png-Format */
color: #fff;
}

/* Ende Navigation */

/* Anfang Text Mitte */
#mitte h1 {
font-size: 1.1em;
font-weight: bold;
color: #000000;
margin-top: 15px;
margin-bottom: 10px;
}

#mitte p {
font-size: 0.9em;
display: block;
margin-bottom: 15px; 
}

#mitte .bild {
float:right; 
margin: 0px 5px 5px 10px;
}

#mitte .bildlinks {
float:left; 
margin: 0px 10px 5px 0px;
}

#mitte .bildmitte {
margin: 0px 5px 5px 0px;
}

#mitte li {
font-size: 0.9em;
list-style: none;
padding-left: 20px;
}

#mitte .einschub { /* Einschub fuer ie */
font-size: 0.9em;
list-style: none;
padding-left: 20px;
}

#mitte td {
color: #000000;
font-size: 0.9em;
margin-bottom: 15px; 
}

#mitte input , #mitte textarea {
background-color:#FFD860;
color: #6068A8;
font-size: 15px;
}

#mitte a {
color: #0000FF;
font-weight: bold;
font-size: 0.9em;
}

#mitte a:visited, #mitte a:hover, #mitte a:active, #mitte .aktiv {
color: #0000FF;
font-weight: bold;
}

#mitte .tabueb {   /* Tabellenueberschrift */
font-weight: bold;
}
/* Ende Text Mitte */

/* Text Rechts */
#rechts a {
	padding: 3px 0px 4px 15px;
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	_height:  15px; /* damit der IE die Abstaende nicht vergroessert */
	border-top: 1px solid #FFCF33;
	border-bottom: 1px solid #FFCF33;
	border-left: 6px solid #FFCF33;
	border-right: 1px solid #FFCF33;
}

#rechts .bildr {
float:right; 
padding: 0px 5px 5px 0px;
}
