/* Navigatie Boven 1e niveau
------------------------------------- */

#menu {
	position: absolute;
	top: 40px;
	left: 270px;
	width: 760px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	z-index: 999;
}

#nav, #nav ul{
margin:0;
padding: 5px 0px 0px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 12px;
font-weight: bold;
z-index: 999;
}

#nav a{
font-family: Helvetica, Arial, sans-serif;
float: left;
display:block;
height: 30px;
line-height: 30px;
padding: 0px 8px 0px 8px;
color:#162e44;
text-decoration:none;
text-transform: uppercase;
text-shadow: #dee1e5 1px 1px 0px;
}

#nav a:hover{
color:#0179bf;
}

#nav a.actief {
float: left;
display:block;
height: 30px;
line-height: 30px;
padding: 0px 8px 0px 8px;
color:#0179bf;
text-decoration:none;
text-shadow: #dee1e5 1px 1px 0px;
}


#nav li{
float:left;
position:relative;
background: none;
}

#nav ul li{
float:left;
display: block;
position:relative;
background: #0179bf;
}


#nav ul {
z-index: 9999;
position:absolute;
display:none;
top: 35px;
left: 5px;
background: #0179bf;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;

}
* html #nav ul {
	width: 135px;
}

#nav li ul a {
width: 160px;
height:auto;
line-height: 28px;
float:left;
display: block;
background: none;
cursor: pointer;
color: #FFF;
text-transform: none;
text-shadow: #000 1px 1px 0px;

}



#nav li ul a.actief {
width: 160px;
height:auto;
line-height: 28px;
float:left;
background: none;
font-weight: bold;
color: #fff;
text-shadow: #000 1px 1px 0px;
background: #162e44;
}


#nav li ul a:hover {
color: #fff;
background: #162e44;
}


#nav ul ul{
top: auto;
}	

#nav li ul ul {
top: -5px;
left: 174px;
margin:0px 0 0 10px;
/*
filter: alpha(opacity=9);
-moz-opacity: 0.9;
opacity: 0.9;
*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			8px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { top: 7px; background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* HOME */


#nav3 {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 11px;
}


#nav3 a:link, #nav3 a:visited {
display: block;
width: 67px;
height: 37px;
line-height: 28px;
text-align: center;
padding: 0px 0px 0px 0px;
color:#fff;
text-decoration:none;
background:  url(../images/home.gif) no-repeat 0px -37px;
}
#nav3 a:hover {
	background:  url(../images/home.gif) no-repeat 0px 0px;
}


#nav3 a.actief:link, #nav3 a.actief:visited, #nav3 a.actief:hover {
display: block;
width: 67px;
height: 37px;
line-height: 26px;
text-align: center;
padding: 0px 0px 0px 0px;
color:#fff;
text-decoration:none;
background:  url(../images/home.gif) no-repeat 0px 0px;
}


/* Subnavigatie Linkerkant 1e niveau
------------------------------------- */

#subnav {
	padding: 15px 0px 0px 2px;
	margin: 0px;
}
#subnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#subnav ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#subnav ul li a:link, #subnav ul li a:visited {
	float: left;
	width: 235px;
	line-height: 35px;

	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #162e44;
	background: url(../images/bg_subnav.gif) no-repeat 0px -35px;
	text-shadow: #fff 1px 1px 0px;
	cursor: pointer;
}

#subnav ul li a:hover {
	background-position: 0px -69px;
	color: #017bc3;
	line-height: 35px;
}
#subnav ul li a.actief:link, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover {
	background-position: 0px 0px;
		margin: 0px 0px 1px 0px;
	font-weight: bold;
	color: #017bc3;
	line-height: 35px;
	text-shadow: #f3f6f8 1px 1px 0px;	
}

/* Subnavigatie Linkerkant 2e niveau
------------------------------------- */


#subnav ul li ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
}

#subnav ul li ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
}

#subnav ul li ul li a:link, #subnav ul li ul li a:visited {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #162e44;
	cursor: pointer;
	background: none;
	text-shadow: #fff 1px 1px 0px;
}
#subnav ul li ul li a:hover {
	background: none;
	color: #017bc3;
}
#subnav ul li ul li a.actief:link, #subnav ul li ul li a.actief:visited, #subnav ul li ul li a.actief:hover {
	color: #017bc3;
	font-weight: bold;
	background: none;
}


/* Subnavigatie Linkerkant 3e niveau
------------------------------------- */


#subnav ul ul ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#subnav ul ul ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: url(../images/kruimel_arrow.gif) no-repeat 65px 9px;
}

#subnav ul ul ul li a:link, #subnav ul ul ul li a:visited {
	padding: 0px 0px 0px 75px;
	margin: 0px 0px 0px 0px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #62aa36;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/bg_dropspacer.png) no-repeat bottom left;
}
#subnav ul ul ul li a:hover {
	color: #000;
}
#subnav ul ul ul li a.actief:link, #subnav ul ul ul li a.actief:visited, #subnav ul ul ul li a.actief:hover {
	font-weight: bold;
	color: #005191;
}




/* Footer Sitemap Navigatie 
------------------------------------- */

.footermap {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.footermap ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
}

.footermap ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	display: block;
}

.footermap ul li a:link, .footermap ul li a:visited {
	width: 130px;
	font-family: Arial;
	float: left;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #9baab8;
	cursor: pointer;
}

.footermap ul li a:hover {
	color: #fff;
}
.footermap ul li a.actief:link, .footermap ul li a.actief:visited, .footermap ul li a.actief:hover {
	font-family: Arial;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 10px;
	font-weight: bold;
	color: #9baab8;
	cursor: pointer;
}