/**
 * Stilmallar för menyerna.
 */

div#navigation {
        /**
         * Omgivande div som innehåller menyerna.
         * Kan behöva struktureras om, ifall vi vill separera menyerna
         * layoutmässigt.
         */
        padding: 0em 1em;
        color: #f90;
        background-color: #000;
}

div#navigation ul {
        /**
         * Gemensamma egenskaper för menylistorna.
         */

        /* Ta bort plupparna som markerar list-element */
        list-style: none;

        /* Ge menyerna position, så att vi kan flytta ut specialternativ till högerkanten. */
        position: relative;

        padding: 0.5em 0em;
        margin: 0em;
}

div#navigation ul li {
        /* Visa menyalternativen horisontellt istället för vertikalt. */
        display: inline;
        margin-right: 1.4em;
}

div#navigation ul li a.current {
        /* Den aktuella menylänken avviker i utseende */
        color: #f90;
}

div#navigation ul.subMenu {
        /* Gör texten i undermeny mindre, och fixa en streckad linje mellan menyerna */
        border-top: 1px dotted #777;
        font-size: 80%;
}

div#navigation ul li.logout {
        /* Utloggningslänk (och omgivande text). */
        /* Positionera längst till höger i menyn. */
        position: absolute;
        top: 0px;
        right: 0px;

        color: #fff;
        margin: 0.5em 0em;
}

div#navigation ul.mainMenu li.logout {
        /* Huvudmenyn har större text än undermenyn, så se till att
         * textstorlekarna på högerelementen i menyerna stämmer överens
         */
        font-size: 80%;
}

/* Formattering av länkar i menyerna */
div#navigation a {
        text-decoration: none;
        color: #ffebb0;
}

div#navigation a:hover {
        color: #f90;
        text-decoration: underline;
}