/* Navigation */

img{
   border: 0px;
   
}

hr.strich{
   color: #8cc63f;
 }

a{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color:#8cc63f;
   font-weight: bold;
}

a.navileft_passive{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color:#009245;
   display: block;
   height: 20px;
   width: 140px;    
}

a.navileft_active{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color:#8cc63f; 
   display: block;
   height: 20px;
   width: 140px;
   font-weight: bold;   
}

a.sub{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   color:#ffffff; 
}


/* seiten aufbau*/
 html, body { height:100%; margin:0px; padding:0px; }
 

 
 body{
   height: 100%;
 	margin:0px;
	margin-top:0px;   
	padding:0px;
	margin:auto;
}



#wapper{	
	position:relative;
   padding:0px;
	margin-top:0px;
	margin-left: auto;
	margin-right:auto;
	width:935px;
	min-height:100%;
	background-image:url(../upload/hint/wapper-hint.jpg);
	background-repeat:repeat;
}

div.abstand-li{
	width:16px;
	height:100%;
	float:left;
	}


div.seiten-inhalt{
	width:902px;
	
	clear:both;
   padding-left:16px;
	}


div.abstand-re{
	width:16px;
	height:100%;
	float:left;
	}

div.head{
	width:902px;
	height:165px;
	margin-top:0px;
	background-image:url(../upload/hint/head.jpg);
	background-repeat:no-repeat;
}

div.head-ob{
	height:125px;
	width:100%;
	}

div.head-headline{
	height:40px;
	width:100%;
	}
	
div.line-ab{
	width:188px;
	height:40px;
	float:left;
	}
	
div.headline{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009245;
	font-weight:bold;
	font-size:12px;
	padding-top:4px;
	height:40px;
	float:left;
   width:680px;
	}
	
div.mitte{
	clear:both;
	
	width:901px;
	margin-left:1px;
	bottom:0px;}

div.navi{
	margin-top:0px;
	float:left;
	width:188px;
	height:100%;
	}
	
div.navigation{
	padding-left:25px;
	padding-top:20px;
	
	float:left;
	}

div.main-inhalt{
	float:left;
	width:493px;
	


}
	
div.main{
	width:470px;
	padding-top:10px;
	float:left;	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009245;

   }

*+html div.main{
	width:470px;
	padding-top:20px;
	float:left;	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009245;
   }

	
#clear{
	clear:both;
	height:70px;
	width:935px;
bottom:5px;
position:relative;
	}



	
	
div.illu{
	float:left;
	width:220px;
	height:100%;
	}
   
div.illu-ab{
   padding-top: 20px;
   padding-left: 10px;
}
	


div.footer{
	clear:both;
	height:45px;
	width:901px;
	background-color:#009245;
	position:absolute;
	bottom:0px;
margin-left:16px;
margin-top:5px;
}

div.footer-ob{
	height:19px;
	width:100%;
	background-color:#8cc63f;
	}
	
div.footer-ab-li{
	float:left;
	width:683px;
	height:22px;
	}

div.subnavi{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	float:left;
	height:22px;
   
	}
   
 
   



/* Lightbox */
	#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		/*z-index: 100;*/
		z-index: 990;
		text-align: center;
		line-height: 0;
	}
	#lightbox a img { border: none; }
	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#imageContainer {
		padding: 10px;
	}
	#loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		/*z-index: 10;*/
		z-index: 970;
	}
	#imageContainer>#hoverNav { left: 0;}
	#hoverNav a { outline: none;}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background: transparent url(../upload/images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../upload/images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../upload/images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
	}
	#imageData {
		padding:0 10px;
	}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay {
		position: fixed;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 980;
		width: 100%;
		MIN-height: 100%;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* << */

/* Galerie */

td.gallery_image{
width:163px;

}

.medianame{
   font-weight:bold;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size:12px;
   height:10px;
   padding-bottom: 4px;
}

.description{          
          height:10px;
          font-family: Verdana, Arial, Helvetica, sans-serif; 
          font-size:9px; 
          padding-bottom: 4px;

}

/* Ende Galeri */


/* Formular*/

input{
   border:1px solid #009245;
}

textarea{
   border:1px solid #009245;
}

input.button{
   background-color: #009245;
   color:#ffffff;
   font-weight:bold;
   cursor:pointer;
}

/* aktuelles font*/

#headline{
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}