﻿body {
}
body, html, form
{
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body
{
	margin: 0px;
	padding: 0px;
	font: 9pt Helvetica, Arial, Georgia;
	background: url('../images/bg.png');
}
body form div
{
	margin: 0px;
	padding: 0px;
}
.mainBox
{
	margin: 0px;
	padding: 0px;	
	width: 821px;
	margin: 0px auto;
	 
}

.contentBox
{
	position: absolute;
	top: 5%;
	width: 821px;
	height: 655px;
	margin-left: -25px;
	padding-left: 25px;
	background-image: url('../images/backgroundBox4.jpg');
	background-position: 0px 0px;
}

.contentBox3
{
	position: absolute;
 
	width: 483px;
	height: 485px;
	background-image: url('../images/backgroundBox3.png');
	background-position: 0px 0px;
}
.controlpanel
{
	position: relative;
	left: 210px;
	top: 65px;
	height: 75px;
}
.controlpanel2
{
	position: relative;

}
.controlpanel select
{
	margin: 3px 0px;
}
.mapBox
{
	position: relative;
	left: 39px;
	top: 70px;
	width: 733px;
	border: 1px solid #a6a6a6;
}
.mapBox2
{
	position: relative;
	width: 480px;
		height: 405px;
	border: 1px solid #a6a6a6;
}


.h3maps
{
	margin: 0px;
	padding: 0px;	
}

.infoMaps
{
	display: inline;
	float: left;
 
}


.infoMaps ul, .infoMaps li
{
	padding: 0px;
	
	margin: 0px;
	margin-left: 15px;
}

.infoMaps .d66, a
{
	color: #00a340;
	font-weight: bold;
}
.mailLink
{
	font-size: 7.8pt;
}

.contactBox
{
	position: absolute;
	left: 520px;
	top: 70px;
	height: 60px;
	border-left: 1px solid #a6a6a6;
	padding-left: 10px;
	width: 200px;
}

.contactBox2
{
	position: absolute;
	left: 280px;
	top: 0px;
	height: 60px;
	border-left: 1px solid #a6a6a6;
	padding-left: 10px;
	width: 200px;
}
.contactBox2 h1,
.contactBox h1
{
	font-size: 10.5pt;
	padding: 0px;
	margin: 0px;
}
.contactBox2 p,
.contactBox p
{
	margin: 0px;
}
.contactBox2 a,
.contactBox a
{
	display: block;
	margin: 5px 0px;
}
.markerInfo
{
	display: none;
}
.markerImage
{
	clear: both; 
	text-align: center;
	border: 1px solid black;
}
.footer
{
	position: relative;
	top: 69px;
	text-align: center;
	
	font-size: 8pt;
	
}
.footer img
{
	position: relative;
	top: 5px;
	padding: 0px 2px;
}


#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#232323;
	border:1px solid #000;
	z-index:1;
}
.popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:384px;
	width:458px;
	background-image: url("../images/contact/salima.png");
	background-position: 45px 0px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border:3px solid #00a340;
	z-index:2;
	padding:12px;
	font-size:13px;
}

.adriaan { background-image: url("../images/contact/adriaan.png"); }
.arthur { background-image: url("../images/contact/arthur.png"); }
.bartjan { background-image: url("../images/contact/bartjan.png"); }
.ed { background-image: url("../images/contact/ed.png"); }
.jeroen { background-image: url("../images/contact/jeroen.png"); }
.maartje { background-image: url("../images/contact/maartje.png"); }
.marcel { background-image: url("../images/contact/marcel.png"); }
.ton { background-image: url("../images/contact/ton.png"); }
.said { background-image: url("../images/contact/said.png"); }
.nils { background-image: url("../images/contact/nils.png"); }

#contactArea
{
	width: 255px;
}
.popupContact h1,
.popupContact h3{
	text-align:left;
	color:#00a340;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	
	padding: 5px 0px; 
	margin: 0px;
}
.popupContact h3
{
	font-size: 10pt;
	border-bottom: none;
	color: #111;
	
}
#popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#00a340;
	font-weight:700;
	display:block;
	cursor: pointer;
}

#contactArea a
{
	font-size: 8pt;
}
 

.searchBox
{
	width: 300px;
	border: 2px solid #ccc;
	margin-top: 10px;
	margin-left: 20px;
}

.searchbutton
{
	border: 0px solid #000;
	background-color: #ccc;
	margin-left: 10px;
	color: #fff;
	font-weight: bold;
}

#resultBox
{
	visibility: hidden;
	padding: 0px 10px;
}

#resultBox a
{
	font-weight: bold;
}
