
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu li {
	background:		/*#BDD2FF*/none;
}
.sf-menu li li {
	background:		/*#AABDE6*/none;
}
.sf-menu li li li {
	background:		/*#9AAEDB*/none;
	margin-left: 62px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		/*#CFDEFF*/none;
	outline:		0;
}

.sf-sub-indicator {
	display: none;
}

/***************NAVIGATION PLACING PHOTO_BACKGROUNDS*****************/

#home a {
	background-image: url('../images/nav.png');
	background-position: top left;
	background-repeat: no-repeat;
	width: 38px;
	height: 12px;
	border: none;
	/*border: solid 1px red;*/
}

#home a:hover {
	background-position: 0px -30px;
}

#winkel a {
	background-image: url('../images/nav.png');
	background-position: -60px 0;
	background-repeat: no-repeat;
	width: 42px;
	height: 12px;
	border: none;
	/*border: solid 1px red;*/
}

#winkel a:hover {
	background-position: -60px -30px;
}

	#aanbod a {
		background-image: url('../images/subnav_aanbod.png');
		background-position: 0 -1px;
		background-repeat: no-repeat;
		width: 159px;
		height: 16px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#aanbod a:hover {
		background-position: -183px -1px;
	}
			
	#virtueletour a {
		background-image: url('../images/subnav_aanbod.png');
		background-position: 0 -35px;
		background-repeat: no-repeat;
		width: 159px;
		height: 16px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#virtueletour a:hover {
		background-position: -183px -35px;
	}
			
	#crew a {
		background-image: url('../images/subnav_aanbod.png');
		background-position: 0 -69px;
		background-repeat: no-repeat;
		width: 159px;
		height: 16px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#crew a:hover {
		background-position: -183px -69px;
	}

	#voorwaarden a {
		background-image: url('../images/subnav_aanbod.png');
		background-position: 0 -103px;
		background-repeat: no-repeat;
		width: 159px;
		height: 14px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#voorwaarden a:hover {
		background-position: -183px -103px;
	}
			
	#nieuws a {
		background-image: url('../images/subnav_aanbod.png');
		background-position: 0 -136px;
		background-repeat: no-repeat;
		width: 159px;
		height: 12px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#nieuws a:hover {
		background-position: -183px -136px;
	}
			
#service a {
	background-image: url('../images/nav.png');
	background-position: -126px 0;
	background-repeat: no-repeat;
	width: 62px;
	height: 12px;
	border: none;
	/*border: solid 1px red;*/
}

#service a:hover {
	background-position: -126px -30px;
}

	#ontspanners a {
		background-image: url('../images/subnav_service.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		width: 273px;
		height: 17px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#ontspanners a:hover {
		background-position: 0 -200px;
	}

	#flessen a {
		background-image: url('../images/subnav_service.png');
		background-position: 0 -35px;
		background-repeat: no-repeat;
		width: 273px;
		height: 16px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#flessen a:hover {
		background-position: 0 -435px;
	}
	
	#pakken a {
		background-image: url('../images/subnav_service.png');
		background-position: 0 -70px;
		background-repeat: no-repeat;
		width: 273px;
		height: 13px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#pakken a:hover {
		background-position: 0 -670px;
	}
	
	#lampen a {
		background-image: url('../images/subnav_service.png');
		background-position: 0 -103px;
		background-repeat: no-repeat;
		width: 273px;
		height: 13px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#lampen a:hover {
		background-position: 0 -903px;
	}
	
	#jackets a {
		background-image: url('../images/subnav_service.png');
		background-position: 0 -136px;
		background-repeat: no-repeat;
		width: 273px;
		height: 13px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#jackets a:hover {
		background-position: 0 -1136px;
	}
	
	#computers a {
		background-image: url('../images/subnav_service.png');
		background-position: 0 -169px;
		background-repeat: no-repeat;
		width: 273px;
		height: 13px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#computers a:hover {
		background-position: 0 -1369px;
	}

/****************OPLEIDINGEN*****************/

#opleidingen a {
	background-image: url('../images/nav.png');
	background-position: -212px 0;
	background-repeat: no-repeat;
	width: 93px;
	height: 12px;
	border: none;
	/*border: solid 1px red;*/
}

#opleidingen a:hover {
	background-position: -212px -30px;
}

	#padi a {
		background-image: url('../images/subnav_opleidingen.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		width: 250px;
		height: 16px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#padi a:hover {
		background-position: 0 -100px;
		
	}

		#openwater a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 0;
			background-repeat: no-repeat;
			width: 247px;
			height: 16px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#openwater a:hover {
			background-position: -271px 0;
		}

		#advanced a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 -34px;
			background-repeat: no-repeat;
			width: 247px;
			height: 16px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#advanced a:hover {
			background-position: -271px -34px;
		}

		#rescue a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 -68px;
			background-repeat: no-repeat;
			width: 247px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#rescue a:hover {
			background-position: -271px -68px;
		}

		#emergency a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 -101px;
			background-repeat: no-repeat;
			width: 247px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#emergency a:hover {
			background-position: -271px -101px;
		}
	
		#enriched a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 -134px;
			background-repeat: no-repeat;
			width: 247px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#enriched a:hover {
			background-position: -271px -134px;
		}
	
		#divemaster a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 -167px;
			background-repeat: no-repeat;
			width: 247px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#divemaster a:hover {
			background-position: -271px -167px;
		}
	
		#assistant a {
			background-image: url('../images/subsubnav_padi.png');
			background-position: 0 -199px;
			background-repeat: no-repeat;
			width: 247px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#assistant a:hover {
			background-position: -271px -199px;
		}
	
/****************IANTD SUBSUBNAV*******************/
	
	#iantd a {
		background-image: url('../images/subnav_opleidingen.png');
		background-position: 0 -34px;
		background-repeat: no-repeat;
		width: 250px;
		height: 16px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#iantd a:hover {
		background-position: 0 -134px;
		width: 250px;
	}

		#eanx a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 0;
			background-repeat: no-repeat;
			width: 243px;
			height: 16px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#eanx a:hover {
			background-position: -267px 0;
			width: 250px;
		}
	
		#adveanx a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -34px;
			background-repeat: no-repeat;
			width: 243px;
			height: 16px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#adveanx a:hover {
			background-position: -267px -34px;
			width: 250px;
		}
	
		#advrec a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -68px;
			background-repeat: no-repeat;
			width: 243px;
			height: 15px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#advrec a:hover {
			background-position: -267px -68px;
			width: 250px;
		}
	
		#deep a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -100px;
			background-repeat: no-repeat;
			width: 243px;
			height: 13px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#deep a:hover {
			background-position: -267px -100px;
			width: 250px;
		}
	
		#norm a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -131px;
			background-repeat: no-repeat;
			width: 243px;
			height: 15px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#norm a:hover {
			background-position: -267px -131px;
			width: 250px;
		}
	
		#trimix a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -164px;
			background-repeat: no-repeat;
			width: 243px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#trimix a:hover {
			background-position: -267px -164px;
			width: 250px;
		}
	
		#eccr a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -196px;
			background-repeat: no-repeat;
			width: 243px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#eccr a:hover {
			background-position: -267px -196px;
			width: 250px;
		}
	
		#adveccr a {
			background-image: url('../images/subsubnav_iantd.png');
			background-position: 0 -228px;
			background-repeat: no-repeat;
			width: 243px;
			height: 14px;
			border: none;
			/*border: solid 1px red;*/
		}
		
		#adveccr a:hover {
			background-position: -267px -228px;
			width: 250px;
		}
	
/*****************************************/	

	#nelos a {
		background-image: url('../images/subnav_opleidingen.png');
		background-position: 0 -68px;
		background-repeat: no-repeat;
		width: 250px;
		height: 14px;
		border: none;
		/*border: solid 1px red;*/
	}
	
	#nelos a:hover {
		background-position: 0 -168px;
		width: 250px;
	}

/*********************************/

#vulstation a {
	background-image: url('../images/nav.png');
	background-position: -330px 0;
	background-repeat: no-repeat;
	width: 86px;
	height: 12px;
	border: none;
	/*border: solid 1px red;*/
}

#vulstation a:hover {
	background-position: -330px -30px;
}

#links a {
	background-image: url('../images/nav.png');
	background-position: -440px 0;
	background-repeat: no-repeat;
	width: 38px;
	height: 12px;
	border: none;
	/*border: solid 1px red;*/
}

#links a:hover {
	background-position: -440px -30px;
}

#contact a {
	background-image: url('../images/nav.png');
	background-position: -503px 0;
	background-repeat: no-repeat;
	width: 70px;
	height: 12px;
	border: none;
}

#contact a:hover {
	background-position: -503px -30px;
}