/*
  $Id: topmenu.css,v 1.4 2013-09-06 16:22:48+02 christian Exp christian $

  $Log: topmenu.css,v $
  Revision 1.4  2013-09-06 16:22:48+02  christian
  - Copyright notice (incl. mail address) updated.
  - Old modifications never cheched in.

  Revision 1.3  2008-06-11 00:41:08+02  christian
  - Obsolete "text-decoration: none;" removed from "ul.acl-menu-system .fs"
    rule.
  - Four new rules for implementing browser window width buttons added.

  Revision 1.2  2008-06-06 00:47:54+02  christian
  - The indentation (margin-left) of submenus has been reduced from 2 to 1.5
    em as this seemed more feasible at smaller font sizes.
  - New fs class added to implement the font size adjustment `buttons´.

  Revision 1.1  2006-12-04 23:40:23+01  christian
  - "position: relative" changed to "position: absolute", and "top: -1.99em"
    changed to "top:100px" in "#topmenu_da, #topmenu_en" rule.
  - Comments added for the "ul.acl-menu-system li a" rulw.

  Revision 1.0  2005-06-19 19:09:28+02  christian
  Initial revision

  ©2004-2013   Christian Lange wm(at)clange.dkRemoveThis
*/

/*
  *** The topmenu IDs are used for the navigation menu bar ***
*/
#topmenu_da, #topmenu_en {
  position: absolute;
  top:100px;
  width: 100%;
  z-index: 2000;
  margin: 0;
  padding: 0.33em 0;
  line-height: 1em;
  font: bold 0.83em Verdana, sans-serif;
  /*
  2021-05-21 12:45:11 CL: This was commented out to allow the top menu to wrwp
  in small viewports like on a mobile phone. Unfortunately it does not appear
  to have any effect (alone).
   white-space: nowrap;
   */
  visibility: hidden;
}
/* Hide list-style discs and remove indentations */
ul.acl-menu-system, ul.acl-menu-system ul {
  display: block;
  margin: 0;
  padding: 0;
}
/* nested lists inside of the top level items are initially not displayed */
ul.acl-menu-system li ul {
  visibility: hidden;
  display: block;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 1.3em !important;	/* Y-pos relative to activating link */
  margin-left: 2.5em;		/* X-pos relative to activating link */
  width: 19em;			/* Fixed width of all sub menus */
  border: 0.1em solid;
}
/* top level items in ul are inline to display horizontally across page */
ul.acl-menu-system li {
  margin: 0;
  padding: 0.25em 0 0 0;
  display: inline;
  position: relative;
}
/* top level anchors without underline text decoration */
ul.acl-menu-system li a {
  display: inline;
  text-decoration: none;
  margin: 0;
  border-right: 1px solid;	/* Provide a delimiter between menu texts */
  padding: 0.33em 0.6em 0.4em 0.6em; /* NOTICE: Might be overridden below */
}
/* Font size `buttons´ */
ul.acl-menu-system .fs {
  border: 1px solid; font-size: 90%;
  padding: 0 0.2em; margin: 0 0 0 2px;
}
/* Browser width `buttons´ */
ul.acl-menu-system .ww {
  border-right: 0; font-size: 90%;
  padding: 0; margin: 0;
}
ul.acl-menu-system .wwl {
  border: 1px solid; border-right: 0;
  margin: 0 0 0 2px;
}
ul.acl-menu-system .wwr {
  border: 1px solid; border-left: 0;
}
ul.acl-menu-system .wwlr {
  border: 1px solid;
  margin: 0 0 0 2px;
}

/* override excessive padding which is included
   to deal with IE/Win problems with a selector it
   doesn't understand to hide the declaration */
html>body ul.acl-menu-system li a {
  padding: 0.2em 0.5em 0.3em 0.33em;
}
/* fix up the submenu items
   voice-family lines screen correct CSS values from browsers that
   improperly lay out block-level boxes and have broken CSS parsers
   (IE5.5/Win & NS7.1/Win) */
ul.acl-menu-system li ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  list-style: none;
}
/* nested lists inside of the top level items are block
   to display vertically above each other */
ul.acl-menu-system li ul li a {
  display: block;
  margin: 0;
  padding: 2% 2.5% 2%;
  border: none;
  width: 100%;
  width: 95%;
}