/***************************i*********/
/******* Definition af menuer *******/
/************************************/



#menus {
    width: 100%;
    margin-top: 5px;
    height: 30px;
    float: left;
    background-color: white;
}

/****** Generelt udseende ******/
#menus a {
    text-decoration: none;
    color: #57575A;
    font-size: 11px;
}


#menus .top-menu-element {
    background-repeat: no-repeat;
    background-image: url(shade_950x6.png);
    background-position: top;
}


/*********** Øverste ****************/
/* Øverste niveau, layout */
#menus ul {
    padding-bottom: 10px;
}

#menus ul li {
    float: left;
    display: block;  
    border: 0px;
    height: 28px;
}

#menus ul li div {
    float: left;
/*     height: 15px; */
}

#menus ul li div.hover {
    z-index: 600;
}

#menus div > ul > li > div.wrap-background-image {
    position: relative;
    top: 2px;
}

/* Øverste niveau, normal */
#menus ul li a {
    padding: 7px 33px 11px 35px;
    text-transform: uppercase;
    background: url(pil_grey.png) no-repeat 18px 10px;
    float: left;
    position: relative;
    font-weight: bold;
    z-index: 800;
}


/* Øverste niveau, normalt, orange */
#menus ul li a.orange {
    background-image: url(pil_orange.png);
}

/* Øverste niveau, normalt, blå */
#menus ul li a.blue {
    background-image: url(pil_blue.png);
}

/* Øverste niveau, normalt, grøn */
#menus ul li a.green {
    background-image: url(pil_green.png);
}

/* Øverste nivuea, valgt */
#menus ul li a.active {
    background-image: url(pil_grey_.png);
}

/* Øverste nivuea, valgt */
#menus ul li a.orange-active {
    background-image: url(pil_orange_.png);
}

/* Øverste nivuea, valgt */
#menus ul li a.blue-active {
    background-image: url(pil_blue_.png);
}

/* Øverste nivuea, valgt */
#menus ul li a.green-active {
    background-image: url(pil_green_.png);
}

/* Øverste nivuea, hover */
#menus ul li div.hover {
    z-index: 600;
}




/*********** Andet ****************/
/* Andet niveau,layout */
#menus ul ul {
    float: left;
    position: absolute;
    display: none;
    z-index: 400;
    width: 200px;
}

#menus ul ul li {
    height: 25px;
    width: 200px;
    float: left;
    border-bottom: 1px solid #b4b4b4;
    top: 30px;
    position: relative;
    background-color: #eee;
}

#menus ul ul li:first-child {
    border-top: 1px solid #b4b4b4;
}

#menus ul ul li div {
    width: 200px;
    padding: 0px;
}


#menus ul ul li div.wrap-background-image {
    padding: 0px;
    height: 25px;
    background-image: url(niveau2-bg.png);
    background-repeat: repeat-y;
}


/* Andet niveau, normal */
#menus ul ul li a {
    display: block;
    width: 165px;
    height: 15px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
    text-transform: none;
    background-image: url(pil_grey.png);
    background-repeat: no-repeat;
    background-position: 18px 8px;
    color: #69747A;
    top: 0px;
    font-weight: normal;
}

/* Andet niveau, valgt */
#menus ul ul li a.active {
    background-image: url(pil_grey_.png);
    background-repeat: no-repeat;
}

/* Andet niveau, hover */
#menus ul ul li a.hover {
    background-color: #58595b;
    color: #fff;    
}


/*********** Tredje ****************/
/* Tredje niveau, layout */
#menus ul ul ul li {
    width: 250px;
    background-image: url(niveau3-bg.png);
    top: 0px;
}

#menus ul ul ul li div {
    width: 250px;
}

#menus ul ul ul li div.wrap-background-image {
    background-image: url(niveau3-bg.png);
}

#menus ul ul ul {
    position: relative;
    left: 199px;
    bottom: 26px;
}

/* Tredje niveau, normal */
#menus ul ul ul li a {
    width: 215px;
}

/* Tredje niveau, valgt */
#menus ul ul ul li a.active {
    width: 215px;
}

/* Tredje niveau, hover */
#menus ul ul ul li a.hover {
    width: 215px;
}


/******* Særligt indsatte div'er til at give gitter-effekt *******/

/* Hover styles */
#menus ul ul.parent-hover {
    display: block;
}


/****** Placering og størrelse på menuer *******/


/* Third level menu size */
#menus ul ul ul li {
    bottom: 20px;
}


/* Shortcut links */
#shortcuts div {
    display: inline;
}

#shortcuts ul {
    display: inline;
}

#shortcuts li {
    display: inline;
}

#shortcuts a {
    font-size: 10px;
    margin-left: 7px;
    padding-left: 7px;
    background: url(pipe.gif) no-repeat;
    background-position: center left;
    text-decoration: none;

}

#level1menu ul li:first-child a {
    background: none;
}


#level1menu a {
    color: #58595b;
    font-weight: bold;
}

#staticmenu a {
    color: #a7a9b6;
}

#level1menu ul li:first-child a {
/*     background: none; */
    margin-left: 0px;
}



/****** Selvbetjeningsmenuen ******/
#customer-menu ul, #lower-right ul.csc-menu {
}


#customer-menu ul li, #lower-right ul.csc-menu li {
    padding: 2px;
    background-image: none;    
}

#customer-menu ul li a, #lower-right ul.csc-menu li a {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #f0f0f0;
    color: #69747A;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 220px;
}

#customer-menu ul li.item-menuactive a, #lower-right ul.csc-menu li.item-menuactive a {
    background-color: #69747A;
    color: #fff;
}