@charset "utf-8";

#menu {
	background-image:url("../img/fr/back_menu.gif");

}

ul#topmenu {	
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

ul#topmenu li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
ul#topmenu li a {
	display: block;
	height: 31px;
	margin: 0px 1px 0px 0px;
	padding: 0px;
	overflow: hidden;	
	text-indent: -9999px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

ul#topmenu li a.bonduelle {
	background: url(../img/fr/b_bonduelle01.gif) no-repeat left top;
	width: 94px;
}

ul#topmenu li a.bonduelleactief {
	background: url(../img/fr/b_bonduelle03.gif) no-repeat left top;
	width: 94px;
}

ul#topmenu li a.bonduelle:hover,
ul#topmenu li a.bonduelleactief:hover {
	background:url(../img/fr/b_bonduelle02.gif) no-repeat left top;
}
	.bonduelle_normal {
		background:url(../img/fr/b_bonduelle01.gif) no-repeat left top;
		width:94px;
	}
	.bonduelle_actief {
		background:url(../img/fr/b_bonduelle03.gif) no-repeat left top;
		width:94px;
	}
	.bonduelle_hover{
		background:url(../img/fr/b_bonduelle02.gif) no-repeat left top;
		width:94px;
	}


ul#topmenu li a.producten {
	background:url(../img/fr/b_producten01.gif) no-repeat left top;
	width:85px;
}

ul#topmenu li a.productenactief {
	background:url(../img/fr/b_producten03.gif) no-repeat left top;
	width:85px;
}

ul#topmenu li a.producten:hover,
ul#topmenu li a.productenactief:hover {
	background:url(../img/fr/b_producten02.gif) no-repeat left top;
}
	.producten_normal {
		background:url(../img/fr/b_producten01.gif) no-repeat left top;
		width:85px;
	}
	.producten_actief {
		background:url(../img/fr/b_producten03.gif) no-repeat left top;
		width:85px;
	}
	.producten_hover{
		background:url(../img/fr/b_producten02.gif) no-repeat left top;
		width:85px;
	}

ul#topmenu li a.voedingswaarden {
	background:url(../img/fr/b_voedingswaarden01.gif) no-repeat left top;
	width:140px;
}

ul#topmenu li a.voedingswaardenactief {
	background:url(../img/fr/b_voedingswaarden03.gif) no-repeat left top;
	width:140px;
}

ul#topmenu li a.voedingswaarden:hover,
ul#topmenu li a.voedingswaardenactief:hover {
	background:url(../img/fr/b_voedingswaarden02.gif) no-repeat left top;
}
	.voedingswaarden_normal{
		background:url(../img/fr/b_voedingswaarden01.gif) no-repeat left top;
		width:140px;
	}
	.voedingswaarden_actief{
		background:url(../img/fr/b_voedingswaarden03.gif) no-repeat left top;
		width:140px;
	}
	.voedingswaarden_hover {
		background:url(../img/fr/b_voedingswaarden02.gif) no-repeat left top;
		width:140px;
	}


ul#topmenu li a.acties {
	background:url(../img/fr/b_acties01.gif) no-repeat left top;
	width:169px;
}

ul#topmenu li a.actiesactief {
	background:url(../img/fr/b_acties03.gif) no-repeat left top;
	width:169px;
}

ul#topmenu li a.acties:hover,
ul#topmenu li a.actiesactief:hover {
	background:url(../img/fr/b_acties02.gif) no-repeat left top;
}
	.acties_normal {
		background:url(../img/fr/b_acties01.gif) no-repeat left top;
		width:169px;
	}
	.acties_actief {
		background:url(../img/fr/b_acties03.gif) no-repeat left top;
		width:169px;
	}
	.acties_hover {
		background:url(../img/fr/b_acties02.gif) no-repeat left top;
		width:169px;
	}




ul#topmenu li a.kinderhoek {
	background:url(../img/fr/b_kinderhoek01.gif) no-repeat left top;
	width:149px;
}

ul#topmenu li a.kinderhoekactief {
	background:url(../img/fr/b_kinderhoek03.gif) no-repeat left top;
	width:149px;
}

ul#topmenu li a.kinderhoek:hover,
ul#topmenu li a.kinderhoekactief:hover {
	background:url(../img/fr/b_kinderhoek02.gif) no-repeat left top;
}

/*
ul#topmenu li a.links {
	background:url(../img/fr/b_links01.gif) no-repeat left top;
	width:71px;
}
ul#topmenu li a.links:hover {
	background:url(../img/fr/b_links02.gif) no-repeat left top;
}
*/

ul#topmenu li a.contact {
	background:url(../img/fr/b_contact01.gif) no-repeat left top;
	width:100px;
}

ul#topmenu li a.contactactief {
	background:url(../img/fr/b_contact03.gif) no-repeat left top;
	width:100px;
}

ul#topmenu li a.contact:hover,
ul#topmenu li a.contactactief:hover {
	background:url(../img/fr/b_contact02.gif) no-repeat left top;
}
	.contact_normal {
		background:url(../img/fr/b_contact01.gif) no-repeat left top;
		width:100px;
	}
	.contact_actief {
		background:url(../img/fr/b_contact03.gif) no-repeat left top;
		width:100px;
	}
	.contact_hover {
		background:url(../img/fr/b_contact02.gif) no-repeat left top;
		width:100px;
	}



/* Submenu */

ul#topmenu ul {
  margin: 0px;
  border: 0px none;
  padding: 0px 0px 0px 2px;
  width: 170px;
  list-style: none;
  display: none;
  position: absolute;
  left: 0px;
  z-index:100;
}

ul#topmenu ul#nav-bonduelle {
  padding: 0px 0px 0px 0px;
}

ul#topmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#topmenu ul li {
	background-image:url(../img/back_submenu.gif);
	background-repeat:repeat-y;
	width: 170px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
} 

ul#topmenu ul li a{
  	text-indent: 0;	
	padding:6px 6px 6px 15px;
	height:18px;
	text-decoration:none;
} 

ul#topmenu ul li a:hover{  	
	background-image:url(../img/back_submenu02.gif);
	background-repeat:repeat-y;
	color: #FFFFFF;
}



.footersub {
	width: 188px !important;
	height: 44px;
	display:block;
	position:relative;
	left:-9px;
	background-image:url(../img/sub_bottom.gif) !important;

}

 

/* Navigatie Bonduelle  */
ul#topmenu ul#nav-bonduelle a:link,
ul#topmenu ul#nav-bonduelle li a {
  width:150px;
}

/* Navigatie Producten  */
ul#topmenu ul#nav-producten {
	left: 93px;
}

ul#topmenu ul#nav-producten a:link,
ul#topmenu ul#nav-producten li a {
  width:150px;
}

/* Navigatie Voedingswaarden  */
ul#topmenu ul#nav-voedingswaarden {
	left: 179px;
}

ul#topmenu ul#nav-voedingswaarden a:link,
ul#topmenu ul#nav-voedingswaarden li a {
  width:300px;
}

/* Navigatie Acties  */
ul#topmenu ul#nav-acties {
	left: 320px;
}

/* Navigatie Contact  */
ul#topmenu ul#nav-contact {
	left: 640px;
}


ul#topmenu ul#nav-acties a:link,
ul#topmenu ul#nav-acties li a {
  width:160px;
}

/* 3rd Menu */
ul#topmenu li:hover li:hover li a,
ul#topmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#topmenu li:hover ul ul,
ul#topmenu li:hover ul ul ul,
ul#topmenu li.iehover ul ul,
ul#topmenu li.iehover ul ul ul {
  display: none;
}

ul#topmenu li:hover ul,
ul#topmenu ul li:hover ul,
ul#topmenu ul ul li:hover ul,
ul#topmenu li.iehover ul,
ul#topmenu ul li.iehover ul,
ul#topmenu ul ul li.iehover ul {
  display: block;
}