#navigation ul {
  list-style-type:none;  
  padding-left:0;
  margin-left:0;
  margin:0;
  padding:0;
}
#navigation div.topnavigation  {
  /*float:left;*/
}
#navigation div.metanavigation {
  float:right;
  margin-right:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

#navigation div.topnavigation,
#navigation div.metanavigation {
  position: relative;
  height:60px;
}
  
#navigation div.topnavigation ul,
#navigation div.metanavigation ul {
  float:left;
  height:60px;
  padding-left:20px;
  margin-top:0;
  background: #def url(../img/background/naviLeft.png) no-repeat center left;
}
#navigation div.metanavigation ul {
  padding-left:10px;
  background: #def url(../img/background/metanaviLeft.png) no-repeat center left;
}
  
#navigation div.topnavigation .end, 
#navigation div.metanavigation .end {
  float:left;
  height:60px;
  width:20px;
  background: #0a2c72 url(../img/background/naviRight.png) no-repeat center right;
}
#navigation div.metanavigation .end {
  width:20px;
  background: transparent url(../img/background/metanaviRight.png) no-repeat center right;
}

#navigation div.topnavigation ul ul{
  float:left;
  padding:0px;
  mmargin:0;
  height:auto;background:none;
}
#navigation ul li.button {
  width:auto; /* 90px;*/
  float: left;
  margin-top:15px;
}
* html #navigation ul li.button {width:90px; display:inline;}

#navigation ul li div.parent {position: relative;}
.floatfix {margin-right: -3px;}
/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

#navigation ul li div.dropdown { /* rules for dropdown div */
  width: 250px;
  position: absolute;
  left: -3000px;
  top: auto; /* puts dropdowns directly under top nav */
  text-align: left; /* needed because IE misapplies text centering to boxes */
  background: url(../img/clear.gif);
  z-index: 99;
  }

#navigation ul li div.dropdown div.parent {
  width: 220px;
  position: absolute;
  left: -3000px;
  top: 0;
  background: url(images/bgfix.gif);
  text-align: left; /* needed because IE misapplies text centering to boxes */
  border: 2px solid red;
  }


#navigation ul li div.dropdown ul {
  width: 200px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #dae0e7;  
}
#navigation ul li div.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
#navigation ul li {text-align: center;}
#navigation ul li a {
  display: block;
  color: #0A2C72;
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: none;
  height:28px;
  line-height:28px;
  padding: 0 8px;
}

#navigation .metanavigation ul li a {
  font-size:0.9em;
  height: auto;
  margin-top: 1px;
}
#navigation .metanavigation ul li.active a {
	line-height: 24px;
	margin-top: 2px;
}
#navigation ul li a:hover
{
  color:#F29400;  
}
#navigation ul li a.active {
  color:#fff;
  background:#f29400;  
}
#navigation ul li.active a,
#navigation ul li a.active:hover {
  color:#fff;
  background:#f29400;  
}

#navigation ul ul li {
  margin:0;
  padding:0;
}
#navigation ul ul li a.active,
#navigation ul ul a {
  margin:0;
  color: #535c68;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  background: #dae0e7 url(../img/background/subnaviDottedDark.png) repeat-x bottom center;
  text-align: left;
}

#navigation ul ul li a.active {
  color:#F29400;
}
#navigation ul ul li a.active:hover {
   background: #edf3fa;
  color: #F29400;
}
#navigation ul ul li a:hover
{
   background: #edf3fa;
  color:#535c68;
}

#navigation ul ul a.dark {
  background: #dae0e7 url(../img/background/subnaviDottedDark.png) repeat-x bottom center;
}
#navigation ul li div.dropdown li {
  position: relative;
  vertical-align: bottom; /* IE5/win bugfix */
  }

#navigation ul li div.parent:hover {background-image: url(/fileadmin/tpl/img/clear.gif);}


#navigation ul li div.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */
* html #navigation ul li div.parent:hover div.dropdown {left: -60px;} /* changed from -60px by nh */

#navigation ul li div.parent:hover div.dropdown {left: -1px;} /* hover rule for dropdowns */
* html #navigation ul li div.parent:hover div.dropdown {left: -30px;} /* changed from -60px by nh */

#navigation ul li div.dropdown li:hover div { /* hover rule for flyouts */
  left: 180px; /* this value controls the amount of flyout "overlap" */
  top: -26px; /* this value controls the amount of flyout vertical offset */
  }

.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
  left: -210px;
  top: -26px;
  }

#navigation div.topnavigation div.mini-zone { /* special hover zone that covers the "danger corner" */
  padding: 0;
  width: 15px;
  height: 15px;
  font-size: 1px;
  left: -3000px;
  bottom: -15px;
  top: auto;
  background: url(../img/clear.gif);
  }

#navigation div.topnavigation div.dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
  left: auto;
  right: 8px;
  top: auto;
  }
#navigation div.topnavigation div.dropdown li:hover {background: #235;} /* hover color effect on dropdown links */
#navigation div.topnavigation div.dropdown div li:hover {background: #ff7;} /* hover color effect on flyout links */

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
.one ul {background: #d79b00;}
.dropdown div ul {background: #eda;} /* colors BG of flyouts */
.dropdown div ul a {color: #400;} /* colors text of  flyouts */


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/
.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 20;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html #navigation .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html #navigation a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win,
and the 2nd is to make all links fully clickable. */

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

/*\*/ /*/
#navigation div.dropdown, #navigation div.dropdown div {width: 19px;}
#navigation .button div.dropdown ul {margin: 0px;}
#navigation div.dropdown, .nav .dropdown div {position: static;}
#navigation div.dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

* html #navigation ul li div.parent:hover div.dropdown { }
#navigation div.topnavigation ul li.button div.dropdown ul {margin: 0px;}
#navigation div.topnavigation ul li.button div.dropdown ul li { float: left; width: 100%; }
#navigation div.topnavigation ul li.button div.dropdown ul li ul { position: relativ; margin: 0;}
#navigation div.topnavigation ul li.button div.dropdown ul li ul li a { display:block; text-indent: 5px;}