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

#menu {
	position: absolute;
	top: 55px;
	left: 260px;
	width: 700px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	z-index: 999;

}
#footermenu {
	position: absolute;
	top: 4px;
	left: 20px;
	width: 730px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	z-index: 997;
}
* html #footermenu {
	top: 3px;
}

#nav, #nav ul{
margin:0;
padding: 4px 0px 10px 0px;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 16px;
font-weight: normal;
z-index: 9999;
}

#nav a{
font-family: Georgia, Times, "Times New Roman", serif;
float: left;
display:block;
height: 25px;
line-height: 25px;
padding: 0px 0px 3px 0px;
margin: 0px 7px 0px 7px;
color:#162e44;
text-decoration:none;

text-shadow: #e0dfd0 1px 1px 0px;
}
* html #nav a {
	margin: 0px 3px 0px 3px;
}

#nav a:hover{
color:#0095e4;
border-bottom: 0px solid #0095e4;
/*background: url("../images/menuarrow.png") no-repeat center 24px;*/
}
/*
* html #nav a:hover {
	background: url("../images/menuarrow.gif") no-repeat center 24px;
}
*/

#nav a.actief,
#nav li.item-breadcrumb a {
float: left;
display:block;
height: 25px;

padding: 0px 0px 3px 0px;
margin: 0px 6px 0px 6px;
color:#0095e4;
text-decoration:none;
text-shadow: #e0dfd0 1px 1px 0px;
border-bottom: 0px solid #0095e4;
/*background: url("../images/menuactive.png") no-repeat center 24px;*/
}
/*
* html #nav a.actief {
	background: url("../images/menuactive.gif") no-repeat center 24px;
}
*/

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

#nav ul li{
float:left;
display: block;
position:relative;
background:  url("../images/dotline_menu2.gif") repeat-x bottom left;
}


#nav ul {
z-index: 999;
position:absolute;
display:none;
width: 240px;
top: 28px;
left: 0px;
font-size: 12px;
background: #003c5a;
padding: 10px 0px 15px 0px;
border-top: 0px solid #0095e4;


border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
/*
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomleft: 7px;

-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
*/

filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;

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

#nav li ul a {
width: 230px;
height:auto;
line-height: 15px;
padding: 6px 0px 6px 0px;
float:left;
display: block;
font-weight: normal;
background: none;
margin: 0px;
cursor: pointer;
color: #FFF;
text-transform: none;
text-shadow: #000 1px 1px 0px;
background:  url("../images/dotline_menu2.gif") repeat-x bottom left;
border-bottom: 0px solid #003c5a;
padding-left: 10px;
}



#nav li ul a.actief {
width: 230px;
height:auto;

float:left;
display: block;
background: none;
font-weight: normal;
margin: 0px;
padding: 6px 0px 6px 10px;
color: #fff;
text-shadow: #000 1px 1px 0px;
background: #0095e4;
border-bottom: 0px solid #003c5a;
}


#nav li ul a:hover {
color: #fff;
text-shadow: #000 1px 1px 0px;
background: #0095e4;
border-bottom: 0px solid #003c5a;
}


#nav ul ul{
top: auto;
}	

#nav li ul ul {
top: -10px;
left: 220px;
margin:0px 0 0 10px;
font-size: 11px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}

#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:			13px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -1000px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			-1000px;
	background-position: -10 -1000px; /* 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 -1000px; /* 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 {
float: left;
width: 32px;
height: 30px;
margin:0px 5px 0px 0px;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 11px;
z-index: 998;
}
* html #nav3 {
	margin: 0px 0px 0px 0px;
}

#nav3 a:link, #nav3 a:visited {
float: left;
display: block;
width: 32px;
height: 29px;
line-height: 29px;
padding: 0px 0px 0px 0px;
color:#fff;
text-decoration:none;
background: url(../images/icon_home.gif) no-repeat 0px -29px;
position:relative;
}
#nav3 a:hover {
	background:  url(../images/icon_home.gif) no-repeat 0px -29px;
}


#nav3 a.actief:link, #nav3 a.actief:visited, #nav3 a.actief:hover {
float: left;
display: block;
width: 32px;
height: 29px;
line-height: 29px;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
color:#fff;
text-decoration:none;
background:  url(../images/icon_home.gif) no-repeat 0px -29px;
}


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

#subnav {
	padding: 6px 0px 0px 0px;
	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;
	background: repeat-x url("../images/dotline.gif") bottom left;
}


#subnav ul li a:link, #subnav ul li a:visited {
	width: 170px;
	font-family: Georgia, Times, "Times New Roman", serif;
	display: block;
	padding: 6px 20px 8px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: #646450;
	background: url(../images/arrow_page.gif) no-repeat 160px 10px;
	text-shadow: #f0efe8 1px 1px 0px;
	cursor: pointer;
}

#subnav ul li a:hover {
	background-position: 165px -98px;
	color: #01334c;
}
#subnav ul li a.actief:link, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover {
	background: url(../images/arrow_page.gif) no-repeat 160px -98px;
	font-weight: normal;
	color: #c77b11;
	text-shadow: #f3f6f8 1px 1px 0px;	
}

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


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

}

#subnav ul li ul li {
	padding: 0px 0px 2px 7px;
	margin: 0px 0px 4px 3px;
	list-style-type: none;
	background: none;
	border-left: 2px solid #c77b11;
}

#subnav ul li ul li a:link, #subnav ul li ul li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 15px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #646450;
	cursor: pointer;
	background: none;
	text-shadow: none;
}
#subnav ul li ul li a:hover {
	background: none;
	color: #000;
}
#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: #000;
	font-weight: normal;
	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: #575745;
	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;
}