/* navigatie -----*/

#nav {
	width: 480px;	/* hack for opera7 */
	margin-left: 295px;
	/*padding-top: 20px;*/
}
#nav h4 {
	display: none;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	margin: 0;		/* hack for opera7 */
	float: left;
	background-repeat: no-repeat;
}
#nav li a {
	display: block;
	height: 42px;
	background-repeat: no-repeat;
}
/* not using overflow:hidden technique because of float */
#nav li a span {
	display: none;
}

/* home */
#nav li.homie {
	display: none;
}

/* home */
#nav li.home a {
	width: 89px;
	background-image: url(../resources/home.gif);
}
body.home #nav li.home a, #nav li.home a:hover {
	background-position: -89px 0;
}

/* over ons*/
#nav li.over a {
	width: 106px;
	background-image: url(../resources/over.gif);
}
body.over #nav li.over a,#nav li.over a:hover {
	background-position: -106px 0;
}

/* informatie */
#nav li.info a {
	width: 75px;
	background-image: url(../resources/info.gif);
}
body.info #nav li.info a,
#nav li.info a:hover {
	background-position: -75px 0;
}

/* recept */
#nav li.recept  a {
	width: 101px;
	background-image: url(../resources/recept.gif);
}
body.recept  #nav li.recept  a,
#nav li.recept  a:hover {
	background-position: -101px 0;
}

/* contact  */

#nav li.contact a {
	width: 99px;
	background-image: url(../resources/contact.gif);
}
body.contact #nav li.contact a,
#nav li.contact a:hover {
	background-position: -99px 0;
}