/* The Main menu-style */

/* light blue: #DEE7EC */

#menu {
	font-family:verdana, sans-serif;
	font-size:small;
	background-color:#DEE7EC;
	text-transform:lowercase;
	width:100%;
	z-index:1000;
}

#menu ul {
  list-style: none;
}


#menu a {
	background-color:transparent;
	/* color:#436976; */
	text-decoration:none;
	font-size:small;
    text-decoration:none;

}

#menu a:hover {
    text-decoration:none;
    font-weight:normal;
    background-color:white;
}

/**
 * menubar: menubar-items
 *
 */
#menu ul.menubar li.menubar-item {
  display: inline;
  list-style: none;
  position: relative; /* nur, damit ul.popup per position:absolute positioniert
                         werden kann. */
  margin: 0;
  padding: 0;
}


#menu ul.popup {
	background-color:#DEE7EC;
	
	border-bottom-style:outset;
	border-bottom-width:2px;
	border-bottom-color:#DEE7EC;
	
	border-right-style:outset;
	border-right-width:2px;
	border-right-color:#DEE7EC;

	border-left-style:outset;
	border-left-width:2px;
	border-left-color:#DEE7EC;

}
/**
 * popup, versteckt
 *
 */
#menu ul.popup {
  display: none;
  position:absolute; left:0;
  margin:0; padding:0.5em;
  font-style:normal;
}

/**
 *
 */
#menu ul.menubar li.menubar-item:hover {
	padding-bottom:30em;
}


/**
 * popup, sichtbar
 *
 */
#menu li:hover > ul.popup {
	background-color:#DEE7EC; 
    color:white;
	display:block;
	left:0;
	z-index:1000;
}