html { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; background: #a4ccea; font: 12px "Tahoma"; background-image: url(bg.jpg); background-repeat: repeat-x; }

body { width: 800px; margin: 0px auto; padding: 0px; background: #6096bf; }

.clear { clear: both; font-size: 0px;} 

#wrapper { position: relative; width: 800px; height: auto; margin: 0px auto; /* to centre compliant browsers */ border:0px; }

div#header { display: block; height: 275px; background: url('images/header/didam.jpg'); }
#headermenu2{ position:relative; background: #6096BF; left:0px; top:0px; width:800px; height:25px; z-index: 3; }
div#headermenu2 p { padding: 5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; vertical-align: middle; text-align: center; }
#headermenu2 a{ padding: 0px 0px; margin:5px 0px 0px 0px; color:#FFFFFF; font-size:11px; letter-spacing:1px; text-decoration:none; }
#headermenu2 a:hover{ padding: 0px 0px; margin:5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:underline; }

div#left { width: 800px; float: left; background: #FFFFFF;}
div#left p.omschrijving				{	background: url('images/foto_uitleg.png') no-repeat;	margin: 0px;	padding: 2px 0px 1px 5px; 	font-size: 10px; 	margin-top: -27px;	position: relative;	}

#headermenu3{ position:relative; background: #6096BF; width:800px; height:25px;}
div#headermenu3 p { padding: 5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; vertical-align: middle; text-align: center; }
#headermenu3 a{ padding: 0px 0px; margin:5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:none; }
#headermenu3 a:hover{ padding: 0px 0px; margin:5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:underline; }

#headermenu4{ position:relative; background: #6096BF; width:800px; height:25px;}
div#headermenu4 p { padding: 5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; vertical-align: middle; text-align: center; }
#headermenu4 a{ padding: 0px 0px; margin:5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:none; }
#headermenu4 a:hover{ padding: 0px 0px; margin:5px 0px 0px 0px; color:#FFFFFF; font-size:12px; letter-spacing:1px; text-decoration:underline; }

div#left div.info					{	width: 800px; color: #000000; font-size: 12px; height: 100%; background: #ffffff;  overflow-y: auto; }

div#left div.info h3				{	height:20px; background: #000000; margin: 0px; padding: 5px 0px 0px 0px; color:#FFFFFF; font-size:11px; letter-spacing:1px; vertical-align: middle; text-align: center; 	}
div#left div.info h1				{	text-decoration: bold; color:#000000; font-size:11px;	}
div#left div.info small				{	padding: 0px 0px 0px 24px; color: #000000; font-size: 12px;letter-spacing:1px;}
div#left div.info p				{	padding: 2px 2px 2px 12px; color: #000000; font-size: 12px; }
div#left div.info a				{	color: #6096BF; text-decoration: none; }
div#left div.info a:hover			{	color: #BFE4FF; text-decoration: underline; }

div.spacer						{	display: block; height: 17px;	background: #FFFFFF; }

#div1, #div2, #div3, #div4 {position:relative; top: 100; left: 200; width:200; visibility:hidden}

div#left popup {
background:#FFFFFF;
border:0px solid #999999;
margin:10px;
padding:7px;
width:270px;
font-family:arial;
font-size:75%;
}

div#popup a {
color: #6096BF;
text-decoration: none;
} 

div#popup a:hover { 
color: #BFE4FF; 
text-decoration: underline; 
}

div#map {
margin:20px;
}


