/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:          0;
    padding:         0;
    list-style:      none;
}
.sf-menu {
    line-height:     12px;
}
.sf-menu ul {
    position:        absolute;
    top:            -999em;
    width:           13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    margin-top:      2px;
    margin-left:     2px;
    width:           100%;
}
.sf-menu li:hover {
    visibility:      inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:           left;
    position:        relative;
    
    margin-top:     2px;
    margin-left:    2px;
}
.sf-menu a {
    display:         block;
    position:        relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           13em;
    top:            0; /* match top ul list item height */
    z-index:        99;
    margin-top:    -2px;
}
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:            13em; /* match ul width */
    top:             0;
    margin-top:     -2px;
}
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:            13em; /* match ul width */
    top:             0;
    margin-top:     -2px;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:            left;
    font-family:      arial;
    font-size:        11px;
    margin-bottom:    1em;
    margin-left:      12px;
    margin-top:       24px;
}
.sf-menu a {
    padding:         5px 9px;
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:            #000;
}
.sf-menu li {
    background:        #e2e2e2;
}
.sf-menu li li {
    background:        #e2e2e2;
}
.sf-menu li li li {
    background:        #e2e2e2;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:        #bababa;
    outline:        0;
}

 
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
    width:    13em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left:    13em; /* match ul width */
    top:    0;
}


/**
  * Werken en vergaderen
  *
  * NL
  */
.menu_item_4:hover, .menu_item_4.sfHover,
.menu_item_4 a:focus, .menu_item_4 a:hover, .menu_item_4 a:active{
    color:          #fff;
    background:     #457D26;
    outline:        0;
    
}

/**
  * EN
  */

.menu_item_128:hover, .menu_item_128.sfHover,
.menu_item_128 a:focus, .menu_item_128 a:hover, .menu_item_128 a:active{
    color:          #fff;
    background:     #457D26;
    outline:        0;
    
}

/**
  * beleven en genieten
  *
  * NL
  */

.menu_item_3:hover, .menu_item_3.sfHover,
.menu_item_3 a:focus, .menu_item_3 a:hover, .menu_item_3 a:active{
    color:          #fff;
    background:     #B01B1B;
    outline:        0;
    
}

/**
  * EN
  */
.menu_item_156:hover, .menu_item_156.sfHover,
.menu_item_156 a:focus, .menu_item_156 a:hover, .menu_item_156 a:active{
    color:          #fff;
    background:     #B01B1B;
    outline:        0;
    
}
  
/**
  * kennis en leren
  *
  * NL
  */
.menu_item_6:hover, .menu_item_6.sfHover,
.menu_item_6 a:focus, .menu_item_6 a:hover, .menu_item_6 a:active{
    color:          #fff;
    background:     #386896;
    outline:        0;          
    
}

/**
  * EN
  */
.menu_item_162:hover, .menu_item_162.sfHover,
.menu_item_162 a:focus, .menu_item_162 a:hover, .menu_item_162 a:active{
    color:          #fff;
    background:     #386896;
    outline:        0;          
    
}

/**
  * in balans
  *
  * NL
  */
.menu_item_7:hover, .menu_item_7.sfHover,
.menu_item_7 a:focus, .menu_item_7 a:hover, .menu_item_7 a:active{
    color:          #fff;
    background:     #6B4023;
    outline:        0;
    
}

/**
  * EN
  */
.menu_item_176:hover, .menu_item_176.sfHover,
.menu_item_176 a:focus, .menu_item_176 a:hover, .menu_item_176 a:active{
    color:          #fff;
    background:     #6B4023;
    outline:        0;
    
}

/*
.menu_item_84 a{
    color:          #fff!important;
    background:     #457D26;
    outline:        0;
    padding-left:   20px;
}
    
.menu_item_84:hover, .menu_item_84.sfHover,
.menu_item_84 a:focus, .menu_item_84 a:hover, .menu_item_84 a:active{
    color: #000!important;
}

.menu_item_85 a{
    color:          #fff!important;
    background:     #B01B1B;
    outline:        0;
    padding-left:   20px; 
}
    
.menu_item_85:hover, .menu_item_85.sfHover,
.menu_item_85 a:focus, .menu_item_85 a:hover, .menu_item_85 a:active{
    color: #000!important;
}

.menu_item_86 a{
    color:          #fff!important;
    background:     #6B4023;
    outline:        0;
    padding-left:   20px; 
}
    
.menu_item_86:hover, .menu_item_86.sfHover,
.menu_item_86 a:focus, .menu_item_86 a:hover, .menu_item_86 a:active{
    color: #000!important;
}  


.menu_item_87 a{
    color:          #fff!important;
    background:     #386896;
    outline:        0;
    padding-left:   20px; 
}
    
.menu_item_87:hover, .menu_item_87.sfHover,
.menu_item_87 a:focus, .menu_item_87 a:hover, .menu_item_87 a:active{
    color: #000!important;
}

*/