.cssmeny {
}


/* CSS Menu*/

*{margin:0;padding:0;border:none;}

body{margin:0.5em 0.5em 0.5em 1.0em;font-size:100%;font-family:verdana,tahoma,arial,sans-serif;}


#menu{
position:relative;
top:90px;
left:50px;
z-index:2;
width:175px;
padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu a { 
font:bold 10px/16px gill sans, Verdana, Arial, Helvetica, sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:3px 3px;
line-height: 13px;
border-style: dotted;
border-width: 1px;      /*HADDE DETTE VÆRT EN MÅTE Å LØSE MENYPROBLEMET PÅ? HUSK Å ENDRE TEKSTBOKS VERDIENE TIL TOP: -290 ca. istedet for -275  */ 
}

#menu h2 {
font:bold 10px/16px gill sans, Verdana, Arial, Helvetica, sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:3px 3px;
line-height: 13px;
}

#menu h2 {
color:#fff;
background:#fff;
text-transform:uppercase;
}

#menu a{
color:#006600;
text-decoration:none;
}

#menu a:hover{
color:#FF00CC;
background:#fff;
}

#menu a:active{
color:#006600;
background:#fff;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
background:#ffffff;
}


/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */