/*############################################## generelle Definitionen ##############################################*/

body {}
td {}

div {
	color: #525252; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-position: 0 bottom; 
	vertical-align: bottom; top: 800%; 
	}

div.title {
	color: #ffaa00; 
	font-size: 13px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height: 30px;
	background-color: white; 
	background-position: 0 bottom; 
	vertical-align: bottom; 
	}

a.ergaenzung { font-family: Arial, Helvetica, san-serif; font-size: 11px; color: #525252; text-decoration: none; }

a { font-family: Arial, Helvetica, san-serif; font-size: 11px; color: #242424; text-decoration: none; }
a:hover { font-family: Arial, Helvetica, san-serif; font-size: 11px; color: red; text-decoration: none; }	
a.linkrot { 
	font-family: Arial, Helvetica, san-serif; 
	font-size: 11px; 
	color: black; 
	font-weight: 200;
	text-decoration: none; 
	}	

a.linkrot:hover { 
	font-family: Arial, Helvetica, san-serif; 
	font-size: 11px; 
	color: #bb0000; 
	text-decoration: none; 
	}	
	
p { 
	color: #525252; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-color: white; 
	background-position: 0 bottom; 
	vertical-align: bottom; top: 50%; 
	}

h1 { 
	color: #525252; 
	font-size: 15px; 
	font-family: Arial, helvetica, "trebuchet ms", sans-serif; 
	}

h3 { color: #525252; font-size: 13px; font-weight: bold; font-family: Arial, helvetica, "trebuchet ms", sans-serif; }


h4 { 
	color: #525252; 
	font-size: 17px; 
	font-family: Arial, helvetica, tahoma, "trebuchet ms", sans-serif; 
	}

#main { 
	background-color: #353535; 		 /* Farbe des umgebenden Rahmens */
}


#hintergrundkasten {				 /*Haupt-DIV-Bereich*/
	background-color: #fff; 
	height: 514px; 
	width: 965px; 
	left: 50%; 
	top: 50%; 
	position: absolute; 
	visibility: visible; 
	margin-top: -257px; 
	margin-left: -482px; 
	}
	
#bildrechts { 						/*Bild-DIV rechtes Bild*/
	height: 515px; 
	width: auto; 
	left: 745px; 
	top: 0; 
	position: absolute; 
	visibility: visible; 
	}
	
	
	
/*############################################## Navigationsleiste oben ##############################################*/

	/*###################### Navigationsleiste - untere Farbflächen ######################*/
					

#navigation { 						/* Containereigenschaften der Farbflächen-Liste */
	position: absolute; 
	top: -5px; 
	border: none; 
	left: 187px; 
	visibility: visible; 
	}

#navigation LI { 					/* Breite, Höhe der Farbleiste */
	float:left; 
	line-height: 5px; 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	width: 93px; 
	}

#navigation UL { 					/* padding und margin der Liste entfernen */ 
	background-color: #fff; 
	padding: 0; 
	margin: 0; 
	}


	/*###################### Navigationsleiste - obere Linkleiste ######################*/


#navigation2 { 						/* Containereigenschaften der Linkliste */
	position: absolute; 
	border: none; 
	top: -20px; 
	left: 187px; 
	visibility: visible; 
	}

#navigation2 LI { 					/* Listenformatierung und Text der Linkleiste */
	float:left; 
	font-family: Arial; 
	font-size: 9px; 
	line-height: 15px; 
	vertical-align: middle; 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	width: 93px; 
	}

#navigation2 UL { 					/* padding und margin der Liste entfernen */
	float:left; 
	padding: 0;
	margin: 0; 
	}



	/* ######### Formatierungen und Hovers der Farbleiste ##########*/

a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.navx, a.navxactive { 
	display:block; 
	color: #fff; 
	background-position: center 0; 
	text-align: center; 
	padding: 0; 
	margin: 0; 
	}
/*##############################################################*/
/*##################### Farbleiste - Fläche unten 1 ########### */
	
a.nav1{ 
	background-color:#b00000; 
	}
	
a.nav1:hover { 
	background-color: black; 
	}
/*##############################################################*/
/*##################### Farbleiste - Fläche unten 2 ########### */

a.nav2 {
	background-color: #70b933;
	}
	
a.nav2:hover { 
	background-color:#b2db11; 
	}
	
/*##############################################################*/
/*##################### Farbleiste - Fläche unten 3 ########### */

a.nav3 {
	background-color: #ffaa00;
	}
	
a.nav3:hover { 
	background-color:#87c500; 
	}
	
/*##############################################################*/	
/*##################### Farbleiste - Fläche unten 4 ########### */

a.nav4 {
	background-color: #639a64;
	}
	
a.nav4:hover { 
	background-color:#87c500; 
	}
		
/*##############################################################*/
/*##################### Farbleiste - Fläche unten 5 ########### */

a.nav5 {
	background-color: #3a8598;
	}
	
a.nav5:hover { 
	background-color:#87c500; 
	}
	
/*##############################################################*/
/*##################### Farbleiste - Fläche unten 6 ########### */

a.nav6 {
	background-color: #39575f;
	}
	
a.nav6:hover { 
	background-color:#87c500; 
	}
	
/*##############################################################*/
/*##############################################################*/
/*##################### Beschriftungen der Links ############## */

a.navx, a.navxactive { 				/* Eigenschaften der Linkflächen oben */
	color: #fff; 
	font-size: 9px; 
	text-decoration: none;
	}
	
a.navx:hover { 						/* Hover der Linkflächen oben */
	background-color:#202020; 
	color: #fff; 
	background-position: center 0; 
	text-align: center; 
	padding: 0; 
	border: solid 0; 
	margin: 0; 
	text-decoration: none;
	}
	
a.navxactive {						/* Aktive Schaltfläche */
	background-color:#202020; 
	color: #fff; 
	background-position: center 0; 
	text-align: center; 
	padding: 0; 
	border: solid 0;
	margin: 0;
	text-decoration: none;
	}
/*##############################################################*/
/*##############################################################*/


/*############################################## individuelle Seitennavigation ##############################################*/

		/* ############ allgemeine Definitionen ############ */

#navbox { 							/* Containereigenschaften (Liste außen) */
	height: 315px; 
	width: 141px; 
	left: 0; 
	top: 200px; 
	position: absolute; 
	visibility: visible; 
	padding-right: 5px; 
	border-right-style: solid; 
	border-right-width: 1px;
	}
	
#navlist li{						/* Texteigenschaften der Navigation links */
	width: 100px; 	
	list-style: none; 
	text-align: right; 
	font-family: Arial, Helvetica, san-serif;  
	line-height: 18px;
	} 
	
#navlist a {						/* Schriftgröße und -farbe der linken Linkleiste */
	text-decoration: none; 
	color:#222222; 
	font-size: 10px; 
	}
	
/* ###########################################################################################################################*/
	
		/* ##################################### Farbseparierung ##################################################*/
	
#navlist a.gruen:hover {
	color: #87c500;
	}
	
#navlist a.rot:hover {
	color: #b00000;
}

#navlist a.gelb:hover {
	color: #ffaa00;
}

#navlist a.tanngruen:hover {
	color: #639a64;
}

#navlist a.taubenblau:hover {
	color: #3a8598;
}

#navlist a.blaugrau:hover {
	color: #39575f;
}


/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*##############################################    Inlineframe-Definitionen   ################################################*/

#iframediv { 						/* Position und Größe des Inlineframe-DIVs */
	height: 500px; 
	width: 550px; 
	left: 187px; 
	top: 40px; 
	position: absolute; 
	visibility: visible;
	text-align: left;
	
	}
	
#iframe1 { 							/* Größe des Iframes selber */
	text-align: left; 
	width: 540px; 
	/* height: 100%; */ 
	margin: 0; 
	padding: 0; 
	 	
	}

/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*##############################################    Fließtext-Definitionen     ################################################*/

#fliesstext { 
	width: 489px; 
	height: 100%; 
	margin-top: 25%; 				/* Größe des Abstands zur oberen Kante im iFrame */
	padding: 0; 
	border-width: 0; }
	
#fliesstext_lang { 
	width: 489px; 
	height: 100%; 
	margin-top: 0px; 				/* Größe des Abstands zur oberen Kante im iFrame */
	padding: 0; 
	border-width: 0; }

/*#############################################################################################################################*/
/*#############################################################################################################################*/
/*##############################################    Specials     ################################################*/


#knoten { 
	background-color: #fff; 
	height: auto; 
	width: auto; 
	left: 0; 
	top: 0; 
	position: absolute; 
	visibility: visible; 
	}
	
#logo { 
	height: auto; 
	width: auto; 
	left: 27px; 
	top: 46px; 
	position: absolute; 
	visibility: visible; 
	}


