body {
	behavior: url(csshover.htc);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000FFF;
	background-color: #FFFDDD;
	overflow: -moz-scrollbars-vertical;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000FFF;
	padding: 15px;
}

td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#main {
	width: 955px;
	
	padding: 0px;
	border-style: solid;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
	
div#banner {
	width: 955px;
	height: 80px;
	background-image: url(../images/banner955-80.jpg);
	float: left;
}

div#navigate {
	width: 955px;
	background-color: #FFF000;
	border-bottom-style: solid;
	border-bottom-color: #000FFF;
	border-top-style: solid;
	border-top-color: #000FFF;
	padding-left: 0px;
	float: left;
}

div#container {
	width: 955px;
	padding: 0px;
	background-color: #FFFDDD;
	float: left;
	overflow: auto;
	scrollbar-face-color: #FFF000;
	scrollbar-arrow-color: #000FFF;
	scrollbar-highlight-color: #000FFF;
	scrollbar-3dlight-color:#000FFF;
	scrollbar-shadow-color: #000FFF;
	scrollbar-darkshadow-color:#000FFF;
	scrollbar-track-color: #FFF000;	
}

div#left-container {
	width: 205px;
	padding: 0px;
	background-color: #FFFDDD;
	border-right-color: #000FFF;
	border-right-style: solid;
	float: left;
	overflow: auto;
}

div#middle-container {
	padding: 0px;
	background-color: #FFFDDD;
	
/*	border-left-color: #000FFF;
	border-left-style: solid;*/
	float: left;
	overflow: auto;
	scrollbar-face-color: #FFF000;
	scrollbar-arrow-color: #000FFF;
	scrollbar-highlight-color: #000FFF;
	scrollbar-3dlight-color:#000FFF;
	scrollbar-shadow-color: #000FFF;
	scrollbar-darkshadow-color:#000FFF;
	scrollbar-track-color: #FFF000;	
}

/*
div#right-container {
	width: 146px;
	padding: 0px;
	background-color: #FFFDDD;
	float: left;
	overflow: auto;
	scrollbar-face-color: #FFF000;
	scrollbar-arrow-color: #000FFF;
	scrollbar-highlight-color: #000FFF;
	scrollbar-3dlight-color:#000FFF;
	scrollbar-shadow-color: #000FFF;
	scrollbar-darkshadow-color:#000FFF;
	scrollbar-track-color: #FFF000;	
}
*/

div#bottom {
	width:955px;
	height: 20px;
	background-color: #FFF000;
	border-top-color: #000FFF;
	border-top-style: solid;
	float: left;
}

a:link, a:visited, a:active {
background-color: #FFF000;
color: #000FFF;
text-decoration: none;
}

a:hover {
background-color: #000FFF;
color: #FFF000;
text-decoration: none;
}

/* Menu */
#menu{
	margin-top: 0px;
}

/* alle ul's hebben deze eigenschappen, ook ul's IN ul's */
#menu ul{
	width: auto;
	margin: 0;
	float: left;
	list-style: none;
	border: 2px solid #000FFF;
	background-color: #FFF000;
	display: block;
}

/* li moet relative en ul ul moet absolute, apart verkeerd effect, ze moeten samen gebruikt worden,
   zo kan de top: 0; ervoor zorgen dat de popout naast de link komt te staan, anders niet */
#menu li{
	position: relative; /* maakt dit het orientatiepunt voor onderliggende objecten */
	padding: 4px 5px;
	margin: 0;
	float: left;
}

#menu a{	
	color: #000FFF;
	text-decoration: none;
}

#menu a:hover{
	color: #FFF000;
	background: #000FFF;
}

#menu li li{
	float: none;
}

/* 2e laag ul's (menu = 1 grote ul = laag 1) moeten rechts staan */
#menu ul ul{
	position: absolute; /* zorgt ervoor dat je TEN OPZICHTE VAN het relatieve punt li positioneerd */
	left: 0;			/* en niet gewoon IN de li positioneerd met een static */
	top: 100%;
	width: auto;	
	z-index: 10;
	display: none;
}

/*toon het 3e laags menu niet als ik het 2e wil tonen */
#menu li:hover ul ul{
    display: none;
}

/* eerste laag li:hover dan 2e laag ul laten zien,
   2e laag li:hover dan 3e laag ul laten zien (elke spatie = laag) */
#menu li:hover ul, 
#menu li:hover li:hover ul{
   display: block;
	border-top: none;
}