/* Stylesheet für Henneken-Seite */
* { padding: 0; margin: 0; } /* Style-Sheet des Browsers wegmachen */
body { /* für das HTML-Element body */
	color: white; background-color: #ffffee; /* Hintergrundfarbe außerhalb */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: normal;
}

#wrapper { /* für das Attribut id="wrapper" */
	color: #558866; /* Textfarbe für Fussbereich */
	background-color: #ffffee;
	width: 700px; /* Breite des Inhaltsbereiches */
	margin-top: 30px; 
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto; 
}

#kopfbereich {
	color: black; 
	background-color: #225533; 
	background: white;
	padding: 0;
}

#navibereich {
	text-align: left;
	color: #225533;
	font-weight: bold;
	font-size: 90%;
	background: #ffffee; /* Background Balken */
	padding: 8px 10px 4px 50px;
	border-top: 3px solid #ffffee; /* Linie Navibalken oben */
	border-bottom: 1px solid #ffffee; /* Linie Navi ohne unter Kästen unten */
}

	#navibereich ul { margin-bottom: 0; } /* Abstand Navi-Box unten verringern */
	#navibereich li { /* Für Feineinstellungen + Fehlersuche S. 167 */
		display: inline; /* Navi-Elemente nebeneinander anordnen */
		list-style-type: none; /* ohne Aufzählungspunkte */
		margin: 0;
	}

	#navibereich a { 
		color: #ffffff; /* unaktivierte Textfarbe für Navi */
		background-color: #eecc22; /* Hintergrundfarbe Navi-Felder */
		padding: 3px 8px 4px 8px;
		border: 1px solid #ffffee; /* Linie unter den Navi-Feldern */
	}

	#navibereich a:hover,
	#navibereich a:focus,
	#startseite #navi01 a, /* Die aktuell ausgewählte Seite behält den ausgewählten Reiter S. 172f */
	#wohnungsseite #navi02 a,
	#anfahrtseite #navi03 a,
	#kontaktseite #navi04 a,{
		color: #333333; /* Navi-Textfarbe aktiviert */
		font-weight: bold;
		background-color: #eecc55; /* Farbe im aktivierten Zustand */
		border-bottom-color: #eecc55; 
		/* Navi-Rahmenlinie unten wird an den Background des Body angepasst */
	}
	#navibereich a:active {
		color: #ff9900; /* Farbe beim Draufdrücken */
		background-color: #eecc77; /* Hintergund Draufgeklickt */
		border-bottom-color: #eecc77;
	}
#textbereich {
	text-align: left;
	font-size: 95%; 
	font-style: normal; 
	letter-spacing: 0px;  
	font-weight: normal;	
	padding: 50px;
	background-color: #ffffee; /* Hintergrundfarbe Textbereich */
	background-image: url(index_gebiss.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#kontaktbereich {
	text-align: left;
	font-size: 95%; 
	font-style: normal; 
	letter-spacing: 0px;  
	font-weight: normal;	
	padding: 50px;
	background-color: #ffffee; /* Hintergrundfarbe Textbereich */
	background-image: url(index_gebiss.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}


#fussbereich { /* Rahmenlinie erstellen S. 139 */
	padding-top: 10px; /* Abstand Adresstext zu Rahmenlinie */ 
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top: 1px solid #225533; /* die Rahmenlinie selbst oben */
	margin-top: 20px; /* Abstand Linie und Element darüber */
}
/* Hier werden die Überschriften definiert */
h1 { font-size: 250%; color: #99aa88; font-style: bold; line-hight: 1.5em; letter-spacing: -2px; }
h2 { font-size: 170%; color: #99aa88; font-style: bold; line-hight: 1.5em; letter-spacing: -1.5px; }
h3 { font-size: 145%; color: #99aa88; font-style: bold; line-hight: 1.5em; letter-spacing: -1px; }
h4 { font-size: 120%; color: #99aa88; font-style: bold; line-hight: 1.5em; letter-spacing: 0px; }
address {
	text-align: center; 
	font-size: 75%; 
	font-style: normal; 
	letter-spacing: 1px; 
	line-height: 1.5em; 
	font-weight: bold;
}
a { /* Unterstreichung in Links entfernen */
	text-decoration: none; 
	outline: none; 
}
a:link { color: #447755; /* Link normal */}
a:visited { #558866; /* Link besucht */}
a:hover, a:focus { border-bottom: 1px solid #555555; /* Maus über Link bzw. Tab-Surfen */ }
a:active { color: white; background-color: #555555; /* Link angeklickt */
}
.skiplink { /* die SkipLinks verschwinden lassen bzw. HTML-Elemente */
	position: absolute; 
	top: -2000px; 
	left: -3000px; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	display: inline; 
}
#textbereich #disclaimer #einschub a { /* gepunktete Linie unter Hyperlink bei normal - nicht bei IE */
	border-bottom: 1px dotted #555555; 
}
#textbereich a:hover, #textbereich a:focus { 
	border-bottom: 1px solid #555555;
}
/* Text Abstand nach unten*/
p, ul, ol { margin-bottom: 0.3em; margin-top: 0.3em; font-size: 85%; color: #555555;}

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom 0; }

/* Abstand von links */
li { margin-left: 1em; }
/* ===================================
Sonstige Styles
=================================== */