/* Drop down menu top (suckerfish) */
#top, #top ul {     
			position: relative;
			padding: 0;
			margin: 0;     
			list-style: none; 
			z-index: 10;
			} 

#top a {     
		 display: block;    
		 text-decoration: none;
		 font-family: Verdana, Arial, sans-serif;
		 font-size: 13px;
		 font-weight: bolder;
		 color: #FFFFFF;
		 padding-left: 8px;
		 text-shadow: black 0.2em 0.2em 0.3em;	
		 } 

#top li {     
		 margin-top: 13px;
		 float: left;  
		 /* filter: shadow (color:black, strength:5, direction:90); */  
		 }
		 
#top li ul {     
		 position: absolute;    
		 width: 8em;   
		 left: -999em; 	 
		 background-color: #E01A21;
		 filter:alpha(opacity=80);
  	 -moz-opacity: 0.8;
  	 opacity: 0.8;
		 } 
		 
#top li:hover ul, #top li.sfhover ul {     
		 left: auto; 
		 }
		 
#top .separator {
		 display: block;    
		 text-decoration: none;
		 font-family: Verdana, Arial, sans-serif;
		 font-size: 13px;
		 font-weight: bolder;
		 color: #FFFFFF;
		 padding-left: 8px;
		 text-shadow: black 0.2em 0.2em 0.3em;	
		 } 

/* Menu left */
#left a {
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
#left ul {
	position: relative;
	z-index: 10;
	list-style: none; 
	}
	
#left li {
	padding-top: 5px;
	}
	
/* Menu right */
#right a {
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
#right ul {
	position: relative;
	z-index: 10;
	list-style: none; 
	}
	
#right li {
	padding-top: 10px;
	}
	
/* Opmaak hoofdvenster */
.createdate {
  font-style:italic;
	}
	
.contentheading {
  font-weight: bold;
	}
	
/* Plaatsing boxen 	*/
body,html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
  }
	
div#container {
	position: absolute;
	width: 1024px;
	height: 786px;
	left: 50%;
	margin-left: -512px;
	}
	
div#logo {
	background-image: url(../images/logo2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
	height: 130px;
	}
	
div#top {
	width: 100%;
	height: 33px;
	background-color: #000000;
	}
	
div#top_left {
	position: absolute;
	left: 0px;
	width: 113px;
	height: 33px;
	}
	
div#top_middle {
  position: absolute;
	left: 113px;
	width: 792px;
	height: 33px;
	background-image: url(../images/balk_menu_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
div#top_right {
	position: absolute;
	right: 0px;
	width: 119px;
	height: 33px;
	}
	
div#main {
	width: 100%;
	height: 579px;
	background-image: url(../images/main_background.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div#image_rotator {
	}
	
div#left {
	position: absolute;
	width: 110px;
	height: 100%;
	margin-left: -30px;
	}
	
div#middle {
	padding-top: 20px;
	padding-left: 90px;
	position: absolute;
	left: 110px;
	width: 704px;
	height: 420px;
	overflow: auto;
	scrollbar-track-color: #BABABA; 
	scrollbar-face-color: #B0151A; 
	scrollbar-shadow-color: #E01A21; 
	scrollbar-dark-shadow-color: #BABABA; 
	scrollbar-highlight-color: #E01A21; 
	scrollbar-3d-light-color: #BABABA; 
	scrollbar-arrow-color: #E01A21;
	scrollbar-3dlight-color: #BABABA;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	z-index: 1; /*anders verdwijnt de scrollbalk in div middle achter div right. Div right is eigenlijk te breed waardoor hij overlapt */
	}
	
div#middle p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
div#middle a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
div#right {
	padding-top: 20px;
	position: absolute;
	right: 0px;
	width: 150px;
  height: 100%;
	z-index: 0;
	}
	
div#sponsorbalk {
  position: fixed;
	width: 100%;
	height: 50px;
  top: auto;
  bottom: 0;
  }