* {
margin:0px;
padding:0px;
	}
	
body {
	background-image:url(images/bgrepx.jpg);
	background-repeat:repeat-x;
	background-color:#347639;
	margin-left:auto;
	margin-right:auto;
	width:799px;
	}
	
#container{
	width:799px;
	}
	
#head{
	background-image:url(images/head.jpg);
	background-repeat:no-repeat;
	float:right;
	width:626px;
	height:192px;
	margin:top;
	}
	
#nav {
	width:152px;
	height:auto;
	float:left;
	}
	
#navfoot {
	background-image:url(images/navfoot.jpg);
	background-repeat:no-repeat;
	width:152px;
	height:2px;
	}
	
.knop {
	margin-top:50px;
	}

#itembalk {
	background-image:url(images/zoekbalk.jpg);
	background-repeat:no-repeat;
	width:626px;
	height:25px;
	float:right;
	}
	
#content {
	background-image:url(images/bg-content-repy.jpg);
	background-repeat:repeat-y;
	float:right;
	width:606px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px
	}
	
#footer {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	float:right;
	width:626px;
	height:18px;
	}
	
ul#item {
	list-style:none;
	width:626px;
	height:24px;
	}
	
#althome { 
	float:left;
	margin-left:1px;
	height:24px;
	width:24px;
	}

#altmail {
	float:left;
	height:24px;
	width:24px;
	}

#zoekbox {
	float:left;
	padding-left:450px;
	height:20px;
	padding-top:4px;
	//padding-top:2px;
	}
	
/*NAVIGATIE*/

/*hier geef je de hoogte van een knop aan*/
.navbar li {
	display:inline;
	height:22px;
	border-left:1px solid #1a6daap;
	}

/*hier geef je aan hoe de normal er uit komt te zien met tekstopmaak*/
.navbar li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:17px;
	background-image:url(images/menu-normal.jpg);
	display:block;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
	}
	
/*hier geef je de hover aan van een knop*/
.navbar li a:hover {
	background-image:url(images/menu-hover.jpg);
	color:#FFFFFF;
	}
	
/*hier geef je de active aan van een knop voor de huidige pagina*/
.navbar li .nav_link_0_active a {
	background-image:url(images/menu-active.jpg);
	color:#FFFFFF;
	}
	
/*hier geef je de hover aan voor de active-knop van de huidige pagina*/
.navbar li .nav_link_0_active a:hover {
	background-image:url(images/menu-active.jpg);
	color:#FFFFFF;
	}


.navbar li .nav_link_1_active a {
	background-image:url(images/menu-normal.jpg);
	color:#FFFFFF;
	}
	
/*deze klasse is voor de normal van de sub*/	
.navbar li .nav_link_1 a {
	background-image:url(images/menu-normal.jpg);
	padding-left:60px;
	color:#FFFFFF;
	}

/*Dit is voor de hover van de sub-knop*/	
.navbar li .nav_link_1 a:hover {
	background-image:url(images/menu-hover.jpg);
	padding-left:60px;
	color:#FFFFFF;
	}

/*dit is voor het onclick-event van de subknop*/	
.navbar li .nav_link_1 a:active {
	background-image:url(images/menu-normal.jpg);
	padding-left:60px;
	color:#FFFFFF;
	}
	
/*dit is voor de actieve-pagina subknop*/	
.navbar li .nav_link_1_active a {
	background-image:url(images/menu-active.jpg);
	padding-left:60px;
	color:#FFFFFF;
	}

.navbar li .nav_link_1_active a:hover {
	background-image:url(images/menu-active.jpg);
	padding-left:60px;
	color:#FFFFFF;
	}

.navbar li .nav_link_2_active a {
	background-image:url(images/menu-normal.jpg);
	padding-left:70px;
	color:#FFFFFF;
	}
	
.navbar li .nav_link_2_active a:hover {
	background-image:url(images/menu-hover.jpg);
	padding-left:70px;
	color:#FFFFFF;
	}
	
	
.navbar li .nav_link_2 a {
	background-image:url(images/menu-normal.jpg);
	padding-left:70px;
	color:#FFFFFF;
	}