body {
	
	background-image: url(../images/BG_imageoranje.jpg);
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;

	
	
}

td, th {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #00000;
	margin-left: 0.5cm; 
	margin-left:10px;
	
	
}

h1 {

	font-size: 18px;
	line-height: 40px;
	
	
}

a {
	color: #ffffff;
	text-decoration: none;
}

.rood {
	color: #CC0000;
	text-decoration: none;
}




form {
	font-size: 11px;
	border: 1px solid #e51a1a;
	padding: 5px;
	width: 420px;
	margin-left: 0.5cm;
	


}

.title {
	font-family: verdana, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
	margin-left: 0.5cm; 
	margin-top: 0.5cm;
	margin-right: 1.0cm;
}

.subtitle {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: verdana, Helvetica, sans-serif;
	font-weight: bolder
	font-size: 18px;
	color: black;
	line-height: 26px;
	margin-left: 0.5cm;
	margin-top: 1cm; 
	margin-right: 0.5cm; 
}

.nav {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.bodytext {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin-left: 0.5cm; 
	margin-right: 1cm; 
}

.bodytextindex {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	margin-left: 0.5cm; 
	margin-right: 0.4cm; 
}

.bodytexttabel {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	margin-left: 0.5cm; 
	margin-right: 0.5cm; 
}

.navLink {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:	#999999;
	margin-right:20px;

}

.legal {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 160px;
		height: 11em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 18px;
		margin-bottom : -1px;
		width: 160px;
	}
	
	#nav li ul { /* second-level lists !! positie 2e niveau */
		position : absolute;
		left: -999em;
		margin-left : 178px;
		margin-top : -1.70em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 155px;
		w\idth : 155px;
		display : block;
		color : white;
		font-size:12px;
		text-decoration : none;
		background-color : #57b7df;
		border : 0px solid black;
		padding : 0 1em;
	}
	
	#nav li a:hover {
		color : #3a9dc78;
		font-weight:bolder;
		font-color:#3a9dc78;
		background-color : #3a9dc78;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);