/*********************
 * Pure css menu, working with Netscape and Opera Browser.
 *
 * Written by Gordon Weckbach, March 2005
 * eMail: gordon@weckba.ch
 */


/**********************
 * Setting the menu colors -> see colors.css (specially for the hover-effect!)
 */
/* END setting menu colors */

/* paint border around the menu items */
ul#mainMenu li {
  /* border color */
  border: 1px solid;
}

/* make link background transparent */
ul#mainMenu a {
  border: 0px solid rgb(0,0,102);
  background-color: transparent;
}

/**************************
 * Abstract Menu layout. We'll set the right sizes
 * at the end of this css sheet.
 **************************/
ul#mainMenu,
ul#mainMenu ul.subMenu,
ul#mainMenu ul.subMenuLarge,
ul#mainMenu ul.subsubMenu,
ul#mainMenu ul.subsubMenuLarge {
  cursor: default;
  background-image: url('../media/pics/spacer.gif');
}

ul#mainMenu ul.subMenu,
ul#mainMenu ul.subMenuLarge,
ul#mainMenu ul.subsubMenu,
ul#mainMenu ul.subsubMenuLarge {
	display: none;
	position: absolute;
 	z-index: 10;
}
ul#mainMenu li {
	list-style-type: none;
}

ul#mainMenu  li.menuitemDummySmall {
	position: relative;
}
ul#mainMenu  li.menuitemDummyLarge  {
	position: relative;
}

ul#mainMenu  li.menuitemLarge:hover > ul {
	display: block;
}

ul#mainMenu  a {
  display: block;
	text-decoration: none;
}

li[submenu]{
 	background:url("../media/pics/sub.gif") right no-repeat;
}
/* END abstract menu layout */



/******************
 * Concret setting of the menu sizes (haven't checked
 * them anymore; have overwritten/cascade sizes in the resolution specific
 * css sheets (i.e. layout_1600x1200.css and so on...)
 *****************/
/* sizes of the menu and submenus */
ul#mainMenu,
ul#mainMenu ul.subMenu,
ul#mainMenu ul.subsubMenu,
ul#mainMenu ul.subMenuLarge {
	width: 100%;
}

ul#mainMenu ul.subMenu,
ul#mainMenu ul.subsubMenu,
ul#mainMenu ul.subMenuLarge {
	top: -1px;
	padding-left: 5px;
	z-index: 10;
}

ul#mainMenu ul.subMenuLarge {
	width: 125px;
	left: 99px;
}

ul#mainMenu ul.subMenu, ul#mainMenu ul.subsubMenu {
	width: 100px;
	left: 99px;
}

/* gap between the menu items */
ul#mainMenu li {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
  /*
  background-image: url('../media/pics/bgdesert2.jpg');
  */
}

/* dummy ie. empty menu items -> no hover effect*/
ul#mainMenu  li.menuitemDummySmall {
	width: 65%;
}
ul#mainMenu  li.menuitemDummyLarge  {
 	width: 100%;
}

ul#mainMenu  a {
  /*
  font-size: 16px;
  */
	width: 100%;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
 	/*
 	background:url("../media/pics/sub.gif") right no-repeat;
 	*/
}