/* -------------------------------------------------------------- */

@import "lib/reset.css"; /* 0 versie */
@import "lib/2010_typography.css"; /* tekst */
@import "lib/formulieren.css"; /* formulieren */
@import "lib/plugins/tabs.css"; /* extra */
@import "lib/2010_nav.css"; /* menu links */

/*kleuren overzicht
groen: #009447
donkergroen: #005f3E
lichtgroen: #E8F4DF
grijs: #404040
oranje: #E17A23

-------------------------------------------------------------- */
#biodiversiteit {background-color:#005f3e; background-image: url(../pics/2010_background.jpg); background-repeat: repeat-x;
}

/* Page
-------------------------------------------------------------- */

#page {
	margin: 0 auto;
	width: 884px;
	height:100%;
	background-color:#fff;
	padding:10px;
}

/* Header
-------------------------------------------------------------- */

#header {
	height:185px;
	width: 940px;
	background-image: url(../pics/2010_header.jpg);
	background-repeat: no-repeat;
	margin-left:-10px;
	margin-top:-10px;
}
#breadcrumb{ font-size:10px; margin: 0px 0; color:#E17A23;}

/* Body 
-------------------------------------------------------------- */

.wrapper {min-height: 100%;height: auto}
	#nav { float: left; width: 180px; margin: 0; display: inline;margin-bottom:100px; margin-top:20px}
		#zoekvenster{display:inline-block;margin:1px 0;padding: 4px;width:172px;background-color:#fff}
		#zoekvenster p{ margin:0;padding:0;}
		#zoekform{margin:0;padding:0;}
		#zoekbox {float: left;border: none; width: 110px;padding:2px 0;border: 1px solid #E17A23;}
		#zoekbutton {float:right; border: none; color: #404040; background-color:#fff; width: 50px; padding-left:18px; background-image:url(../pics/2010_pijl.gif); background-position:left; background-repeat:no-repeat;}
	#content { float: left; width: 459px;margin-left:20px;}
	#content_breed { float: left; width: 680px;margin-left:20px;}
		#home { background-color:#E8F4DF;padding:5px;margin-bottom:20px}
		#home h2{ font-size:14px;}
		#home p{ margin-bottom:0; font-weight:bold;}
		.hr{height: 1px;width:100%;border:0px; background-color:#E8F4DF;margin:-12px 0 10px 0; font-size: 0;}
	#images { float: right; width: 200px;}
		#images img{border: 1px solid #E17A23; padding:4px;margin-bottom:10px;}
	
	.banner {margin-bottom: 5px; padding:15px; }
		.banner a {display:block;}
		.banner a:hover {text-decoration:none;}
		.titel {font-size:14px; font-weight:bold; line-height:15px; margin-bottom:0px;}
		.tekst{margin:0; text-align:left; font-size:11px; line-height:12px;}
	.caroussel {color: #B1C800; background-color:#E8EFB2; border: 1px solid #B1C800;}
	.banner_swf{color: #5E4074; border: 1px solid #5E4074; background-color: #DFD9E3; margin-top:10px;} 
		#swf {border: 1px solid #5E4074; margin-bottom: 3px;}				
	.tekstbanner {border: 2px solid #307021; background-color: #C1D333; margin-top:10px; padding:1px;}
		.tekstbanner a {color:#307021; display:block; border: 1px solid #fff; border-width: 1px 0 0 1px; padding:4px; font-weight:bold;}
		
		

	#result a {display:block;color:#666666; text-decoration:none;}
	#result a:hover {display:block;background-color:#ddd;}
	#result hr {height: 0;border-bottom: 1px solid #005f3E;}

/* Footer
-------------------------------------------------------------- */

#footer {clear:both}
	#samenwerking {position: relative; left: 60px; width:150px; top:60px; z-index:1;} 
#colofon { position:relative; margin:-54px 0 -10px 0; left: 894px; width:20px}