/* MENU DEFAULT */

.horizontaal-nav{
    position:absolute;
    right: 0px;
    top: 82px;
    height: 33px;
    z-index: 3;
    margin: 0px;
}

.horizontaal-nav ul, .horizontaal-nav li{
    margin: 0px;
    padding: 0px;
    list-style: none;
    list-style-type: none;
    outline: none;
    display: inline;
}

.horizontaal-nav li{
    position:relative;
    float:left;
    display: inline;
    height: 100%;
    /*
    background-image: url(../images/menu-split.png);
    background-repeat: no-repeat;
    background-position: top right;
    */
}

.horizontaal-nav a:link, .horizontaal-nav a:active, .horizontaal-nav a:visited{
    position:relative;
    float:left;
    height: 100%;
    line-height: 33px;   
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 7px;
    color: #333333;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    background-color: #f1f1ef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s;
    -moz-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s;
    -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s;
    
}

.horizontaal-nav a:hover{
    background-color: #006d3b;
    color: #fff;
}

.horizontaal-nav .current_page_item a{
    background-color: #006d3b;
    color: #fff;
}

.mainitem-container:hover a:link, .mainitem-container:hover a:active, .mainitem-container:hover a:visited, .mainitem-container:hover a:hover{
    background-color: #006d3b;
    color: #fff;
}

.horizontaal-nav .first{

}

.horizontaal-nav .last{
    
}

/* SUB MENU */

.submenu{
    position:absolute;
    display: none!important;
    width: 187px!important;
    padding-top: 0px !important;
    top: 33px;
    left: -50px;
    background-image: none;
    background-color: #fff;
    border-left: 1px solid #e0e0e0; 
    border-right: 1px solid #e0e0e0; 
    border-bottom: 1px solid #e0e0e0; 
    padding-bottom: 10px !important;
    padding-top: 5px !important;
    border-radius: 0px 0px 5px 5px !important;
    -moz-border-radius: 0px 0px 5px 5px !important;
    -webkit-border-radius: 0px 0px 5px 5px !important;
    -moz-box-shadow: 2px 2px 2px #bababa;
    -webkit-box-shadow: 2px 2px 2px #bababa;
    box-shadow: 2px 2px 2px #bababa;
}

.mainitem-container:hover .submenu, .current_page_item:hover .submenu{
    display: block!important;    
}

.submenu li{
    height: auto!important;
    color:#fff!important;
    background-image: none!important;
}

.submenu li:hover{
    color:#fff!important;
    background-image: none!important;
}

.submenuitem{
    position:relative;
    float:left;
    display: inline;
    height: auto!important;
    width: 143px!important;
    line-height: 20px!important;
    text-align: left!important;
    padding-top: 6px!important;
    padding-bottom: 6px!important; 
    background-color: #f1f1ef!important;
    background-image: none!important;
    outline: none!important;
    color:#333333!important;
    text-decoration: none!important;
    margin-left: 10px;
    margin-top: 5px;
}

.submenuitem:hover{
    color:#fff!important;
    background-color: #006d3b !important;
}


/* SUB SUB MENU */

.subsubmenu{
    position:absolute;
    display: none!important;
    width: 250px!important;
    top: 0px;
    left: 273px;
    background-image: none;
}

.submenu li:hover .subsubmenu{
    display: block!important;    
}

.subsubmenu li{
    height: auto!important;
    color:#fff!important;
    background-image: none!important;
}

.subsubmenu li:hover{
    color:#fff!important;
    background-image: none!important;
}

.subsubmenuitem{
    position:relative;
    float:left;
    display: inline;
    height: auto!important;
    width: 223px!important;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 20px!important;
    text-align: left!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important; 
    background-color: red!important;
    background-image: none!important;
    outline: none!important;
    border-top: 1px solid blue;
    color:#fff!important;
    text-decoration: none!important;
}

.subsubmenuitem:hover{
    color:#fff!important;
    background-color: lightblue!important;
    border-top: 1px solid #ca0073;
}





/* MENU VERTICAAL */
.verticaal-nav{
    position:absolute;
    width: 250px;
    left: 0px;
    top: 0px;
    background-color: lightgray;
    z-index: 3;
}

.verticaal-nav ul, .verticaal-nav li{
    margin: 0px!important;
    padding: 0px!important;
    list-style: none!important;
    list-style-type: none!important;
    outline: none!important;
    display: inline;
}

.verticaal-nav li{
    position:relative;
    float:left;
    display: inline;
    height: 100%;
    /*
    background-image: url(../images/menu-split.png);
    background-repeat: no-repeat;
    background-position: top right;
    */
}

.verticaal-nav a:link, .verticaal-nav a:active, .verticaal-nav a:visited{
    position:relative;
    float:left;
    display: inline;
    width: 200px;
    height: 100%!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important; 
    line-height: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-top: 1px solid lightgray;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-align: left;
    background-color: darkgrey;
}

.verticaal-nav a:hover{
    background-color: green!important;
}

.verticaal-nav .verticaal-current_page_item{
    background-color: black!important;
}

.verticaal-mainitem-container:hover a:link, .verticaal-mainitem-container:hover a:active, .verticaal-mainitem-container:hover a:visited, .verticaal-mainitem-container:hover a:hover{
    background-color: green;
}

.verticaal-nav .verticaal-first{

}

.verticaal-nav .verticaal-last{
    
}

/* SUB MENU */

.verticaal-submenu{
    position:absolute;
    display: none!important;
    width: 250px!important;
    top: 0px;
    left: 250px;
    background-image: none;
}

.verticaal-mainitem-container:hover .verticaal-submenu, .verticaal-current_page_item:hover .verticaal-submenu{
    display: block!important;    
}

.verticaal-submenu li{
    height: auto!important;
    color:#fff!important;
    background-image: none!important;
}

.verticaal-submenu li:hover{
    color:#fff!important;
    background-image: none!important;
}

.verticaal-submenuitem{
    position:relative;
    float:left;
    display: inline;
    height: auto!important;
    width: 223px!important;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 20px!important;
    text-align: left!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important; 
    background-color: purple!important;
    background-image: none!important;
    outline: none!important;
    border-top: 1px solid pink!important;
    color:#fff!important;
    text-decoration: none!important;
}

.verticaal-submenuitem:hover{
    color:#fff!important;
    background-color: pink!important;
    border-top: 1px solid purple;
}


/* SUB SUB MENU */

.verticaal-subsubmenu{
    position:absolute;
    display: none!important;
    width: 250px!important;
    top: 0px;
    left: 273px;
    background-image: none;
}

.verticaal-submenu li:hover .verticaal-subsubmenu{
    display: block!important;    
}

.verticaal-subsubmenu li{
    height: auto!important;
    color:#fff!important;
    background-image: none!important;
}

.verticaal-subsubmenu li:hover{
    color:#fff!important;
    background-image: none!important;
}

.verticaal-subsubmenuitem{
    position:relative;
    float:left;
    display: inline;
    height: auto!important;
    width: 223px!important;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 20px!important;
    text-align: left!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important; 
    background-color: red!important;
    background-image: none!important;
    outline: none!important;
    border-top: 1px solid blue!important;
    color:#fff!important;
    text-decoration: none!important;
}

.verticaal-subsubmenuitem:hover{
    color:#fff!important;
    background-color: lightblue!important;
    border-top: 1px solid #ca0073;
}


/* MENU HORIZONTAAL MET HORIZONTAAL SUBMENU */

.horizontaal-2-nav{
    position:absolute;
    width: 100%;
    height: 40px;
    left: 0px;
    bottom: 0px;
    background-color: lightgray;
    z-index: 3;
}

.horizontaal-2-nav ul, .horizontaal-2-nav li{
    margin: 0px!important;
    padding: 0px!important;
    list-style: none!important;
    list-style-type: none!important;
    outline: none!important;
    display: inline;
}

.horizontaal-2-nav li{
    position:relative;
    float:left;
    display: inline;
    height: 100%;
    /*
    background-image: url(../images/menu-split.png);
    background-repeat: no-repeat;
    background-position: top right;
    */
}

.horizontaal-2-nav a:link, .horizontaal-2-nav a:active, .horizontaal-2-nav a:visited{
    position:relative;
    float:left;
    display: inline;
    height: 100%;
    line-height: 38px;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 2px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    background-color: darkgrey;
}

.horizontaal-2-nav a:hover{
    background-color: green!important;
}

.horizontaal-2-nav .current_page_item-2{
    background-color: black!important;
}

.mainitem-container-2:hover a:link, .mainitem-container-2:hover a:active, .mainitem-container-2:hover a:visited, .mainitem-container-2:hover a:hover{
    background-color: green;
}

.horizontaal-2-nav .first-2{

}

.horizontaal-2-nav .last-2{
    
}

/* SUB MENU */

.submenu-2{
    position:absolute;
    display: none!important;
    width: 990px!important;
    height: 40px!important;
    top: 40px;
    left: -86px;
    background-color: darkgray;
    background-image: none;
}

.mainitem-container-2:hover .submenu-2, .current_page_item-2:hover .submenu-2{
    display: block!important;    
}

.submenu-2 li{
    height: auto!important;
    color:#fff!important;
    background-image: none!important;
}

.submenu-2 li:hover{
    color:#fff!important;
    background-image: none!important;
}

.submenuitem-2{
    position:relative;
    float:left;
    display: inline;
    height: 40px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    margin-bottom:0px!important;
    line-height: 38px!important;
    text-align: center!important;
    background-color: purple!important;
    background-image: none!important;
    outline: none!important;
    color:#fff!important;
    text-decoration: none!important;
}

.submenuitem-2:hover{
    color:#fff!important;
    background-color: pink!important;
}


/* SUB SUB MENU */

.subsubmenu-2{
    position:absolute;
    display: none!important;
    width: 250px!important;
    top: 40px;
    left: 0px;
    background-image: none;
}

.submenu-2 li:hover .subsubmenu-2{
    display: block!important;    
}

.subsubmenu-2 li{
    height: auto!important;
    color:#fff!important;
    background-image: none!important;
}

.subsubmenu-2 li:hover{
    color:#fff!important;
    background-image: none!important;
}

.subsubmenuitem-2{
    position:relative;
    float:left;
    display: inline;
    height: auto!important;
    width: 223px!important;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 20px!important;
    text-align: left!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important; 
    background-color: red!important;
    background-image: none!important;
    outline: none!important;
    border-top: 1px solid blue;
    color:#fff!important;
    text-decoration: none!important;
}

.subsubmenuitem-2:hover{
    color:#fff!important;
    background-color: lightblue!important;
    border-top: 1px solid #ca0073;
}