CSS menu li ul

body{
    font: 16px sans-serif;
    margin:0;
}
a:link {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration:none;
    font-weight: none;
    color: #FFF;
}
a:visited {
    text-decoration: none;
    font-weight: none;
    color: #FFF;
}
a:hover {
    text-decoration: none;
    font-weight: none;
    color: #999;
    font-stretch:wider;
}
a:activ {
    text-decoration: none;
    font-weight: none;
    color: #FFF;
}
ul {
    padding:0;
    list-style: none;
}



@media all and (min-width: 800px){
    #menu {
        position:relative;
    }
    #menu ul {
        display: inline;
    }
    #menu li {
        background-color:#333;
        color:#FFF;
        cursor:pointer;       
        border:solid thin;
        width:200px;
        padding:20px;
    }
    #menu li.fundet{
        background:#ff6600;
        width:200px;       
        border:solid thin;
    }
    #menu ul ul {
        position:fixed;
        left:10000px;
        margin-left: 0px;
        margin-top: -20px;
    }
    #menu ul > li:hover > ul {
        position: absolute;
        left:241px;
    }
    #menu-button {
        display:none;
    }
}
@media all and (max-width: 800px){
    #menu-button {   
        padding:20px;
        font-weight:bold;
    }

    #menu {
        background-color:#333;
        color:#FFF;
        cursor:pointer;       
        width:100%;   
    }
    #menu > ul {
        display:none;
    }
   
    #menu > ul.open {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.1);       
        padding:10px 0px 10px 0px;
    }
   
    #menu > ul.open li.fundet ul.open {
        display: block;       
    }
   
    #menu > ul > li > ul {
        padding:10px 0px 10px 0px;
        border-bottom:solid thin #FFF;
        background-color:#ff6600;
        display:none;   
    }   
   
    #menu > ul > li {   
        background-color:#CCC;
        padding:10px 0px 10px 0px;
    }   
}