/* CSS Document */

html {
 height: 100%;
}
 
* {
margin:0;
padding:0;
}

body {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #444444;
    font-size: 100%;
    min-height: 100.01%;
    background-color: #D7D9DB;
 	background-image: url(grafik/HG.jpg);
	background-repeat:  repeat-x;
}

.seitenframe {
    width: 980px;
    margin-left: auto; 
    margin-right: auto;
	margin-top: 20px;
	position: relative;
	border: 20px solid #ffffff;
	background-color: #ffffff;
}

.kopf {
	position: relative;
}

.kopf img{
	border: 2px solid #50ac25;
}

.bild1 {
	position: absolute;
	z-index: 1;
}

.bild2 {
	top: 0px;
	left: 160px;
	position: absolute;
	z-index: 2;
}

.bild3 {
	top: 0px;
	left: 320px;
	position: absolute;
	z-index: 3;
}

.bild4 {
	top: 125px;
	left: 0px;
	position: absolute;
	z-index: 4;
}

.bild5 {
	top: 125px;
	left: 160px;
	position: absolute;
	z-index: 5;
}

.bild6 {
	top: 125px;
	left: 320px;
	position: absolute;
	z-index: 6;
}

.bild7 {
	top: 0px;
	left: 480px;
	position: absolute;
	z-index: 7;
}

.logo {
	top: 0px;
	left: 834px;
	position: absolute;
	z-index: 8;
}

.logo img {
	border: none;
}

.rechteck {
	top: -4px;
	left: -4px;
	width: 35px;
	height: 20px;
	position: absolute;
	background-color: #4fac24;
	border: 4px solid #ffffff;
	z-index: 9;
}

.s1 {
	top: 200px;
	left: -4px;
	position: absolute;
	z-index: 10;
}

.s2 {
	top: 200px;
	left: 159px;
	position: absolute;
	z-index: 11;
}

.s3 {
	top: 200px;
	left: 318px;
	position: absolute;
	z-index: 12;
}

.s1 img {
	border: none;
}

.s2 img {
	border: none;
}

.s3 img {
	border: none;
}

.menue {
	top: 250px;
	left: -7px;
	float: left;
	position: relative;
}

.menue img {
	padding-left: 7px;
}

.submenue {
	top: 255px;
	left: 447px;
	height: 25px;
	width: 520px;
	float: left;
	position: relative;
}

.headline {
	top: 280px;
	left: -8px;
	height: 29px;
	width: 829px;
	background-image: url(grafik/punkte.gif);
	position: relative;
}

.inhalt {
	width: 820px;
	top: 310px;
	left: 5px;
	text-align: left;
	position: relative;
}

.subtitel {
	text-align: left;
	width: 560px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 5;
}

.text {
	left: 40px;
	top: 27px;
	width: 340px;
	position: relative;
}

.textbreit {
	left: 40px;
	top: 27px;
	width: 600px;
	position: relative;
	clear: both;
}

.bilder {
	position: absolute;
	top: 25px;
	right: 0px;
	text-align: left;
	z-index: 3;
}

.news {
    width: 195px;
    float: left;
    position: relative;
    padding: 0px 10px 5px 10px;
    background-color: #F2F2F2;
	top: 12px;
	left: 43px;
    text-align: left;
}

.impressum {
    width: 295px;
    position: absolute;
    padding: 10px;
    background-color: #edffe4;
	top: 413px;
	left: 505px;
    text-align: left;
}

.leer {
    height: 0px;
}

.clear {
    clear: both;
}

.feldtext {
color: #747474;
margin: -3px 0;
font-size: 0.8em;
line-height: 1.0em;
padding-right: 50px;
}

h1 {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #308c05;
}

h2 {
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #308c05;
}

p {
font-size: 13px;
line-height: 20px;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: disc;
  list-style-position: inside;
}

li {
font-size: 13px;
line-height: 20px;
padding-left: 10px;
}

.standard {
font-size: 12px;
line-height: 20px;
}

.fett {
font-size: 14px;
line-height: 20px;
font-weight: bold;
}

.kursiv {
font-size: 12px;
line-height: 20px;
font-style: italic;
}

a:link,
a:active,
a:visited {
    color: #006E1D;
    text-decoration: underline;
}

a:hover {
    color: #308c05;
}

.eingabe{
	font-size: 0.9em; 
	line-height: 0.9em; 
	color: #666666;
	padding:1px;
	border: 1px solid #CCCCCC;
}

.eingabe:focus{
	border: 1px solid #308c05;
}