/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	position:relative; /* MeeQ */
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
  	width:			69px; /* left offset of submenus need to match (see below) */
  	opacity:0.95;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	position:relative; /* MeeQ */
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	z-index: 100; /* This is the important style directive, without it IE7 chokes */
}
.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:			69px; /* match top ul list item height */
	z-index:		1000;
}
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:			69px; /* match ul width */
	top:			0;
}

/*** OO SKIN ***/
.sf-menu {
    float: left;
	background:#46338d;
}
.sf-menu * {
	/*z-index: 1000;*/
}
.sf-menu .first{
}
.sf-menu .first1{
	background:none !important;
}

.sf-menu #active{
	
	background:#c2ac6e !important;
	text-decoration:underline;
	color:#fff;
}


.sf-menu #active1 a{
	color:#000 !important;
	
}

.sf-menu .no_sub{
	border:none !important;
}

.sf-menu li.sfHover{
	background:#503aa2;
}

.sf-menu a.lev1 {
	font-family: 'Arial', 'arial', 'sans-serif';
	color:#00347f;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
	/*text-transform: lowercase;*/
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
}
.sf-menu ul{
	margin:-3px 0px 0px -1px   !important;
	padding:0px 4px 0px 5px  !important;
	background:#46338d;
}

/* MENU:ADVIES */
.sf-menu li#advies ul,.sf-menu li#advies:hover,.sf-menu li#advies a.active{
	background:#c2ac6e !important;
}
.sf-menu li#advies ul li a:hover{
  background:#d8be77;
}
.sf-menu li#advies ul li a.active{
  background:#d8be77 !important;
}
/*----*/


/* MENU:PERSRELATIES */
.sf-menu li#persrelaties ul,.sf-menu li#persrelaties:hover,.sf-menu li#persrelaties a.active{
	background:#fc834a !important;
}
.sf-menu li#persrelaties ul li a:hover{
  background:#ff712f;
}
.sf-menu li#persrelaties ul li a.active{
  background:#ff712f !important;
}
/*----*/

/* MENU:MEDIA*/
.sf-menu li#media ul,.sf-menu li#media:hover,.sf-menu li#media a.active{
	background:#6C9D31 !important;
}
.sf-menu li#media ul li a:hover{
  background:#7bb239 !important;
}
.sf-menu li#media ul li a.active{
  background:#7bb239 !important;
}
/* ------- */


.sf-menu li#mediahuis ul,.sf-menu li#mediahuis:hover,.sf-menu li#mediahuis a.active{
	background:#503aa2 !important;
}
.sf-menu li#mediahuis ul li a:hover{
  background:#6146c3;
}
.sf-menu li#mediahuis ul li a.active{
  background:#5f46be !important;
}

/* ------- */
.sf-menu li {
	width:105px;
	height:65px;
	border-right:solid 1px #fff;
	text-align:left;
}
.sf-menu li a{
	width:95px;
	height:60px;
	padding:5px 5px 0 5px;
    display:block;
}
.sf-menu li ul {
	width:209px !important;
	height:240px;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	text-align:left;

}
.sf-menu li ul li.first {
	margin:20px 0 0 0;
}
.sf-menu li ul li {
	border:none;
	 height:30px;
	
}
.sf-menu li ul li a{
  display:block;
  padding:10px 0 10px 10px;
  vertical-align:middle;
  height:auto;
  width:189px
}
/* default hover when no class specified */
.sf-menu li ul li a:hover,.sf-menu li a.active{
  background:#503aa2;
  text-decoration:none;
}
.sf-menu li a.active{
 
  text-decoration:none;
}