/* Globale CSS */
* {
padding: 0; 
margin: 0;
} 

/*div {border:1px solid red;}*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	background-color: #415F83;
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}

.oneColFixCtr #container {
    	width: 957px;  
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #1D3E52;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
/* Ende Globale CSS */

/* Aufteilung der HP */
.homepage {
	width: 957px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3E6282;
/*	background-color: #F0F2F4; */
	background-image:url(../images/verlauf.jpg);
	background-repeat:repeat-y;
/*	font-size: 0.9em;*/
/*	position:relative;*/
	font-size:12px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3E6282;
	font-size:16px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3E6282;
	font-size:0.6em;
}

/* top */
#top {
	width: 957px;
	height: 200px;
	margin: 0;
	padding: 0;
	background-color: 3E6282;
	background-image:url(../images/Reinhard_Grindel_oben_start_wp17.jpg);
	background-repeat:no-repeat;
	color:#FF9900;
}

#topnav {
	text-align:right;
	}

#topnav li {
	padding: 5px 5px;
	font-weight:bold;
	display:inline;
/*	width: 130px;*/
	list-style-type:none;
	font-size:14px;
	}
	
#topnav li a {
	/* border-left: 2px solid #889BB2;
	border-top: 2px solid #889BB2;
	border-right: 2px solid #415F83;
	border-bottom: 2px solid #415F83;
	background: #FFDCA8 bottom left repeat-x; */
	color:#FF9900;
/*	float:left;*/
	padding: 5px 5px;
	text-decoration:none;
}

#topnav li a:hover {
	background: #FFCB7D url(../images/verlauf_bottons.jpg) bottom left repeat-x;
	border-left: 2px solid #415F83;
	border-top: 2px solid #415F83;
	border-right: 2px solid #889BB2;
	border-bottom: 2px solid #889BB2;
	}
	
#topnav li a:active {
	background: #FFCB7D url(../images/verlauf_bottons.jpg) bottom left repeat-x;
	border-left: 2px solid #415F83;
	border-top: 2px solid #415F83;
	border-right: 2px solid #889BB2;
	border-bottom: 2px solid #889BB2;
	}
	
#topnav li.start {
/*	margin-left: 190px;*/
	border-left:0;
	}
#topnav li.ende {
	border-right:0;
	}
	
/* Ende top */

#bottom {
width: 866px;
}

#links {
float: left;
width: 250px;
height: 400px;
}

#linksmenu {
float: left;
width: 180px;
height: 400px;
}

#mitte {
margin: 10px 160px 0px 180px; 
}

#mittestart {
margin: 0px 160px 0px 10px; 
}

#mitteinnen {
margin: 0px 0px 0px 0px; 
/*width: 500px;*/
}

#mittehome {
margin: 0px 0px 0px 0px; 
width: 580px;
}

#mitteunten {
margin: 0px 0px 0px 0px; 
/* margin: 10px 145px 0px 0px; */
/*width: 500px;*/
}

#mittefilm {
	width: 310px;
	height: 300px;
	text-align: center;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;		
}

#mittefilmstart {
	width: 310px;
	height: 7px;
	text-align: center;
	background-image:url(../images/ecken-oben.gif);
	background-repeat:no-repeat;
	margin: 5px 0 0 0;
	padding: 0;
}

#mittefilmende {
	width: 310px;
	height: 7px;
	text-align: center;
	background-image:url(../images/ecken-unten.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}

#mittefilme table {
	background-image:url(../images/tabellen_linie_hg.jpg);
	background-repeat:repeat-x;
	height: 330px;
}



#rechts {
float:right;
margin: 0px 0px 0px 0px;
/*	margin: 0px 0px 0px 550px; */
	width: 150px;
}
/* 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 */



/* Hauptnavigation - linke Seite */

#navi {
	padding: 15px 10px 15px 0px;
	border-bottom: 0px solid #FFFFFF;
	font-weight: normal;
	color: #3E6282;
}



#hover3 a{
color:#3E6282;
background:transparent;
text-decoration:none;}

#hover3 a:hover{
color:#3E6283;}

#hover3 a .hover3a{
color:#fafafa;
font-weight:bold;}

#hover3 a:hover .hover3a{
color:#3E6282;}

#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: #3E6282;
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: 16px;
font-weight: bold;
color: #3E6282;
margin: 0px 0px 0px 0px;
line-height: 20px;
}

#mitte h2 {
font-size: 15px;
font-weight: bold;
color: #3E6282;
margin: 0px 0px 0px 0px;
}

#mitte h3 {
font-size: 14px;
font-weight: bold;
color: #3E6282;
margin: 0px 0px 0px 0px;
line-height: 20px;
}

#mitte p {
font-size: 12px;
display: block;
margin-bottom: 15px; 
}

#mitte .bild {
float:right; 
margin: 0px 30px 5px 30px;
}

#mitte .bildsommer {
float:right; 
margin: 0px 10px 5px 20px;
}

#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; wo wird das verwendet?*/
padding-left: 20px;
}

#mitte .aufzaehlung {
list-style:decimal;
padding-left: 10px;
list-style-type:decimal;
}

#mitte .liste {
font-size: 0.9em;
list-style: circle;
padding-left: 20px;
}

#mitte .einschub { /* Einschub fuer ie */
font-size: 0.9em;
list-style: none;
padding-left: 20px;
}

#mitte td {
color: #3E6282;
font-size: 0.8em;
/*margin-bottom: 15px; */
}

#mitte input , #mitte textarea {
background-color:#FFD860;
color: #3E6282;
font-size: 0.9em;
}

#mitte a {
color: #3E6282;
}

#mitte a:hover {
color: #3E6282;
font-weight: bold;
}

#mitte a:visited, #mitte a:active, #mitte .aktiv {
color: #3E6282;
}

#mitte .orangegross {
color: #FC9304;
font-size: 1.9em;
}

#mitte .orangegross2 {
text-decoration: none;
}

#mitte .tabueb {   /* Tabellenueberschrift */
font-weight: bold;
}
/* Ende Text Mitte */

/* Start Text Mittestart */

#mittestart h1 {
font-size: 18px;
font-weight: bold;
color: #3E6282;
margin: 0px 0px 0px 0px;
line-height: 20px;
}

#mittestart h2 {
font-size: 16px;
font-weight: bold;
color: #3E6282;
margin: 0px 0px 0px 0px;
}

#mittestart h3 {
font-size: 14px;
font-weight: bold;
color: #3E6282;
margin: 0px 0px 0px 0px;
line-height: 20px;
}

#mittestart p {
font-size: 12px;
display: block;
margin-bottom: 15px; 
}

#mittestart .bild {
float:right; 
margin: 0px 30px 5px 30px;
}

#mittestart .bildsommer {
float:right; 
margin: 0px 10px 5px 20px;
}

#mittestart .bildlinks {
float:left; 
margin: 0px 10px 5px 0px;
}

#mittestart .bildmitte {
margin: 0px 5px 5px 0px;
}

#mittestart li {
font-size: 0.9em;
/*list-style: none; wo wird das verwendet?*/
padding-left: 20px;
}

#mittestart .aufzaehlung {
list-style:decimal;
padding-left: 10px;
list-style-type:decimal;
}

#mittestart .liste {
font-size: 0.9em;
list-style: circle;
padding-left: 20px;
}

#mittestart .einschub { /* Einschub fuer ie */
font-size: 0.9em;
list-style: none;
padding-left: 20px;
}

#mittestart td {
color: #3E6282;
font-size: 0.8em;
/*margin-bottom: 15px; */
}

#mittestart input , #mittestart textarea {
background-color:#FFD860;
color: #3E6282;
font-size: 0.9em;
}

#mittestart a {
color: #3E6282;
}

#mittestart a:hover {
color: #3E6282;
font-weight: bold;
}

#mittestart a:visited, #mittestart a:active, #mittestart .aktiv {
color: #3E6282;
}

#mittestart .orangegross {
color: #FC9304;
font-size: 1.9em;
}

#mittestart .orangegross2 {
text-decoration: none;
}

#mittestart .tabueb {   /* Tabellenueberschrift */
font-weight: bold;
}
/* Ende Text Mittestart */


/* Bottom */
#bottom a {
color: #3E6282;
font-weight: bold;
}

#linksmenu .orange {color: #FC9304}