/* ---------- navigatie ---------------*/

/* ---------h1 bevat een block a met link naar de homepage------- */
ul {
	margin:0;
	padding:0;
}
div#header {
	position:relatvive;
	background:url(../images/Navigation_back1.jpg) no-repeat;
	height:146px;
	width:785px;
}
div#header h1 {
	margin:0;
	padding:0;
}
div#header h1 a {
	position:relative;
	top:50px;
	width: 268px;
	height:62px;
	display: block;
	text-indent: -10000px;
	background:none;
}
/* Main navigation */
div#header ul {
	position: absolute;
	top: 110px;
	margin-left:357px;
	display: block;
	width: 402px;
	height: 18px;
	list-style-type:none;
}
div#header ul li a {
	position: absolute;
	height: 18px;
	display: block;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: top left;
}
/*-------  Home  ---------*/
div#header ul li#home a {
	top: 0px;
	left:0px;
	background-image: url(../images/home_up.gif);
	background-position:0 0;
	width:45px;
}
div#header ul li#home a:hover {
	top: 0px;
	left:0px;
	background-image: url(../images/home_up.gif);
	background-position:0 -18px;
	width:45px;
}
div#header ul li#home a.selected {
	background-image: url(../images/home_up.gif);
	background-position:0 -18px;
}
/*-------  oudendijk  ---------*/
div#header ul li#oudendijk a {
	top: 0px;
	left: 45px;
	background-image: url(../images/oudendijk_up.gif);
	width:80px;
}
div#header ul li#oudendijk a:hover {
	top: 0px;
	left: 45px;
	background-image: url(../images/oudendijk_up.gif);
	background-position:0 -18px;
	width:80px;
}
div#header ul li#oudendijk a.selected {
	background-image: url(../images/oudendijk_up.gif);
	background-position:0 -18px;
}
/*-------  gamma  ---------*/

div#header ul li#gamma a {
	top: 0px;
	left: 125px;
	background-image: url(../images/gamma_up.gif);
	width:68px;
}
div#header ul li#gamma a:hover {
	top: 0px;
	left: 125px;
	background-image: url(../images/gamma_up.gif);
	background-position:0 -18px;
	width:68px;
}
div#header ul li#gamma a.selected {
	background-image: url(../images/gamma_up.gif);
	background-position:0 -18px;
}
/*------- FR gamme  ---------*/

div#header ul li#gamme a {
	top: 0px;
	left: 193px;
	background-image: url(../images/gamme_up.gif);
	width:68px;
}
div#header ul li#gamme a:hover {
	top: 0px;
	left: 193px;
	background-image: url(../images/gamme_up.gif);
	background-position:0 -18px;
	width:68px;
}
div#header ul li#gamme a.selected {
	background-image: url(../images/gamme_up.gif);
	background-position:0 -18px;
}
/*-------  recepten  ---------*/
div#header ul li#recepten a {
	top: 0px;
	left: 193px;
	background-image: url(../images/recepten_up.gif);
	width:76px;
}
div#header ul li#recepten a:hover {
	top: 0px;
	left: 193px;
	background-image: url(../images/recepten_up.gif);
	background-position:0 -18px;
	width:76px;
}
div#header ul li#recepten a.selected {
	background-image: url(../images/recepten_up.gif);
	background-position:0 -18px;
}
/*-------  winkels  ---------*/
div#header ul li#winkels a {
	top: 0px;
	left: 269px;
	background-image: url(../images/winkels_up.gif);
	width:69px;
}
div#header ul li#winkels a:hover {
	top: 0px;
	left: 269px;
	background-image: url(../images/winkels_up.gif);
	background-position:0 -18px;
	width:69px;
}
div#header ul li#winkels a.selected {
	background-image: url(../images/winkels_up.gif);
	background-position:0 -18px;
}
/*-------  contact  ---------*/
div#header ul li#contact a {
	top: 0px;
	left: 338px;
	background-image: url(../images/contact_up.jpg);
	width:64px;
}
div#header ul li#contact a:hover {
	top: 0px;
	left: 338px;
	background-image: url(../images/contact_up.jpg);
	background-position:0 -18px;
	width:64px;
}
div#header ul li#contact a.selected {
	background-image: url(../images/contact_up.jpg);
	background-position:0 -18px;
}