/* navigatie */
#nav, #nav UL {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99;
}
#nav {
	position: absolute;
	width: 700px;
	left: 87px;
	z-index: 99;
}
#nav UL {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 11px;
	z-index: 99;
}
#nav A {
	display: block;
	padding: 9px 8px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color:#fff;
	vertical-align: middle;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	-moz-box-sizing : border-box;
}
#nav A:hover, #nav A.actief {
	padding: 5px 8px 5px;
	border-top: 4px solid #0097d6;
}
.extranet #nav A:hover, .extranet #nav A.actief {
	border-top: 4px solid #f47a38;
}
#nav UL LI {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ee572c;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	z-index: 99;
}
#nav UL LI A {
	font-weight: normal;
	text-align: left;
	width: 180px;
	_width: 180px;
	padding: 2px 5px;
	margin: 0;
	line-height: 17px;
	z-index: 99;
	border-top: 0px;
	color: #272727;
	background: #ececec;
}
#nav UL LI A:hover, #nav UL LI A.actief {
	color: #0197d6;
	background: #ececec;
	padding: 2px 5px;
	border-top: 0px;
}
#nav LI {
    FLOAT: left;
}
#nav LI UL {
    position: absolute;
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    left: -999em;
	padding: 0 0 0 0;
	width: 180px;
	_width: 180px;
	z-index: 99;
}
#nav LI UL UL {
    background: #f1f4f6;
    margin: -22px 0px 0px 180px;
    width: 168px;
}
#nav LI UL UL A {
    WIDTH: 180px;
}
#nav LI:hover UL UL, #nav LI:hover UL UL UL, #nav LI.sfhover UL UL, #nav LI.sfhover UL UL UL {
    LEFT: -999em;
}
#nav LI:hover UL, #nav LI LI:hover UL, #nav LI LI LI:hover UL, #nav LI.sfhover UL, #nav LI LI.sfhover UL, #nav LI LI LI.sfhover UL {
    LEFT: auto;
}
