@charset "utf-8";
/* CSS Document */

body {
	background-color:#0099FF;
	text-align:left;
	
	}
	
h1 { color:#0066FF; font:"Times New Roman", Times, serif; font-size:20pt; margin-bottom:0px; margin-top:5px; clear:both}
h2 { color:#0066FF; font:"Times New Roman", Times, serif; font-size:18pt; margin-bottom:0px; margin-top:5px; clear:both}
h3 { color:#0066FF; font:"Times New Roman", Times, serif; font-size:16pt; margin-bottom:0px; margin-top:5px; clear:both}
h4 { color:#0066FF; font:"Times New Roman", Times, serif; font-size:14pt; margin-bottom:0px; margin-top:5px; clear:both}
h5 { color:#0066FF; font:"Times New Roman", Times, serif; font-size:12pt; margin-bottom:0px; margin-top:5px; clear:both}

a:link{color:#FF0000;text-decoration:none;background:url(Bilder/style/pfFF0000.gif) left no-repeat;padding-left:15px}
a:visited{color:#CE0031;text-decoration:none;background:url(Bilder/style/pfCE0031.gif) left no-repeat;padding-left:15px}
a:active{color:#FF0000;text-decoration:none;background:url(Bilder/style/pfFF0000.gif) left no-repeat;padding-left:15px}
a:hover{color:#CE0031;text-decoration:none;background:url(Bilder/style/pfFF0000_3.gif) left no-repeat;background-color:#CADFFF;padding-left:15px}
a.ohnepfeil:link{background-image:none;padding:0;background-color:transparent}
a.ohnepfeil:visited{background-image:none;padding:0;background-color:transparent}
a.ohnepfeil:active{background-image:none;padding:0;background-color:transparent}
a.ohnepfeil:hover{background-image:none;padding:0;background-color:transparent}


p { margin-bottom:0px; margin-top:5px}

img.aktuell { width:280px; margin:10px; border-right:2px solid #575757; border-bottom:2px solid #575757;}
img.aktuell_hoch { width:200px; margin:10px; border-right:2px solid #575757; border-bottom:2px solid #575757;}
#Kopf { 
	position:absolute;
	left:10px;
	top:10px;
	width:990px;
	height:100px;
	border-right:2px solid #575757;
	}
	
.kopf_hintergrund { width:990px; height:100px}
.kopf_fahne { position:absolute; left:227px; top:3px; width:107px}
.kopf_schriftzug { position:absolute; left:257px; top:55px}
.kopf_druck_schriftzug { visibility:hidden}
	

#Menu {
	z-index:8;
	text-align:center;
	position:absolute;
	left:10px;
	top:110px;
	width:990px;
	height:30px;
	background-color:#323232;
	border-right:2px solid #575757;
	}

#Inhalt { 
	z-index:1;
	position:absolute;
	left:10px;
	top:147px;
	float:left;
	width:785px;
	min-height:552px;
	text-align:justify;
	background-color:#EAEAEA;
	padding:10px;
	border-right:2px solid #575757;
	border-bottom:2px solid #575757;
	}
#Zierbalken {
	position:absolute;
	left:10px;
	top:140px;
	width:990px;
	height:10px;
	background-color:#969696;
	border-right:2px solid #575757;
	}

#Diashow {
	z-index:5;
	background-color:#969696;
	width:173px;
	height:180px;
	position:absolute;
	left:817px;
	top:147px;
	padding:5px;
	border-right:2px solid #575757;
	border-bottom:2px solid #575757;
	}

#Besucherzaeler { 
	background-color:#969696;
	width:173px;
	height:110px;
	position:absolute;
	left:817px;
	top:337px;
	padding:5px;
	border-right:2px solid #575757;
	border-bottom:2px solid #575757;
	}
	
#Wetter {
	background-color:#969696;
	width:173px;
	height:200px;
	position:absolute;
	left:817px;
	top:459px;
	padding:5px;
	border-right:2px solid #575757;
	border-bottom:2px solid #575757;	
	}

#Sonstiges {
	visibility:hidden;
	background-color:#969696;
	width:173px;
	height:200px;
	position:absolute;
	left:817px;
	top:711px;
	padding:5px;
	border-right:2px solid #575757;
	border-bottom:2px solid #575757;	
	}	

	
#Vorstand { width:239px; height:410px; background-color:#F6F6F6; padding:5px; margin:5px; text-align:center; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left}
.vorstand_img { width:170px; border-bottom:2px solid #575757; border-right:2px solid #575757;}

#Termin { width:765px; height:auto; padding:5px; margin:5px; background-color:#F6F6F6; 	border-right:1px solid #575757; border-bottom:1px solid #575757;}

div#Termin:hover { background-color:#E1E1E1; border-bottom:0; border-right:0; border-top:1px solid #575757; border-left:1px solid #575757;} 



#start_willkommen { width:502px; min-height:280px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left}

#start_termine { width:239px; min-height:280px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left}

#start_news { width:760px; min-height:125px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left}



#schmaler_streifen_links { width:220px; min-height:280px; height:auto; background-color:#F6F6F6; padding:10px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left}

#breiter_streifen_rechts { width:511px; min-height:50px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:right}

#halber_streifen { width:371px; height:; margin:5px; padding:5px; background-color:#F6F6F6; border-right:1px solid #575757; border-bottom:1px solid #575757; float:left}


#ganzer_streifen_quer { width:765px; height:auto; padding:5px; margin:5px; background-color:#F6F6F6; 	border-right:1px solid #575757; border-bottom:1px solid #575757; float:left}


#Kontaktformular { position:relative; left:191px; width:400px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left }

#Login { width:371px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:center; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left }

#Anmelden { width:370px; height:auto; background-color:#F6F6F6; padding:5px; margin:5px; text-align:left; border-bottom:2px solid #ACACAC; border-right:2px solid #ACACAC; float:left }


.umbruch { clear:both}

.druckfuss {text-align:left; padding-left:10px;font-family:Arial,Helvetica,sans serif; font-size:80%;}
.fusszeile {text-align:left; padding-top:0px; padding-left:5px; font-family:"Times New Roman", Times, serif; font-size:90%}



.Diashow_Bild { width:173px; z-index:9; border-bottom:2px solid #575757; border-right:2px solid #575757}
.Diashow_Text { font:"Times New Roman", Times, serif; font-weight:bold; font-size:12pt; text-align:center}



/*Das Menü*/

#Menubutton { position:relative; left:186px; margin-top:0px; }

ul.menu, li.einzel, li.gruppe, a.menulink, a.selbst {
		display:block;
		margin:0px; 
		padding:0px;
		text-align:center;
		height:30px;
	}
	ul.menu {
		width:150px;
		list-style:none;
		float:left;
	}
	
	li.einzel, li.gruppe{
		position:relative;
		padding:0px;
		padding-left:0px;
		padding-right:0px;
		z-index:9; 
		background-color:#404040; 
		border-left:1px solid #575757;
		border-right:1px solid #575757;
	}
	
	li.a_link {
		position:relative;
		padding:0px;
		padding-left:0px;
		padding-right:0px;
		z-index:9; 
		background-color:#575757; 
		border-left:1px solid #575757;
		border-right:1px solid #575757;
	
	
	}

	li.gruppe { z-index:9; background-color:#404040;}
	
	ul.menu li.gruppe ul.menu li.einzel {left:-1px}

			li.gruppe>ul { left:0px; } /* richtige Browser */

	a.menulink, a.menulink:link, a.menulink:active, a.menulink:hover, a.menulink:visited {
		padding:0px;padding-top:0px;padding-left:0px;
		border:0px;
		text-decoration:none;
		background-image:none;
		background:transparent;
		color:white;
		font-size:20px;
		font-weight:bold;
		width:150px; /* IE */
        }

	a.selbst, a.selbst:link, a.selbst:active, a.selbst:hover, a.selbst:visited {
		padding:0px;padding-top:0px;padding-left:0px;
		border:0px;
		text-decoration:none;
		background-image:none;
		background:transparent;
		color:yellow;
		font-size:20px;
		font-weight:bold;
		width:150px; /* IE */
        }

		li>a.menulink { width:auto; } /* richtige Browser */
		li>a.selbst { width:auto; } /* richtige Browser */

	/* regular hovers */

	a.menulink:hover{color:yellow;}


	/* hovers with specificity */

li.einzel:hover { background-color:#404040}
	li.gruppe:hover { background-color:#404040}

	ul.menu ul.menu, li:hover ul.menu ul.menu {
		display:none;
	}

	li:hover ul.menu, li:hover li:hover ul.menu, li.gruppe li:hover ul.menu {
		display:block;
	}