/* ================================================================ 
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/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul  { font-size: 10px; font-family: verdana, arial, sans-serif;  list-style-type: none; list-style-position: ; margin: 0; padding: 0; border-width: 0px; position: relative; z-index: 200 }
#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 5px 0 5px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#000; height:25px; padding-right:0px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; }
#nav a:hover {position:relative; z-index:300; text-decoration:none; color:#B51845;}

#nav :hover ul {left:0; top:22px; border-style:solid; border-width: 0px 1px 1px 1px; border-color:#000}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-5px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#B51845;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

	html,
	body {
		color: #fff; 
		font-size: 12px; 
		font-family: verdana, arial, helvetica, sans-serif; 
		margin: 0; 
		padding: 0; 
		scrollbar-3dlight-color: #fff; 
		scrollbar-arrow-color: #000; 
		scrollbar-face-color: #fff; 
		scrollbar-track-color: #fff;
		scrollbar-base-color: #fff;	}
		
	body     { 
		text-align: center; 
		min-width: 800px }

	h3 {
		font-size:18px;}

	.centerwrap   {  text-align: left; margin: 0 auto; padding: 0; width: 800px }
	.content   {  margin: 0; padding: 0 }
	

	.box0  { text-align: left; width: 800px; height: 27px }
	.box1  { text-align: left; width: 800px; height: 120px }
	.box2  { float: left; width: 800px; height: 230px }
	.box3  { float: left; text-align: right; width: 200px; height: 400px }
	.box4  { position: relative; float: left; top: 50px; width: 800px }
	.box5  { color: #000; float: left; width: 800px; height: 230px }
	.box6  { color: #000; line-height: 150%; float: left; position: relative;  top: 200px; left: -20px; width: 410px; height: 300px }
	.box7  { color: #fff; float: left; position: relative; top: -52px; left: 80px; width: 313px; height: 312px }
	.box8  { color: #fff; float: left; position: relative; top: -45px; left: 500px; width: 300px; height: 100px }

	.box8 a, .box8 a:link, .box8 a:visited  { color: #fff; text-decoration: none }
	.box8 a:hover { color: #000; text-decoration: none }

	.butbov   { padding: 10px 0 0 0; width: 690px; }

	.menuvervolg     { float: left; position: relative; top:47px; left:10px; width: 430px; }
	.menuvervolg a, .menuvervolg a:link  { color: #fff; font-size: 12px; text-decoration: none }
	.menuvervolg a:hover { color: #C20036; font-size: 12px; text-decoration: none }

	.logo     { float: left; position: relative; width: 100px; height:100px; }

	.heading     { float: left; position: relative; width: 250px; top:42px; }
	.heading a, .heading a:link  { color: #fff; text-decoration: none }
	.heading a:hover { color: #f00; text-decoration: none }

	.submenu        {  float: left; position: relative; z-index: 100; top: -27px; left: 105px; width: 800px }
	
	.foto1  { position: relative; float: left; top: 0px; left: 0px; width: 100px; height: 100px }
	.foto3  { position: relative; float: left; top: 0px; left: 30px; width: 230px; height: 230px }
	.foto4  { position: relative; float: left; top: 0px; left: 60px; width: 100px; height: 100px }
	.foto6   { position: relative; float: left; top: 0px; left: 90px; width: 100px; height: 100px }
	.foto8   { position: relative; float: left; top: 0px; left: 120px; width: 100px; height: 100px }

	.foto2  { position: relative; float: left; top: 130px; left: -630px; width: 100px; height: 100px }
	.foto5  { position: relative; float: left; top: 30px; left: 60px; width: 100px; height: 100px }
	.foto7   { position: relative; float: left; top: 30px; left: 90px; width: 100px; height: 100px }
	.foto9   { position: relative; float: left; top: 30px; left: 120px; width: 100px; height: 100px }

	.opsomming a, .opsomming a:link, .opsomming a:active  { color: #000; text-decoration: none }
	.opsomming a:hover  { color: #f00; text-decoration: none }
	
	.zwartetekst, .zwartetekst a, .zwartetekst a:link, .zwartetekst a:active {color:black;}
	.zwartetekst a:hover {color: #C20036;}
	.wittetekst, .wittetekst a, .wittetekst a:link, .wittetekst a:active {color:white;}
	.wittetekst a:hover {color: #C20036;}
	
	.geenlinkerborder   { margin-left: -10px }