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

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

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	background-color: #999999;
	background-image: url(../images/bgtop.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}

.bggelb {
	background-color: yellow;
}

.oneColFixCtr #container {
    	width: 957px;  
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #1D3E52;
		border-color:#333;
    	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: #333333;
	/*	background-color: #F0F2F4; */
	background-image:url(../images/verlauf1.jpg);
	background-image:url(../images/pccbg1.jpg);
	background-repeat:repeat-y;
	background-repeat:repeat;
	/*	font-size: 0.9em;*/
/*	position:relative;*/
	font-size:12px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:18px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:16px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:14px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
}


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

#topflag {
	width: 957px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color:#333333;
}

#topnav {
	text-align:left;
	}

#topnav li {
	padding: 5px 3px;
	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:#333333;
	/*	float:left;*/
	padding: 5px 3px;
	text-decoration:none;
}

#topnav li a:hover {
	background: #FFF url(../images/icon_batch1.jpg) bottom center no-repeat;
	
/*	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: #FFF url(../images/icon_batch1.jpg) bottom center no-repeat;
/*	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;
}

#linksmenu {
float: left;
width: 200px;
/*height: 600px;*/
text-align:left;
margin-left: 5px;
margin-right: 10px;
background-color:#D4D4D4;
padding-left: 10px;
}

#mitte {
margin: 10px 10px 0px 250px;
text-align: left;
}

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

/* 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 */

.rot {
	color:rgba(253,5,12,1.00);
}

/* Hauptnavigation - linke Seite */

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

/* Ende Navigation */

/* Anfang Text Mitte */
#mitte h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 5px 0px;
	line-height: 20px;
}

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

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

#mitte h4 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 5px 0px;
	line-height: 20px;
}

#mitte h5 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 5px 0px;
	line-height: 20px;
}

#mitte h6 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 5px 0px;
	line-height: 20px;
}

#mitte p {
	font-size: 12px;
	display: block;
	margin-bottom: 15px;
	text-align: justify;
	color: rgba(0,0,0,1);
}

#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 {
/*list-style: none; wo wird das verwendet?
padding-left: 5px;*/
font-size: 12px;
list-style-position:inside;
}


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

#mitte input , #mitte textarea {
	background-color:#FF6633;
	color: #333333;
	font-size: 0.9em;
}

#mitte a {
	color: #666666;
}

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

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

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

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

/* Ende Text Mitte */

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

#bottom .weiss {
	color: #FFFFFF;
}

#linksmenu a.linklinks {color: #333}