/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


* {
	margin:0;

	}
	
html, body {
		height:100%;
		}
		
body {
	background-image: url(bg.jpg);
	height:100%;
	text-align:center; /* horizontal centering for IE Win quirks */	
	}

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-348px; /* half of container's height */
		float:left;
		}

#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:696px;
		width:954px;
		clear:left;
		}

.footerlink a:link, .footerlink a:visited, .footerlink a:active, .footerlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#555555;
	font-size:9px;
	text-decoration:none;
}
.breadcrumb {font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
		text-align:left;
		color:#87888A;
}
.breadcrumb_news {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		text-align:left;
		color:#87888A;
}
.breadcrumblink a:link, .breadcrumblink a:visited, .breadcrumblink a:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
		text-align:left;
		color:#87888A;
		text-decoration:none;
}
.breadcrumblink a:hover {
		text-decoration:underline;

}

.groot {font-family: Arial, Helvetica, sans-serif;
		font-size:48px;
		font-weight:bold;
		color:#1E55A3;
		text-align:left;

}
.links {font-family: Arial, Helvetica, sans-serif;
		font-size:26px;
		text-align:left;
		color:#1E55A3;

}
.text {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#1E55A3;
		padding-right:70px;
}
.textklein {font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 17px;
		text-align:left;
		vertical-align:text-top;

}
.text2 {font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 30px;
		text-align:left;
		color:#1E55A3;
		padding-right:70px;
}
.textlichtblauw {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#4DA9CF;
		padding-right:70px;
}

a.textlichtblauw:link, a.textlichtblauw:visited {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#4DA9CF;
		padding-right:70px;

}

a.textlichtblauw:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#4DA9CF;
		padding-right:70px;
		text-decoration:none;
}
.textlichtblauw2 {font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 30px;
		text-align:left;
		color:#4DA9CF;
		padding-right:70px;
}
.textgrijsbruin {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#60554D;
		padding-right:70px;
}

a.textgrijsbruin:link, a.textgrijsbruin:visited{font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#60554D;
		padding-right:70px;
}

a.textgrijsbruin:hover{
		text-decoration:none;
}

.textgrijs {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#676767;
		padding-right:70px;
}

a.textgrijs:link, a.textgrijs:visited{font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#676767;
		padding-right:70px;
}

a.textgrijs:hover{
		text-decoration:none;
}
.textgrijsbruin2 {font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 30px;
		text-align:left;
		color:#60554D;
		padding-right:70px;
}
.grootlichtblauw {font-family: Arial, Helvetica, sans-serif;
		font-size:48px;
		font-weight:bold;
		color:#51abd0;
		text-align:left;

}
.linkslichtblauw {font-family: Arial, Helvetica, sans-serif;
		font-size:26px;
		text-align:left;
		color:#51abd0;

}
.textlichtblauw {font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		text-align:left;
		color:#4b9ec0;
		padding-right:70px;
}
.menutext {
line-height:12px; font-size:10px; font-weight:bold; overflow: hidden;text-align:left; padding:4px;
}

a.sitemap:link, a.sitemap:visited, a.sitemap:active {color: #1E55A3; text-decoration: none; }

a.sitemap:hover {color: #6991cc; text-decoration: underline; }


.menusolid {
background-image:url(images/button_donkerblauw_solid.jpg);
}

/* common styling */
.menu1 {font-family: arial, sans-serif; width:750px; height:22px; position:relative; z-index:100;}
.menu1 ul li a, .menu1 ul li a:visited {display:block; text-decoration:none; color:#000;width:128px; height:14px; text-align:center; color:#fff; background:#1E55A3; line-height:12px; font-size:10px; font-weight:bold; overflow: hidden;text-align:left; padding:4px; background-image:url(../images/button_donkerblauw.jpg)}
.menu1 ul {padding:0; margin:0; list-style: none; }
.menu1 ul li {float:left; position:relative;}
.menu1 ul li ul {display: none;}

/* specific to non IE browsers */
.menu1 ul li:hover a {color:#fff; background:#1E55A3; }
.menu1 ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:105px; }

.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:#1E55A3; color:#FFF; width:128px;padding:4px;}
.menu1 ul li:hover ul li a:hover {background:#8197c6; color:#FFF; }
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-105px;}




/* common styling */
.menu2 {font-family: arial, sans-serif; width:750px; height:22px; position:relative; z-index:100;}
.menu2 ul li a, .menu2 ul li a:visited {display:block; text-decoration:none; color:#000;width:128px; height:14px; text-align:center; color:#fff; background:#4DA9CF; line-height:12px; font-size:10px; font-weight:bold; overflow: hidden;text-align:left; padding:4px; background-image:url(../images/button_lichtblauw.jpg)}
.menu2 ul {padding:0; margin:0; list-style: none; }
.menu2 ul li {float:left; position:relative;}
.menu2 ul li ul {display: none;}

/* specific to non IE browsers */
.menu2 ul li:hover a {color:#fff; background:#4DA9CF; }
.menu2 ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:105px; }

.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {display:block; background:#4DA9CF; color:#FFF; width:128px;padding:4px;}
.menu2 ul li:hover ul li a:hover {background:#86C5E6; color:#FFF; }
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu2 ul li:hover ul li:hover ul.left {left:-105px;}




/* common styling */
.menu3 {font-family: arial, sans-serif; width:750px; height:22px; position:relative; z-index:100;}
.menu3 ul li a, .menu3 ul li a:visited {display:block; text-decoration:none; color:#000;width:128px; height:14px; text-align:center; color:#fff; background:#60554D; line-height:12px; font-size:10px; font-weight:bold; overflow: hidden;text-align:left; padding:4px; background-image:url(../images/button_grijsbruin.jpg)}
.menu3 ul {padding:0; margin:0; list-style: none; }
.menu3 ul li {float:left; position:relative;}
.menu3 ul li ul {display: none;}

/* specific to non IE browsers */
.menu3 ul li:hover a {color:#fff; background:#60554D; }
.menu3 ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:105px; }

.menu3 ul li:hover ul li ul {display: none;}
.menu3 ul li:hover ul li a {display:block; background:#60554D; color:#FFF; width:128px;padding:4px;}
.menu3 ul li:hover ul li a:hover {background:#84766E; color:#FFF; }
.menu3 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu3 ul li:hover ul li:hover ul.left {left:-105px;}


/* common styling */
.menu4 {font-family: arial, sans-serif; width:750px; height:22px; position:relative; z-index:100;}
.menu4 ul li a, .menu4 ul li a:visited {display:block; text-decoration:none; color:#000;width:170px; height:14px; text-align:center; color:#fff; background:#676767; line-height:12px; font-size:10px; font-weight:bold; overflow: hidden;text-align:left; padding:4px; background-image:url(../images/button_grijs.jpg)}
.menu4 ul {padding:0; margin:0; list-style: none; }
.menu4 ul li {float:left; position:relative;}
.menu4 ul li ul {display: none;}

/* specific to non IE browsers */
.menu4 ul li:hover a {color:#fff; background:#676767; }
.menu4 ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:105px; }

.menu4 ul li:hover ul li ul {display: none;}
.menu4 ul li:hover ul li a {display:block; background:#676767; color:#FFF; width:170px;padding:4px;}
.menu4 ul li:hover ul li a:hover {background:#b1b1b1; color:#FFF; }
.menu4 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu4 ul li:hover ul li:hover ul.left {left:-105px;}
