/* Allgemein */

html {
	height: 101%; /*Scrolleiste immer sichtbar*/
}

body {
	color: #006400;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	word-wrap: break-word; /* Worttrennung am Ende der Textbox */
	/* Silbentrennung: */
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
	max-width: 90%; /*Maximale Breite festlegen*/
	margin: 0 auto; /* Zentrierung des gesamten Inhalts*/
}

/* Alte Klasse (Bilder im Inhaltsverzeichnis), wird nicht mehr verwendet

img.inhalt {
	margin: 0px 0px;
	width: 100%;
	max-width: 100%;
	float: left;
}

*/

/* Überschriften */

h1 {
	font-size: 18pt;
	font-weight: bold;
	margin: 20px 10px 10px 10px;
}

h1.seitentitel {
	margin: 0px 0px 10px 0px;
	font-size: 24pt;
}

h1.abschnittstitel {
	margin: 0px 10px 10px 10px;
}

/* Absätze */

p {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px 10px 10px 10px;
	/*text-align: justify;*/
}

p.tabelle {
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 10px 10px 10px;
	text-align: center;
}

img.galerie {
	margin:1px 3px;
}

p.fett {
	font-weight: bold;
}

p.oben {
	font-size: 0.9em;
	text-align: right;
}

p.quellenangabe {
	font-size: 0.7em;
}

/* Links (ohne Menü) */

a {
	color: #5d5d5d;
}

a:visited {
	color: #5d5d5d;
}

a:hover {
	color: #5d5d5d;
	text-decoration: underline;
}

a:active {
	color: #5d5d5d;
}

/* Listen (nicht nummeriert) */

ul.liste {
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 25px;
	text-align: justify;
}

/* Menü */

nav {
	width: 100%;
}

nav ul {
	text-align: center;
	list-style: none; /* Listenpunkte entfernen */
	background-color: #4d4d4d;
	padding: 0;
	margin: 10px 0px 0px 0px;
	border-radius: 12px;
}

nav li {
	display: inline-block; /* horizontale Formatierung */
	margin: 0;
	padding: 15px 12px 15px 12px;
}

nav li.active {
	background-color: #006400;
}

nav li a {
	text-decoration: none;
	font-size: 16pt;
	font-weight: normal;
	color: #ffffff !important;
}

nav li a.active {
	text-decoration: underline;
}

nav li a:focus,
nav li a:hover,
nav li a:active {
	text-decoration: underline;
}

/* DIV-Container */

div.kopfbereich {
	background-color: #ececec;
	width: 90%;
	border-width: 2px;
	border-style: solid;
	border-color: #006400;
	border-radius: 10px;
	box-shadow: 0px 5px 5px 0px #4d4d4d;
	margin: 15px 10px 20px 10px;
	padding: 10px;
}

/* Alter Container (Seitenleiste links), wird nicht mehr verwendet

div.seitenbereich {
	/* position: fixed; /*DIV-Container wandert mit
	width: 240px;
	background-color: #ececec;
	width: 90%;
	float: left;
	border-width: 2px;
	border-style: solid;
	border-color: #006400;
	border-radius: 10px;
	box-shadow: 0px 5px 5px 0px #4d4d4d;
	margin: 0px 10px 20px 10px;
	padding: 10px;
}

*/

div.hauptbereich {
	/*width: 80%;*/
	background-color: #ececec;
	width: 90%;
	float: left;
	border-width: 2px;
	border-style: solid;
	border-color: #006400;
	border-radius: 10px;
	box-shadow: 0px 5px 5px 0px #4d4d4d;
	margin: 0px 10px 20px 10px;
	padding: 10px;
}

/* Farbige Inhalts-Links (Inhaltsverzeichnis und "Nach oben") */

a.inhalt {
	background-color: #006400;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 6px;
	font-size: 16px;
	text-decoration: none;
	text-align: left !important;
	border-radius: 6px;
}

a.inhalt:hover, a.inhalt:focus {
	text-decoration: underline;
}

/* Alter Effekt (Mouseover über DIV-Container mit Farbwechsel), wird nicht mehr benötigt

div.kopfbereich:hover,
div.seitenbereich:hover,
div.hauptbereich:hover {
	background-color: #ffffff;
}
*/