﻿/* HTML */
html {
	scrollbar-face-color: #006600; /* Grundfarbe */;
	scrollbar-base-color: #006600; /* Grundfarbe */;
	scrollbar-highlight-color: #009900; /* Hintergrund */;
	scrollbar-track-color: #009900; /* Hintergrund */;
	scrollbar-shadow-color: #006600; /* Schatten-Effekt */;
	scrollbar-darkshadow-color: #006600; /* Schatten-Effekt */;
	scrollbar-3dlight-color: #006600; /* 3D Umrahmung */;
	scrollbar-arrow-color: #FFF; /* Gefärbte Pfeile */
}
/* BODY */
body {
	color: #000;
	background-color: #32CD32;
	font-size: medium;
	font-family: Verdana, Tahoma, Helvetica, Arial, Geneva, sans-serif;
	margin: 5px;
	padding: 5px;
}
/***** ALLGEMEIN (gilt für alles) */
input:focus {
	color: #060;
}
.feld {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	border: 1px solid #060;
}
.suchfeld {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	border: 1px solid #060;
}
.feldklein {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	border: 1px solid #060;
}
.radio {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	border: #060;
	color: #060;
}
.button {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: x-small;
	background-color: #060;
	border: 1px solid #060;
	color: #FFF;
}
.buttonred {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: x-small;
	background-color: #F00;
	border: 1px solid #F00;
	color: #FFF;
}
.button:hover {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: x-small;
	background-color: #0C0;
	border: 1px solid #000;
	color: #000;
}
.buttonred:hover {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: x-small;
	background-color: #0C0;
	border: 1px solid #000;
	color: #F00;
}
p {
	color: #000;
	margin : 0;
}
/* LISTEN */
li {
	font-size: 0.8em;
}
/* HYPERLINKS */
a:link {
	color: #060;
	text-decoration: none;
}
a:visited {
	color: #060;
	text-decoration: none;
}
a:active {
	color: #060;
	text-decoration: none;
}
a:hover {
	color: #060;
	text-decoration: underline;
}
/* ÜBERSCHRIFTEN */
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	margin: 0;
}
h1 {
	font-size: x-large;
	font-weight: normal;
}
h2 {
	font-size: x-large;
	font-weight: normal;
	margin: 5px 0 5px 0;
}
h3 {
	font-size: large;
	font-weight: bold;
}
h4 {
	font-size: large;
	font-weight: normal;
	margin: 5px 0 5px 0;
}
h5 {
	font-size: medium;
	font-weight: normal;
	margin: 5px 0 5px 0;
}
h6 {
	font-size: medium;
	font-weight: normal;
}
/***** HEAD (oben) */
#kopf {
	color: #FFF;
	font-size: x-large;
	z-index: auto;
	padding: 5px;
	height: auto;
	min-height: 45px;
	background-color: #006600;
	cursor: hand;
	min-width: 825px;
	max-width: 850px;
}
/***** MENÜ = Navigationskacheln */
#menue {
	position: absolute;
	left: 0px;
	top: 70px;
	min-width: 400px;
	max-width: 950px;
}
/***** KACHELN */
#kachelgruppe {
	z-index: auto;
	font-size: x-small;
	vertical-align: middle;
	margin-left: 5px;
}
.image-style {
	border-width: 0;
}
#kachel {
	z-index: auto;
	float: left;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
	width: 125px;
	height: 125px;
	background-color: #006600;
	color: #FFF;
	text-align: center;
	border-width: 0;
	cursor: hand;
}
#kachel a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#kachel a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#kachel a:active {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#kachel a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
/***** INHALT */
#Inhalt {
	position: absolute;
	left: 10px;
	top: 75px;
	border-radius: 5px;
	width: 860px;
	min-width: 400px;
	max-width: 860px;
	background-color: #FFF;
}
/***** LINKS (linke Spalte) */
#Links {
	float: left;
	width: 28%;
	margin: 10px 5px 0 5px;
	padding: 2px;
	border: 1px solid silver;
	background-color: #FFF;
	min-width: 140px;
	max-width: 210px;
}
#Links h6 {
	clear: left;
	font-size: 0.8em;
	background-color: #0C0;
	color: #000;
	margin: 1px;
	padding: 0.1em 0.3em 0.1em 0.3em;
	cursor: help;
}
#Links p {
	font-size: 0.7em;
	margin: 1px;
	padding: 0;
}
#Links a:link {
	color: #060;
	background-color: #FFF;
	float: left;
	font-weight: bold;
	width: 100%;
	margin: 2px 0;
	border: 1pt #FFF;
}
#Links a:visited {
	color: #060;
	background-color: #FFF;
	float: left;
	font-weight: bold;
	width: 100%;
	margin: 2px 0;
	border: 1pt #FFF;
}
#Links a:active {
	color: #060;
	background-color: #FFF;
	float: left;
	font-weight: bold;
	width: 100%;
	margin: 2px 0;
	border: 1pt #FFF;
}
#Links a:hover {
	color: #FFF;
	background-color: #090;
	float: left;
	width: 100%;
	text-decoration: none;
	border: 1pt #090;
}
/***** CONTENT (mittlere Spalte) */
#Content {
	float: right;
	width: 68%;
	margin: 10px;
	padding: 0;
	min-width: 590px;
	max-width: 630px;
	min-height: 300px;
}
#Content p {
	margin: 10px 0;
	line-height: 1.6;
	font-size: 0.8em;
}
#Content li {
	font-size: 0.8em;
}
#Content hr {
	border-style: dashed;
	color: #060;
}
#Content acronym {
	border-bottom: 1px dotted #060;
	cursor: help;
}
#Content table {
	background-color: #FFFFFF;
	border: 0px;
	font-size: 1.0em;
}
#Content tr {
	vertical-align: top;
}
#Content th {
	text-align: left;
	background-color: #0C0;
	color: #000;
}
#Content td {
	font-size: 1.0em;
}
/* FUSSZEILE (als letzte Zeile) */
#fusszeile {
	clear: both;
	font-size: x-small;
	margin: 20px 0;
	padding: 0.1em;
	text-align: center;
	border: 0;
}
/***** CONTENT (mittlere Spalte) */
#formular {
	padding:10mm;
}
