/*---------------------------------------------------------------------------------------------

 MENY6.CSS Versjon 1.1 (Oppdatert 03.09.05) 

 Siste: Fjernet det overflødige og lagt til forklaringer.

---------------------------------------------------------------------------------------------*/





/*------------------------------------------------------------------

1: La stå

------------------------------------------------------------------*/

*       { margin: 0px; padding: 0px; }

#menu   { z-index: 3; }





/*------------------------------------------------------------------

2: Lapper: Width og margin. La resten stå.

------------------------------------------------------------------*/

#menu li {

    width            : 8em;

    list-style       : none;

    display          : inline;

    float            : left;

    margin           : 0em 3px 0em 0em;

    display          : block;

}





/*------------------------------------------------------------------

3: Lapper: Bakgrunn, tekstfarge, padding, border. (Ikke rør display)

------------------------------------------------------------------*/

#menu li a {

/*    background       : white url(img/liback.png) repeat-x top left;*/

    color            : #666;

    text-decoration  : none;

    padding          : 0em 0em 0em 0.25em;

    border           : 0px solid #c0c0c0;

    display          : block;

}





/*------------------------------------------------------------------

4: Lapper MOUSEOVER: bakgrunn, tekstfarge, understreking, etc.

------------------------------------------------------------------*/

#menu li a:hover {

/*  background       : #7a7cd6; */

/*  color            : #ffffff; */

    text-decoration  : underline;

    padding          : 0em 0em 0em 0.25em;

    display          : block;

    border           : 0px solid #7a7cd6;

}





/*------------------------------------------------------------------

5: La stå

------------------------------------------------------------------*/

#menu li ul {

    display          : none;

}





/*------------------------------------------------------------------

6: Nivå 2: Bakgrunnsfarge og bredde 1 av 2. La resten stå.

------------------------------------------------------------------*/

#menu li:hover ul, 

#menu li.over ul {

    background       : #f8f8f8;

    width            : 11em; 

    display          : block;

    position         : absolute;

    border           : 1px solid black;

    margin-top       : -1px;

}





/*------------------------------------------------------------------

7: Nivå 2: Font og bredde 2 av 2. La resten stå.

------------------------------------------------------------------*/

#menu li ul li {

    font             : 12px tahoma;

    width            : 10em; 

    border           : 0px;

    z-index          : 500;

    margin           : 0em;

    display          : block;

/*  clear            : left; */

}





/*------------------------------------------------------------------

8: Nivå 2: Tekstfarge. Marg (på h/v side)

------------------------------------------------------------------*/

#menu li ul li a, 

#menu li#current ul li a {

    color            : black;

    margin           : 0em 0.5em;

    border           : 0px;

}





/*------------------------------------------------------------------

9: Nivå 2: MOUSEOVER. Her står vi fritt..

------------------------------------------------------------------*/

#menu li ul li a:hover, 

#menu li#current ul li a:hover {

/*  background       : #bbf;  */

/*  color            : #fff;  */

    text-decoration  : underline;

    border           : 0px;

}





/*------------------------------------------------------------------

10: Nivå 3: La stå..

------------------------------------------------------------------*/

#menu li:hover ul li ul, 

#menu li:hover ul li ul li ul, 

#menu li:hover ul li ul li ul li ul,

#menu li.over ul li ul, 

#menu li.over ul li ul li ul, 

#menu li.over ul li ul li ul li ul {

    display          : none;

}



/*------------------------------------------------------------------

11: Nivå 3: Skrift-størrelse

------------------------------------------------------------------*/

#menu li ul li ul li{

    font             : 10px arial;

}



/*------------------------------------------------------------------

12: Nivå 3: La stå. Evt. øke/minke margin-left etter Nivå 2's bredde.

------------------------------------------------------------------*/

#menu li ul li:hover ul,

#menu li ul li ul li:hover ul, 

#menu li ul li ul li ul li:hover ul,

#menu li ul li.over ul, 

#menu li ul li ul li.over ul, 

#menu li ul li ul li ul li.over ul {

    margin-left      : 9.8em;

    margin-top       : -1.25em;

    border           : 1px solid black;

    display          : block;

    width            : 100%;

}