body {
	color: black;
	background-color: white; /* Umrahmung der Seite */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /* Schriftgrösse */
	padding: 5px /* Innenabstand zur Seite (Rand um die Hauptseite) in Pixel */
}
h1 { font-size: 150%; } /* Überschriftengrösse für H1 */
h2 { font-size: 130%; }
h3  { font-size: 110%; }
h4 { font-size: 90%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; }

#wrapper {
		color: black; /* Schriftfarbe auf der Haupt-Seite */
		background-color: white; /* Hintergrundfarbe auf der Haupt-Seite */
		width: 935px; /* feste Breite der Seite */
		margin: auto; /* zentrieren */
}
#kopfbereich { padding: 1px; } /* top - right - bottom - left */
#navibereich { padding: 10px 20px 4px 20px; } /* keine Auswirkungen ersichtlich ?? */
#fussbereich { padding: 20px; 1px; 10px; 1px; }

address {
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
	padding-top: 10px;
	border-top: 1px solid #003399;
	margin-top: 20px; /* Definition des Aussehens der Adresse im Fussbereich */
}

#fussbereich h4 {
	position: absolute;
	padding-top: 30px;
	/* padding: 0; */
	margin: 0;
	margin-left: 620px;
	}
#fussbereich h5 {
	position: absolute;
	padding-top: 30px;
	/* padding: 0; */
	margin: 0;
	margin-left: 720px;
	}
#fussbereich h6 {
	position: absolute;
	padding-top: 30px;
	/* padding: 0; */
	margin: 0;
	margin-left: 800px;
	}
#kopfbereich {
	position: relative;
	color: black; /* Schriftfarbe Kopfbereich */
	background-color: #B3C4E6;  /* #003399  = Hintergrundfarbe Kopfbereich blau */
}
#kopfbereich h1 {
	position: absolute;
	top: 1px; /* 1px für Standardtitelbild */
	right: 25px;  /* 55px für Standardtitelbild */
	padding: 0;
	margin: 0;
}
#kopfbereich p {
	position: absolute;
	top: 2.5em;
	right: 20px;
	padding: 0;
	margin: 0;
}
#kopfbereich ul {
	position: absolute; /* Position der Navileiste rechts Newsletter */
	top: 195px;
	right: 0px;
	padding: 0;
	margin: 0;
}

#kopfbereich ol{
	position: absolute; /* Position der Navileiste rechts diverse Links */
	top: 410px;
	right: 0px;
	text-align: left;
	font-size: 90%;
	width: 170px;
	padding: 5px;
	margin: 0;
	border: 1px solid black;
}

#navibereich {
	text-align: right;
	background-color: #B3C4E6; /* Hintergurndfarbe der Navileiste */
	padding: 15px 20px 4px 20px; /* Abstände der Reiter : Oben, Rechts, Unten, Links */
	border-bottom: 1px solid black; /* Dicke der unteren Linie der Navileiste */
	border-top: 0px solid black; /* Dicke der oberen Linie der Navileiste */
}
#navibereich ul {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: 0;
}
#navibereich li {
	list-style-type: none; /* Stellt die Elemente nebeneinander und entfernt die Aufzählungspunkte, sowie Innen- und Aussenabstände */
	display: inline;
	padding: 0;
	margin: 0;
}
#navibereich a {
	text-decoration: none; /* Unterstreichung des Textes der Schaltfläche weglassen */
	color: white; /* Farbe Schaltfächentext */
	background-color: #6688CC; /* Farbe der Schaltfläche */
	padding: 4px 8px 4px 8px; /* Textabstand zum Schaltflächenrahmen oben,rechts,unten,links */
	border: 1px solid black; /* Rahmendicke der Schaltfläche */
}
#navibereich a:hover,
#startseite #navi01,
#chronik #navi01,
#ortsgruppe #navi02,
#zeitungsberichte #navi02,
#wandern #navi03,
#wanderplan #navi03,
#donnerstagswandern #navi03,
#bilder2007 #navi03,
#bilder2008 #navi03,
#bilder2009 #navi03,
#bilder2010 #navi03,
#bilder2011 #navi03,
#bilder2012 #navi03,
#jubilaeum #navi03,
#nordicwalking #navi04,
#wege #navi05,
#solfelsen #navi05,
#linnerlinde #navi05,
#mumpferflue #navi05,
#heimatpflege #navi06,
#hausfischerzunft #navi06,
#kleindenkmale #navi06,
#naturschutz #navi07,
#aktuell #navi08,
#aktuell1 #navi08,
#aktuell2 #navi08,
#aktuell3 #navi08,
#aktuell-atdorf #navi08,
#kontakt #navi02,
#mitgliedschaft #navi02,
#nordicwalkingbs #navi04 {
	color: black; /* Schriftfarbe in der Schaltfläche */
	background-color: white; /* Farbe der aktiven Schaltfläche */
	padding-bottom: 5px;
	border-bottom: none; /* unten ohne Rahmen */
}
#navibereich a:hover {
	color: white; /* Textfarbe der Schaltfläche beim überfahren mit der Maus */
	background-color: #003399; /* Hintergrundfarbe der Schaltfläche bei mouseover */
	padding-bottom: 5px; /* Höhe der Schaltfläche unten */
	border-bottom: none;
}

#subnavigation {
	position: absolute;
	text-align: left;
	width: 145px;
	padding: 10px; 5px; 10px; 0px;
	margin-top: 30px;
	border: 1px solid black;
	}
#subnavigation ul {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: 0;
}
#subnavigation li {
	list-style-type: none;
	padding: 5px 0px 5px 0px;
}
#subnavigation a {
	color: blue; /* Farbe Schaltfächentext */
	}
#subnavigation a:hover,
#startseite #navi11,
#chronik #navi15,
#ortsgruppe #navi21,
#kontakt #navi22,
#mitgliedschaft #navi23,
#zeitungsberichte #navi24,
#wandern #navi31,
#wanderplan #navi32,
#donnerstagswandern #navi33,
#bilder2007 #navi34,
#bilder2008 #navi35,
#bilder2009 #navi36,
#bilder2010 #navi37,
#bilder2011 #navi38,
#bilder2012 #navi381,
#jubilaeum #navi39,
#nordicwalking #navi41,
#nordicwalkingbs #navi42,
#wege #navi51,
#solfelsen #navi52,
#linnerlinde #navi53,
#mumpferflue #navi54,
#heimatpflege #navi61,
#hausfischerzunft #navi62,
#kleindenkmale #navi63,
#naturschutz #navi71,
#aktuell #navi81,
#aktuell1 #navi82,
#aktuell2 #navi83,
#aktuell3 #navi84,
#aktuell-atdorf #navi85,
#impressum #navi99 {
	color: white; /* Textfarbe der Schaltfläche beim überfahren mit der Maus */
	background-color: #003399; /* Hintergrundfarbe der Schaltfläche bei mouseover */
	text-decoration: none;
	padding: 3px;	
}

#subnavigation a:hover {
	color: white; /* Textfarbe der Schaltfläche beim überfahren mit der Maus */
	background-color: #003399; /* Hintergrundfarbe der Schaltfläche bei mouseover */
	text-decoration: none;
	padding: 3px;	
}

#textbereich { 
	text-align: left;
	width:700px;
	padding: 20px 10px 20px 205px; /* Abstände : Oben, Rechts, Unten, Links */
}

#textbereichindex { 
	text-align: left;
	width:520px;
	padding: 40px 5px 20px 205px;
}

#textbereichnewsletter { 
	text-align: center;
	width:550px;
	padding: 40px 5px 20px 205px;
}

#textbereichwanderplan { 
	text-align: left;
	width:700px;
	padding: 20px 10px 20px 205px;
}
#textbereichwanderplan ul {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: -16px 0px 15px 90px; /* Abstände : Oben, Rechts, Unten, Links */
}

#textbereichchronik { 
	text-align: left;
	width:700px;
	padding: 20px 10px 20px 205px;
}
#textbereichchronik ul {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: -16px 0px 15px 65px; /* Abstände : Oben, Rechts, Unten, Links */
}
#textbereichchronik ol {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: -16px 0px 8px 100px; /* Abstände : Oben, Rechts, Unten, Links */
}
#textbereichaktuell2 { 
	text-align: left;
	width:550px;
	padding: 20px 10px 20px 320px;
}
#textbereichaktuell2 ul {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: -10px 0px 15px 110px; /* Abstände : Oben, Rechts, Unten, Links */
}
#textbereichaktuell2 li {
	padding: 0; /* entfernt evetuelle Innen- und Aussenabstände */
	margin: -10px 0px 15px 35px; /* Abstände : Oben, Rechts, Unten, Links */
}

label {
float: left;
width: 100px;
}
input#submit {
margin-left: 100px;
}