/*** 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: 		.1em 0px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#13a;*/
}

.sf-menu li {
	
}
.sf-menu li li {
	
}
.sf-menu li li li {
	
}

.sf-menu li:first-child, .sf-menu li.first-child {
}

.sf-menu li:last-child, .sf-menu li.last-child {
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
	outline:		0;
}



/*mainmenu acitve state */

/*.sf-menu li#current, .sf-menu li#current span {
	color: #252525!important;
}*/



.sf-navbar li.sfHover a span div{
	color: #2b2b2b;
}


/*submenu active state */
.sf-menu li li#current span div, .sf-menu li ul li.active span div {
color: #00adee !important;
}

.sf-menu li ul li span:hover{
	background: url(../images/sub-over.png) no-repeat 5px 7px!important;
	overflow: visible;
	height: 46px;
	border-right: 0px;
	width: auto!important;
}

.sf-menu li ul #current span, .sf-menu li ul li.active span, .sf-menu li ul #current span:hover, .sf-menu li ul li.active span:hover
{
	background: url(../images/subhover-gen.png) no-repeat center -2px!important;
	voice-family:"\"}\"";
	voice-family:inherit;
	background-position:center -2px!important;\  /*internetexplorer*/
	background-position:center -2px!important;  /*mozilla*/
	[background-position:center -2px!important;  /*mozilla*/
	background-position:center -1px!important;]  /*chrome*/
	overflow: visible;
	height: 50px;
	border-right: 0px;
	width: auto!important;
}


/* end active state submenu */

.superfish_clear { 
	clear: both !important;
	height: 1px !important;
	overflow: hidden !important;
	font-size: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/*general styling topmenu*/
.sf-menu li a span{
	height:36px;
	line-height:26px;
	display:block;
	margin:2px 0px 0px 0;
	/*padding: 5px 19px 2px 43px;*/
	width:auto;
	font-family: Nobile, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight:400;
	font-size:17px;
	color:#626262;
}

.sf-menu li a span div{
	font-family: Nobile, Arial, Helvetica, sans-serif;
	/*letter-spacing: -1px;*/
	font-weight:400;
	font-size:17px;
	color:#626568;
	/*color: #464748;*/
	width:auto;
	/*padding: 3px 40px 2px 58px;*/
	padding: 3px 33px 2px 51px;
}


.sf-menu li a div{
	background-image: url(../images/topmenu-line.png);
	background-repeat: no-repeat; 
	background-position: right 0px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 4px;
}

	
.sf-navbar li.parent.current span{
	color: #2b2b2b!important;
	}
	
.sf-menu li span:hover{
		color:#4b5258!important;
	}

.sf-navbar li.sfHover{
	background-image: url(../images/top-active.png);
	background-position: -1px 4px;
	background-repeat: no-repeat;
}

/*.sf-navbar li {
	background-image: url(../images/top-trans.png);
	background-position: -1px 4px;
	background-repeat: no-repeat;
}*/



/*child items*/
li.first-child {
	margin-left: 10px;
}

.sf-menu li ul li span {
	font-family: Nobile, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight:400;
	font-size:13px;
	color:#626262!important;
	height: 23px;
	overflow: visible;

}

.sf-menu li ul li span div{
	font-family: Nobile, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight:400;
	font-size:13px;
	padding: 4px 24px 7px 24px;
	margin:8px 1px 0px 0px;
}

/*
.sf-menu li ul li span:hover{
	background: url(../images/sub-over.png) no-repeat 5px 7px!important;
	overflow: visible;
	height: 46px;
	border-right: 0px;
	width: auto!important;
}  */

.sf-menu li ul li span, .sf-menu li ul li a:hover, .sf-menu li ul li#current a, .sf-navbar ul li.sfHover{
	background-image: none!important;
	width: auto!important;
}

.sf-menu li ul li div, .sf-menu li ul li div{
	background-image: url(../images/topmenu-line-sub.png);
	background-repeat: no-repeat; 
	height: 31px;
	background-position: right -4px;
}

/****************************mainmenuitems top zakelijk*********************************/

.sf-menu li.item231 a span, .sf-menu li.item294 a span {
	background: url(../images/home-normal.png) no-repeat;
	background-position: 25px 8px;
}

.sf-menu li.item231 a:hover span, .sf-menu li#current.item231 a:hover span, .sf-menu li.item294 a:hover span, .sf-menu li#current.item294 a:hover span {
	background: url(../images/home-active.png) no-repeat;
	background-position: 25px 8px;
}

.sf-menu li.item290 a span {
	background: url(../images/betaalproducten-normal.png) no-repeat;
	background-position: 25px 9px;
}

.sf-menu li.item290 a:hover span {
	background: url(../images/betaalproducten-active.png) no-repeat;
	background-position: 25px 9px;
}

.sf-menu li.item280 a span {
	background: url(../images/aanmeldenwebwinkel-normal.png) no-repeat;
	background-position: 25px 6px;
}

.sf-menu li.item280 a:hover span {
	background: url(../images/aanmeldenwebwinkel-active.png) no-repeat;
	background-position: 25px 6px;
}


.sf-menu li.item236 a span {
	background: url(../images/consumenten-normal.png) no-repeat;
	background-position: 25px 9px;
}

.sf-menu li.item236 a:hover span{
	background: url(../images/consumenten-active.png) no-repeat;
	background-position: 25px 9px;
}

.sf-menu li.item326 a span {
	background: url(../images/hetbedrijf-normal.png) no-repeat;
	background-position: 25px 8px;
}

.sf-menu li.item326 a:hover span {
	background: url(../images/hetbedrijf-active.png) no-repeat;
	background-position: 25px 8px;
}

.sf-menu li.item414 a span, .sf-menu li.item360 a span {
	background: url(../images/support-normal.png) no-repeat;
	background-position: 25px 7px;
}

.sf-menu li.item414 a:hover span, .sf-menu li.item360 a:hover span {
	background: url(../images/support-active.png) no-repeat;
	background-position: 25px 7px;
}


/****************************mainmenuitems top consument *********************************/

.sf-menu li.item45 a span {
	background: url(../images/home-normal.png) no-repeat;
	background-position: 20px 9px;
}

.sf-navbar li.item45.sfHover{
	background-image: url(../images/top-active-home.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.sf-menu li.item45 a:hover span, .sf-menu li#current.item231 a:hover span {
	background: url(../images/home-active.png) no-repeat;
	background-position: 20px 9px;
}

/*login */

.sf-menu li.item408 a span {
	background: url(../images/login-consument-normal.png) no-repeat;
	background-position: 25px 6px;
}

.sf-menu li.item408 a:hover span {
	background: url(../images/login-consument-active.png) no-repeat;
	background-position: 25px 6px;
}

/*contachetbedrijf */

.sf-menu li.item327 a span {
	background: url(../images/contact-normal.png) no-repeat;
	background-position: 24px 8px;
}

.sf-menu li.item327 a:hover span {
	background: url(../images/contact-active.png) no-repeat;
	background-position: 24px 8px;
}

/*klantenbedrijf */

.sf-menu li.item328 a span {
	background: url(../images/klanten-normal1.png) no-repeat;
	background-position: 24px 8px;
}

.sf-menu li.item328 a:hover span {
	background: url(../images/klanten-active.png) no-repeat;
	background-position: 24px 8px;
}