/* CSS copyright by websteil. 11.2009*/
html {
	margin: 0px;
	padding: 0px;
	height:100%;
	overflow: auto;
}
body{
	height:100%;
	
	margin: 0px;
	padding: 0px;
	color: #303f12;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	text-align:center;
	background: #747C59;
}
img { border: 0px;}
p {	margin: 0px; font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}

a, a:visited, a:active {	
	color: #303f12;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover {color: #df8175;}


h1, h2, h3{
	color: #9A9A9D;
    font: 600 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
/* HR */ 
div.hr { height:1px; background:url(../images/hr.gif) repeat-x scroll left; margin:0px 0px 10px 0px; }
div.hr hr { display:none; }

.green { color: #303F12;}
.star { color: #E5F4A9;}
.greenbg { color: #747C59;}


.clearer { clear: both;}

/* CSS Hack nur fuer IE 6 PNG transparenz - benoetigt blank.gif */
img, div, #logo, .box {
   behavior: url(style/iepngfix_index.htc);
}

.vh_center {
	border: 0px solid #44cc44;
	width:auto;
	height:100%;
	min-height: 100%;
	margin:0px auto;
	padding: 0px;
}

/* ################### DIVS #############################################*/

#container {
	position: relative;
	width: 980px;
	height: 600px;
	margin: 10px 0px 10px 0px;	
	padding: 0px;	
	background: transparent;
	z-index: 2;
	border: 0px solid #CCC;		
	background: transparent url(../images/bg_image.jpg) no-repeat scroll center top;
	/*
	background: transparent url(../images/bg_image_jubilaeum.jpg) no-repeat scroll center top;
	*/
	text-align: left;		
	z-index: 2;
}

.link {
	position: absolute;
	bottom: 20px;
	left: 4px;
	width: 960px;
	height: 300px;
	background: transparent;

}

#logo {
	position: absolute;
	top: 20px;
	left: -14px;
	width: 500px;
	height: 170px;
	height: 190px;
	text-align: left;
	/*background: transparent;*/
	background: transparent url(../images/bg_logo_index.png) repeat fixed left top;
	border-top: 1px solid #303F12;
	border-right: 2px solid #303F12;
	border-bottom: 2px solid #303F12;
	border-left: 1px solid #303F12;

}
#logo .logoweiter {
	float: right;
	width: 200px;
	height: 80px;
	margin: 10px;
	padding: 0px 0px;
	background: transparent;
	border: 0px solid #303F12;
}
#logo p {
 	margin: 10px 0px 0px 18px;

}
#logo .weiter {
	float: right;
	margin: 10px;
	padding: 0px 10px;
	background: #e5f4a9;
	border: 1px solid #303F12;
}

/* IE bis 6 | Opera | Firefox */
*html #logo {
	background-image: none;
	background-color: #FFF;	
	filter:     Alpha(opacity=76);
    opacity:    0.76;
    -moz-opacity:    0.66;
}

.logo { margin: 2px 0 0 60px; border: 0px;}

/* ###############  DIVs   ########################### */
#content {
	position: absolute;
	top: 200px;
	left: 2px;
	width: 980px;

}

/* Text fuer google */
.text {
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 440px;
	height: auto;
	margin: 0px;
	padding: 8px;
	background: #FFF;
	border: 1px solid #333;
	
	display: none;

}
.text h2 {
	color: #303f12;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.text p {
	color: #303f12;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#footer {
	position: absolute;
	top: 560px;
	left: 0px;
	width: 980px;
	text-align: center;
	color: #FFF;

}
#footer p { color: #FFF;}
