/*#menu {
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
}
*/
.dropdown-submenu{
    position: relative;
}
.dropdown-submenu .dropdown-menu{
    top:0;
    left: 100%;
    margin-top: -1px;
}
#nav {height:35px;margin:0;padding:0;}
/*#nav {height:35px;list-style:none;margin:0;padding:0;float:left;text-align:center;width:100%;background: #45adbd;}*/

#nav li {
    display:inline-block;
    position:relative;
    float:left;
    height:35px;
    background:#45adbd;
    vertical-align:middle;
    }
    .menurechts{
        right:100%;
    }
    #nav button{
    border:none;display:inline-block;
        vertical-align:middle;
    text-decoration:none;
    color:inherit;background-color:inherit;
    cursor:pointer;white-space:nowrap;       
    background:#45adbd;
    text-align:center;
    overflow:hidden;

    }
#nav li a {
    display:inline-block;
    width:120px;
    line-height:35px;
    padding:0;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    }
    
#nav li li {float:left; }
/*width is submenu*/    
#nav li li a {
    display:block;
    font-size:12px;
    width:160px;
    text-align:left;
    padding:3px;
    opacity:1;
    transition: opacity 1s;
    background:#fffffa;
    color:black;
}
    
#nav li:hover {background:#45adbd;}

/*--- Sublist Styles ---*/
#nav ul {
    position:absolute;
    padding:0px;
    left:0;
    /* display:none; */
    opacity:0;
    transition: opacity 1s;
    }

/*--- Hide Sub Sublists ---*/
#nav li:hover ul ul {
    /* display:none; */
    opacity:0;
    transition: opacity 1s;
}

/*--- Sublevel UL's display and position on hover ---*/
#nav li:hover ul {
   /* display:block; */
   opacity:1;
   transition: opacity 1s;
   } 
   
/* had to make the position NOT based on hover, but permanent 
for the transition to work , thus moved it from POS_001 
margin-left is grens sub en subsub menu*/
#nav li li  ul {
   margin-left:167px;
   margin-top:-35px;
}/*width is sub-sub menu*/
#nav li li li a{
    width:200px;
    background:#fffff0;
}
#nav li li:hover ul {
   /* POS_001 */
   /* display:block; */
   opacity:1;
   transition: opacity 1s;
}