* {
	margin: 				0;
	padding:				0;
}

body {
	background-color:		#ffffff;
	background-image:		url("../img/bg.png");
	background-repeat:		repeat-x;
	font-family:			Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color:					#000000;
	overflow: 				-moz-scrollbars-vertical;	
	overflow-y: 			scroll;
}

.clear {
	clear: 					both;
}

.h2f {
	color:					#386f0a;
	font-size:				13px;
	line-height: 			30px;
}

h2 {
	color:					#386f0a;
	font-size:				13px;
	line-height: 			0px;
}

h2 .l:link {
	text-decoration: 		none;
	color: 					#386f0a;
}

h2 .l:visited {
	text-decoration: 		none;
	color: 					#386f0a;
}

h2 .l:hover {
	text-decoration: 		one;
	color: 					#386f0a;
}

h3 {
	color:					#386f0a;
	font-size:				12px;
	margin-bottom:			5px;
}

h3 .l:link {
	text-decoration: 		none;
	color: 					#386f0a;
}

h3 .l:visited {
	text-decoration: 		none;
	color: 					#386f0a;
}

h3 .l:hover {
	text-decoration: 		one;
	color: 					#386f0a;
}

a:link {
	text-decoration: 		underline;
	color: 					#6c6c6c;
}

a:hover {
	text-decoration: 		underline;
	color: 					#6c6c6c;
}

#container {
	width:					950px;
	margin:					0 auto;
	position:				relative;
}

#logo {
	height:					42px;
	margin:					15px 5px;
}

/*mainNav*/

#mainNav {
	height:					41px;
	color:					#fff;
	background: 			transparent url("../img/mainnav.png") no-repeat;
}

	#mainNav a:link, #mainNav a:hover {
		color: 					#fff;
		text-decoration: 		none;
	}

#mainNav ul li {
	display:				inline;
	height: 				41px;
	float: 					left;
}

#mainNav .first {
	background: 			transparent url("../img/mainnav-first.png") no-repeat;
	height: 				14px;
	width:					136px;
	display: 				block;
	text-align: 			center;
	padding:				13px 0;
	color: 					#fff;
	text-decoration: 		none;
	text-shadow: 			#000 1px 1px 1px;
}

	#mainNav .first:hover {
		background: 			transparent url("../img/mainnav-first-active.png") no-repeat;
	}
	
	#mainNav .firstactive {
		background: 			transparent url("../img/mainnav-first-active.png") no-repeat;
	}

#mainNav li a {
	background: 			transparent url("../img/mainnav-inactive.png") no-repeat;
	height: 				14px;
	width:					136px;
	display: 				block;
	text-align: 			center;
	padding:				13px 0;
	color: 					#fff;
	text-decoration: 		none;
	text-shadow: 			#000 1px 1px 1px;
}

	#mainNav li a:hover, #mainNav li a .active {
		background: 			transparent url("../img/mainnav-active.png") no-repeat;
	}
	
/*Breadcrumb*/

#breadcrumb {
	background: 			#fff url("../img/breadcrumb-bg.png") no-repeat;
	height: 				20px;
	padding:				10px;
	font-size: 				11px;
}
	#breadcrumb a {
		color: 					#6c6c6c;
	}

/*Bestemmingen*/

#bestemmingen {
	float: 					left;
	width: 					230px;
}

	#bestemmingen .top {
		height: 				14px;
		background: 			#fff url("../img/bestemmingen-top.png") no-repeat;
		color: 					#ffffff;
		text-shadow: 			#000 1px 1px 1px;
		padding: 				10px 10px;
		font-weight: 			bold;
	}
	
	#bestemmingen li {
		list-style: 			none;
	}
	
	#bestemmingen li a {

		width: 					163px;
		padding: 				7px 20px;
		display: 				block;
		background: 			#fff url("../img/bestemmingen-list.png") no-repeat;
		text-decoration: 		none;
		color: 					#6c6c6c;
		height:					14px;
	}
	
	#bestemmingen li a:hover {
		background: #fff url("../img/bestemmingen-active.png") no-repeat;
		color: #fff;
		width: 175px;
		border: 0px;
	}
	
	#bestemmingen li a.active {
		background: #fff url("../img/bestemmingen-active.png") no-repeat;
		color: #fff;
		width: 175px;
		border: 0px;
	}
	
	#bestemmingen li .on {
		background: #fff url("../img/bestemmingen-active.png") no-repeat;
		color: #fff;
		width: 175px;
		border: 0px;
	}

/*----------
Content
-----------*/

/*Informatie*/

#informatie {
	float: 					right;
	width:					718px;
}

#start {
	height:					149px;
	margin-bottom: 			20px;
	background-repeat: 		none;
}

	#informatie p {
		margin-bottom: 			5px;
	}


/*Top 5*/

#start .titel {
	float: 					left;
	padding: 				13px;
	margin-top: 			78px;
	color:		 			#ffffff;
	text-shadow: 			#000 1px 1px 1px;
}

.titel h1 {
	font-size: 				22px;
	font-weight: 			bold;
	display:				inline;
}

.titel span {
	font-size: 				22px;
	font-weight: 			bold;
	display:				inline;
}

.titel p.h1 {
	font-size: 22px;
	font-weight: bold;
}

.titel p.h2 {
	font-size: 16px;
}

#start .top5 {
	float: 					right;
	margin: 				6px;
	width: 					202px;
	height: 				136px;
	background: 			transparent url('../img/top5_bg.png') no-repeat;
}

.top5 p.top {
	background: 			transparent url('../img/top5_top.png') no-repeat;
	height:					14px;
	padding: 				5px;
	color:					#33760c;
	font-weight: 			bold;
	margin-bottom:			0px !important;
	
}

.top5 li {
	width: 					200px;
	border-left: 			1px solid #ffffff;
	border-right: 			1px solid #ffffff;
	list-style: 			none;
}

.top5 .plaats {
	background: 			transparent url('../img/icons/top_icon.png') no-repeat;
	padding: 				2px 5px;
	margin-right: 			3px;
	color: 					#ffffff;
}

.top5 li a {
	width: 					194px;
	display: 				block;
	padding: 				4px;
	color: 					#676767;
	font-weight: 			bold;
	text-decoration: 		none;
}

#start .top5 li a:hover {
	background:				#414141;
	color:					#ffffff;
	width: 					192px;
}

/*Banners*/

#banners {
	width:					718px;
	margin-bottom: 			20px;
}

	 .bannerr {
		float: right;
		margin-left: 20px;
		width: 226px;
	}
	
	.bannerr p.top {
		background: 		#ffffff url('../img/banner_top.png') no-repeat;
		text-align:			center;
		font-weight: 		bold;
		color:				#ffffff;
		padding: 			5px;
		text-shadow: 		#000 1px 1px 1px;
		margin-bottom: 		0px !important;
	}
	
	.bannerr .content {
		border: 			1px solid #c9c9c9;
		border-top: 		0px;
		padding: 			3px;
	}

	 .bannerl {
		float: left;
		margin-right: 20px;
		width: 226px;
	}
	
	.bannerl p.top {
		background: 		#ffffff url('../img/banner_top.png') no-repeat;
		text-align:			center;
		font-weight: 		bold;
		color:				#ffffff;
		padding: 			5px;
		text-shadow: 		#000 1px 1px 1px;
		margin-bottom: 		0px !important;
	}
	
	.bannerl .content {
		border: 			1px solid #c9c9c9;
		border-top: 		0px;
		padding: 			3px;
	}
	
	.content img {
		width: 				218px;
		height: 			110px;
		margin-bottom:	 	3px;
	}
	
	.content p.titel {
		text-align: 		center;
		font-weight: 		bold;
		color:				#33760c;
		margin-bottom: 		0px !important;
	}
	
	.content p.link {
		text-align: 		center;
		margin-bottom: 		0px !important;
	}
	
	.content a {
		text-decoration: 	none;
		color:				#6c6c6c;
	}
	
/*Footer*/

#footer {
	padding: 				13px;
	height:					15px;
	color:					#fff;
	background: 			transparent url("../img/mainnav.png") no-repeat;
	margin:					20px 0;
	text-shadow: 			#000 1px 1px 1px;
}

	#footer .right {
		float: 					right;
	}
	
	#footer .right a {
		text-decoration: 		none;
		color:					#ffffff;
	}
	
/*Aanbieders*/

#aanbieders {
	border-top: 				1px solid #c9c9c9;
	margin: 					20px 0;
}
	
	#aanbieders .aanbieder {
		border-bottom:			1px solid #c9c9c9;
		padding: 				10px;
	}
	
	#aanbieders .row1 {
		background:				#ffffff;
	}
	
	#aanbieders .row2 {
		background:				#f9f9f9;
	}
	
	.aanbieder .logo {
		float: 					left;
		margin-right: 			10px;
	}
		.logo img {
			border: 				1px solid #c9c9c9;
		}
	
	.aanbieder .button {
		background: 			transparent url('../img/button_more.png') no-repeat;
		padding:		 		10px;
		width: 					80px;
		float: 					right;
		display: 				block;
		text-align: 			center;
		font-weight: 			bold;
		color: 					#ffffff;
		text-decoration: 		none;
		text-shadow: 			#000 1px 1px 1px;
	}
	
		.aanbieder .button:hover {
			filter:alpha(opacity=80); /* msie */  
			-moz-opacity: 0.80; /* firefox 1.0 */  
			-khtml-opacity: 0.80; /* webkit */  
			opacity: 0.80; /* css 3 */  
		}
		
/* By JB: for the organizations page */
	.jb_row1:link {		width:					100%;		font-size:				12px;		background: 			#fbfbfb;		display:				block;		padding:				4px;		text-decoration: 		none;		color:					#000;	}
	
	.jb_row2:link {		width:					100%;		font-size:				12px;		background: 			#fff;		display:				block;		padding:				4px;		text-decoration: 		none;		color:					#000;	}
	
	.jb_row1:visited {		width:					100%;		font-size:				12px;		background: 			#fbfbfb;		display:				block;		padding:				4px;		text-decoration: 		none;		color:					#000;	}
	
	.jb_row2:visited {		width:					100%;		font-size:				12px;		background: 			#fff;		display:				block;		padding:				4px;		text-decoration: 		none;		color:					#000;	}
	
	.jb_row1:hover {		width:					100%;		font-size:				12px;		background: 			#fbfbfb;		display:				block;		padding:				4px;		text-decoration: 		underline;		color:					#33760c;	}
	
	.jb_row2:hover {		width:					100%;		font-size:				12px;		background: 			#fff;		display:				block;		padding:				4px;		text-decoration: 		underline;		color:					#33760c;	}

	.jb_input {	width: 95%;	border:					1px solid #ccc;		padding:				4px;		font-size:				12px;		color:					#676767;	}
	
	.jb_button {		border:					1px solid #ccc;		background:				#f1f1f1;		padding:				4px;		font-size:				12px;		color:					#676767;	}
	
	.jb_errors {			padding-left: 5px;	font-size:				11px;	color:					red;	}
	
	hr {		width:					100%;		border: 				1px solid #ccc;		margin-top:				20px;		margin-bottom:			20px;	}