/* 
	WordPress Menubar Plugin
	sf-blue.css stylesheet for the Suckerfish template

	Credits:
	Son of Suckerfish Dropdowns
	By Patrick Griffiths and Dan Webb
	http://www.htmldog.com/articles/suckerfish/dropdowns/
*/


/*** ----------------- DIT BLOKJE TOEGEVOEGD OP 22/12/2009 -----------***/
.sf-blue, .sf-blue, .sf-blue-webshop * {
margin: 0;
padding: 0;
list-style: none;
z-index: 10;      /*to fix IE8 submenu*/
}
/*** ---------------------Werk (nog) niet. Flash blijft on top ---------- ***/

.sf-blue-webshop {
                width:980px;                                   /* toegevoegd 21-09-2015 voor webshop */
	margin: 0px 0px 0 0px;                  /* 1e op 0 zetten om rand boven weg te halen */
	background: #000000;                       /* achtergrondkleur, was 800000 000980=blauw*/
	height: 24px;
	border-top: 10px solid #b4b4b4;        /* DONKER GRIJS rand boven de knoppen over hele lengte, was 000000 */
	border-bottom: 2px solid #800000;    /* rand onder de knoppen over hele lengte */
	padding: 0;
	text-align: left;
}

.sf-blue {
                /* width:100%;                                   toegevoegd 21-09-2015 voor webshop */
	margin: 0px 10px 0px 10px;                  /* 1e op 0 zetten om rand boven weg te halen */
	background: #f0f0f0;                       /* achtergrondkleur, was 800000 000980=blauw*/
	height: 24px;
	border-top: 1px solid #b4b4b4;          /* DONKER GRIJS rand boven de knoppen over hele lengte, was 000000 */
	border-bottom: 3px solid #800000;    /* rand onder de knoppen over hele lengte */
	padding: 0;
	text-align: left;
}

.sf-blue ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #f0f0f0;             /* #dedede;  */              
	/* UITGEZET z-index: 9;      stond origineel op 9 */
}

.sf-blue ul ul {
	top: 24px;
	position: absolute;
	left: -999em;
	width: 170px;
	margin: 0;
                border-bottom: 0.5px solid #800000;    /* rand onder de uitgeklapte menuitems - alleen bottom rand */
	padding: 0;
}
	
.sf-blue ul ul ul {
	margin: -26px 0 0 170px;
}

.sf-blue li {
	float: left;
	padding: 0;
	height: 24px;
	position: relative;
}

.sf-blue li li {
	float: left;
	padding: 0;
	width: 170px;
                border-top: 0.5px solid #cecece;    /* rand boven de menuitems - tussen items */
                /* position: relative;                         TEST   huub toegevoegd 22-dec-2009 - Voor overlay - Werkt niet */
                /* z-index: 10;                                 TEST   huub toegevoegd 22-dec-2009 - Voor overlay - werkt niet */
}

.sf-blue a, 
.sf-blue a:visited, 
.sf-blue a:hover {
	font-size: 12px;
	font-weight: bold;
	float: left;
	color: #000000;                     /* kleur lettertype */
	text-decoration: none;
	display: block;          
	height: 24px;
	line-height: 24px;
	padding: 0 15px;
	overflow: hidden;
}

.sf-blue li li a, 
.sf-blue li li a:visited, 
.sf-blue li li a:hover {
	padding: 0;
	text-indent: 15px;
	width: 170px;
}

.sf-blue li:hover ul ul, 
.sf-blue li:hover ul ul ul,
.sf-blue li:hover ul ul ul ul,  
.sf-blue li.wpmhover ul ul, 
.sf-blue li.wpmhover ul ul ul, 
.sf-blue li.wpmhover ul ul ul ul {
	left: -999em;
}

.sf-blue li:hover ul, 
.sf-blue li li:hover ul, 
.sf-blue li li li:hover ul, 
.sf-blue li li li li:hover ul,
.sf-blue li.wpmhover ul, 
.sf-blue li li.wpmhover ul, 
.sf-blue li li li.wpmhover ul,
.sf-blue li li li li.wpmhover ul{
	left: 0;
}

.sf-blue li.selected, 
.sf-blue li.current-cat, 
.sf-blue li.current-cat-parent, 
.sf-blue li.current_page_item, 
.sf-blue li.current_page_parent,
.sf-blue li.current_page_ancestor  {
	background: #f0f0f0;                   /* #c6c4c4;           kleur geactiveerde menuknop #727272 */
}


.sf-blue li:hover, 
.sf-blue li.wpmhover {
	background: #dddddd;                  /* #c6c4c4;            kleur mouse over #727272 *
}


.sf-blue li {
	border-left: 1px solid #800000;
	border-right: 1px solid #800000;
}

.sf-blue li li {
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}

.sf-blue ul ul {
	border-left: 1px solid #800000;
	border-right: 1px solid #800000;
}

.sf-blue-after {
	clear: left;
	margin: 0 10px 0 10px;
	background: url(shadow.png) repeat-x;
	height: 6px;
	border-top: 1px solid #000000;
}