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

#menu {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 650px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	z-index: 998;
	font-family: 'Molengo', arial, serif;
}


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

#nav a{
float: left;
display:block;
height: 60px;
line-height: 60px;
padding: 0px 10px 0px 10px;
color:#d4c3ba;
font-weight: 400;
text-decoration:none;
z-index: 998;
}

#nav a:hover{
color:#fff;
background:  url("../images/active.png") no-repeat center;
}

#nav a.actief {
float: left;
display:block;
height: 51px;
line-height: 60px;
padding: 0px 10px 0px 10px;
color:#fff;
text-decoration:none;
z-index: 998;
background:  url("../images/active.png") no-repeat center;
}




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

#nav ul li{
float:left;
display: block;
position:relative;
border-bottom: 1px solid #212121;


}
#nav ul li:first-child {
	border-top: 0px;
}
#nav ul li:last-child {
	border-bottom: 0px;
}

#nav ul {
z-index: 998;
position:absolute;
display:none;
top: 45px;
left: 0px;
background: none;
padding: 10px 0px 10px 0px;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
background: #000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */
}
* html #nav ul {
	width: 135px;
}

#nav li ul a {
width: 200px;
height:auto;
line-height: 26px;
float:left;
display: block;
font-weight: normal;
background: #000;
cursor: pointer;
color: #FFF;
z-index: 997;
text-shadow: none;
font-size: 14px;
}



#nav li ul a.actief {
width: 200px;
height:auto;
line-height: 26px;
float:left;
background: none;
font-weight: bold;
color: #fff;
background: #d80037;
text-shadow: none;
}


#nav li ul a:hover {
color: #fff;
background: #d80037;
text-shadow: none;
}


#nav ul ul{
top: auto;
}	

#nav li ul ul {
top: 0px;
left: 210px;
margin:0px 0 0 0px;
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 -100px; /* 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 -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:0px 0px 0px 0px;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-size: 18px;
z-index: 998;
}


#nav3 a:link, #nav3 a:visited,#nav3 a:hover {
float: left;
display:block;
line-height: 60px;
height: 60px;
padding: 0px 10px 0px 10px;
color:#d4c3ba;
text-decoration:none;
}
#nav3 a:hover {
	color: #fff;
	background:  url("../images/active.png") no-repeat center;
}

#nav3 a.actief:link, #nav3 a.actief:visited, #nav3 a.actief:hover {
float: left;
display:block;
height: 51px;
line-height: 60px;
padding: 0px 10px 0px 10px;
color:#fff;
text-decoration:none;
z-index: 998;
background:  url("../images/active.png") no-repeat center;
}


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



#subnav h2 {
	color: #fff;
}

#subnav ul {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 10px;
	font-family: 'Molengo', arial, serif;
	font-size: 15px;
	
}

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

#subnav ul li a:link, #subnav ul li a:visited {
	width: 175px;
	color: #457e8c;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 6px 25px;
	background:  url("../images/arrow.gif") no-repeat 0px 12px;
}

#subnav ul li a:hover {
	color: #d80037;
	text-decoration: none;
	background-position: 2px 12px;
}
#subnav ul li a.actief:link, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover {
	width: 175px;
	color: #d80037;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 6px 25px;
	background:  url("../images/arrow.gif") no-repeat 0px 12px;
}

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


#subnav ul li ul {
	width: 230px;
	margin: 0px 0px 4px 0px;
	padding: 8px 0px 10px 0px;
	list-style-type: none;
	float: left;
	border: 1px solid #162022;
	outline: 1px solid #284045;
}

#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 {
	width: 230px;
	padding: 4px 0px 4px 35px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #dde4e7;
	text-transform: none;
	cursor: pointer;
	background: none;
	text-shadow: #0f2124 1px 0px 2px;
	border: 0px solid #162022;
	outline: 0px solid #284045;
	background: url("../images/arrow_white.gif") no-repeat 22px 9px;
}
#subnav ul li ul li a:hover {
	color: #02add2;
}



#subnav ul li ul li a.actief:link, #subnav ul li ul li a.actief:visited, #subnav ul li ul li a.actief:hover {
	width: 230px;
	color: #02add2;
	font-weight: bold;
	font-size: 14px;
	background: none;
	line-height: 18px;
	text-transform: none;
	padding: 4px 0px 4px 35px;
	text-shadow: #0f2124 1px 0px 2px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #162022;
	outline: 0px solid #284045;
	background: url("../images/arrow_white.gif") no-repeat 22px 9px;
}


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


#subnav ul ul ul {
	width: 290px;
	margin: 0px 0px 4px 0px;
	padding: 2px 0px 5px 0px;
	list-style-type: none;
	float: left;
	border: 0px solid #162022;
	outline: 0px solid #284045;
	border-bottom: 1px solid #284045; 
}

#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 {
	width: 200px;
	padding: 2px 0px 4px 40px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	color: #dde4e7;
	text-transform: none;
	cursor: pointer;
	background: none;
	text-shadow: #0f2124 1px 0px 2px;
	border: 0px solid #162022;
	outline: 0px solid #284045;
	background: none;
}
#subnav ul ul ul li a:hover {
	color: #02add2;
}
#subnav ul ul ul li a.actief:link, #subnav ul ul ul li a.actief:visited, #subnav ul ul ul li a.actief:hover {
	width: 200px;
	padding: 2px 0px 4px 40px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	color: #dde4e7;
	text-transform: none;
	cursor: pointer;
	background: none;
	text-shadow: #0f2124 1px 0px 2px;
	border: 0px solid #162022;
	outline: 0px solid #284045;
	background: none;
	font-weight: bold;
	color: #02add2;
}




/* Submenu kort */

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

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

#subnav_kort ul li a:link, #subnav_kort ul li a:visited {
	float: left;
	padding: 0px 0px 10px 40px;
	margin: 0px 20px 0px 10px;
	color: #00829e;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 40px;
	font-weight: bold;
	background:  url("../images/arrow.png") no-repeat 0px 0px;
	text-decoration: none;
	z-index: 99;
}
/* Fix voor IE */
	* html #subnav_kort ul li a:link
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vcs/images/arrow.png', sizingMethod='crop');
		}
	* html #subnav_kort ul li a:visited
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vcs/images/arrow.png', sizingMethod='crop');
		}

#subnav_kort ul li a:hover {
	color: #02add2;
	text-decoration: none;
}
#subnav_kort ul li a.actief:link, #subnav_kort ul li a.actief:visited, #subnav_kort ul li a.actief:hover {
	padding: 12px 0px 10px 40px;
	margin: 0px 20px 0px 10px;
	color: #00829e;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 40px;
	font-weight: bold;
	background:  url("../images/arrow.png") no-repeat 0px 0px;
	text-decoration: none;
	z-index: 99;
}
/* Fix voor IE */
	* html #subnav_kort ul li a.actief:link, * html #subnav_kort ul li a.actief:visited, * html #subnav_kort ul li a.actief:hover
		{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/vcs/images/arrow.png', sizingMethod='crop');
		}




/* Foot nav */

#footnav a:link, #footnav a:visited {
float: left;
display:block;
height: 18px;
font-size: 13px;
line-height: 18px;
margin: 0px 8px 0px 0px;
padding: 3px 8px 2px 8px;
color:#142c31;
text-decoration:none;
text-shadow: #fff 1px 1px 0px;
cursor: pointer;

}
#footnav a:hover {
color:#00829e;
text-shadow: #fff 1px 1px 0px;
cursor: pointer;
}


#footnav a.actief:link, #footnav a.actief:visited, #footnav a.actief:hover {
float: left;
display:block;
height: 18px;
font-size: 13px;
line-height: 18px;
margin: 0px 8px 0px 0px;
padding: 3px 8px 2px 8px;
color:#fff;
text-decoration:none;
background: #00829e;
text-shadow: #004959 1px 1px 0px;
cursor: pointer;
}


/* Sitemap */

#sitemap {
	margin-left:-20px;
}

#sitemap ul {
	list-style-type:none;
	margin:0 0px 0 0;
	padding:5px 0px 10px 0px;
}

#sitemap ul li {
	list-style-type:none;
	line-height:18px;
	padding:0 0 0 13px;
	background: none;
}
#sitemap ul li ul li {
	list-style-type:none;
	line-height:18px;
	padding:0 0 0 13px;
	background: none;
}

#sitemap ul li a:link,#sitemap ul li a:visited {
	font-family: 'Molengo', arial, serif;
	color:#f2f2f2;
	margin-left:13px;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	border-left:5px solid #d80037;
	padding:0 10px 0 13px;
	background: none;
}

#sitemap ul li ul li a:link,#sitemap ul li ul li a:visited {
	font-family: 'Molengo', arial, serif;
	color:#f2f2f2;
	margin-left:0;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	border-left:5px solid #d80037;
	background:none;
	padding:0 0 0 13px;
}

#sitemap ul li ul li ul li a:link,#sitemap ul li ul li ul li a:visited {
	font-family: 'Molengo', arial, serif;
	color:#457e8c;
	text-decoration:none;
	font-size:14px;
	font-weight:400;
	border-left:0 solid #d80037;
	padding:0 0 0 5px;

}

#sitemap ul li ul li ul li ul li a:link,#sitemap ul li ul li ul li ul li a:visited {
	
	color:#457e8c;
	text-decoration:none;
	font-size:12px;
	font-weight:400;
	text-transform:none;
	border-left:0 solid #6b9531;
	padding:0 0 0 10px;
}

#sitemap ul li ul li ul li ul li ul li a:link,#sitemap ul li ul li ul li ul li ul li a:visited {
	
	color:#707070;
	text-decoration:none;
	font-size:10px;
	font-weight:400;
	text-transform:none;
	border-left:0 solid #6b9531;
	padding:0 0 0 15px;
}


#sitemap ul li a:hover,#sitemap ul li ul li a:hover,#sitemap ul li ul li ul li a:hover,#sitemap ul li ul li ul li ul li a:hover,#sitemap ul li ul li ul li ul li ul li a:hover {
	color:#d80037;
	text-decoration:none;
}