html, body {
	margin:				0px;
	background-color:	#FFFFFF;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#003515;
}
.front_table {
	margin: 			0px; 
	padding: 			0px;
	text-align:			left;
	width:				100%;
}
.fronttd {
	font-family:		Arial, Helvetica, sans-serif;
    font-size:			12px; 
	text-align:			center; 
	font-weight:		bold;
	color:				#003515;
}

td {
	margin:				0px;
	padding:			0px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#003515;
}

/* ===================== STANDAARD HTML OPMAAK ===========================  */
	/* kleur van de hyperlinks aangeven */
		a { 				text-decoration: none; color: #000;}
		a:link { 			text-decoration: none; color: #000;}
		a:active { 			text-decoration: none; color: #000;}
		a:visited { 		text-decoration: none; color: #000;}
		a:hover { 			text-decoration: none; color: #000;}

	img {
		border:				0px;
	}
	
	input { /* alle input velden */
		width:				200px;
	}
		input.button { /* alle input velden */
			margin:				0px 0px 5px 0px;
			font-family:		Arial, Helvetica, sans-serif;     
			width:				195px;
			background-color:	#003517;
			border:				1px solid #789785;
			color:				#FFF;
		}
			input.buttonoverzicht {
				margin:				3px;
				font-family:		Arial, Helvetica, sans-serif;     
				width:				90px;
				background-color:	#003517;
				border:				1px solid #789785;
				color:				#FFF;
				float:				left;
			}
				input.buttonoverzicht_hl {
					margin:				3px;
					font-family:		Arial, Helvetica, sans-serif;     
					width:				125px;
					background-color:	#c7aa1c;
					border:				1px solid #003517;
					color:				#FFF;
					float:				right;
				}
			input.buttonaanbod {
				margin:				0px 0px 5px 0px;
				font-family:		Arial, Helvetica, sans-serif;     
				width:				195px;
				background-color:	#003517;
				border:				1px solid #789785;
				color:				#FFF;
			}
				input.buttonaanbod_hl {
					margin:				0px 0px 5px 0px;
					font-family:		Arial, Helvetica, sans-serif;     
					width:				195px;
					background-color:	#c7aa1c;
					border:				1px solid #003517;
					color:				#FFF;
				}
	
	select { /* alle dropdown menu's */
		width:				200px;
	}

/* ===================== STANDAARD HTML OPMAAK ===========================  */
.top {	
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
}
.whiteend{
	background-color:	#FFF;
	width:				30px;
	margin:				0px 20px 0px 0px;
}
.front_infotext{
	background-image:	url(img/blurred_logo.jpg);
	background-position:top right;
	background-repeat:	no-repeat;
	padding:			0px;
}
.navmenu { 
	width:				100%;
    margin: 			10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	float:				left;
}

#inhoud { 
    margin: 			10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}
#content { /* !ID!, dus níet "class"! Die komt later in dit document voor onder ==CONTENT== */
	background:			#FFF url('img/fill_grey.jpg') repeat-y fixed left;
    height:				100%; 
	width:				100%;
	margin:				0px;
	border:				0px solid #FF0000;
	text-align:			left;
	color:				#003515;
}	  
#wrap {
	width:				100%;
}
#menu {
	background:         #003516;
	border-bottom:		1px solid white;
	padding:			0px;
	width:				100%;
	height: 			22px;
}
#menu a {
	padding:			6px 10px;
	text-decoration:	none;
	color:              #FFFFFF;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
}
#menu a.hover {
	background-color: 	#CBDFD6;
}
#menu span {
    display:			none;
}
#img {
    vertical-align:		bottom;
}

#subnav {
    font-size:			10px;
    margin-bottom:		8em;
}
#subnav a {
    color:				#EABF01;
    margin-right:		1em;
}
#subnav span {
    color:				silver;
    margin-right:		1em;
}


/* ================= FRONTPAGE ============== */
DIV.spacer{ /* clear zorgt voor een nieuwe regel */
	clear: 				both;
}

DIV.mainpage{
	width:				100%;
	border:				1px solid #000;
	margin:				10px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#003515;
}

.agrarisch_container {
	margin:				25px 0px 0px 0px;
	width:				100%;
	border:				0px solid #FF0000;
	font-size: 			14px !important;
}

	.agrarisch_aanbod_box {
		margin:				0px 0px 20px 0px;
		padding:			10px;
		width:				100%;
		border:				0px solid #FF0000;
	}

	.agrarisch_aanbod {
		margin:				0px;
		width:				475px;
		border:				0px solid #0000FF;
	}

.frontdiv{
	background-image:			url(img/blurred_logo.jpg);
	background-position:		top right;
	background-repeat:			no-repeat;
	margin: 					0px 0px 0px 5px;
	padding:					20px;
	width: 						500px;
	float:						left;
}

	.front_title{
		margin:				20px 0px 0px 25px;
		font-weight:		bold;
		font-size:			14px;
		color:				#003515;
	}
	
	.front_text{
		margin:				0px 0px 0px 15px;
		color:				#003515;
		width:				95%;
	}

	.front_menu {
		width:				100%;
		margin: 			20px 0px 0px 5px;
	}

/* ================= CONTENT ============== */
/* "content.position" kun je positioneren, content en _titel zijn voor de opmaak. */
DIV.content_position{
		margin:				20px;
		float:				left;
		border:				0px solid #FF0000;
}
	DIV.content_titel{
		font-family: 		Arial, Helvetica, sans-serif;
		font-size:			12px;
		font-weight:		bold;
		color:				#c0a000;
	}
	DIV.content{
		font-family: 		Arial, Helvetica, sans-serif;
		font-size:			12px;
		color:				#003515;
		height:				100%;
	}

/* ================= AANBOD ============== */
DIV.aanbod_position{
		margin:				20px;
		width:				500px;
		border:				0px solid #c8cec4;
}
	DIV.aanbod_img{
		border:				0px solid #FF0000;
		margin:				5px;
		float:				left;
	}
		TABLE.aanbod_images{
			padding:			0px;
			width:				250px;
			text-align:			left;
			border:				0px solid #FF0000;
		}
			TD.aanbod_images_big{
				padding:			2px;
				border:				0px solid #0000FF;
				width:				250px;
				height:				187px;
				color:				#006138;
		}
			TD.aanbod_images_small{
				padding:			2px;
				width:				250px;
				border:				0px solid #FF0000;
			}
		DIV.aanbod{
			border:			0px solid #FF0000;
			margin:			20px 10px 10px 10px;
		}
			DIV.aanbod_titel{
				margin-top:			15px;
				font-family: 		Arial, Helvetica, sans-serif;
				font-size:			12px;
				font-weight:		bold;
				color:				#000;
			}
			DIV.aanbod_prijs{
				font-family: 		Arial, Helvetica, sans-serif;
				font-size:			12px;
				font-weight:		bold;
				color:				#c0a000;
			}
			DIV.aanbod_content{
				margin-top:			15px;
				margin-bottom:		15px;
				font-family: 		Arial, Helvetica, sans-serif;
				font-size:			12px;
				color:				#000;
			}
	DIV.aanbod_buttonbox{
		margin:				0px;
		border:				1px solid #0000FF;
		text-align:			center;
	}
		DIV.aanbod_buttons{
			margin:				0px 0px 0px 2px;
			float:				left;
		}
			input.aanbod_buttons{
			background-color:	#c0a000;
			width:				125px;
			height:				22px;
			color:				#FFF;
			border:				2px outset #00CC00;
			}

/* ================= FOOTER ============== */
DIV.back_button {
	margin:				20px 0px 0px 20px;
	width: 				100%;
	clear:				both;
}
	input.back_button{
		margin:				5px 0px 5px 0px;
		font-family:		Arial, Helvetica, sans-serif;     
		width:				60px;
		background-color:	#003517;
		border:				1px solid #789785;
		color:				#FFF;
	}


DIV.footer{
		margin:				0px;
		width:				100%;
		height:				150px;
		background-image:	url(img/front_left.jpg);
		background-repeat:	no-repeat;
		background-position:bottom left;
		clear:				both;
}
	DIV.footer_spacer{
			margin:				0px;
			clear:				both;
			height:				100px;
	}

/* ================== BEHEER ================ */
TABLE.beheer{
	margin:				0px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000;
}
DIV.succesvol{
	margin:				30px;
	padding-top: 		5px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#990000;
}
input.beheerscherm { 
	width:				150px;
}
select.beheerscherm { 
	width:				150px;
}
input.numbers{
	width:				40px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000;
}
input.beheerbutton{
	text-decoration:	none;
	width:				60px;
}