html, body, #container
{
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #container
{
	height: auto;
}

body
{
	margin: 0;
	padding: 0;

	background-color: #E5E5E5;
	background-color: #FFFFFF;
	
	background-repeat: repeat-x;
	
	text-align: center;
}

body, textarea
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

body.vastgoed
{
	background-image: url(/images/background.vastgoed.jpg);
}

body.bouwenaannemingsbedrijf
{
	background-image: url(/images/background.bouwenaannemingsbedrijf.jpg);
}

#container
{
	position: absolute;
	
	top: 0;
	left: 0;
	
	margin: 0;
	padding: 0;
}



	/* HEADER */

	#container #header
	{
		margin: 0;
		padding: 0;
		
		margin-left: auto;
		margin-right: auto;
		
		width: 750px;
		height: 245px;
		
		text-align: left;
		
		background-repeat: no-repeat;
	}
	
		#container #header .menu1
		{
			height: 90px;
		}
		
			#container #header .menu1 .logo
			{
				display: block;
				float: left;
				margin-top: 30px;
			}
			
			#container #header .menu1 ul
			{
				margin: 0;
				padding: 0;
				
				margin-top: 73px;
				
				float: right;
				list-style: none;
				
				font-weight: bold;
				font-size: 0.9em;
			}
				
				#container #header .menu1 ul li
				{
					float: left;
				}
				
					#container #header .menu1 ul li a
					{
						text-decoration: none;
						color: #000000;
					}
					
					body.vastgoed #container #header .menu1 ul li a:hover
					{
						color: #CB5600;
					}
					
						body.vastgoed #container #header .menu1 ul li a.active
						{
							color: #CB5600;
						}
					
					body.bouwenaannemingsbedrijf #container #header .menu1 ul li a:hover
					{
						color: #E41E18;
					}
						
						body.bouwenaannemingsbedrijf #container #header .menu1 ul li a.active
						{
							color: #E41E18;
						}
				
				#container #header .menu1 ul li.divider
				{
					padding-left: 7px;
					padding-right: 7px;
				}
				
					body.vastgoed #container #header .menu1 ul li.divider
					{
						color: #CB5600;
					}
					
					body.bouwenaannemingsbedrijf #container #header .menu1 ul li.divider
					{
						color: #E41E18;
					}
				
		
		#container #header .menu2
		{
			height: 131px;
			background-position: top;
			background-repeat: no-repeat;
		}
	
			/* afdelings specifieke achtergronden */
		
			body.vastgoed #container #header .menu2
			{
				background-image: url(/images/header.vastgoed.jpg);
			}
			
			body.bouwenaannemingsbedrijf #container #header .menu2
			{
				background-image: url(/images/header.bouwenaannemingsbedrijf.jpg);
			}
			
			#container #header .menu2 ul
			{
				margin: 0;
				padding: 0;
				
				margin-top: 104px;
				
				float: left;
				list-style: none;
			}
				
				#container #header .menu2 ul li
				{
					float: left;
					
					width: 127px;
					height: 27px;
					line-height: 27px;
					
					margin-right: 5px;
					background-repeat: no-repeat;
						
					text-align: center;
						
					opacity: .6;
					filter: alpha(opacity=60);
				}
				
					body.vastgoed #container #header .menu2 ul li
					{
						background-image: url(/images/menu/background.vastgoed.gif);
					}
					
					body.bouwenaannemingsbedrijf #container #header .menu2 ul li
					{
						background-image: url(/images/menu/background.bouwenaannemingsbedrijf.gif);
					}
				
				#container #header .menu2 ul li.active
				{
					opacity: 1.0;
					filter: alpha(opacity=100);
					
					background-image: url(/images/menu/background.vastgoed.active.gif);
				}
				
					body.vastgoed #container #header .menu2 ul li.active
					{
						background-image: url(/images/menu/background.vastgoed.active.gif);
					}
					
					body.bouwenaannemingsbedrijf #container #header .menu2 ul li.active
					{
						background-image: url(/images/menu/background.bouwenaannemingsbedrijf.active.gif);
					}
				
					#container #header .menu2 ul li a
					{
						height: 27px;
						line-height: 27px;
						
						padding-left: 15px;
						
						color: #FFFFFF;
						text-decoration: none;
						font-weight: bold;
					}
		
		#container #header .menu3
		{
			height: 24px;
		}
		
			#container #header .menu3 ul
			{
				margin: 0;
				padding: 0;
				
				height: 23px;
				line-height: 23px;
				
				list-style: none;
				
				color: #FFFFFF;
			}
			
				#container #header .menu3 ul li
				{
					float: left;
					
					height: 23px;
					line-height: 23px;
				}
				
				#container #header .menu3 ul li.divider
				{
					padding-left: 7px;
					padding-right: 7px;
				}
				
					#container #header .menu3 ul li a
					{
						font-size: 0.9em;
						font-weight: bold;
						
						color: #EABB99;
						text-decoration: none;
						
						height: 23px;
						line-height: 23px;
					}
					
					#container #header .menu3 ul li a:hover, #container #header .menu3 ul li a.active
					{
						color: #FFFFFF;
					}
					
					
		
	/* CONTENT */
	
	#container #content
	{
		margin: 0;
		padding: 0;
		
		margin-left: auto;
		margin-right: auto;
		
		padding-top: 20px;
		padding-bottom: 25px;
		
		width: 750px;
					
		text-align: left;
		line-height: 1.4em;
	}

		#container #content .text
		{
			width: 385px;
			_width: 382px;
			float: left;
		}
			
				body.vastgoed #container #content .text a
				{
					color: #CB5600;
					text-decoration: none;
				}
				
				body.bouwenaannemingsbedrijf #container #content .text a
				{
					color: #E41E18;
					text-decoration: none;
				}
				
				#container #content .text a:hover
				{
					color: #000000;
				}
		
			#container #content h1
			{
				margin: 0;
				padding: 0;
				
				padding-bottom: 20px;
				
				font-size: 1.2em;
			}
			
				body.vastgoed #container #content h1
				{
					color: #CB5600;
				}
				
				body.bouwenaannemingsbedrijf #container #content h1
				{
					color: #E41E18;
				}
		
			#container #content h2
			{
				margin: 0;
				padding: 0;
				
				padding-bottom: 20px;
				
				font-size: 1.2em;
				
				color: #000000;
			}
			
				body.vastgoed #container #content .text h2 a, body.bouwenaannemingsbedrijf #container #content h2 a
				{
					color: #000000;
				}
		
			#container #content p
			{
				margin: 0;
				padding: 0;
				
				padding-bottom: 20px;
				padding-right: 20px;
				
				line-height: 1.8em;
				
				/* text-align: justify; */
			}
			
			#container #content table
			{
				border-collapse: collapse;
				
				margin: 0;
				padding: 0;
				
				padding-bottom: 20px;
				padding-right: 20px;
				
				line-height: 1.8em;
				
				text-align: justify;
				
				font-size: 12px;
			}
			
				#container #content table th
				{
					width: 100px;
				}
		
				
			#container #content form
			{
				margin: 0;
				padding: 0;
				
				padding-top: 10px;
				
				line-height: 1.8em;
			}
			
				#container #content form label
				{
					display: block;
					float: left;
					width: 130px;
				}
				
					body.vastgoed #container #content form .labelerror
					{
						color: #CB5600;
					}
				
					body.bouwenaannemingsbedrijf #container #content form .labelerror
					{
						color: #E41E18;
					}
				
				#container #content form input
				{
					width: 228px;
					
					border: 1px solid #888888;
				}
				
					body.vastgoed #container #content form .inputerror
					{
						color: #CB5600;
						border: 1px solid #CB5600;
					}
				
					body.bouwenaannemingsbedrijf #container #content form .inputerror
					{
						color: #E41E18;
						border: 1px solid #E41E18;
					}
				
				#container #content form textarea
				{
					width: 228px;
					height: 90px;
					font-size: 1.1em;
					border: 1px solid #888888;
				}
				
				#container #content form input.submit
				{
					width: 100px;
					
					margin-top: 15px;
					
					padding-top: 3px;
					padding-bottom: 3px;
					color: #FFFFFF;
					
					font-weight: bold;
					
					border: 0;
											
					font-size: 0.9em;
					
					cursor: pointer;
				}
				
					body.vastgoed #container #content form input.submit
					{
						background-color: #CB5600;
					}
					
					body.bouwenaannemingsbedrijf #container #content form input.submit
					{
						background-color: #E41E18;
					}
						
				
				#container #content form br
				{
					clear: left;
				}
				
		#container #content .reference
		{
			width: 430px;
			
			overflow: hidden;
			
			background-color: #CECECE;
			background-color: #F5F5F5;
		}
			
			#container #content .reference h2
			{
				margin: 0;
				padding: 0;
				
				margin-top: 10px;
				margin-left: 10px;
				margin-bottom: 10px;
				
				font-size: 1.1em;
			}
			
			#container #content .reference table
			{
				border-collapse: collapse;
				
				margin: 0;
				padding: 0;
				
				padding-bottom: 20px;
				padding-right: 20px;
				margin-left: 10px;
				
				line-height: 1.8em;
				
				text-align: justify;
			}
		
			#container #content .reference img
			{
				margin: 10px 10px 7px 10px;
			}
		
			#container #content .reference .thumbs
			{
				width: 50px;
				height: 50px;
				float: left;
				margin: 0;
				
				padding: 0 0 10px 10px;
				
				cursor: pointer;
			}
		
				#container #content .reference .details
				{
					position: absolute;
					
					width: 410px;
					height: 275px;
					
					background-color: #FFFFFF;
					
					filter: alpha(opacity=70);
					opacity: .7;
					
					margin: 10px 10px 10px 10px;
					
					display: none;
				}
		
				#container #content .reference .detaildesscription
				{
					margin: 0;
					padding: 0 0 8px 0;
					
					font-size: 11px;
					
					color: #999999999;
				}
		
				#container #content .reference .detail
				{
					float: left;
					
					margin: 0;
				}
				
					#container #content .reference .detail h2
					{
						margin-left: 10px;
					}
					
					#container #content .reference .detail p
					{
						margin-left: 10px;
					}
	
	
	
	/* FOOTER */
	
	#container #footer
	{
		clear: both;
		position: absolute;
		
		left: 0;
		bottom: 0;
		
		margin: 0;
		
		height: 20px;
		width: 100%;
		
		color: #E5E5E5;
		background-color: #999999;
		
		text-align: center;
		
		font-size: 0.9em;
	}
	
		#container #footer .content
		{
			margin: 0;
			padding: 0;
			
			margin-left: auto;
			margin-right: auto;
			
			width: 750px;
			height: 20px;
			
			text-align: left;
			
			line-height: 20px;
			
			overflow: hidden;
		}
			
			#container #footer .content .address
			{
				float: left;
			}
			
			#container #footer .content .copyright
			{
				float: right;
			}
			
				#container #footer .content .copyright a
				{
					text-decoration: none;
					color: #E5E5E5;
				}