/* ***
	algemeen
*** */
html, body	
{
	height: 100%;
	margin: 0;
	padding: 0;	
}

a img
{
	border: none 0;	
}

form
{
	margin: 0;
	padding: 0;
	height: 100%;
}

.Close
{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

/* ***
	Horstman
*** */
body
{
	background-color: #fff;	
	background-image: url(../Media/Img/MainBgTile.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	text-align: center;
}	

div#BodyStripe
{
	position: absolute; 
	top: 104px; 
	left: 0; 
	height: 26px; 
	width: 100%; 
	background-color: #ebbe35;
}

div.Wrapper
{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;				
	
	width: 762px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

	div.Wrapper div#WrapperBG
	{
		position: absolute;
		top: 20px;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		height: auto;
		height: expression( parseInt( parentNode.offsetHeight ) - 20 );
	}
	
	div.Wrapper div.Header
	{
		position: relative;
		margin: 0;
		padding: 0;
		padding-top: 20px;
		z-index: 2;
		height: 150px;
		overflow: hidden;
	}

		div.Wrapper div.Header img
		{
			display: block;
			float: left;
		}
		
		div.Wrapper div.Header div#Menu
		{
			position: absolute;	
			top: 108px;
			left: 20px;
			height: 20px;
			width: 700px;			
		}
					
			div.Wrapper div.Header div#Menu ul
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			
			div.Wrapper div.Header div#Menu ul li
			{
				margin: 0;
				padding: 0;	
				padding-right: 15px;
				display: inline;				
			}
			
			div.Wrapper div.Header div#Menu ul li a,
			div.Wrapper div.Header div#Menu ul li a:visited
			{			
				font-family: tahoma, verdana, arial;
				font-size: 13px;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				border: none 0;
			}
				
			div.Wrapper div.Header div#Menu ul li a:hover,
			div.Wrapper div.Header div#Menu ul li a:visited:hover
			{
				color: #b08914;
				border: none 0;
			}
					
			
		div.Wrapper div.Header address
		{
			position: absolute;
			right: 20px;
			top: 28px;
			width: 200px;
			height: 6em;
			text-align: right;
			
			font-family: tahoma, verdana, arial;
			font-size: 11px;
			color: #006d51;
			font-weight: bold;
				
			font-style: normal;					
		}
		
		div.Wrapper div.Header address a,
		div.Wrapper div.Header address a:visited
		{
			color: #006d51	
		}
		
		div.Wrapper div.Header address a:hover,
		div.Wrapper div.Header address a:visited:hover
		{
			color: #000
		}
				
	div.Wrapper div.Content
	{
		position: relative;	
		padding: 20px 20px 25px 20px;
		z-index: 2;	
		text-align: left;
	}

		div.Wrapper div.Content div#MainBlock
		{
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		div.Wrapper div.Content div#LeftBlock
		{
			float: left;
			position: relative;
			width: 330px;
			margin: 0;
			padding: 0;
			margin-bottom: 25px;
		}		
			
		div.Wrapper div.Content div#RightBlock
		{
			position: relative;
			width: 376px;
			margin: 0;			
			margin-left: 334px;
			margin-bottom: 25px;
			padding: 0;
		}
		
		div.Wrapper div.Content img.Framed
		{
			border: 1px solid #006d51;
			background-color: #fff4d5;
			padding: 7px;	
		}
		
		div.Wrapper div.Content .ImageContainer
		{
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
		div.Wrapper div.Content div.ImageContainer
		{
			position: relative;
		}		
				
	div.Wrapper div.Footer
	{
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 22px;
		z-index: 3;
		text-align: right;
				
		border: 1px solid #ccc;
		border-bottom: none 0;
		background-color: #fff8e2;			
	}
	
		div.Wrapper div.Footer p
		{
			margin: 0 20px;
			padding: 3px 0;				
		}

/* ***
	Introductie
*** */		
body#Home div.Wrapper div.Header div#Menu ul li a#HomeLink
{
	text-decoration: underline;
}

/* ***
	Referenties
*** */
body#Referenties div.Wrapper div.Header div#Menu ul li a#RefLink
{
	text-decoration: underline;
}

table#ReferenceTable
{
	width: 99%;
	margin: 0;
	padding: 0;
}

	table#ReferenceTable tr td
	{
		width: 50%;
		vertical-align: top;
	}
	
/* ***
	Particulier / Bedrijven
*** */
body#Particulier div.Wrapper div.Header div#Menu ul li a#PatriculierLink
{
	text-decoration: underline;
}

body#Bedrijven div.Wrapper div.Header div#Menu ul li a#BedrijfLink
{
	text-decoration: underline;
}

table#PhotoTable
{
	width: 99%;
	margin: 0;
	padding: 0;
}

	table#PhotoTable tr td
	{
		width: 50%;
		vertical-align: top;
	}
		
/* ***
	Contact
*** */
body#Contact div.Wrapper div.Header div#Menu ul li a#ContactLink
{
	text-decoration: underline;
}

div#RouteZoom
{
	position: relative;		
	margin: 0;
	padding: 0;
}

	div#RouteZoom div#RouteImage
	{
		position: relative;
		margin: 0;
		margin-top: 10px;
		padding: 0;
		width: 342px;
		height: 275px;
		overflow: hidden;
	}
	
	div#RouteZoom div#RouteImage img
	{
		border: 1px solid #006d51;
		background-color: #fff4d5;
		padding: 0px;
	}
	
/* ***
	Vacatures
*** */
body#Vacatures div.Wrapper div.Header div#Menu ul li a#VacatureLink
{
	text-decoration: underline;
}

body#Vacatures div.Wrapper div.Content div#LeftBlock
{
	width: 474px;
}		
			
body#Vacatures div.Wrapper div.Content div#RightBlock
{
	width: 240px;
	margin-left: 478px;
}
		
/* ***
	lightbox
*** */
#lightbox{
	/*background-color:#006d51;*/
	background-color: #fff;
	padding: 8px;
	}
#lightboxDetails{
	margin: 0;
	padding: 0;
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	line-height: 1.5em;
	color: #444444;
	padding-top: 0.4em;
	}	
#lightboxDetails a
{
	color: #444444;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }	

#overlay
{
	background-color: #006d51; 
	opacity: .80;
	-moz-opacity: 0.8; 	
	filter: alpha(opacity=80); 
}