/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu 
{
    font-family: arial, sans-serif;
    /*border:solid 1px black;*/
    width:155px;
    height:auto;
    position:relative;
    margin:0;
    font-size:11px;
    /*margin:50px 0;*/
}

    .menu ul li a, .menu ul li a:visited 
    {
        padding-left:10px;
        display:block;
        text-decoration:none;
        color:#000;
        width:145px;
        height:20px;
        border:1px solid #fff;
        border-width:1px 1px 0 0;
        /*background:#c9c9a7;*/
        background-image:url(/Images/buttonBackground-CC0000.gif);
        background-repeat:no-repeat;
        background-position:left;
        line-height:19px;
        font-size:11px;
    }

    .menu ul 
    {
        padding:0;
        margin:0;
        list-style-type: none; 
    }
    
    .menu ul li 
    {
        float:left;
        margin-right:1px;
        position:relative;
    }

    .menu ul li ul 
    {
        display: none;
    }

    /* specific to non IE browsers */
    .menu ul li:hover a 
    {
        color:#fff; 
        /*background:#b3ab79;*/
        background:#992020;
    }

    /*Level 2*/
    .menu ul li:hover ul 
    {
        display:block;
        position:absolute;
        top:0;
        left:156px;
        width:105px;
    }

    .menu ul li:hover ul li a.hide 
    {
        background:#CE7C64;
        color:#000;
    }

    .menu ul li:hover ul li:hover a.hide 
    {
        width:150px;
    }

    .menu ul li:hover ul li ul 
    {
        display: none;
    }

    .menu ul li:hover ul li a 
    {
        display:block; 
        /*background:#b3ab79; */
        background:#CE7C64;
        color:#000; 
        width:150px;
    }
    
    /*hover på level2*/
    .menu ul li:hover ul li a:hover 
    {
        background:#EEA78F; 
        color:#000;
    }

    /*Level 3*/
    .menu ul li:hover ul li:hover ul 
    {
        display:block; 
        position:absolute; 
        left:161px; 
        top:0; 
        color:#000;
    }

    .menu ul li:hover ul li:hover ul li a 
    {
        display:block;
        width:160px;
        background:#EEA78F; 
        color:#000;
    }

    .menu ul li:hover ul li:hover ul li a:hover 
    {
        background:#992020;
        color:#fff;
    }