@charset "UTF-8";
/* CSS Document */

#header_print{ 
	display: none;
	} 
	
.print{ 
	display: none;
	}

*	{
	margin: 0;
	padding: 0;
	}

html
	{
	height: 100%;
	}

body 
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#333333;
	min-height: 101%;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;
	}

p	{
	padding-bottom:10px;
	font-size: 13px;
	line-height: 20px;
	}
     
a	{
	color: #fff;
	text-decoration: none;	
	}
	
#inhalt a 
	{
	color:#06ae0b;
	}

#inhalt a:hover 
	{
	color:#06ae0b;
	text-decoration:underline;
	}	
	
h1	{
	color: #06ae0b;
	font-weight:lighter;
	font-size: 19px;
	line-height: 25px;
	letter-spacing: 2px;
	padding-bottom: 20px;
	}

h1.farbe	{ /*stellenanzeige*/
	color: #999999;
	font-weight:bold;
	padding-bottom: 7px;
	border-bottom: 1px dotted #999999;	
	}
	
h2	{
	color:#333333;
	font-size: 13px;
	letter-spacing:1px;	
	line-height: 24px;
	padding: 8px 0 5px 0;
	}
	
       
/*----------------------------- Layout ------------------------*/

#container
	{ 
	width: 1024px; 
	height: 800px; 
	margin: 0 auto 0 auto;
	}	
	
#header a
	{ 
	width: 518px; 
	height: 155px;
	float:right;
	background-image:url(../bilder/logo_naturban.gif);
	background-repeat: no-repeat;
	padding-bottom:15px;
	}	

#headerbild
	{ 
	width: 331px; 
	height: 155px;
	float:right;	
	padding-bottom:15px;
	}
		
#content
	{ 
	width: 850px; 
	height: auto;
	float:right;
	}
	
#grashalm
	{ 
	width: 174px; 
	height: 800px;
	float:left;
	background-image:url(../bilder/grashalm_new.gif);
	}

#inhalt
	{ 
	width: 450px; 
	height: auto;
	float: left;
	margin-bottom:20px;
	background-color:#FFFFFF;
	}


/*----------------------------- Hauptnavigation ------------------------*/


#container_navigation
	{ 
	width: 155px;
	height: 335px;
	float:right;
	padding-right:175px;
	}

#hauptnavi li
	{
	list-style-type: none;
	}

#hauptnavi a
	{
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px dotted #06ae0b;
	display: block;
	padding: 4px 0 2px 0px;	
	color: #06ae0b;
	letter-spacing: 1px;
	}

#hauptnavi a:hover
	{
	color: #fff;
	background-color: #06ae0b;
	}

#hauptnavi a#hncurrent
	{
	color: #fff;
	background-color: #06ae0b;
	}

.linie
	{
	border-top: 1px dotted #06ae0b;
	}


/*----------------------------- Subnavigation im Header ------------------------*/

#subnavicont 
	{ 
	font-size: 13px;
	font-weight:normal;
	font-style: italic;
	text-align: left;
	margin-top:15px; 
	width: 300px;
	}

#subnavi a 
	{ 
	color: #06ae0b;
	}
            
#subnavi li 
	{ 
	list-style-type: none; 
    display: inline;
	padding-right: 14px;	
	}

#subnavi a:hover
	{ 
	color: #06ae0b;
	text-decoration:underline;
	}

#subnavi a#current
	{
	color: #06ae0b;
	font-weight: bold;
	}

/*----------------------------- Lyout INHALT ------------------------*/

/*----LISTEN -----*/

ol
	{
	padding-bottom: 9px;
	font-size: 13px;
	line-height: 20px;
	list-style:square outside;
	margin-left: 15px;
	}

ol li
	{
	padding: 0 0 6px 0px;
	}


/*---- Tabellen und Formulare ----*/
table
	{
	width: 448px;
	border: 1px dotted #06ae0b;
	margin: 8px 0 0 0;
	padding-left: 5px;
	font-size: 12px;
	}

td	{
	padding: 6px 0px;
	}
	 
th	{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 120px;
	padding: 10px 0 0 5px;
	}	

input, textarea, select 
	{
	border: 1px #06ae0b solid;
	padding: 0;
	margin: 0;
	}

select:hover, input:focus, input:hover, 
textarea:focus, textarea:hover, select:hover 
	{
	background-color: #cdee9d;
	}
			
.rot
	{
	color:#CC0000;
    }

p span	
	{
	color:#06ae0b;
	font-weight:bold;	
    }
    
.gruen
	{
	color:#06ae0b;
	border-bottom: 1px dotted #06ae0b;	
    }
		
.formtitel
	{
	border-top: 1px dotted #06ae0b;
	color: #06ae0b;
	}
     
.borderbottom
	{  
	border:none;
	margin:0;
	border-bottom: 1px dotted #06ae0b;
    }
	
.wenigabstand
	{
	padding-bottom:7px;
	}

.passfoto
	{
	border:medium none;
	float:left;
	margin-top:5px;
	padding: 9px 25px 20px 0;
	}		
	
.gruen_linie
	{
	color:#06ae0b;
	border-bottom: 1px dotted #06ae0b;
	border-top: 1px dotted #06ae0b;
	margin-bottom:5px;	
    }
		
/*----------------------------- Fotogalerie ------------------------*/       

#lightbox
	{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox img
	{
	width: auto;
	height: auto;
	}

#lightbox a img
	{
	border: none;
	}

#outerImageContainer
	{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer
	{
	padding: 5px;
	}

#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;
	}

#imageContainer #hoverNav
	{
	left: 0;
	}

#hoverNav a
	{
	outline: none;
	}

#prevLink, #nextLink
	{
	width: 49%;
	height: 100%;
	background-image: url(data:images/gif;base64,#AAAA);  /*Trick IE into showing hover*/
	display: block;
	}

#prevLink
	{
	left: 0;
	float: left;
	}

#nextLink
	{
	right: 0;
	float: right;
	}

#prevLink:hover, #prevLink:visited:hover
	{
	background: url(../bildergalerie/images/prevlabel.gif) left 15% no-repeat;
	}

#nextLink:hover, #nextLink:visited:hover
	{
	background: url(../bildergalerie/images/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer
	{
	font: 9px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	}

#imageData
	{
	padding: 0 10px;
	color: #666;
	}

#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;
	outline: none;
	}

#overlay
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #06ae0b;
	}

.thumbnail 
	{
	float: left;
	margin: 0 10px 10px 0;
	border: none;	
	}

.clearboth { clear: left; }