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

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

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

body { /* Gestalte das html-Element mit dem Namen body */
		color: #003399; /* Schriftfarbe */
		background-color: #FFFFFF; /* Hintergrundfarbe */
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px; /* Schriftgröße */
}

h1 { 	font-size: 180%; 
		color:#FF9933;
		/* border-bottom: #FF9933 2px dotted;} */ }
h2 { font-size: 160%; color:#FF9933; }
h3 { font-size: 120%; color:#FF9933; }
/* 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; }

.bildlinks {
		float: left;
		padding: 2px;
		border: 2px solid #0099FF;
		margin-right: 10px;
		margin-bottom: 10px;
}

.bildrechts {
		float: right;
		padding: 2px;
		border: 2px solid #0099FF;
		margin-left: 10px;
		margin-bottom: 10px;
}

.clearing { clear: both; }

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

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

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

#navibereich {
		float: left;
		width: 100px;
		padding: 5px 5px;
}
	#navibereich ul {
			width: 6em;
	}
	#navibereich li {
			list-style-type: none;
			margin: 0;
	}
	#navibereich a {
			display: block; 
			text-decoration: none;
			color: #003399;
			padding: 8px;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 14px;
}

	#navibereich a:hover,
	#navibereich a:focus,
	#navibereich a:active,
	#start #navi01 a,
	#wege #navi02 a,
	#reisende #navi04 a,
	#routenplanung #navi03 a,
	#ziele #navi05 a,
	#etappen #navi06 a,
	#kontakt #navi07 a,
	#impressum #navi08 a 
			{
			color: #0066FF;
			text-decoration: underline;
	}


#textbereich {
		float: right;
		width: 420px;
		margin-right: 100px; 
		padding: 5px 20px;
		text-align: justify;
		/* border-bottom: #FF9933 2px dotted; */
}
	#textbereich a {
		color: #003399;
		border-bottom: 1px dotted #FF9933;
}
	#textbereich a:hover,
	#textbereich a:focus {
		color: #003399;
		border-bottom: 1px solid #FF9933;
}

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

.dicker {
		font-weight: bold; 
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #FF9933;	
		font-size: 120%;
}

.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;
}

/* ==== */