/*
For colors: https://coolors.co/palettes/trending
*/
html, body {
	font: 87.5%/150% "Segoe UI", "Helvetica Neue", "Liberation Sans", "Nimbus Sans L", "Trebuchet MS", Arial, sans-serif;
	color: #33432c;
	background: #EEF9EA;
	height: 100%;
	margin: 0px;
}
.wrapper {
	width: 100%;
	background-repeat: repeat-y;
	position: absolute;
	top: 0px;
    height: auto !important; /* normale Browser */
    height: 100%; /* IE6: setzt dies wie min-height um*/
    min-height: 100%; /* normale Browser */
 	margin: 0px;
 }
/*Navigation links:
*/
.left {
	width: 220px;
	padding-top: 42px;
	padding-bottom: 10px;
	float: left;
	color: #33432c;
}
.txt_left
{	padding: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.txt_left h2 {
	font-style: italic;
	font-weight: bold;
}
.navigation {
	width: 220px;
	padding: 0px;
}
.navigation li {
	display: inline-block;
	list-style-type: none;
}
.navigation a {
	text-decoration: none;
	background: #EEF9EA;
	color: #33432c;
	display: block;
	text-align: left;
	font-weight: normal;
	width: 160px;
	padding: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.navigation a:hover {
	text-decoration: none;
	background: #c3e9b4;
	color: #33432c;
}
.navigation a:active {
	text-decoration: none;
	background: #c3e9b4;
	color: #33432c;
}
.navigation a:visited {
	text-decoration: none;
	color: #33432c;
}
.navigation_active  li {
	background: #c3e9b4;
}
.navigation_active a{
	background: #c3e9b4;
}
.navigation a::before {
  content: none;
}
/*
Inhalt:
*/
.content {
	max-width: 800px;
	padding-top: 18px;
	padding-bottom: 30px;
	margin-left: 260px;
	margin-right: 30px;
	font-size: 1.2em;
}
/*
Verschiedene Textformatierungen:
*/
h1 {
	color: #55704a;
	font-style: italic;
	padding-top: 32px;
}
h2 {
	color: #55704a;
	font-style: italic;
	padding-top: 18px;
}
h3 {
	color: #55704a;
	font-style: italic;
	padding-top: 12px;
}
h4 {
	color: #55704a;
	font-style: normal;
	padding-top: 12px;
}
.index1 {
	padding-top: 32px;
	font-style: italic;
}
.info {
	color: #658659;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
	padding-right: 18px;
	font-style: italic;
	border-top: 1px solid #658659;
	border-bottom: 1px solid #658659;
}
/*
Tabellen
*/
table, td {
	padding-right: 20px;
	padding-bottom: 5px;
	vertical-align: top;
}
/*
Verhalten von Links:
*/
a {
	color: #658659;
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
	color: #658659;
}
a:visited {
	text-decoration: underline;
	color: #658659;
}
a::before {
  content: '→ ';
}
/*
Bilder:
*/
.frame {
	background: #d90429;
	width: 100%;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}
.thumb {
	float: left;
}
.desc {
	float: left;
	padding-left: 20px;
	font-size: 85%;
	color: #33432c;
}