/* STYLESHEET VOOR HET HOOFDMENU */
ul#hoofdmenu {
	text-align: left;
	margin: 0;
	height: 57px;
	padding: 4px 0 0 5px;
	font-size: 1.2em;
	list-style: none;
	background: url(/img/hoofdmenu.gif) no-repeat;
	position: relative;
	z-index: 12000;
}
body#new-2009 ul#hoofdmenu {
	background: url(/img/hoofdmenu-new.gif) no-repeat;
}
ul#hoofdmenu li {
	float: left;
	position: relative;
	margin-right: 10px;
}

ul#hoofdmenu a {
	display: block;
	height: 25px;
	padding-left: 15px;
	overflow: hidden;
	background: url(/img/hoofdmenu-non-hover.gif) no-repeat 8px 9px;
}

ul#hoofdmenu span {
	display: block;
	padding-right: 11px;
}

ul#hoofdmenu a:hover,
ul#hoofdmenu a.active,
ul#hoofdmenu li.over a { background: #477EC1 url(/img/hoofdmenu-hover.gif) no-repeat top left; }

ul#hoofdmenu a:hover span,
ul#hoofdmenu a.active span,
ul#hoofdmenu li.over a span { background: #477EC1 url(/img/hoofdmenu-hover.gif) no-repeat top right; }

ul#hoofdmenu a span img,
ul#hoofdmenu a:hover span img.non-hover,
ul#hoofdmenu a.active span img.non-hover,
ul#hoofdmenu li.over a span img.non-hover { display: none; }

ul#hoofdmenu a span img.non-hover,
ul#hoofdmenu a:hover span img.hover,
ul#hoofdmenu a.active span img.hover,
ul#hoofdmenu li.over a span img.hover { display: inline; }

/*
ul#hoofdmenu a:hover span img,
ul#hoofdmenu a.active span img,
ul#hoofdmenu li.over a span img { margin-top: -100px; }
*/

ul#hoofdmenu ul {
	position: absolute;
	width: 250px;
	top: 16px;
	left: 0;
	padding-top: 1px;
	list-style: none;
	background: #477EC1;

	display: none;
	z-index: 2;
}

ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.over ul { display: block; }

ul#hoofdmenu ul li {
	float: none;
	margin-right: 0;
	padding: 0;
	border-bottom:	1px solid #366CAF;
	border-top:		1px solid #6697D4;
}

ul#hoofdmenu ul a,
ul#hoofdmenu li.over ul a {
	height: auto;
	padding: .5em .8em .5em 2em;
	color: #fff;
	background: url(/img/submenu.gif) no-repeat 8px 9px;
}

ul#hoofdmenu ul a:hover,
ul#hoofdmenu li.over ul a:hover {
	text-decoration: none;
	background: #67A7ED url(/img/submenu.gif) no-repeat 8px -283px;
}


ul#hoofdmenu li.search { float: right; }
ul#hoofdmenu li.search form {float: left; width: 240px;}

ul#hoofdmenu li.search input { 
	border: 0;
	background: url(/img/searchinput.png) no-repeat;
	color: #333333;
    float: left;
    font-size: 1.1em;
    height: 16px;
    padding: 5px 4px 4px;
    width: 153px;
}
ul#hoofdmenu li.search input.submit { 
    border: medium none;
    float: right;
    height: 39px;
    padding: 0;
    position: relative;
    top: -7px;
    width: 72px;
	background: url(/img/search.png) no-repeat; 
	cursor: pointer;
}

ul#hoofdmenu li.search input.submit:hover,
ul#hoofdmenu li.search input.submit:focus {
	background: url(/img/search-hover.png) no-repeat;	
}