CSSnav

* {                     /* indstiller hele navens position */
    margin:0;
    padding:0;
    outline:0;
}
.nav {
       height:30px;
       background:none;  /* Overordnet farve på hele naviagtionsbaren */
       color:#fff;
       text-shadow:1px 1px #888;
       z-index:1000;
}
.menu a {
     float:left;
     color:#eee;    /* Linkfarven */
     text-decoration:none;
     width:80px; height:25px;
     padding-top:8px;
}
.menu span {
    float:left;
    color:#eee;
    text-decoration:none;
    width:80px;
    height:25px;
    padding-top:8px;
}
.menu a:hover {
    color:#EF8510       /* Her kan du style den farve selv link teksten skal have når du musen er over den */
}
.menu {
    list-style:none;
    text-align:center;
    width:480px;
    margin:0 auto
}
.menu li {
    position:relative;
    float:left;
    width:80px;
    z-index:1000
}
.menu ul {
    display:none;
    position:absolute;
    font:normal 13px Arial,Verdana;
    top:25px;
    left:0;
    background:#81acc2;   /* listefarven uden hover */
    display:none;
    list-style:none;
}
.menu ul li {
    float:none;
    border-top:1px solid #ccc;
    width:80px;
}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
    float:none;
    display:block;
    background:none;
    height:15px;
    padding-top:5px
}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
    background:#518aa6; /* Farven på det udenom linket når man køre musen over det */
    color:#EF8510 ; /* Farven på liste tekst linket når man køre musen over det */
}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
    float:none;
    display:block;
    background:none;
    height:15px;
    padding-top:5px
}
.menu ul ul {
    left:80px;
    top:0
}

.menu li.noborder {
    border-top:none
}
li.menuhover a, li.menuhover li.menuhover a {
    color:#fff; /* tekst farven på overordnet menu item */
    background:#518aa6 /* Farven på overordnet menu item */
}