/* reset all margins, paddings and borders for specific elements */
	body,div,p,img,form,h1,h2,h3,h4,h5,h6,ul,li { 
		margin: 0; 
		padding: 0; 
		border: 0;
	}
	
	body { 
		margin: 0.6em 0em 2em 0em; 
		text-align: center;
	}   
	
	/* basics */
	.centered { margin: 0 auto; text-align: left; }
	.clear { clear: both; }
		
	
	/* navigation */
	#inner_header ul { list-style-type: none;}
	#inner_header ul li { list-style-type: none; float: left;} 		
	#inner_header ul li a { 
		float: left;
		text-decoration: none;
		
	}    
	#inner_header br { display: none; }
	
	#inner_cover { background-repeat: no-repeat; }
		

	/* content */
	#content a { text-decoration: none; }      

		/* image classes */
		.img_left {
			float: left; 
			margin: 0.5em 0.8em 0em 0em;	
		}
			
		.img_right {
			float: right; 
			margin: 0.5em 0em 0em 0.8em;
		}
		
		.image img {
			display: block; margin: 0; padding: 0;
		}

	

/* 
	Sizes
	-----
	Here you can modify your page width and height
*/    

	.full { width: 100%; }
	.centered { width: 540px; width: 33.8em; }
	#inner_cover { height: 120px; }

	  

/* 
	Colors
	------
	Colors are set here.
*/   
	
	body { background-color: #FFFFFF; }
	
	/* header: */
	#inner_header { background-color: #FFFFFF; }
	
		#inner_header h1 { color: #595959; }
		#inner_header h1 a, #inner_header h1 a:link { 
			color: #595959;
			text-decoration: none;
		}

		#inner_header ul li a { 
			background-color: #D9ECFD; 
			color: #000000; 
			border-bottom: 1px solid #CAD9B2; 
			border-right: 1px solid #CAD9B2;
		}
		
		#inner_header ul li a:hover { 
			background-color: #000000;
			color: #FFFFFF;
		}

	/* content */
	#inner_content { background-color: #FFFFFF; }      
	
		#content h1 { color: #595959; }
		#content a { background-color: #D9ECFD; color: #000000;}
		#content a:hover { background-color: #000000; color: #FFFFFF; }
		
		.image { background-color: #3B4629; }
			
			
	/* footer */
	#footer {  }  
	#footer a:link, #footer a:visited { color: #000000; }     
	#footer a:hover, #footer a:active { color: #FFFFFF; } 


/* 
	Fonts
	-----
	Font families and sizes are definied below.
*/
	body { font-size: 100%; }

	/* logo headline */
	#inner_header h1 { 
		font-family: Arial, Verdana, sans-serif; 
		font-size: 1.5em;
	}
	
	/* navigation font */
	#inner_header ul li { 
		font-family: Verdana, Arial, sans-serif;  
		font-size: 0.7em;
	}
	
	/* content headlines */
	#content h1 {
		font-family: Arial, Verdana, sans-serif; 
		font-size: 1.2em;
	}
	
	/* content paragraphs */
	#content p { 
		font-family: Verdana, Arial, sans-serif; 
		font-size: 0.7em; 
		color: #595959; 
	}
	
	/* footer font */
	#footer { font-size: 0.6em; }
	   

/* end of css - */




h1{margin:0; font-size:18px;}
/* cover picture */
#inner_cover { 
	background-image: url("../images/cover_grass.jpg");
}
	
/* area next to the cover image: */
#cover {
	background-color: #C8E2A5;
}
	
	
/* image colors: */
.image { background-color: #C8E2A5; }            
.image:hover { background-color: #9ECC60; } 
	
	
/* navigation */
#inner_header ul li a:link, #inner_header ul li a:visited { 
	background-color: #E2F0D0;
}

#inner_header ul li a:hover, #inner_header ul li a:active {
	background-color: #C8E2A5;
	color: #000000;
}


/* content link colors */
#content a:link, #content a:visited {
	background-color: #E2F0D0;
}

#content a:hover, #content a:active {
	background-color: #C8E2A5; 
	color: #000000;
}


/* borders: */        
#inner_header {
	border-left: 1px solid #C8E2A5; 
	border-right: 1px solid #C8E2A5; 
	border-top: 1px solid #C8E2A5; 
}
				
#inner_content {
	border-left: 1px solid #C8E2A5; 
	border-right: 1px solid #C8E2A5; 
	border-bottom: 1px solid #C8E2A5; 
}

#inner_cover {
	border-left: 1px solid #5B8136; 
	border-right: 1px solid #5B8136; 
}