* {
	margin: 0;
	padding: 0;
	}

/*	Next we set the page height, to position the footer at the bottom of the window 
 *	when page is short, and at the bottom of the page when page is longer
 */

html, body {
	height: 100%;
	background: #FFFFFF;
	color: #000000;
	}
	
body {
	text-align: center; /* IE auto margins workaround */
	font-family: Verdana,Arial,Helvetica;
	color: #000000;
	} 
	

html>body { font-size: 12px; } /* for modern browsers that can resize px */

	
#wrap {
	position: relative; /* to keep the header inside */
	height: 100%; 
	width: 850px; /* you can change this, using %, em or px */
	margin: 0 auto; /* auto centers the div */
	text-align: left; /* after centering #wrap above we return to normal aligning */

	background:#FFFFFF url(images/px_wit.gif) repeat-x bottom;
	
	}

#middle {
	position: relative;
	height: auto;
	min-height: 100%; /* for modern browsers, to push the footer down */
	margin-bottom: -55px; /* height of footer */
	width: 850px;
	background:#CC0000 url(images/px_wit.gif) repeat-x top;
	}

	#middle:after { /* this will keep the floats contained, for modern browsers */
		content: "."; 
		display: block; 
		height: 0; 
		overflow: hidden; 
		clear: both; 
		visibility: hidden;
		
		} 

	* html #wrap, * html #middle {
		height: 100%; /* for IE because it doesn't do min-height */
		}


/*	Now we set the header, footer and columns...
 */

#header {
	position: absolute;
	top: 5px;
	left: 0;
	height: 185px;
	width: 100%;
	overflow: hidden;
	background:#CC0000;
	z-index: 3; /* to show it on top */
	}

	#logobutton{
		background:url(/images/logo_vanwijk.gif) top left no-repeat;		
		position:relative;
		display:block;
		width:131px;
		height:107px;
		z-index:5;
		}

		#topnav{
			background:#FFFFFF url(images/nav_scheiding.gif) left bottom no-repeat;
			position:absolute;
			display:block;

			height:26px;
			
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			text-indent:20px;
			line-height:26px;
			
			right:0px;
			top:0px;
			z-index:2;
		}
		
		#topnav ul{
		}
		
		#topnav li{
			display:inline;
		}
		
		#topnav a:link, #topnav a:visited{
			color:#990000;
		}
		#topnav a:hover{
			color:#000000;
		}

		#top_hoek{
			background:#CC0000 url(images/hoek_wit_rb.gif) left bottom no-repeat;
			position:absolute;
			display:block;
			width:25px;
			height:25px;

			right:0px;
			top:26px;
			z-index:2;
			}
		
		#flashbanner{
			background:#CC0000;
			position:absolute;
			display:block;
			
			top:51px;
			left:200px;
			z-index:2;
		}


#content, #navmenu { /* so that the content will not overlap with the header or footer */
	margin-top:190px;

	}

	#content {
		position: relative;
		background:#999999;
		float: left;
		width: 575px; /* width of #middle -1 */
		background:#FFFFFF url(/images/content_top.gif) no-repeat top left;
		}
		
		#content p {
			padding-left:5px;
			margin: 10px 10px;

			font-size: 11px;
			font-family: Verdana, Arial, Helvetica;
			line-height: 15px;
			color: #000000;
		}
		
		#content table {
			background:#CCCCCC;
			
			padding-left:5px;
			margin: 10px 10px;
			border:none;
			
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica;
			border-collapse: collapse;
			color:#000000;
			
		}

		#content table.table th {
			background:#DDDDDD;
			
			border:none;
			font-weight:bold;
			padding:5px;
		}
		
		#content table.table td {
			background:#EEEEEE;
			border:none;
			padding:5px;
		}		
		
		

		#content ul {
			padding-left:20px;
			margin: 15px;			
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica;
			line-height:18px;
			color: #000000;
			}
		
		#content ul.pdf{
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica;
			color: #000000;

			text-indent:0px;
			text-indent:0px;
			}

		
			#content ul.pdf li{
				padding-left:10px;
				


				list-style-image:url(/images/pdf.gif);
			}

		#content ul.pdf li, x:-moz-any-link {padding-left:0px;} /* CSS hack voor FireFox */
		#content ul.pdf , x:-moz-any-link { padding-left:25px; line-height:15px;}/* CSS hack voor FireFox  */
		
		#content ul.pdf li, x:-moz-any-link, x:default {padding-left:10px;} /* CSS hack voor IE7 */
		#content ul.pdf, x:-moz-any-link, x:default {padding-left:20px; line-height:18px} /* CSS hack voor */	

		#content h1, #content h2, #content h3, #content h4, #content h5 {
			padding:0px 5px;

			margin: 10px 10px 0px 10px;
			
		}

		#content_bottom{
			width:575px;
			background:#FFFFFF url(images/content_bottom.gif) no-repeat bottom left;
			padding:0;
			margin:0;
		}


	#navmenu{
		position: relative;
		float: left;
		width:200px;
		background:#CC0000;

		}
		
		#navmenu ul{
			margin:0;
		}
	
		#navmenu ul{
			list-style:none;
			font-size: 14px;
			font-family: Verdana,Arial,Helvetica;
			line-height: 21px;
			color: #FFFFFF;
			padding:0 10px 0 25px;
			margin:0;
		}
		
		#navmenu ul li a:link, #navmenu ul li a:visited {
			color:#FFFFFF;
			text-decoration:none;
		}
	
		#navmenu ul li a:hover {
			color:#FFFFFF;
			text-decoration:underline;
		}

		#navmenu ul li a.actief{
			font-size:14px;
			color:#FFFFFF;
			text-decoration:underline;
		}


* html #navmenu { /* addressing some IE bugs */
	width: 200px; 
	}
* html #navmenu, * html #content {
	overflow:hidden;
	min-height:400px;
	}
	

#footer {
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width: 100%;
	height: 50px;
	background: #CC0000 url(images/hoek_wit_lo.gif) no-repeat left bottom ;
	}

	#emailbutton{
		background:url(images/emailhoekje.gif) top left no-repeat;		
		position:relative;
		float:right;
		width:50px;
		height:50px;
		}


#footer_witruimte {
	position: relative;
	width: 100%;
	height: 5px;
	background: #CC0000 url(images/px_wit.gif) repeat-x bottom ;
	}


#ie_ruimte_bottom{
	position: relative ;
	display:block;

	width: 100%;
	height: 55px;
	padding:0;
	margin:0;
	background: #CC0000;
}

#ie_ruimte_bottom, x:-moz-any-link { /* CSS hack voor FireFox --> element verbergen (wordt ook gezien door IE7) */
	display:none;
}
#ie_ruimte_bottom, x:-moz-any-link, x:default {display:block;} /* CSS hack voor IE7 -> element weer laten zien als block*/	


/*	Some block elements that influence div sizes and positioning
 */

h1 { 
	font-size: 16px;
	color:#CC0000;
	}
	
img{
	border:0;
	padding:0;
	margin:0; 
}

h2{
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica;
	line-height: 18px;
	color: #CC0000;
}

h3{
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica;
	line-height: 16px;
	color: #000000;
	text-decoration:underline;
}

h4{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica;
	line-height: 14px;
	color: #CC0000;
}


h5{
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica;
	line-height: 12px;
	color: #000000;
}


#content hr{
	height:1px;
	margin:5px 10px;
	border:none;
	background:#000000;
	color: #000000;
}

a:link, a:visited{
	color:#990000;
}
 a:hover{
	color:#000000;
}



.menu_edit{
	font-size:9px;

}

/* Premie overzicht tabel*/

.overzicht{
	padding:0;
	margin:0;

	font-family:Arial, Verdana, Helvetica, sans-serif;
	background:#EEEEEE;
	font-size:10px;
	border-collapse:collapse;
	border:#333333;
	}
	
	table.overzicht{
		border:1px solid #333;
	}

	.overzicht tr{
		padding:0;
		margin:0;
	
	}

	.overzicht th{
		padding:0;
		margin:0;
		text-indent:0;
	
		background:#CCCCCC;
		height:30px;
		padding:2px;
	}
	
	.overzicht td{
		padding:0;
		margin:0;
	
		font-weight:normal;
		padding:2px;
	}


/* Zoekresultaten */

	#zoekresultaten{
		padding:5px 15px;
	}
	.highlight {
		background-color:#FFCC00;
		padding:2px;
	}
	.score {
		color:#007700;
		font-size:80%;
		padding:2px;
	}
	#zoekresultatenXX hr{
		border:0;
		background:none;
		border-color:#CC0000;
		border-style:dotted;
		border-bottom-width:1px;
	}
	#zoekresultaten hr{
		border:0;
		background:url(images/stippellijn_rood.gif) repeat-x;
		height:3px;
	}
	
	/* uitleg van zoekopties */
	#info_0 {
		margin:10px;
		border:1px dashed #99CCFF;
		background:#DDEEFF url(/adminimages/infobackground.gif) no-repeat left top;
		padding:5px 5px 5px 15px;
		
		font-size:11px;
		color:#000000;
		}
		#info_0 img {
			margin-left:-10px;
		}
		
		#info_0 .voorbeeld{
			display:block;
			clear:both;
			background:#EEFFEE;
			color:#006600;
			font-size:10px;
			line-height:15px;
			margin:2px;
			padding:5px;
		}
	.link{
		cursor: pointer;
	}