body {
		background-color: #ffffff;
		
	}
	
	#container {
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -422px;
		background-repeat : repeat;
		width: 844px;
		top: 0px;
		
		
				
	}
#overlay {
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -422px;
		background-repeat : repeat;
		width: 844px;
		top: 0px;
		z-index: 2;
				
}

#ster {
		position: absolute;
		top: 425px;
		left: 570px;
}
	
	
	
	#logo {
		position: relative;
		top: 34px;
		left: 558px;
	}
	
	#boven {
		float : left;
		background-image : url(../gfx/bovenkant.jpg);
		background-repeat : repeat;
		width: 844px;
		height: 422px;
		overflow : hidden;
		
	
	}
	
#content {
		float : left;
		margin: 0px;
		padding-top: 12px;
		background-image : url(../gfx/content.jpg);
		background-repeat : repeat;
		padding-bottom: 0px;
		width: 844px;
		
}
		
	
	#onderbalk {
		float :left;
		background-image : url(../gfx/onderbalk.jpg);
		background-repeat : no-repeat;
		width: 844px;
		height: 22px;
		overflow: hidden;
		
	}
	
	#mediavlak {
		position: absolute;
		width: 582px;
		height: 301px;
		top: 103px;
		left: 30px;
	}
	
	#kreetvlak {
		margin: 0px;
		padding: 0px;
		position: absolute;
		width: 198px;
		height: 301px;
		top: 103px;
		left: 629px;
		background-color: #6b7aa3;
		overlfow: hidden;
	}
	
	#hoofdcontent {
		margin-top: 0px;
		float : left;
		width: 	480px;	
		overflow : hidden;
		height: 100%;
		

	}
	
	#hoofdcontentcase {
		margin-top: 0px;
		float : left;
		width: 	480px;	
		overflow : hidden;
		height: 100%;
		
	}
	html>body 	#hoofdcontentcase {
		margin-top: -13px;
		width: 	480px;	
	}
	
	
	html>body #hoofdcontent {
		margin-top: -13px;
		float : left;
		width: 	480px;	
		overflow : hidden;
		
	}
	
	#contentextra {
		margin-top: 0px;
		padding-right: 0px;
		float : right;
		width: 195px;
		padding-bottom: 14px;
	}
	
	#contentextratekst {
		margin-top: 0px;
		margin-left: 10px;
	}
	
	html>body #contentextratekst {
		margin-top: -13px;
	}
	
	
	.contentextraafb {
		margin-bottom: 17px;
	}
	
	#spacer1 {
		float : left;
		width : 74px;
		height: 100px;
	}	
	
	#spacer1case {
		float : left;
		width : 38px;
		height: 100px;

	}
	
	#spacer2 {
		float : right;
		width : 20px;
		height: 100px;
	}
	
	#menuextra {
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 14px;
		width: 550px;
		vertical-align: middle;
		z-index: 500;
	}
	
	#portalKnop {
		z-index: 2;
		position: absolute;
		top: 73px;
		left: 35px;
		height: 18px;
		width: 50px;
		vertical-align: bottom;
		border: 0px solid;
	}	
	
	#menu {
		z-index: 1;
		position: absolute;
		top: 70px;
		right: 290px;
		height: 18px;
		width: 450px;
		overflow: hidden;
		vertical-align: middle;
		text-align: right;
		border: 0px solid;
	}
	
	a.menuitem, a.menuitemselected, a.menuitem:hover, a.menuitemHOME {
	
		font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-weight : normal;
		text-decoration: none;
		margin-left: 0px;
		padding-left: 6px;
		margin-right: 14px;
		letter-spacing: 0px;
		
	}
	
	
	  a.menuitemHOME:hover {
	  	color: #c8da3f;
	  
	  }
	  

	a.menuitemHOME {
		float: left;
	  	color: #b3b3b3;
		font-family : Arial, Helvetica, sans-serif;
		font-size : 11px;
		font-weight : normal;
		text-decoration: none;
		margin-left: 0px;
		padding-left: 0px;
		margin-right: 20px;
		
		letter-spacing: 0px;
	}
			
	a.menuitem {	
		color: #6B7AA3;
		background-image : url(../gfx/blokje.gif);
		background-position : center left;
		background-repeat : no-repeat;
		
	 }
	
	 a.menuitemselected, a.menuitem:hover {
		color: #c8da3f;
		background-image : url(../gfx/blokjeMO.gif);
		background-position : center left;
		background-repeat : no-repeat;
	  
	  }
	  

	  
	  
	  a.submenuitem {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-weight : normal;
		line-height : 25px;
		color: #6B7AA3;
		text-decoration: none;
		margin-top: 8px;
		margin-left: 0px;
		margin-right: 30px
	 }
	
	  a.submenuitemselected, a.submenuitem:hover {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-weight : normal;
		line-height : 25px;
		margin-left: 0px;
		padding-left: 0px;
		margin-right: 30px;
		margin-top: 8px;
		text-decoration: none;
	  	color: #c8da3f;

	  }
	  
		 
	 
	 .submenuitemwerk {
	 
	 	background-image : url(../gfx/bullit-blauw.gif);
		padding-left: 12px;
		background-position: top left;
		background-repeat: no-repeat;
		color: #6B7AA3;
		text-decoration: none;
		font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		line-height : 14pt;
	 }
	 a.submenuitemwerk {
		 display: block;
		 padding-left: 12px;
		}
	
	 a.submenuitemselectedwerk, a.submenuitemwerk:hover {
	 	display: block;
	 	background-image : url(../gfx/bullit-groen.gif);
		background-position: top left;
		background-repeat: no-repeat;
		padding-left: 12px;
		text-decoration: none;
	  	color: #c8da3f;
		line-height : 14pt;
		font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
	  }
	  
	  .submenutitel {
	  	font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-weight : bold;
		line-height : 20px;
		margin-left: 0px;
		text-decoration: none;
	  	color: #c8da3f;
		line-height: 14pt;
	  }
	  
	  .submenutitelwerk {
	  	font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-weight : bold;
		margin-left: 0px;
		text-decoration: none;
	  	color: #c8da3f;
		line-height : 14px;
	  }
	  
	  .kreet {
	  	position: absolute;
	  	z-index:0;
	  }
	  
	  .contact {
		position: absolute;
		top: 35px;
		left: 8px;
	  	z-index:2;
	 	font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 9px;
		line-height: 20px;
		color: #ffffff;
			  
	  }
	  
	  a.contactlink {
	  	color: #ffffff;
	  	text-decoration: none;
	  }
	  
	  

#casecontainer {
		position: relative;
	z-index: 100;
	width: 	480px;	
	height: 20px;
	text-align: right;
	float: left;
	margin-bottom: 0px;

}	   

#caselijst {
	height: 20px;
	text-align: right;
	float: right;
	margin-bottom: 0px;

}	  
a.caseitem, a.caseitemselected {
	display: block;
	width: 14px;
	height: 14px;
	float: left;
	margin-left: 10px;
	text-decoration: none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-align: center;
	
}


html>body a.caseitem, a.caseitemselected  {
	line-height: 14px;
}

a.caseitem {	  
	 background-image : url(../gfx/case1.jpg);
	 background-position: top;
	  color: #6b7aa3;
}

a.caseitem:hover, a.caseitemselected {	  
	 background-image : url(../gfx/case2.jpg);
	 color: #ffffff;
}


/*
 a.menuitemselected, a.menuitem:hover,
<div id="caselijst">
<a class="caseitem" href="index.php?case=1&id=31">1</a>
<a class="caseitemselected" href="index.php?case=1&id=32">2</a>
<a class="caseitem" href="index.php?case=1&id=33">3</a>
</div>
*/