/* --------------------------------------------------------------------------------
 	  Menu Top
   -------------------------------------------------------------------------------- */

/* z-index */

.nav {
  z-index: 100;
}

.nav ul {
  z-index: 200;
}

.nav ul ul {
  z-index: 300;
}

/*-------------------*/

/* basic settings for menu */
.nav, .nav ul {
  list-style: none; /* remove list style images */
  margin:  0;       /* reset margin  */
  padding: 0;       /* reset padding */
}

/* position 1st level navigation */
.nav {
  margin: 11px 0 0 0; /* top/left was 15px left */
}

/* position 2nd level navigation under 1st level */
.nav ul {
  position: absolute;
  margin:   4px 0 0 0; /* top */
  left:    0; /* = 4px margin + 1px border width */
}

/* fix left position in firefox, margin not included */
.nav>li>ul {
  left: -1px;
}

/* position 3nd+ level menulist next to previous level */
.nav ul ul {
  margin: 0;
  margin-top: 0px; 
  padding: 0px;
  /*padding-left: 2px;
  margin-left: -2px;*/
  top: 0px;
  left: 152px;
}

/* fix left position in firefox, margin not included */
.nav>li>ul>li>ul {
  left: 156px;
}

/* hide 2nd+ level menu by default, is shown via javascript */
.nav ul {
  display: none;
}

/* set background-image with fixed width for 2nd level menulist */
.nav ul {
  background: url(../images/bg_menu_lvl2.gif) bottom left no-repeat transparent;
  width: 165px;/* fix FF gap from 2nd -> 3rd level */
}

/*.nav>li>ul {
  width: 165px; 
}*/

/* set background-image with fixed width for 3nd level menulist */
.nav ul ul {
  background: url(../images/bg_menu_lvl3.gif) bottom left no-repeat transparent;
  width: 160px;
}

/* -------------------------------------------------------------------------------- */

/* basic settings for menuitems */
.nav li {
  position: relative;
  float:    left;

  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:   9px;
  font-weight: normal;

  /* top:    distance to upper border */
  /* right:  increade distance to right border, distance between items */
  /* bottom: increase mouse-over area from 1st to 2nd menu level */
  /* left:   increate distance to left border */
  padding: 3px 4px 4px 2px;
}

/* 2nd level: make menuitems extend to full width of menulist */
.nav li ul li {
  float: none;
}

/* fix too long border because menuitem is wider than background image */
.nav li ul li {
  margin-right: 9px !important;
}

/* fix: eleminate gap in FF from 2nd -> 3rd level */
.nav>li>ul>li {
  margin-right: 5px !important; 
}

/*.nav>li>ul>li>ul>li {
  margin-right: 0 !important;
}*/

/* -------------------------------------------------------------------------------- */

/* show separation border left of 1st level menu item */
.nav li {
  border: 0;
  border-right: 1px solid #808080; /*was border-left*/
}

/** hide first border in menu
   currently only works in mozilla/firefox **/
/*.nav>li:first-child {
  border: 0;
}*/

/* show separation border top of 2nd level menu item */
.nav li ul li {
  border: 0;
  border-top: 1px solid #b9505a; /* was:_#be656b; */
}

/* first element on 2nd level has no separation line */
.nav li ul li.first {
  border: 0;
}

/* show separation border top of 3rd level menu item */
.nav li ul li ul li {
  border: 0;
  border-top: 1px solid #808080;
}

/* first element on 3rd level has no separation line */
.nav li ul li ul li.first {
  border: 0;
}

/* -------------------------------------------------------------------------------- */

/* separte items in 2nd level menu by 2px */
/* set distance to 4px to left and right borders */
.nav li ul li {
  padding: 0 4px 2px 4px;
  margin:  0 4px 0   4px;
}

.nav li ul li ul li {
  padding: 1px 4px 1px 4px;
  margin:  0 !important;
}


/*.nav li ul li ul li {
  margin-right: 0 !important;
  margin-left: 0 !important;
  
 padding-left:  7px;
 padding-right: 0px; 
 padding-top:   2px;
 margin-right:  0px;
 margin-left:   7px;  
  
}*/

/** extra 5px space at bottom of 2nd level menu for rounded ending
    currently only works in mozilla/firefox **/
.nav li ul li:last-child {
  padding-bottom: 5px !important; /* increase only bottom padding */ 
}

/** extra 5px space at bottom of 3nd level menu for rounded ending
    currently only works in mozilla/firefox **/
.nav li ul li ul li:last-child {
  padding-bottom: 2px !important; /* increase only bottom padding */ 
}

/* -------------------------------------------------------------------------------- */

/* upper case font for 1st level menu items */
.nav li {
  text-transform: uppercase;
}

/* show other menuitems in regular case */
.nav li ul li {
  text-transform: none;
}

/* -------------------------------------------------------------------------------- */

/* basic settings for links */
.nav a {
  text-decoration: none;
  display: block;
  padding: 3px;
  color:   #ededed; /* was: #ededed; 70% oppacity white */
  /*color: #fff;
  filter:alpha(opacity=70); 
  -moz-opacity: 0.7; 
  opacity: 0.7;*/  
}

.nav li ul li {
  line-height: 14px; /* increase line-height for 2nd+ level*/
}

/* highlighed links */
.nav li.highlighted a,
.nav li.highlighted li.highlighted a {
  color: #eee;
}

/* links 2nd level */
/* reset highlight colour for sub menus of 2nd level */
.nav li ul a,
.nav li.highlighted ul li a {
  color: #722e35; /* 70% opacity of #343434 */
}

/* links 3rd level */
/* reset highlight colour for sub menus of 3rd level */
.nav li ul li ul a,
.nav li.highlighted ul li ul li a,
.nav li ul li.highlighted ul li a,
.nav li.highlighted ul li.highlighted ul li a {
  color: #525252;
}


/* set style for hover state 1st level */
.nav li a:hover {
  color: #eee;
}

/* set style for hover state 2nd level */
.nav li ul li a:hover,
.nav li.highlighted ul li a:hover {
  color: #eee; /*#f7d4d7; was fff */
}

/* set style for hover state 3rd level */
.nav li ul li ul li a:hover,
.nav li.highlighted ul li ul li a:hover,
.nav li ul li.highlighted ul li a:hover,
.nav li.highlighted ul li.highlighted ul li a:hover {
  color: #eee; /*#d1d1d1;*/
}


/*.nav li:hover,
.nav li.hover,
.nav li.highlighted,
.nav li.highlighted:hover {
  background: url(../images/bg_menu_act.gif) top left repeat-x transparent;  
}*/

.nav li.first {
  padding-left: 15px; /* move 1st level menu 15px to the right */
}

.nav li ul li.first {
  padding-left: 4px; /* reset padding for 2nc+ level menu */
  padding-top:  2px; /* move first menuitem 2px down */ 
}

.nav li ul li ul li.first {
  padding-top:  3px;
}

/*.nav li ul li.first {
  padding: 0 4px 1px 4px;  /*reset 
  padding-top:  2px;
}*/

/*.nav li ul li ul li.first {
  padding: 0 4px 1px 4px; /*reset 
  padding-top:  2px;
}*/

#sixth {
  /*padding-right: 35px;*/
}


/* change background-image dynamically for currently hovered listitem */
.nav li:hover,
.nav li.hover {
  background: url(../images/bg_menubar_act.png) top left repeat-x transparent;  
}

/* set background-image for highlighted listitem (1st level) */
.nav li.highlighted {
  background: url(../images/bg_menubar_act.png) top left repeat-x transparent;  
}

/* alternatively change background-image for hovered highlighted listitem (1st level) */
.nav li.highlighted:hover,
.nav li.highlighted.hover {
  background: url(../images/bg_menubar_act.png) top left repeat-x transparent;  
}

/* change background-image dynamically for hovered first listitem */
/* a special rounded image is used */
.nav li.first:hover,
.nav li.first.hover {
  background: url(../images/bg_menubar_act_left.png) top left no-repeat transparent;  
}

/* set background-image for highlighted first listitem (1st level) */
/* spcial class highlightedfirst has to be used, because multiple selectors do not work,
   like: .nav li.highlighted.first */
.nav li.highlightedfirst,
.nav li.highlightedfirst {
  background: url(../images/bg_menubar_act_left.png) top left no-repeat transparent;  
}

/* alternatively change background-image for hovered and highlighted first listitem (1st level) */
/* spcial class highlightedfirst has to be used, because multiple selectors do not work,
   like: .nav li.highlighted.first */
.nav li.highlightedfirst:hover,
.nav li.highlightedfirst.hover {
  background: url(../images/bg_menubar_act_left.png) top left no-repeat transparent;  
}


/*#sixth:hover,
#sixth.highlighted,
#sixth.highlighted:hover {
  background: url(../images/bg_menu_act_right.gif) right no-repeat transparent !important;  
}*/

/*.nav li ul li.highlighted:hover,
.nav li ul li.highlighted,
.nav li ul li:hover,
.nav li ul li.hover,
.nav li ul li.active {
  background: none !important;
}*/

.nav li ul li,
.nav li ul li ul li {
  background: none !important;
}

.nav li ul li:hover,
.nav li ul li.hover {
  background: none !important;
}

.nav li ul li ul li:hover,
.nav li ul li ul li.hover {
  background: none !important;
}

.nav li ul li ul li.first {
 background: url(../images/bg_menu_lvl3_top.gif) top left no-repeat transparent !important;
}

/* fix FF */ 
.nav>li>ul>li>ul>li.first {
 margin-left: 0px;
}

/* -------------------------------------------------------------------------------- */

/* This  semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). */
* html .nav ul li {
  float:  left;
  height: 1%;
}

* html .nav ul a {
  height: 1%;
}


/* TESTING */

.nav li a {
  /*float: left;*/
}

/* -------------------------------------------------------------------------------- */
/* UNUSED STUFF */
/* -------------------------------------------------------------------------------- */

/* Submenü-Hinweise in Submenüs 
.nav a .subind {
  display:  none;
}
.nav ul a .subind {
  display:  block;
  float: right;
} */