/* MICHAEL se d:\home\extra\topmenu-css-colors.jpg for color 1, 2, 3 etc. #aabbcc #8899aa dusch*/
.topmenu {text-align: left; width:960px; height:32px; position:relative; z-index:10; border-right:0px solid #0001FF;}
/* remove all the bullets, borders and padding from the default list styling */
.topmenu ul {padding:0;margin:0;list-style-type:none;}
/* .topmenu ul ul {width:160px;} nødvendig ? */
/* float the list to make it horizontal and a relative position to control the dropdown menu positon */
.topmenu li {float:left;width:159px;position:relative;}
/* COLOR 1: background, style the links for the top level */
.topmenu a, .topmenu a:visited {display:block; font-size:11px; text-decoration:none; color:#000000; width:155px; height:30px; 
border:1px solid #8899aa; background:#F0F0F0; padding-left:8px; line-height:29px; } /* font-weight:bold; */
/* a hack so that IE5.5 faulty box model is corrected */
* html .topmenu a, * html .topmenu a:visited {width:149px; w\idth:138px;}
/* menuitem on 1. drop down menu, if this one has a menu: COLOR 4 */
.topmenu ul ul a.drop, .topmenu ul ul a.drop:visited {background:#F0F0F0 url("/img/drop.gif") bottom right no-repeat;}
/* style the second level hover: Mouse runs down the 1. drop down NØDVENDIG ?  */
.topmenu ul ul a.drop:hover {background:#FF0000 url("/img/drop.gif") bottom right no-repeat;}
.topmenu ul ul :hover > a.drop {background:#c9ba65 url(/img/drop.gif) no-repeat bottom right;}
/* COLOR 5 hover menu item with undermenu first hover color, that shows */
.topmenu ul ul :hover > a.drop {background:#8899aa url("/img/drop.gif") bottom right no-repeat;}
/* style the 3. level background (under-menuen) COLOR 5 from start */
.topmenu ul ul ul a, .topmenu ul ul ul a:visited {background:#F0F0F0;}
/* style the 3. level hover HOVER COLOR OVER MENUPUNKTER I 3. MENU */
.topmenu ul ul ul a:hover {background:#8899aa;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;} 
/* position the 3. level flyout menu CHANGEABLE a:271-149 b:200-200 */
.topmenu ul ul ul{left:200px; top:-1px; width:200px;}
/* position the 3. level flyout menu for a left flyout */
.topmenu ul ul ul.left {left:-149px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.topmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* COLOR 3 style first drop down menu CHANGEABLE a:250 b:179 */
.topmenu ul ul a, .topmenu ul ul a:visited {background:#F0F0F0; color:#000000; height:auto; line-height:1.5; padding:5px 10px; width:179px; 
border-color:#ddd #555 #555 #ddd; }
/* style the top level hover - INGEN BETYDNING */
.topmenu a:hover, .topmenu ul ul a:hover{color:#000000; background:#8899aa;}
/* COLOR 2: hover i hovedmenu og med musens underpunkter - color = bogstaverne */
.topmenu :hover > a, .topmenu ul ul :hover > a {color:#FFFFFC; background:#8899aa;}
/* make the second level visible when hover on first level list OR link */
.topmenu ul li:hover ul,
.topmenu ul a:hover ul{visibility:visible;}
/* keep the 3. level hidden when you hover on first level list OR link */
.topmenu ul :hover ul ul{visibility:hidden;}
/* make the 3. level visible when you hover over second level list OR link */
.topmenu ul :hover ul :hover ul{ visibility:visible;}
