html{
	height:100%;
}
body{
	height:100%;
	margin:0px;
	background-color:#FFFFFF;
}
body, table{
	color:#003b5a;
	font-size:11px;
	font-family:verdana;
}
a{
	color:#003b5a;
}
a.extern{
	padding-right:10px;
	background:url(images/externallink.gif) no-repeat right center;
}
form{
	margin:0px;
}
input.text{
	width:232px;
	border:solid 1px #003c5b;
	padding:1px 3px 1px 3px;
	font-size:11px;
	color:#000000;
}
input.button{
	border:solid 1px #003c5b;
	padding:1px 3px 1px 3px;
	background-color:#FFFFFF;
	font-size:11px;
}
select{
	width:100%;
	font-size:11px;
}
#photo_viewer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5;
	display:none;
}
	#photos_filler{
		width:100%;
		height:75px;
	}
	#photos{
		position:relative;
		width:900px;
		height:504px;
		padding:2px 5px 5px;
		margin:auto;
		background-color:#003c5b;
		z-index:2;
	}
		#photos_close{
			display:block;
			position:absolute;
			top:5px;
			right:5px;
			width:16px;
			height:16px;
			background:url(images/close.png);
			filter:alpha(opacity=75);
			opacity:.75;
		}
		#photos_close:hover{
			filter:alpha(opacity=100);
			opacity:1;
		}
		#photos_head{
			width:900px;
			height:24px;
		}
			#photos_head a{
				float:left;
				display:block;
				height:16px;
				margin-top:4px;
				padding:3px 5px 1px 5px;
				border:solid 1px #FFFFFF;
				border-bottom:none;
				color:#FFFFFF;
				text-decoration:none;
			}
			#photos_head a.current{
				font-weight:bold;
				color:#003c5b;
				background-color:#FFFFFF;
			}
		#photos_content{
			width:900px;
			height:480px;
		}
	#photos_bg{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:#FFFFFF;
		filter:alpha(opacity=75);
		opacity:.75;
		z-index:1;
	}
#contact_screen{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5;
	display:none;
}
	#contact{
		position:relative;
		top:75px;
		margin:auto;
		width:600px;
		height:360px;
		padding:26px 5px 5px;
		background-color:#003c5b;
		z-index:2;
	}
		#contact_close{
			display:block;
			position:absolute;
			top:5px;
			right:5px;
			width:16px;
			height:16px;
			background:url(images/close.png);
			filter:alpha(opacity=75);
			opacity:.75;
		}
		#contact_close:hover{
			filter:alpha(opacity=100);
			opacity:1;
		}
		#contact iframe{
			width:600px;
			height:360px;
			overflow:hidden;
			border:none;
		}
	#contact_bg{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:#FFFFFF;
		filter:alpha(opacity=75);
		opacity:.75;
		z-index:1;
	}
#center{
	width:1000px;
	margin:auto;
}
#container{
	float:left;
	width:1000px;
	margin:auto;
	background:url(images/bg.gif) no-repeat 0px 55px #FFFFFF;
	border-left:solid 1px #003c5b;
	border-right:solid 1px #003c5b;
}
	#head{
		position:relative;
		height:38px;
		padding:17px 0px 0px 40px;
		color:#FFFFFF;
		background:url(images/logo.png) 843px 11px no-repeat #003c5b;
		border-bottom:solid 1px #FFFFFF;
	}
		#head_close{
			display:block;
			position:absolute;
			top:14px;
			right:11px;
			width:24px;
			height:24px;
			background:url(images/close_window.png);
			filter:alpha(opacity=75);
			opacity:.75;
		}
		#head_close:hover{
			filter:alpha(opacity=100);
			opacity:1;
		}
		#head a.switch{
			float:left;
			display:block;
			color:#5e6680;
			background-repeat:no-repeat;
			background-position:top left;
			opacity:.2;
			filter:alpha(opacity=20);
		}
			#head a.switch img{
				border:0px;
			}
		#head a.active{
			opacity:1;
			filter:alpha(opacity=100);
		}
		#head a.switch:hover{
			opacity:.8;
			filter:alpha(opacity=80);
		}
		#head div{
			float:left;
			font-size:15px;
			margin:0px 10px 0px 10px;
		}
#infobox{
	float:left;
	width:480px;
	margin-left:35px;
}
#selectedproject{
	display:inline;
	float:left;
	position:relative;
	width:215px;
	height:230px;
}
	#selectedproject_photo{
		position:absolute;
		top:30px;
		left:11px;
		width:174px;
		height:174px;
		background:no-repeat center #FFFFFF;
	}
	#selectedproject_photobox{
		position:absolute;
		top:19px;
		left:0px;
		width:166px;
		height:186px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bigbox.png', sizingMethod='scale');
		padding:10px 15px 0px 15px;
		font-size:14px;
	}
	html>body #selectedproject_photobox{
		background-image:url(images/bigbox.png);
	}
		#uitleg{
			font-size:11px;
		}
	#loop{
		display:none;
		position:absolute;
		top:19px;
		left:0px;
		width:196px;
		height:196px;
		background:url(images/loop.gif) 157px 157px no-repeat;
	}
	html>body #loop{
		background-image:url(images/loop.png);
	}
#searchbox{
	float:left;
	position:relative;
	width:240px;
	height:215px;
	margin:15px 25px 0px 0px;
	font-size:10px;
}
	#searchbox .question{
		margin:9px 0px 2px 0px;
	}
	#search{
		float:right;
		display:block;
		width:75px;
		height:14px;
		padding-top:2px;
		text-align:center;
		background-image:url(images/zoeken.png);
		text-decoration:none;
	}
#selectedproject_info{
	position:relative;
	float:left;
	width:456px;
}
	#selectedporject_infobox{
		float:left;
		width:456px;
		height:90px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/infobox.png', sizingMethod='scale');
		margin-bottom:15px;
	}
	html>body #selectedporject_infobox{
		filter:none;
		background:url(images/infobox.png) no-repeat top left;
	}
		#selectedporject_infobox div.name{
			float:left;
			width:69px;
			height:40px;
			padding:3px 3px 3px 15px;
		}
		#selectedporject_infobox div.value{
			float:left;
			width:363px;
			height:40px;
			padding:3px;
		}
	#selectedproject_info a{
		display:block;
		width:220px;
		height:17px;
		padding-top:3px;
		background-image:url(images/big_button.png);
		text-align:center;
		text-decoration:none;
	}
		#fotobutton{
			float:left;
			margin-bottom:5px;
		}
		#contactbutton{
			float:right;
			margin-bottom:5px;
		}
		#infobutton{
			float:left;
		}
#mapbox{
	position:relative;
	float:left;
	width:444px;
	height:396px;
	/*border:solid 3px #F9B434;*/
	border:solid 3px #003C5B;
	border-top:none;
}
	#map{
		height:100%;
		overflow:hidden;
	}
	#mapbox span{
		position:absolute;
		width:9px;
		height:9px;
		bottom:-3px;
		overflow:hidden;
	}
	#mapbox_corner_bl{
		left:-3px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/map_corner_bl.png', sizingMethod='scale');
	}
	html>body #mapbox_corner_bl{
		background-image:url(images/map_corner_bl.png);
	}
	#mapbox_corner_br{
		right:-3px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/map_corner_br.png', sizingMethod='scale');
	}
	html>body #mapbox_corner_br{
		background-image:url(images/map_corner_br.png);
	}
#headings{
	float:left;
	width:100%;
	height:24px;
	margin-top:22px;
	background-color:#FFFFFF;
	border:solid 1px #8a8893;
	border-left:none;
	border-right:none;
}
	#headings div{
		float:left;
		width:428px;
		height:22px;
		margin-left:35px;
		padding:2px 0px 0px 17px;
		font-size:15px;
		background:url(images/heading_block.png) top left no-repeat;
	}
#otherprojects{
	display:inline;
	float:left;
	padding-left:17px;
	margin-top:8px;
}
	#gelijkende_projecten{
		float:left;
		width:477px;
	}
		#nothing{
			width:100%;
			padding-top:50px;
			text-align:center;
			font-weight:bold;
		}
	#line{
		float:left;
		width:2px;
		height:124px;
		margin:0px 5px 0px 5px;
		background-color:#003c5b;
	}
	#recent_projects{
		float:left;
		width:477px;
		height:86px;
	}
	.project{
		display:inline;
		float:left;
		position:relative;
		margin:0px 16px 10px 17px;
		width:124px;
		height:124px;
	}
		.project div{
			position:absolute;
			top:8px;
			left:8px;
			width:108px;
			height:108px;
			background-repeat:no-repeat;
			background-position:center;
			background-color:#FFFFFF;
			z-index:1;
		}
		.project span{
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:124px;
			height:124px;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/smallbox.png', sizingMethod='scale');
			z-index:2;
		}
		.project a{
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:124px;
			height:124px;
			z-index:3;
			cursor:hand;
		}
		html>body .project a{
			filter:none;
			background:url(images/smallbox.png);
		}
	#recent_projects{
		padding-left:17px;
	}
		#recent_projects .project{
			margin:0px 35px 0px 0px;
		}
#footer{
	float:left;
	margin-top:21px;
	width:100%;
	height:36px;
	background:url(images/quality_in_front.gif) no-repeat 795px 14px #003c5b;
}