*
{
	margin: 0;
	padding: 0;
}

html, body
{
	height: 100%;
	font-family: Arial;
	font-size: 12px;
}

body
{
	background-color: #01478c;
	color: #000000;
}

#wrapper
{
	min-height: 100%;
	margin-top: -87px; /* Adjust according to footer size */
	overflow: hidden;
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-y;
}
	
	#header
	{
		height: 195px;
		padding-top: 87px; /* Adjust according to footer size */
		
		background-image: url(/images/header.jpg);
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-position:bottom;
	}
	
		#header #topmenu
		{
			padding-top: 135px;
			padding-left: 630px;
		}
		
			#header #topmenu ul
			{
			
				list-style-type: none;
			}
			
				#header #topmenu ul li
				{
					padding-left: 10px;
					float: left;
				}
			
					#header #topmenu ul li a
					{
						text-decoration: none;
						font-size: 11px;
						color: #005399;
						font-weight: bold;
						display:block;
						background-image: url(/images/li_blue.jpg);
						background-repeat: no-repeat;
						background-position: left 2px;
						padding-left: 14px;
						
					}
			
					#header #topmenu ul li a:hover
					{
						color: #a63d2f;
						background-image: url(/images/li_brown.jpg);
						background-repeat: no-repeat;
						background-position: left 2px;
					}
					
					#header #topmenu ul li a.active
					{
						text-decoration: none;
						font-size: 11px;
						color: #a63d2f;
						font-weight: bold;
						display:block;
						background-image: url(/images/li_brown.jpg);
						background-repeat: no-repeat;
						background-position: left 2px;
						padding-left: 14px;
					}
			
					
					
	#center_wrapper
	{
		width: 100%;
		float: left;
		
		text-align: left;
		
		background-image: url(/images/back.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}
	
		#center_wrapper #center
		{
			margin: 0 143px 0 273px; /* Adjust according to left and right column width */
			padding-right: 10px;
			min-height: 400px;
			_height: 400px;
		}
		
			#center_wrapper #center #photo
			{
				float: right;
				position: relative;
				margin: 0;
			}
		
			#center_wrapper #center h1
			{
				color: #a63d2f;
				font-size: 14px;
				padding-bottom: 23px;
				
				
			}
			
			#center_wrapper #center h2
			{
				color: #000000;
				font-size: 12px;
				padding-bottom: 13px;
			}
			
			#center_wrapper #center #text
			{
				width: 300px;
				float: left;
			}
			
			#center_wrapper #center p
			{
				padding-bottom: 23px;
				line-height: 20px;
			}
			
			#center_wrapper #center p.error
			{
				font-style: italic;
			}
			
			#center_wrapper #center p.small
			{
				width: 300px;
				float: left;
			}
			
			#center_wrapper #center ul
			{
				line-height: 20px;
				font-size: 12px;
				padding-left: 15px;
				list-style: square;
				line-height: 1.8em;
				padding-bottom: 20px;
			}
			
				#center_wrapper #center ul ul
				{
					font-size: 12px;
				}
			
			#center_wrapper #center a
			{
				color: #a63d2f;
				text-decoration: none;
			}
			
			#center_wrapper #center a:hover
			{
				text-decoration: underline;
			}
			
			#center_wrapper #center table tr th
			{
				font-weight: normal;
				padding-right: 10px;
				
				vertical-align: top;
				
				padding-top: 3px;
			}
			
			#center_wrapper #center th.error
			{
				color: #a63d2f;
			}
			
			#center_wrapper #center table tr td
			{
				vertical-align: top;
			}
			
				#center_wrapper #center table tr td input
				{
					width: 180px;
				}
				
				#center_wrapper #center table tr td textarea
				{
					width: 182px;
					height: 70px;
					font-family: Arial;
				}
				
				#center_wrapper #center table tr td input.submit
				{
					background-color: #a63d2f;
					border: 1px solid #a63d2f;
					color: #FFFFFF;
					width: 184px;
				}
			
	#navigation
	{
		width: 273px;
		margin-left: -1000px;
		float: left;
	}
	
		#navigation #menu
		{
		
		}
		
			#navigation #menu ul
			{
				padding-left: 141px;
				padding-top: 42px;
				list-style: none;
			}

				#navigation #menu ul li
				{
					display:block;
					width: 112px;
					height: 56px;
					padding-bottom: 20px;
					
				}
			
					#navigation #menu ul li a.aanleg
					{
						text-decoration: none;
						font-size: 10px;
						color: #005399;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/aanleg_blue.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #005399;
						height: 20px;
					}
					
					#navigation #menu ul li a.aanleg:hover
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/aanleg.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
					}
					
					#navigation #menu ul li a.aanleg_active
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/aanleg.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
						height: 20px;
					}
					
					#navigation #menu ul li a.projecten
					{
						text-decoration: none;
						font-size: 10px;
						color: #005399;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/projecten_blue.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #005399;
						height: 20px;
					}
					
					#navigation #menu ul li a.projecten:hover
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/projecten.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
					}
					
					#navigation #menu ul li a.projecten_active
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/projecten.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
						height: 20px;
					}
					
					#navigation #menu ul li a.productieverkoop
					{
						text-decoration: none;
						font-size: 10px;
						color: #005399;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/productieverkoop_blue.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #005399;
						height: 20px;
					}
					
					#navigation #menu ul li a.productieverkoop:hover
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/productieverkoop.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
					}
					
					#navigation #menu ul li a.productieverkoop_active
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/productieverkoop.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
						height: 20px;
					}
					
					#navigation #menu ul li a.bodemvlakkers
					{
						text-decoration: none;
						font-size: 10px;
						color: #005399;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/bodemvlakkers_blue.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #005399;
						height: 20px;
					}
					
					#navigation #menu ul li a.bodemvlakkers:hover
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/bodemvlakkers.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
					}
					
					#navigation #menu ul li a.bodemvlakkers_active
					{
						text-decoration: none;
						font-size: 10px;
						color: #a63d2f;
						font-weight: bold;
						padding-top: 40px;
						padding-left: 4px;
						width: 108px;
						display:block;
						background-image: url(/images/bodemvlakkers.jpg);
						background-repeat: no-repeat;
						background-position: left top;
						background-color: #FFFFFF;
						border: 1px solid #a63d2f;
						height: 20px;
					}
			
	#sidebar
	{
		width: 143px;
		margin-left: -1000px;
		float: right;
		padding-top: 41px;
	}
		

#footer
{
	height: 87px;
	width: 1000px;
	
	margin-left: auto;
	margin-right: auto;
	
	clear: both;
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
}
	#footer #address
	{
		color: #FFFFFF;
		float: left;
		padding-top: 55px;
		padding-left: 280px;
		font-size: 11px;
		
	}	
	
		#footer #address a
		{
			text-decoration: none;
			color: #FFFFFF;
			
		}
		
		#footer #address a:hover
		{
			text-decoration: underline;
		}

	#footer #copyright
	{
		color: #CCCCCC;
		font-size: 11px;
		float: right;
		width: 141px;
		padding-right: 143px;
		padding-top: 71px;
	}
	
		#footer #copyright a
		{
			color: #CCCCCC;
			text-decoration: none;
		}
		
		#footer #copyright a:hover
		{
			text-decoration: underline;
		}