/* CSS */

/* CONTENT */

body {
	background: #FFFFFF url(../bilder/bg.gif) repeat-y top;
}

html, body, ul {
	margin:0px;
	padding:0px;
	height:100%; /* needed for container min-height */
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0px auto; /* center, not in IE5 */
	width:750px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-top-style: none;
	border-bottom-style: none;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	height: 200px;
	padding:1em;
	background-color:#ffffff;
	border-bottom: 1px solid black;
}
div#nav {
	height: 40px;
	background-image:url(../bilder/bg_nav.gif);
	border-bottom: 1px solid black;
	z-index: 2;
}

div#content {
	position: relative;
	padding: 1em 1em 5em; /* bottom padding for footer */
}

div#content-menu {
	z-index: 3;
	position:absolute;
	padding: 10px;
	top:15px;
	left:0px;
	width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	height: 214px;
}

div#content-inhalt {
	position:relative;
	padding: 10px;
	top:0px;
	left: 140px;
	right:0px;
	width:570px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;

}

div#footer {
	position:absolute;
	height: 30px;
	width:100%;
	bottom:0; /* stick to bottom */
	background-image: url(../bilder/bg_footer.gif);
	border-top: 1px solid black;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 30px; 
}

/* STYLES */

img.logo {
	border: none;
	position: absolute;
	top: 22px;
	z-index: 1;
}
img.logounten {
	border: none;
	position: absolute;
	top: 274px;
	z-index: 0;
}
img.banner {
	border: none;
	position: absolute;
	top: 100px;
	left: 235px;
	z-index: 1;
}
img.beliebigesbild {
	border: none;
}
.tabelle1 {
	border: 1px solid #68B022;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

.tabellenzeile {
	padding-top: 15px;
}

.txteingabefeld {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../bilder/bg_nav.gif);
	border: 1px solid #999999;
	padding: 5px;
}

.button{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  	background-image: url(../bilder/bg_button.gif);
	border: 1px solid #999999;
	padding: 4px;
}

div#bilder {
	text-align: center;
	display: block;
	position: relative;
	left: -15px;
	padding: 8px;
	background-color: #68B022;
}
div#bilder:hover {
	background-color: #3FFD65;
}
div#vorstellungsbilder {
	text-align: center;
	display: block;
	position: relative;
	width: 265px;
	left: -15px;
	padding: 8px;
	top: 15px;
	background-color: #68B022;
}
div#vorstellungsbilder:hover {
	background-color: #3FFD65;
}
div#grafik {
	position:relative;
	float: right;
	top: 40px;
	right: 30px;
}

div#title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 0px 20px 0px;	
}
div#text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 20px;
	padding-top: 20px;
	padding-right: 25px;	
}
div#umrandung {
	border: 3px solid #68B022;
	padding: 10px;
}

.normlink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#68B022; text-decoration:none; border: 1px solid black; border-left-style: none; border-right-style: none; border-top-style: none; padding-bottom: 1px;}
.normlink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#68B022; text-decoration:none; border: 1px solid black; border-left-style: none; border-right-style: none; border-top-style: none; padding-bottom: 1px;}
.normlink:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none}
.normlink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none}

.fatstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #68B022;
	font-size: 13px;
	font-weight: bold;
}
.fatstylekl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #68B022;
	font-size: 11px;
	font-weight: bold;
}

.vonstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}

/* MENU */

div#menu {
	position: relative;
	left: 72px;
	height: 40px;
	top: 1px;
	z-index: 2;
	padding: 0px 0px 0px 0px;
}

div#submenu {
	position: absolute:
	z-index: 3;
	padding: 0px 0px 0px 0px;
}


ul.rollover {
	margin: 0px auto;
}

/* menu HORIZONTAL */

ul.rollover li{
    float: left;
    list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	margin:0px;
}
ul.rollover a{
	display: block;
    text-decoration: none;
    background: url(../bilder/clicker_.gif) 5px 5px no-repeat;
    padding: 11px 20px 5px 35px;
	color: #000000;
}
ul.rollover a:hover{
    background-image: url(../bilder/clicker_ro.gif);
    text-decoration: none;
	color: #FFFFFF;
}

/* menu VERTIKAL */

ul.rollover2 li{
    float: right;
    list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	margin:0px;
	padding-right: 10px;
}
ul.rollover2 a{
	display: block;
    text-decoration: none;
    background: url(../bilder/clicker_ro.gif) 5px 5px no-repeat;
    padding: 11px 20px 5px 35px;
	color: #68B022;
}
ul.rollover2 a:hover{
    background-image: url(../bilder/clicker_.gif);
    text-decoration: none;
	color: #000000;
}