/*-- NAVIGATION STYLES --*/
	
	div#mainNavInnerCon {
		position:			absolute;
		width:				898px;
		z-index:			100;
	}
	
	div#mainNavInnerCon ul {
		list-style:			none outside;
		margin:				0;
		padding:			0;
	}
	
	div#mainNavInnerCon ul#mainnav {
		width:				898px;
		height:				35px;
		background:			url('../gfx/nav/navigation-bg.gif');
	}
	
	div#mainNavInnerCon ul#mainnav li {
		position:			relative;
		float:				left;
		margin-right:		1px;
	}
	
	div#mainNavInnerCon ul#mainnav li.last {
		margin-right:		0 !important;
	}
	
	div#mainNavInnerCon ul#mainnav li.last ul {
		margin-left:		-12em;
	}
	
	
	div#mainNavInnerCon ul#mainnav li a {
		display:			block;
		height:				34px;
		background-position:0 0;
	}
	div#mainNavInnerCon ul#mainnav li a:hover,
	div#mainNavInnerCon ul#mainnav li a.active {
		background-position:0 68px;
	}
	div#mainNavInnerCon ul#mainnav li a.clicked {
		background-position:0 34px;
	}
	div#mainNavInnerCon ul#mainnav li a strong {
		display:			none;
	}
	
	div#mainNavInnerCon ul#mainnav li:hover ul.subnav {
		display:			block;
	}
	div#mainNavInnerCon ul#mainnav li.over ul.subnav {
		display:			block;
	}
	
	div#mainNavInnerCon ul#mainnav li ul.subnav li {
		display:			block;
		clear:				left;
	}
	
	/* start mainnav-button definitions */
		a#nav-home {
			width:				63px;
			background:			url('../gfx/nav/home.gif');
		}
			
		a#nav-nieuws {
			width:				73px;
			background:			url('../gfx/nav/nieuws.gif');
		}
		
		a#nav-gezondeten {
			width:				103px;
			background:			url('../gfx/nav/gezond-eten.gif');
		}	
		
		a#nav-vettenenvetzuren {
			width:				123px;
			background:			url('../gfx/nav/vetten-en-vetzuren.gif');
		}	
		
		a#nav-vitaminen {
			width:				87px;
			background:			url('../gfx/nav/vitaminen.gif');
		}	
		
		a#nav-productinfo {
			width:				99px;
			background:			url('../gfx/nav/productinfo.gif');
		}	
		
		a#nav-onderzoek {
			width:				91px;
			background:			url('../gfx/nav/onderzoek.gif');
		}	
		
		a#nav-lesmateriaal {
			width:				110px;
			background:			url('../gfx/nav/lesmateriaal.gif');
		}	
		
		/*
		Vervallen. Is 'Bestel' geworden.
		a#nav-faq {
			width:				50px;
			background:			url('../gfx/nav/faq.gif');
		}	*/
		
		a#nav-bestel {
			width:				70px;
			background:			url('../gfx/nav/bestel.gif');
		}
				
		a#nav-links {
			width:				70px;
			background:			url('../gfx/nav/links.gif');
		}
	/* end mainnav-button definitions */
	
	ul.subnav {
		display:			none;
		position:			absolute;
		top:				34px;
		left:				0;
		background:			#e1e9ed;
		border:				1px solid #ccd8dc;
	}
		
	ul.subnav li {
		position:			relative;
		width:				18.5em;
		padding:			0 5px 0 5px;
		border-right:		1px solid #fff;
		border-left:		1px solid #fff;
	}
	
	ul.subnav li a {
		position:			relative;
		display:			block;
		padding:			0px 25px 0 10px;
		color:				#3d89b9;
		line-height:		2.7em;
		text-decoration:	none;
		white-space: 		nowrap;
		background:			url('../gfx/nav/subnav-link-bg.gif') top right no-repeat !important;
		border:				1px solid #fff;
		z-index:			10;
	}
    ul.subnav li a.subnavlink {
		background:			url('../gfx/nav/subnav-link-sublinks-bg.gif') top right no-repeat !important;
	}
	ul.subnav li a:hover {
		color:				#000000;
		background:			url('../gfx/nav/subnav-link-hover-bg.gif') top right no-repeat !important;
	}
    ul.subnav li a.subnavlink:hover {
		background:			url('../gfx/nav/subnav-link-sublinks-hover-bg.gif') top right no-repeat !important;
	}
	
	ul#mainnav li:hover ul.subnav li:hover ul,
	ul#mainnav li.over ul.subnav  li.over ul {
		display:			block;
	}
	
	ul.subsubnav {
		position:			absolute;
		display:			none;
		top:				0px;
		left:				18.5em;
		background:			#e1e9ed;
		border:				1px solid #ccd8dc;
		border-top:			none;
		z-index:			1;
	}
	
	ul.subsubnav li {
		padding:			0 5px 0 5px;
		border-right:		1px solid #fff;
		border-left:		1px solid #fff;
	}