/*========================= TOP OF THE MENU CASCADE =========================*/

.menu
 {
  position: relative;/* establish a menu-relative positioning context */
  float: left;/* play nicely with others */
  margin: 0px;
  height: 19px;/* the menu's overall height */
  width: 900px; /*100%  we always want our menu to fill the available space */
  background: transparent;
  font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;/* this (and also below) sets the menu's font size */
  z-index: 100;

}

.menu img {
  vertical-align: top;/* prevent images from being pushed down by text */
  border-bottom: 1px solid #669933;
}

.menu ul {
  padding: 0;
  margin: 0;
  border: 0;
  list-style-type: none ;/* we don't want to view the list as a list */
  line-height: 1.5em;/* globally set the menu's item spacing. note */
}/* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
  float: left;/* this creates the side-by-side array of top-level buttons */
  position: relative;/* create local positioning contexts for each button */
  margin: 0;


}

.menu ul li table {
  margin: -1px 0;/* IE5 needs -1px top and bottom table margins */
  m\argin: 0;/* re-zero the table margins for everyone but IE5 */
  border-collapse: collapse;/* IE5 needs this for the sub-menus to work */
  font-size: 12px;/* this sets the base font size for our entire menu */
}

.drop {
  display: block;
  padding: 0px 0.0em;/* this sets the l/r margins for our menu item */
  margin: 0;
  text-align: right;/* this right alignment goes with the float:left below */
  cursor: pointer;/* IE tries to switch back to an I-beam, don't let it */
  cursor: hand;/* IE5 only knows about "hand", so set it both ways */

}

.drop span {/* this simultaneously left and right aligns the text and */
  float: left;/* the >> in the drop-down menus which link to sub-menus */

}

.rightmenu {
  position: relative;/* establish a local positioning context for YAH label */
  float: right;/* and right-align it at the top of our page */
}

#research {/* this rightmost "Research" button must be positioned */
  position: absolute;/* absolutely so that the YAH (you are here) text */
  top: 0px;/* label will slide underneath it under Opera v8.54 */
  left: 364px;/* which has a z-order sequencing bug with abs-pos elements */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul
{
  display: none;/* initially hide the entire list hierarchy */
  padding: 1px;/* this is our box border width */

}

.menu ul li ul li
 {
 margin-bottom: 1px;
}

.menu ul li a,
.menu ul li a:visited
{/* unselected top-level menu items */
  display: block;
  float: left;
  text-decoration: none;
  height: 20px;

}

.starter
 {
  text-align: center;
  width: 98px;
  background-image: url(../images/tab.gif);
  background-repeat: no-repeat;

  letter-spacing: 0.1em;
  margin: 0px !important;
  padding: 0px !important;
}

.starter a, .starter a:hover
 {
 background-image: url(../images/tab.gif);
  background-repeat: no-repeat;
color: #006600;

}
.sub a,
.sub a:active,
.sub a:hover,
.sub a:visited
 {
  text-transform: none !important;
  text-align: left !important;
}

/* sonst zeigt IE 6 kein Submenue an*/
.menu ul li:hover a, .menu ul li a:hover
{
  border: 0px none;
  height: 19px;

}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul
{/* 2nd level drop-down box */
  display: block;
  position: absolute;
  margin: 0;

  top: 19px;/* place us just up underneath the top-level images */
  left: 0px/*-1px*/;/* left-align our drop-down to the previous button border */
  height: auto;/* the drop-down height will be determiend by line count */
  width: 9.8em;
  color: #006600;/* this sets the unselected-text color */
  background: #CAE37C;/* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton
{/* our first dropdown should not be skewed */
  margin-left: 0px;
}

      .menu ul li:hover ul.news,
      .menu ul li a:hover ul.news
      {/* 2nd level skinny (news)drop-down box */
     width: 9.8em; /*8.08333 with a 12px default font, this is 97px width (97/12) */

      }

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul
{/* 2nd level neighborhood drop-down box */
  left: auto;
  right: 0;/* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul
{/* IE5/6 needs a tweak here */
  right: -1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a
{/* 2nd level unselected items */
  border: 0;
  margin: 0;
  padding: 0;
  height: auto;
  color: #006600;/* this sets the unselected drop-down text color */
  background: #FFFFCC;/* this sets the drop-down menu background color */
  width: 9.8em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover
{/* 2nd level selected item */
  color: #006600;
  text-decoration: none;
  background: #FFF685;
}

.menu ul li:hover ul.news li a,
.menu ul li a:hover ul.news li a,
.menu ul li:hover ul.news li a:hover,
.menu ul li a:hover ul.news li a:hover
{/* 2nd level un+selected items */
width: 9.8em;


}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {/* hide inactive 3rd-level menus */
  visibility: hidden;
}

/* !!! 3rd level news- box !!! */
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul
{
  visibility: visible;
  position: absolute;
  margin-top: -1px;/* bring the top edge of the 3rd level menu up one */
  top: 0;
  left: 9.15em; /*8.08333em ;*/
  margin-left: 5px;
  width: 9.8em;

}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a
{/* 3rd level unselected items */
width: 9.8em;
  background: #FFFFCC;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{/* level3 selected items */
  width: 9.8em;
  background: #FFF685;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */

.rot {
	color: #FF0000;
}