body {
	margin:0px;
	padding:0px;
	background: #fff url(../.../../images/bg_blue.gif) no-repeat;
}

.text {
	font-family:Verdana,Arial,Helvetica;
	font-size:11px;
	color:rgb(102,102,102);
	line-height:14px;
}

.textblack {font-family:Verdana,Arial,Helvetica; font-size:11px; color:rgb(0,0,0); line-height:14px; }
.textsmall {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); line-height:14px; }

.textyellow {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(204,153,51); line-height:14px; }

a:link {font-family:Verdana,Arial,Helvetica; text-decoration:underline; color:rgb(204,153,51);  }
a:visited {font-family:Verdana,Arial,Helvetica; text-decoration:underline; color:rgb(204,153,51); }
a:hover {font-family:Verdana, Arial, Helvetica; text-decoration:underline; color:rgb(51,102,153); }

a.link2:link {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); text-decoration:none; line-height:14px; }
a.link2:visited {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); text-decoration:none; line-height:14px; }
a.link2:hover {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); text-decoration:none; line-height:14px; }

a.emailCloak:link {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); text-decoration:none; line-height:14px; }
a.emailCloak:visited {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); text-decoration:none; line-height:14px; }
a.emailCloak:hover {font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(153,153,153); text-decoration:none; line-height:14px; }


a.link3:link {font-family:Verdana,Arial,Helvetica; font-size:11px; text-decoration:none; color:rgb(204,153,51);  }
a.link3:visited {font-family:Verdana,Arial,Helvetica; font-size:11px; text-decoration:none; color:rgb(204,153,51); }
a.link3:hover {font-family:Verdana, Arial, Helvetica; font-size:11px; text-decoration:none; color:rgb(51,102,153); }

a.link4:link {font-family:Verdana,Arial,Helvetica; font-size:10px; text-decoration:none; color:rgb(204,153,51);  }
a.link4:visited {font-family:Verdana,Arial,Helvetica; font-size:10px; text-decoration:none; color:rgb(204,153,51); }
a.link4:hover {font-family:Verdana, Arial, Helvetica; font-size:10px; text-decoration:none; color:rgb(51,102,153); }

.inputveld { font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(102,102,102); background-color:rgb(204,204,204); height: 15px; width: 150px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.textarea { font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(102,102,102); background-color:rgb(204,204,204); height: 80px; width: 250px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-image:  url(.../../images/bu_li.gif);
	line-height: 14px;

}

.list-image { list-style-image: url(../.../../images/bu_li.gif)}

.text2 {

	font-family:Verdana,Arial,Helvetica;
	font-size:11px;
	color:rgb(102,102,102);
	line-height:14px;
}
.inputveldje {
font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(102,102,102); background-color:rgb(204,204,204); height: 15px; width: 100px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px
}
.inputveldje2 {

font-family:Verdana,Arial,Helvetica; font-size:10px; color:rgb(102,102,102); background-color:rgb(204,204,204); height: 15px; width: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px
}
hr{
	border-bottom: 1px dotted #333;
	background: none;
	height: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
}
.titel {
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	color:#336699;
	font-weight: bold; 
}

#news img.space, .space {
	padding-right:18px;
	float:left;
}
#news .space-grey {
	margin-right:18px;
	float:left;
	border:#CCC solid 1px;
}

#news h2, h2 {
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom:0px;
	padding-bottom:0px;
}

.green {
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	color: #009900;
}

.hr-green{
	border-bottom: 1px dotted #009900;
	background: none;
	height: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
}

#movies {background:#eee; padding:4px 0 15px 8px; overflow:auto; border:#999 dotted 1px; margin-top:16px;}
#movies h2 {margin:8px 0 0 0;}
#movies .item {float:left; margin-right:8px; margin-top:2px; text-align:center;}
#movies img {margin-top:6px;}

#nav-offscreen {
	width:200px;
	position:absolute;
	top:0px;
	z-index:-10;
}

#nav-offscreen a:link, #nav-offscreen a:visited, #nav-offscreen a:hover {
	text-indent:-99999px;
	display:block;
}



/* Navigatie ------------------------------------------------------------------------------------------- */	
	
#topnav {
	width:730px;
	/*height:100px;*/
	text-align:left;
	margin:0 0 0 75px;
	position:absolute;
	z-index:200;
}  

*+html #topnav {   /* IE7 */
	margin:10px 0 0 75px;
}  

*html #topnav {   /* IE6 */
	margin:10px 0 0 75px;
}  

#nav {
	position: relative;
	top:2px;
	left:0px;
	text-align:left;
	z-index:150;
	width:515px;
	float:right;
}

ul#topnav ul { /* all lists */
	z-index:150;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
	z-index:12;
	padding-top:0px; /* hoofdmenu en submenu iets laten zakken */
	width:490px;
	display:block;
}

#topnav a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */

#topnav li {
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right:1px;
	list-style: none;
	display: inline;
	text-align:left;
	z-index: 12;
	height:40px;
}
#topnav li li {
	border-left:none;
	height:22px;
}


#topnav ul li a {
	color: #336699;
	text-decoration: none;
	padding-left: 10px;
	padding-bottom: 15px; /* zorgt dat het submenu niet verdwijnt bij hover naar beneden */
	padding-top: 0px;
	margin-top:0px; /* hoofdmenu iets laten zakken */
	margin-right:10px;
	height:10px;
	float: left;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	text-align:left;
	background:url(../images/transparent.gif);
}

#topnav ul li a:hover {
	color: #cc9933;
	text-decoration: none;
}

#topnav ul li a.navon {
	color: #cc9933;
}

li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	margin-top:10px; /* submenu iets laten zakken */
	margin-left:0px; /* zorgt dat het submenu links staat uitgelijnd bij rollover hoofdmenu in IE7 */
	z-index:250;
	

}

*+html li ul {  /* IE7 */
	padding-left: 0px;
}

*html li ul {  /* IE6 */
	padding-top: 0px;
	margin-top:0px;
	width:160px;
	z-index:480;
}

#topnav ul li li a {
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 5px;
	padding-top:4px;
	width:155px;
	margin-top:0px;
	margin-left:0px;
	display:block;
	height:16px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	text-align:left;
	z-index:200;
}

#topnav ul li li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-image: none;
}


#topnav ul li li a.subnav { background-color:#cc9933; }
#topnav ul li li a.subnav:hover { background-color:#336699; color:#ffffff; }


li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
	left: 0px;
	top:15px;
}

*+html li:hover ul, li.over ul {
	display: block;
	top:0px;
	padding-top:15px;
}

*html li:hover ul, li.over ul {
	display: block;
	top:10px;
	padding-top:15px;
}