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

#menu {
	position: absolute;
	top:45px;
	right: 5px;
	width: 730px;
	height: 70px;
	padding: 0px 0px 0px 0px;
	z-index: 1100;
	text-transform: uppercase;
}
#submenu {
	position: absolute;
	top:230px;
	left: -10px;
	padding: 0px 0px 0px 0px;
	z-index: 1100;
	text-transform: uppercase;
}


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


#nav a {
float: left;
text-align: center;
font-family: 'MyriadProBoldCondensed', arial, serif;
display:block;
max-width: 220px;
height: 40px;
line-height: 40px;
padding: 0px 20px 0px 20px;
font-weight: normal;
color:#fff;
letter-spacing: 2px;
text-decoration:none;
text-transform: uppercase;
border-radius: 100px;
z-index: 1100;
background: none;
border-bottom: 0px solid rgba(255,255,255,0.1);
margin: 0px 5px 0px 5px;
 -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out; 
}

#nav a:hover, #nav .item-breadcrumb a {
color:#fff;
background: rgba(255,255,255,0.1);
}
#nav .item-last a {
	padding: 0 15px;
	background: #32b5ff;
	
}

#nav a span {
color: #fff;
}
   
#nav li{
float:left;
position:relative;
background: none;
}



#submenu #nav a {
	float: left;
	width: 210px;
height: 24px;
	font-family: 'MyriadProCondensedItalic', arial, serif;
	position: relative;
	z-index: 99999;
	color: #fff;
	font-size: 18px;
	padding: 5px 12px 7px 36px;
	margin: 0px 0px 0px 0px;
	line-height: 28px;
	font-style: normal;
 	font-weight: normal;
	text-decoration: none;
	border: 0px;
	background: #092842 url("../images/headerlink.png") no-repeat 2px 3px;
			-moz-transition: all 0.1s ease-out;  /* FF3.7+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.1s ease-out; 
          

 	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#submenu #nav li.item-number-1, #submenu #nav li.item-number-2 {
	display: none;
}	


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

}
#submenu #nav ul li.item-number-1, #submenu #nav ul li.item-number-2 {
	display: block;
}
#nav ul li:first-child {
	border-top: 0px;
}
#nav ul li:last-child {
	border-bottom: 0px;
}

#nav ul {
z-index: 1100;
position:absolute;
display:none;
width: 215px;
top: 37px;
left: 0px;
background: #fff;
/*background:  url(../images/navback.png) no-repeat bottom center;*/
text-transform: none;
padding: 5px 5px 100px 5px;
          
 
}
* html #nav ul {
	width: 135px;
}
#submenu #nav ul {
	top: 32px;
left: -5px;
background: none;
}


#nav li ul a {
width: 210px;
height:auto;
line-height: 20px;
float:left;
display: block;
font-weight: normal;  
cursor: pointer;
font-size: 18px;
color: #032033;
z-index: 1100;
border-bottom: 0px;
padding: 5px 0px 5px 5px;
margin-right: 0px;
}

#submenu #nav li ul a {
	border: 0px;
}

#nav li ul a.actief {
width: 200px;
height:auto;
line-height: 20px;
float:left;
background: none;
font-weight: bold;
color: #11334f;
background: #9db226;
border-bottom: 0px;
}


#nav li ul a:hover {
color: #fff;
background: #009ed7;
border-bottom: 0px;
}
#submenu #nav li ul a:hover {
	color: #009ed7;
}

#nav ul ul{
top: auto;
}	

#nav li ul ul {
top: -5px;
left: 207px;
margin:0px 0 0 0px;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

}
#submenu #nav li ul ul {
top: -5px;
left: 250px;
}

#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:			15px;
	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: 10px; 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;
z-index: 998;
}


#nav3 a:link, #nav3 a:visited {
float: left;
font-family: 'PT Serif', Georgia,arial, serif; 
display:block;
height: 38px;
line-height: 38px;
font-size: 14px;
font-weight: normal;
padding: 2px 10px 2px 10px;
color:#1c1d21;
text-decoration:none;

z-index: 998;
background: none;
margin: 0px;
 -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out; 
}
#nav3 a:hover {
	color:#fff;
background: #009ed7;
}

#nav3 a.actief:link, #nav3 a.actief:visited {
float: left;
display:block;
height: 38px;
line-height: 38px;
font-size: 14px;
font-weight: bold;
padding: 2px 10px 2px 10px;
text-decoration:none;
color:#fff;
background: #009ed7;
}


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


#subnav {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	position: relative;
}

#subnav ul{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#subnav ul li{ 
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	background:  url("../images/linetitle.gif") repeat-x center;

	}
	
#subnav ul li a:link, #subnav ul li a:visited{ 
	float: left;
	width: 160px;
	font-family: 'MyriadProCondensedItalic', arial, serif;
	 font-weight: bold;
	 font-size: 22px;
	line-height: 28px;
	padding: 20px 0px 20px 65px;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	 text-align: left;
	 color: #032033;
	 position: relative;
	 background:  url("../images/icon-assorti.png") no-repeat 3px 3px;
	 top: 0px;
	 	-moz-transition: all 0.1s ease-out;  /* FF3.7+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.1s ease-out; 
	}
	
#subnav ul li a:hover, #subnav ul li a:active{ 
	background-color: #f2f2f2;
 	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

}

#subnav ul li a.actief:link, #subnav ul li a.actief:visited, #subnav ul li a.actief:hover {
	background-color: #f2f2f2;
 	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

/* Subnavigatie  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;
	
	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;

	margin: 0px 0px 0px 0px;
	border: 0px solid #162022;
	outline: 0px solid #284045;
	background: url("../images/arrow_white.gif") no-repeat 22px 9px;
}


/* Subnavigatie  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;
	
	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;
	
	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');
		}



/* Navigatie kruimelpad
------------------------------------------------------------------------------------------ */

#kruimelpad {
	
	overflow: hidden;
	font-size: 16px;
	z-index: 99999;
	border-top: 5px solid #eee;
	margin-top: 50px;
}


#kruimelpad ul
{
	margin: 7px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	
}

#kruimelpad ul li
{
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	border :0px dotted #d9d9d9;
}

#kruimelpad li a:link, #kruimelpad li a:visited 
{
	float: left;
	color: #8b8f93;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: left;
}

#kruimelpad li a:hover
{
	color: #00a7ff;
	text-decoration: underline;
}	

#kruimelpad li a.actief:link, #kruimelpad li a.actief:visited
{
	float: left;
	color: #00a7ff;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#kruimelpad li a.actief:hover {
	text-decoration: underline;
}




/* Sitemap */

#sitemap {
	margin-top:20px;
}

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

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

#sitemap ul li a:link,#sitemap ul li a:visited {
	color:#dde4e7;
	margin-left:13px;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	border-left:5px solid #02add2;
	padding:0 10px 0 13px;
	background: none;
}

#sitemap ul li ul li a:link,#sitemap ul li ul li a:visited {
	color:#dde4e7;
	margin-left:0;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	border-left:5px solid #02add2;
	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 {
	color:#dde4e7;
	text-decoration:none;
	font-size:10px;
	font-weight:700;
	border-left:0 solid #6b9531;
	background:transparent url(../images/arrow_white.gif) no-repeat 6px 0px;
	padding:0 0 0 20px;
}

#sitemap ul li ul li ul li ul li a:link,#sitemap ul li ul li ul li ul li a:visited {
	color:#dde4e7;
	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 ul li ul li ul li ul li a:link,#sitemap ul li ul li ul li ul li ul li a:visited {
	color:#dde4e7;
	text-decoration:none;
	font-size:10px;
	font-weight:400;
	text-transform:none;
	border-left:0 solid #6b9531;
	padding:0 0 0 20px;
}


#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:#02add2;
	text-decoration:none;
}