/* NAVIGATIE */

#navigation {
	margin: 103px 0 0;
}
html>body #navigation { margin: 106px 0 0; }
*:first-child+html #navigation { margin: 103px 0 0; }

	#navigation ul {
		margin: 0 0 0 22px;
		padding: 0;
		list-style: none;
	}
	
		#navigation li {
			float: left;
			margin: 0 0 2px 0;
		}
		
			#navigation li a {
				float: left;
				width: 178px;
				display: block;
				margin: 0;
				padding: 4px 0 4px 15px;
				color: #1c3f94;
				font-size: 11px;
				text-indent: -9999px;
				cursor: pointer;
				cursor: hand;
			}
				#navigation li a:hover { margin: 0; }
			
			#navigation li a span {
				display: block;
				width: 120px;
				height: 17px;
			}
			
			/* MENU ITEMS */

		/* Home 1 */
			#navigation li a.menu_1 span { background: url(../images/menu/home.gif) left top no-repeat; }
			#navigation li a.menu_1:hover span, #navigation li a.active_1 span { background: url(../images/menu/home.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_1 { background:  url(../images/menu_1.gif) left top no-repeat; }
			#navigation li a.menu_1:hover, #navigation li a.active_1 { background:  url(../images/menu_active_1.gif) left top no-repeat; }

		/* Verhaal 2 */
			#navigation li a.menu_2 span { background: url(../images/menu/verhaal.gif) left top no-repeat; }
			#navigation li a.menu_2:hover span, #navigation li a.active_2 span { background: url(../images/menu/verhaal.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_2 { background: url(../images/menu_2.gif) left top no-repeat; }
			#navigation li a.menu_2:hover, #navigation li a.active_2 { background: url(../images/menu_active_2.gif) left top no-repeat; }
			
		/* Assortiment 3 */
			#navigation li a.menu_3 span { background: url(../images/menu/assortiment.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_3, #navigation li:hover a.menu_3 span, #navigation li a.menu_3:hover span, #navigation li a.active_3 span { background: url(../images/menu/assortiment.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_3 { background: url(../images/menu_3.gif) left top no-repeat; }
			#navigation li:hover a.menu_3, #navigation li a.menu_3:hover, #navigation li a.active_3 { background: url(../images/menu_active_3.gif) left top no-repeat; }

		/* Gezonde voeding 4 */
			#navigation li a.menu_4 span { background: url(../images/menu/gezonde_voeding.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_4, #navigation li:hover a.menu_4 span, #navigation li a.menu_4:hover span, #navigation li a.active_4 span { background: url(../images/menu/gezonde_voeding.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_4 { background:  url(../images/menu_4.gif) left top no-repeat; }
			#navigation li:hover a.menu_4, #navigation li a.menu_4:hover, #navigation li a.active_4 { background:  url(../images/menu_active_4.gif) left top no-repeat; }

		/* Gezond leven 5 */
			#navigation li a.menu_5 span { background: url(../images/menu/gezond_leven.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_5, #navigation li:hover a.menu_5 span, #navigation li a.menu_5:hover span, #navigation li a.active_5 span { background: url(../images/menu/gezond_leven.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_5 { background:  url(../images/menu_5.gif) left top no-repeat; }
			#navigation li:hover a.menu_5, #navigation li a.menu_5:hover, #navigation li a.active_5 { background:  url(../images/menu_active_5.gif) left top no-repeat; }

		/* Recepten 6 */
			#navigation li a.menu_6 span { background: url(../images/menu/recepten.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_6, #navigation li:hover a.menu_6 span, #navigation li a.menu_6:hover span, #navigation li a.active_6 span { background: url(../images/menu/recepten.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_6 { background:  url(../images/menu_6.gif) left top no-repeat; }
			#navigation li:hover a.menu_6, #navigation li a.menu_6:hover, #navigation li a.active_6 { background:  url(../images/menu_active_6.gif) left top no-repeat; }

		/* Campagnes 7 */
			#navigation li a.menu_7 span { background: url(../images/menu/campagnes.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_7, #navigation li:hover a.menu_7 span, #navigation li a.menu_7:hover span, #navigation li a.active_7 span { background: url(../images/menu/campagnes.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_7 { background:  url(../images/menu_7.gif) left top no-repeat; }
			#navigation li:hover a.menu_7, #navigation li a.menu_7:hover, #navigation li a.active_7 { background:  url(../images/menu_active_7.gif) left top no-repeat; }

		/* Vragen & Contact 8 */
			#navigation li a.menu_8 span { background: url(../images/menu/vragen_contact.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_8, #navigation li:hover a.menu_8 span, #navigation li a.menu_8:hover span, #navigation li a.active_8 span { background: url(../images/menu/vragen_contact.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_8 { background:  url(../images/menu_8.gif) left top no-repeat; }
			#navigation li:hover a.menu_8, #navigation li a.menu_8:hover, #navigation li a.active_8 { background:  url(../images/menu_active_8.gif) left top no-repeat; }

		/* Sitemap 9 */
			#navigation li a.menu_9 span { background: url(../images/menu/sitemap.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_9, #navigation li:hover a.menu_9 span, #navigation li a.menu_9:hover span, #navigation li a.active_9 span { background: url(../images/menu/sitemap.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_9 { background:  url(../images/menu_9.gif) left top no-repeat; }
			#navigation li:hover a.menu_9, #navigation li a.menu_9:hover, #navigation li a.active_9 { background:  url(../images/menu_active_9.gif) left top no-repeat; }

		/* Professionals 10 */
			#navigation li a.menu_10 span { background: url(../images/menu/professionals.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_10, #navigation li:hover a.menu_10 span, #navigation li a.menu_10:hover span, #navigation li a.active_10 span { background: url(../images/menu/professionals.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_10 { background:  url(../images/menu_10.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_10, #navigation li a.menu_10:hover, #navigation li a.active_10 { background:  url(../images/menu_active_10.gif) left top no-repeat; }
			
		/* Verwenactie 11 */
			#navigation li a.menu_11 span { background: url(../images/menu/verwenactie.gif) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_11, #navigation li:hover a.menu_11 span, #navigation li a.menu_11:hover span, #navigation li a.active_11 span { background: url(../images/menu/verwenactie.gif) left top no-repeat; background-position: 0 -17px; }
			#navigation li a.menu_11 { background:  url(../images/menu_11.html) left top no-repeat; background-position: 0 0; }
			#navigation li:hover a.menu_11, #navigation li a.menu_11:hover, #navigation li a.active_11 { background:  url(../images/menu_active_11.html) left top no-repeat; }

/* ==== SUBMENU ==== */

#navigation ul ul {
	display: none;
	position: absolute;
	margin-top: -25px;
	width: 184px;
	left: 187px;
	padding: 8px 10px 8px 8px;
	background: #1c3f94;
}

	#navigation li:hover ul, #navigation li.sfhover ul { display: block; margin: 0; }

	#navigation li li {
		margin: 0;
		padding: 0;
	}

	#navigation li li a.first {
		border-top: none;
	}	
		#navigation li li a {
			width: 178px;
			height: 17px;
			text-indent: 0;
			color: #fff;
			margin: 0;
			padding: 4px 3px 4px 5px;
			border-top: 1px solid #4965a9;
		}
		
			#navigation li li a:hover {
				color: #fff;
				background: #4965a9;
			}