/* Navigation */

div#navigation-wrapper {
	height: 40px;
	background: #4B382D url(../img/navigation-left-bg.jpg) no-repeat top left;
}

ul#navigation {
	margin: 0 auto;
	margin-left: 91px;
	padding: 0;
	height: 40px;
	background: url(../img/navigation-right-bg.jpg) no-repeat top right;
	list-style-type: none;
}

body#home ul#navigation {
	background: url(../img/navigation-right-home-bg.jpg) no-repeat top right;
}

ul#navigation li {
	float: left;
}

ul#navigation li a {
	display: block;
	height: 40px;
	background: url(../img/navigation-sprite-nl.jpg) no-repeat top left;
	text-indent: -9999px;
}

ul#navigation li#welkom a { width: 86px; }
ul#navigation li#welkom.selected a { background-position: 0 -40px; }
ul#navigation li#welkom:hover a,
ul#navigation li#welkom.sfhover a { background-position: 0 -80px; }

ul#navigation li#actueel a { width: 86px; background-position: -86px 0; }
ul#navigation li#actueel.selected a { background-position: -86px -40px; }
ul#navigation li#actueel:hover a,
ul#navigation li#actueel.sfhover a { background-position: -86px -80px; }

ul#navigation li#overons a { width: 98px; background-position: -172px 0; }
ul#navigation li#overons.selected a { background-position: -172px -40px; }
ul#navigation li#overons:hover a,
ul#navigation li#overons.sfhover a { background-position: -172px -80px; }

ul#navigation li#duiven a { width: 80px; background-position: -270px 0; }
ul#navigation li#duiven.selected a { background-position: -270px -40px; }
ul#navigation li#duiven:hover a,
ul#navigation li#duiven.sfhover a { background-position: -270px -80px; }

ul#navigation li#column a { width: 85px; background-position: -350px 0; }
ul#navigation li#column.selected a { background-position: -350px -40px; }
ul#navigation li#column:hover a,
ul#navigation li#column.sfhover a { background-position: -350px -80px; }

ul#navigation li#mengeling a { width: 178px; background-position: -435px 0; }
ul#navigation li#mengeling.selected a { background-position: -435px -40px; }
ul#navigation li#mengeling:hover a,
ul#navigation li#mengeling.sfhover a { background-position: -435px -80px; }

ul#navigation li#contact a { width: 89px; background-position: -613px 0; }
ul#navigation li#contact.selected a { background-position: -613px -40px; }
ul#navigation li#contact:hover a,
ul#navigation li#contact.sfhover a { background-position: -613px -80px; }


/* Subnav */

ul#navigation li ul.subnav {
	position: absolute;
	display: none;
	margin: -4px 0 0 5px;
	padding: 0;
	width: 220px;
	background: #DEC5AE;
	border-left: 1px solid #392920;
	list-style-type: none;
	z-index: 10;
}

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

ul#navigation li ul.subnav li {
	float: none;
	border-bottom: 1px solid #EAD8C2;
}

ul#navigation li ul.subnav li a {
	padding: 0 9px;
	width: auto !important;
	height: auto;
	background: url(../img/arrow-right-dark.gif) no-repeat 95% 50% !important;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-indent: 0;
}

ul#navigation li ul.subnav li a:hover {
	background: #EAD8C2 url(../img/arrow-right-dark-hover.gif) no-repeat 95% 50% !important;
	color: #25201B;
}