#navigation
{
  padding-top: 121px;
  width:778px;
  height:30px;
  font-size:0.85em;
  position:relative;
  z-index:2000;
  float: left;
}

/* hack to correct IE5.5 faulty box model */
* html #navigation
{
  width:776px;
  w\idth:775px;
}

/* style the links for the top level */
#navigation a, #navigation a:visited
{
  display:block;
  font-size:14px;
  text-decoration:none;
  color:#009;
  height:28px;
  background:#0f73cc url(../_img/bg_navi.gif);
  line-height:28px;
  padding: 0px 5px;
  border-left: 1px solid #7f7f95;
  border-right: 1px solid #dfdfe8;
}

/* remove all the bullets, borders and padding from the default list styling */
#navigation ul
{
  padding:0;
  margin:0;
  list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {
  float:left;
  width:125px;
  position:relative;
  display: inline;
}

#navigation li.navi_start {
  width: 1px;
  background-color: #dfdfe8;
  height: 28px;
}

#navigation li.navi_ende {
  width: 1px;
  background-color: #7f7f95;
  height: 28px;
}

#navigation ul ul
{
  visibility:hidden;
  position:absolute;
  height:0;
  top:28px;
  left:0;
  width:143px;
  border: 0px solid white;
  border-top: 1px;
}

/* another hack for IE5.5 */
* html #navigation ul ul {top:27px;t\op:28px;}

/* another hack for IE5.5 */
* html #navigation ul ul ul {top:-1px;t\op:-1px;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited
{
  background:#0f73cc;
  color:#fff;
  height:auto;
  line-height:11px;
  padding:5px 10px;
  width:121px;
  border-width:0;
  font-size:11px;
}
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:123px;w\idth:121px;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited
{
  background:#0f73cc url(../_img/drop.gif) center right no-repeat;
}
/* style the second level hover */

#navigation ul ul a:hover
{
  color: #0f73cc;
  background: #a9d7ff;
}

#navigation ul ul a.drop:hover
{
  background:#a9d7ff url(../_img/drop.gif) center right no-repeat;
}

#navigationu ul ul :hover > a.drop
{
  background:#a9d7ff url(../_img/drop.gif) center right no-repeat;
}

#navigation ul ul li
{
  width:141px;
  border: 1px solid white;
  border-top: 0px;
}


/* position the third level flyout menu */
#navigation ul ul ul{left:142px; top:0px; width:143px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-149px;}

/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited
{
  background:#0f73cc;
  width:121px;
}

/* style the third level hover */
#navigation ul ul ul a:hover
{
  background:#a9d7ff;
}


/* style the top level hover */
#navigation a:hover, #navigation ul ul a:hover
{
  color:#0f73cc;
}

#navigation :hover > a, #navigation ul ul :hover > a
{
  background:#a9d7ff;
  color:#0f73cc;
}

#navigation :hover > a, #navigation ul :hover > a
{
  background: none;
}

/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}

#navigation a:hover{background: none;}

/* style the table so that it takes no part in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}