/*** 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:			3.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:			right;
	margin:16px 0 0 0;
}
.sf-menu a {
	text-decoration:none; height:42px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}

.sf-menu li.btnHome {  width: 54px; background: url("../img/menu/btn_home.png") top left; text-indent: -999999px; z-index:999; height:42px;  display:block; position:relative; clear:both; _position: static;}
.sf-menu li.btnHome:hover {background-position: center left;}
.sf-menu li.btnHomeActive {width: 54px; background: url("../img/menu/btn_home.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnHomeActive:hover {background-position: botom left;}

.sf-menu li.btnDiensten {width: 80px; background: url("../img/menu/btn_diensten.png") top left; 	text-indent: -999999px; z-index:999; height:42px; }
.sf-menu li.btnDiensten:hover {background-position: center left;}
.sf-menu li.btnDienstenActive {width: 80px; background: url("../img/menu/btn_diensten.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnDienstenActive:hover {background-position: botom left;}

.sf-menu li.btnCases {width: 60px; background: url("../img/menu/btn_cases.png") top left; 	text-indent: -999999px; z-index:999; height:42px; }
.sf-menu li.btnCases:hover {background-position: center left;}
.sf-menu li.btnCasesActive {width: 60px; background: url("../img/menu/btn_cases.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnCasesActive:hover {background-position: botom left;}

.sf-menu li.btnWerkwijze {width: 95px; background: url("../img/menu/btn_werkwijze.png") top left; 	text-indent: -999999px; z-index:999; height:42px; }
.sf-menu li.btnWerkwijze:hover {background-position: center left;}
.sf-menu li.btnWerkwijzeActive {width: 95px; background: url("../img/menu/btn_werkwijze.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnWerkwijzeActive:hover {background-position: botom left;}

.sf-menu li.btnOver-ons {width: 83px; background: url("../img/menu/btn_overons.png") top left; 	text-indent: -999999px; z-index:999; height:42px; }
.sf-menu li.btnOver-ons:hover {background-position: center left;}
.sf-menu li.btnOver-onsActive {width: 83px; background: url("../img/menu/btn_overons.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnOver-onsActive:hover {background-position: botom left;}

.sf-menu li.btnContact {width: 75px; background: url("../img/menu/btn_contact.png") top left; 	text-indent: -999999px; z-index:999; height:42px; }
.sf-menu li.btnContact:hover {background-position: center left;}
.sf-menu li.btnContactActive {width: 75px; background: url("../img/menu/btn_contact.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnContactActive:hover {background-position: botom left;}

.sf-menu li.btnBlog {width: 58px; background: url("../img/menu/btn_blog.png") top left; 	text-indent: -999999px; z-index:999; height:42px; }
.sf-menu li.btnBlog:hover {background-position: center left;}
.sf-menu li.btnBlogActive {width: 58px; background: url("../img/menu/btn_blog.png") bottom left; text-indent: -999999px; z-index:999; height:42px;}
.sf-menu li.btnBlogActive:hover {background-position: botom left;}


/* Drop down */

.sf-menu li li a {
	display: block;
	width: 151px;
	height: 30px;
	background: url("../img/menu/btn_dropdown_bg.png");
	text-indent:10px;
	font-weight: normal;
	font-size:12px;
	color: #aaa;
	text-decoration: none;
	line-height: 2.4em;
	text-align:left;
	z-index: 999;
}

.sf-menu li li a:hover {
	background: url("../img/menu/btn_dropdown_hover_bg.png");
	color: #ffffff;
}	

.sf-menu li li li {
	background:		#9AAEDB;
}