#menu {
padding: 0;
width: 120px; /* 11em;*/ /* setter bredden på menyene inkludert bakgrunn hvis brukt. */
/*background: #fff url('../images/bgMenuLimeGrey.gif') repeat;*/ /*Benytt hvis all menyene skal ha lik bakgrunn*/
}

#menu ul { /* remove bullets and list indents */
list-style: none;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2
{
    font-size: 1.0em;
    line-height: 18px; /*1.6em;*/
    display: block;
}

#menu h2 { /*Denne benyttes hvis <h2>Hovedmeny</h2> formattering benyttes på hovedmeny.*/
font-weight:bold;
}

#menu a, #menu a:visited 
{
display: block;
color: #737373; /*Grå*/
text-decoration: none;
/*border-top: solid 1px #808080;*/
/*border-bottom: solid 1px #eaeaea;*/
/*background: #fff url('../images/bgMenuGrey.gif') repeat-x;*/ /*Benytt hvis kun aktive menyer skal ha bakgrunn*/
}

#menu h6 /*This is line break, i.e., empty cells.*/
{
/*background: #565a4c url('../images/bgMenuLimeGrey.gif') repeat-x;*/ /*to get the same background as menus*/
line-height: 20px;
}

#menu a:hover {
background: #fff url('../images/bgMenuGreyMouseOn.gif') repeat-x;
/*background: #fff url('../images/MenuBackground16h.gif') repeat-x center;*/
}

#menu a:active
{
    color: #244380;
}

#menu ul li a
{
}

#menu ul li a:hover
{
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}

#menu ul ul 
{
    margin: 0px 0px 0px 0px; /*Position level 2 menu 6px to the right of level 1*/
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 90%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,              /*Do not display 3rd level pop-ups*/
div#menu ul ul li:hover ul ul   /*Hide any <ul>'s that are two or more descendant children of the hovered <li>. Prevents */
{display: none;}                /*The pop-up menu (level 3) is not displayed right away.*/

div#menu ul ul li:hover ul,     /*When 2nd level <li> is hovered over, make its child <ul> appear.*/
div#menu ul ul ul li:hover ul   /*When 3rd level <li> is hovered over, make its child <ul> appear.*/
{
    width: 15em; /* set width of pop-up menu */
    background-color: #f9f9f9; /*#565a4c;*/ /*Dette definerer bakgrunnsfargen på boksen for pop-up menyen*/
    display: block;
    font-size: 1.0em;
    line-height: 1.0em;
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #dfdfdf;
    margin: -7px 0px 0px 3px;
    padding: 3px 3px 3px 3px;
    z-index: 1;
}

div#menu ul ul ul li a, /*farge på lenke - pop-up meny*/
div#menu ul ul ul li a:active,
div#menu ul ul ul li a:visited
{
    color: #737373; /*Grå*/
}