/* ============================================================================
Allgemein
============================================================================ */

* {padding: 0; margin: 0;} /* Kalibrierung aller Abstände auf 0 */

html {height: 101%; } /* erzwingt Scrollbar im Firefox */ 
html #navibereich { width: 600px; } /* Patch für IE6 */

body { /* Gestalte das html-Element mit dem Namen body */
		color: #0033CC; /* Schriftfarbe color: #006600; */
		background-color: #FFFFFF; /* Hintergrundfarbe */
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px; /* Schriftgröße */
		background-image: url(../_bilder/hgr-gras.jpg);
		/*background-repeat: no-repeat;*/
}

h1 { 	font-size: 180%; 
		color:#CC0000;
		/* border-bottom: #FF9933 2px dotted;} */ }
h2 { font-size: 160%; color:#CC0000; }
h3 { font-size: 120%; color:#CC0000; }

		
/* Abstand nach unten */
h1, h2, h3, p, ul, ol {margin-bottom: 15px;}
/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }
/* Abstand von links */
li { margin-left: 1em; }

a { text-decoration: none; }

.textrechts {
		float: right;
		padding: 5px;
		border: 1px dotted #006600;
		background-color:#FFFFCC;/**/
		margin-right: 0px;
		margin-bottom: 10px;
}
		
.bildlinks {
		float: left;
		padding: 2px;
		border: 1px dotted #CC0000;
		margin-right: 10px;
		margin-bottom: 10px;
}

.bildrechts {
		float: right;
		padding: 2px;
		border: 1px dotted #CC0000;
		margin-right: 10px;
		margin-bottom: 10px;
}

.ueberrechts {
		float: right;
		padding: 0px;
		border: none;
		margin: 0px;
}

.clearing { clear: both; }

/* ============================================================================
Layout
============================================================================ */

#wrapper { /* Gestalte das html-Element mit id="wrapper" */
		color: #003399; /* Schriftfarbe */
		/**/background-image: url(../_bilder/hgr-03b.jpg);
		background-repeat: no-repeat;
		/*background-color: #FFFFFF;*/
		width: 900px; /* Breite des Inhaltsbereiches */
		height: 800px; /* Höhe */ 
		margin: 20px auto; 
}

#kopfbereich {
		/* position: relative; */
		padding: 0px;
		width: 800px;
		height: 160px;
		float:right;
}

#navibereich {
		/*float: left;*/
		clear:both;
		width: auto;
		height: 25px;
		padding: 5px;
		margin-left: 200px;
		border-bottom: #006600 1px dotted;
}
	#navibereich ul {
			margin: 0;
	}
	#navibereich li {
			list-style-type: none;
			display: inline;
			padding: 3px; 
			margin: 0;
	}
	#navibereich a,
	#navibereich strong  {
			
			text-decoration: none;
			color: #006600;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 13px;
}

	#navibereich a:hover,
	#navibereich a:focus,
	#navibereich a:active,
	#Willkommen #nav01 a,
	#Team #nav02 a,
	#Aktionen #nav03 a,
	#Tagesablauf #nav04 a,
	#Ziele #nav05 a,
	#Beirat #nav06 a,
	#Impressum #nav07 a
			{
			color: #0033CC;
			text-decoration: underline;
	}


#textbereich {
		/*float: right;*/clear:both;
		width: 600px;
		margin-left: 200px; 
		padding: 8px;
		text-align: justify;
		/* border-bottom: #FF9933 2px dotted; */
}
	#textbereich a {
		color: #003399;
		border-bottom: 1px dotted #CC0000;
}
	#textbereich a:hover,
	#textbereich a:focus {
		color: #003399;
		border-bottom: 1px solid #CC0000;
}

	#textbereich table, tr, td {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#006600;
		text-align:left;
}

#textbereich h3 a {
		text-decoration: none;
		color: #CC0000;
}
#textbereich h3 a:hover{
		color:#0000FF;
}

#fussbereich {
			clear:both;
			width: 100%;
			padding: 5px 5px;
}

	#fussbereich a {
		color: #003399;
		border-bottom: none;
}
	#fussbereich a:hover,
	#fussbereich a:focus {
		color: #003399;
		border-bottom: 1px solid #CC0000;
}

.klein {
		font-size: 10px;
}

.orange {color:#FF9933}

			
/* Das Kontaktformular */
form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9933;
   	background-color: #FFFFFF;
   	width: 350px; /* Breite des Formulars */ 
   	padding: 20px; 
   	border: 1px solid #FF9933;
}
/* Beschriftung auf eigener Zeile */
label { 
   	display: block; 
   	cursor: pointer; 
} 

input#name,
input#email, 
input#nachricht { 
   	width: 300px;
   	border: 1px solid #FF9933;
   	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003399;
}

#submit { 
	width: 150px;
	border: 1px solid #FF9933;
   	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9933;
	cursor: pointer;
}

#nachricht { 
   	height: 70px;
   	width: 300px;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #FF9933;
	color:#003399;
}

/* ==== */