/* -- ALLGEMEIN -- */
html, body {
	margin: 0;
	padding: 0;
/*	background-color:#F5F5F5;	
*/	background-image: url(bild/hg_1.gif);
	background-repeat: repeat-x;
	background-attachment:fixed;
	font-size: small; 
	color: #666666; 
	font-weight: normal; 
	line-height: normal; 
	text-transform: none;
	text-align:center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	min-height:101%;		/* Mindesthoehe da Firefox sonst bei Seiten mit wenig Inhalt "springt" (wg. Scrollbalken */
	scrollbar-face-color: #6BB300;
	scrollbar-track-color: #D0D0D0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #f0f8ff;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #BDC6DE;
	scrollbar-darkshadow-color: slatergray;
}

p	{
	margin:0.5em 0;
	padding:0;
  	line-height: normal; 
	font-size: small; 
	font-weight: normal; 
	color: #666666; 
	line-height: normal; 
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
strong {
	color: #666666;
}


h1 {
	display:none;
	}
h2 {
	margin:1.25em 0 0 0;
	padding:0;
	font-size:1.15em;
	font-weight: bold;
	letter-spacing:0.01em;
	color: #666666;
/*	margin-top:1.0em;
*/	margin-bottom: 1.25em;
	}

h2 a{
	color: #669900;
	font-weight: bold;
	text-transform: none; 
	text-decoration: none; 
	}
h2 a:hover, a:active, a:focus{  
	color: #990000;
	font-weight: bold;
	text-transform: none; 
	text-decoration: none;
	}
h2 a:visited {
	font-weight: bold;
	color:#999999; 
	text-transform:none;
	text-decoration:underline;
/*	border-bottom: dashed 1px #CCCCCC;
*/	}	


h3 {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight: bold;
	letter-spacing:0.01em;
	color: #666666;
	margin-top: 1.02em;
	margin-bottom: 0.45em;
	}
	
h3 a{
	font-weight: bold;
	letter-spacing:0.01em;
	color: #669900;
	margin-top: 1.02em;
	margin-bottom: 0.45em;
	text-transform: none; 
	text-decoration: none;
	}
h3 a:hover, a:active, a:focus{  
	color:#990000;
	font-weight: bold;
	text-transform: none; 
	text-decoration: none;
	}
h3 a:visited {
	font-weight: bold;
	color:#999999; 
	text-transform: none;
	text-decoration:underline;
/*	border-bottom: dashed 1px #CCCCCC;
*/	}	

hr {
	clear:both;
	display: block;
	padding:0;
	margin-top:0.25em;
	margin-bottom:0.5em;
	border: 1px dashed #CCCCCC;
	width:100%;
	}

div	{	
	margin:0;
	padding:0;
	text-align:left;
}

a   {
	color: #669900;
	text-decoration: none; 
	}
a:hover, a:active, a:focus{  
	color: #990000; 
	text-decoration: none;
	}
a:visited {
	color: #999999; 
	text-decoration: none;
	text-decoration:underline;
/*	border-bottom: dashed 1px #CCCCCC;
*/	}	

a img {							/* alle Bilder mit Link ohne Rahmen*/
	border:0;}

ul {
	list-style-type:disc;
	text-align: left;
/*	margin:0.5em 0 0.5em 0;
*/	margin:0.6em 0em 0.5em 2em;
	padding:0em;
	}
li {
	margin: 0.5em 1em 0.5em 0em;
	text-align: left;
	padding:0em;
	}
ul ul {
	list-style-type:square;
	text-align: left;
	margin-left: -1em;
	}
li li {
	margin:0.5em 1em 0.5em 0em;
	}

.clear{
	clear: both; line-height:0;}

.bild-links	{
	float:left;
	margin:0 1em 0.5em 0;
	}

.bild-rechts	{
	float:right;
	margin:0 0 0.5em 1em;
	}	
	

/*SCHRIFT-CLASSEN */

.headschrift, .headschrift a, .headschrift a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.018em;
	font-weight: 400;
	letter-spacing:0.015em;
	color: #808080;
	text-decoration:none;
	border-bottom: none;
	margin: 0.5em 0 0 0;
}
 

.headschrift a:hover, .headschrift a:focus, .headschrift a:active {
	color:#990000;
	text-decoration:none;
}	
.headschrift_klein {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em;
	letter-spacing:0.015em;
	color: #808080;
	float:left;
	margin-left:2em;
	}

.textnavi {  
	color: #808080;
	font-size: 0.85em;
	font-weight: normal;
	} 
a.textnavi, a.textnavi:visited {
	color: #808080;
	text-decoration:none;
	font-weight: normal;
	}
a.textnavi:active, a.textnavi:hover, a.textnavi:focus{
	color: #990000;
	text-decoration: none;
	font-weight: normal;
	}

a.link_mail {
	background: url(images/imail.gif);
	background-repeat:no-repeat;
	padding-left: 1.5em;
	background-position:left;
}



.fotobeschriftung	{
	font-size: x-small;
}

.link_extern {
	margin:0.5em 0 1.5em 0;
	background: url(images/iextern.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 2.25em;
	background-position: left bottom;
	line-height: 2em;
	text-align: left;
	border-bottom:1px solid #CCCCCC;
}
.print{
margin:0;
height:1.5em;
background-image:url(images/iprint.gif);
background-position:left;
background-repeat: no-repeat;
padding: 0.5em 0 0 2.5em;
}
.top{
margin:0;
height:1.5em;
text-align: right;
background-image:url(images/itop.gif);
background-position:right;
background-repeat: no-repeat;
padding: 0.5em 2em 0 0;
}
.uebersicht{
margin:0;
height:1.5em;
text-align: left;
background-image:url(images/iback.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0.5em 0 0 2.5em;
}
.vorzurück{
margin:0 0 1.25em 0;
height:2em;
text-align: center;
padding: 0 0 0 05.em;
}





/* -- LAYOUTBEREICHE -- */

#content			/* uebergeordnetes DIV fuer die ganze Seite wg. zentzrieren */ 
{
	width:50em;
	margin:auto; 	/* ganzer Block zentriert*/
	min-height:101%; /* Mindesthoehe, da Firefox bei Seiten mit wenig Inhalt wg. Scrollbalken "springt" */
	border: 1px solid #999999;
	background-color:#FFFFFF;
}


#head{				/* Kopf mit Logo, Beschriftung und Zusatznavigation */
	padding: 0.75em 0 0 0.5em;
	margin: 0 0.5em 0.75em 0;
	height:2.5em;
	}
#headlogo{
	float:left;
	margin:0; padding:0;
	width: 30em;}	
#headpic {
	clear:both;
	float:left;
	height:170px;
	width:50em;
	background-image:url(images/headbild_hga.jpg);
}
#zusatznavi	{		/* Zusatz Textnavigation oben */
	text-align: right;
	padding: 0 ;
	margin:1.5em 0 0 0 ;
	width:18em;
	float:right;
		}

#navigate {
	width:50em;
	height:1.85em;
	padding: 0 0 0 0;
	float: right;
	background-color: #6BB300;
	text-align:right;
	margin: 0.1em 0 1em 0;
}

#mitte{
	clear: both;
	padding:0;
	margin:0;
	}

#subnavigation { 		/*Block am linken Rand - enthaelt die Subnavigation */
	width: 13.5em;
	float: left;
	margin: 1.25em 3.5em 0 0;
	}

#inhalt {			/*Block in der Mitte - enthaelt den Seiteninhalt*/
	float: left;
	width:27em;
	margin: 0;
	padding: 0;
	}

#info {				/*Block am rechten Rand - enthaelt Hinweise, Tipps ...*/
	float: right;
	width: 12.75em;
	margin:0;
	padding:0;
	}

#foot{				/*Fuss mit Logo, Beschriftung und Hauptnavigation*/
	clear: both;
	padding: 1em 0 0 1em;
	margin:0;
	width:98,5%;
	height: 5em;
	border-top: 1px solid #999999;
	font-size: 0.75em;
	color:#666666;
	text-align:center;
	
	}

#footlogo{
	float: left;
	padding-top: 0;
	margin-left: 1em;
	width: 10em;
	height: 66px;
	}
.logoliste{
margin:0;
padding:0;
width:6.5em;
height:2.5em;
float:right;
}

/*--N-A-V-I-G-A-T-I-O-N-------------------------------------------------------------*/  

/* HAUPTNAVIGATION oben*/
ul.hauptmenue {
	float: right;
	margin: 0; padding: 0;
}

ul.hauptmenue li {
    list-style: none;
    display: inline;
	font-weight:normal;
}

ul.hauptmenue li a, ul.hauptmenue li a:visited, ul.hauptmenue li a:focus   {
	float: left; 
	height: 1.5em;
	background-color: #6BB300;
	border-right:#FFFFFF solid 1px;
	text-decoration: none; 
	text-align: center;
	font-weight:normal;
	color: white; 
	padding: 0.2em 1.5em 0.15em 1.5em;
	border-bottom:none;
}

ul.hauptmenue li a:hover{
	color: #333333;
	background-color:#E6FFBF ;
	}

ul.hauptmenue li a.aktiv {
	color: #333333;
	font-weight:normal;
	background-color: #CCFF80;
}
ul.hauptmenue li a.aktiv:hover{
	color: #333333;
	background-color:#E6FFBF ;
}

/*-----------------------------------------------------------------------------*/  
/*SUBNAVIGATION - Zwei Ebenen*/

 /*----1. Ebene ----*/
.subnav_1 a, .subnav_1 a:active, .subnav_1 a:focus, .subnav_1 a:visited  {
		margin: 0;
		padding: 0 0 0 1em;
		display: block;
		width: 12.5em;
		border-bottom: #CCFF80 1px solid; 
		border-left: #CCFF80 solid 0.3em;
		line-height: 1.8em;		
		text-align: left;
		text-transform: none; 
		text-decoration:none;
		color: #669900;
		font-weight:normal;
}
 
.subnav_1 a:hover{
		margin: 0px;
		padding: 0 0 0 1em;
		background-color: #E6FFBF;
		color: #333333;

}

.subnav_1 .aktiv { 
		border-left: #6BB300 solid 0.3em;
		background-color: #CCFF80;
		color: #333333;
	 }

/*----2. Ebene ----*/
.subnav_2 a, .subnav_2 a:active, .subnav_2 a:focus,  subnav_2 a:visited {
		margin: 0;
		padding:  0 0 0 2em;
		display: block;
		width: 11.5em;
		border-bottom: #CCFF80 1px solid; 
		border-left: #CCFF80 solid 0.3em;
		line-height: 1.8em;		
		text-align: left;
		text-transform: none; 
		text-decoration:none;
		color: #669900;
}
.subnav_2 a:hover{
		margin: 0;
		padding: 0 0 0 2em;
		background-color: #E6FFBF;
		color: #333333;

}
.subnav_2 .aktiv  { 
		border-left: #6BB300 solid 0.3em;
		background-color: #CCFF80;
		margin: 0;
		padding: 0 0 0 2em;
	 }
 /*-----------------------------------------------------------------------------*/  
/*B-O-X-E-N und R-A-H-M-E-N*/

.box_weiss{
	padding:0.75em ;
	background-color:#FFFFFF; 
	font-size:0.9em;
}

.box_gelb{
	padding:0.75em ;
	background-color:#FFFFF0; 
	font-size:0.9em;
	border-bottom: 1px dashed #CCCCCC;
}
.box_grau{
	padding:.75em ;
	background-color:#F5F5F5; 
	font-size:0.9em;
	border-bottom: 1px dashed #CCCCCC;
}
.box_navi, .box_navi a, .box_navi a:active, .box_navi a:focus,  box_navi a:visited{
	display:block;
	background-color:#6BB300; 
	line-height:1.5em;
	padding:0.25em 0.75em ;
	text-transform: uppercase;
	text-decoration:none;
	color:#FFFFFF;

	}
.box_navi:hover, .box_navi a:hover {
	background-color:#E6FFBF;
	color: #333333;
	}	

.kasten_grau{
	border-bottom: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;
	margin:1em 0 0 0;
	padding:0.5em;}

 /*-------------------------------------------Ende Boxen und Rahmen------------------*/  

/*B-U-T-T-O-N-S--------------------------------------*/
.button_mitglied {
	width:80px;  height:80px;
	margin:0; padding:0;  
	float:right; 
	background-image:url(bild/mitglied1.gif);
	background-repeat:no-repeat;
	}
.button_mitglied:hover{
	background-image:url(bild/mitglied2.gif);
	background-repeat:no-repeat;
	}
/*F-O-R-M-U-L-A-R-E------------------------------------*/	

form	{
	float:left;
	padding: 0.75em;
	margin:1em 0 1em 0;
	background-color: #E6FFBF;
	width: 26.5em;
	border: 1px solid #669900;
}

input, textarea, select { 		/* Formularelemente */
  float:left;
  margin:0.3em 0;				
  width:13em; 		 			
  border: solid 1px #669900;
  color: #333366;
  padding: 0.25em;
  background-color:#ffffff;
}

label { 						/* Label= Feld-Beschriftung */
  float: left;
  margin:0.7em 0 0 0;				
  width:12em;
  font-size:0.9em;
}

form br 	{					/* Alle Zeilenumbrueche in Formularen */
  clear: left; 					/* aufheben das floating der labels und inputs auf */
}

button	{
	margin: 1em 0 0.5em 9em;
	width: 7em;
	height: 2em;
	padding:0.2em;
	border: solid 1px #669900;
	background-color:#E6FFBF;
	cursor: hand;
	}
button:hover	{background-color:#CCFF80; color: #333333;}

#anrede	{ 						/* Gilt für Radio-Button "anrede" */
  width:1.3em;
  margin: 0.75em 0.25em;
}

#anrede_label	{				/* Gilt für Label bei Anrede (Herr/Frau) */
	margin:0em;
	padding:0em;
	width:3em; 
	margin-top:0.9em;
	margin-left:0.7em;
} 		

#tag, #monat, #jahr	{ 						
  width:3em;
  margin-right:0.3em;
  text-align:center;
}  
.mail-x	{display: none;}		/* für unsichtbares Feld in Formular - Spamschutz!! */

.checkbox{
	width: 1em;
	margin: 0.75em 0.25em;
}
.checkbox_label{
	width: 26em;
	margin: 1em 0 0 0.5em;
	}


.input_startmenue, textarea_startmenue, select_startmenue { 		/* Formularelemente auswählen */
	float:left;
	margin:0;		
	width:12.5em; 		 	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	border: solid 1px #669900;
}
/*-----------------------------------------F-O-R-M-U-L-A-R-E----E-n-d-e----------*/