// CSS Navigation

body {color: #000;
  background-color:#467496;
  behavior: url(../files/csshover3.htc);} /* WinIE behavior call */


/*
h1 {color: #AAA; border-bottom: 0px solid; margin-bottom: 0;}
*/
#main {color: #CCC; margin-left: 10em; padding: 2em 0 1px 5%;
  border-left: 1px solid;}

div#nav_i {
  padding: 0px 20px 17px 25px;
  border: 0px solid pink;
}
 
div#nav {
font-size: 1.0em;
/*font: 62.5%/1.6 "Verdana", Verdana, sans-serif;*/
float: left; margin: -1px 0 0 0em;
  background: #fff; border: 0px solid #AAA;}
div#nav ul {margin: 0; padding: 0; 
  /* Aussenrahmen submenu */ 
  overflow:visible;
  /* Aussen 1px Rahmen Submenu,
  border: 1px solid #CCC; border-width: 0 1px;}
  */
  border: 1px solid #CCC; border-width: 0 0px;}
  /* vorher: 
div#nav li {color: #000; position: relative; list-style: none; margin: 0; padding: 0 0 0 0;
  float: left; width: 10em; line-height: 1.2em; text-align: center; background: url(menu-bg.jpg) 100% 0%  no-repeat;}
*/
div#nav li {color: #000; position: relative; list-style: none; margin: 0; padding: 0 0 0 0;
  float: left; width: 130px; line-height: 1.2em; text-align: center; background: url(menu-bg.jpg) 100% 0%  no-repeat;}
/*div#nav li:hover {color: #000; position: relative; list-style: none; margin: 0; padding: 0 0 0 0;
  float: left; width: 130px; line-height: 1.2em; text-align: center; background: url(menu-bg-ro.jpg) 100% 0%  no-repeat;}*/

/* Fehler im IE: bei ROver daher raus */
div#nav li:hover {color: #fff; background: url(menu-bg-ro.jpg) 100% 0% no-repeat;}


div#nav li.submenu {background: url(menu-bg.jpg) 100% 0% no-repeat; z-index: 1;}
div#nav li.submenu:hover {color: #fff; background: url(menu-bg-ro.jpg) 100% 0% no-repeat; z-index: 1;}
/*div#nav li.submenu:hover {color: #000; background: url(menu-bg-ro.jpg) 100% 0% no-repeat;}*/
/*div#nav li.submenu:hover {background-color: #EBB;}*/
div#nav li a {color: #fff; font-weight: normal; display: block; padding: 0.25em 0em 0.5em 0.25em;
  text-decoration: none; width: 130px;}
div#nav li a:hover {color: #000; font-weight: normal; display: block; padding: 0.25em 0em 0.5em 0.25em;
  text-decoration: none; width: 130px;}
/*div#nav li:hover a {color: #000; font-weight: normal; display: block; padding: 0.25em 0em 0.5em 0.25em;
  text-decoration: none; width: 130px;}*/
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 10em;
  display: none;}
  /* border bottom */
div#nav ul ul li {color: #000; border-bottom: 1px solid #CCC; text-align: left; background: url(submenu-bg.png) repeat-y;}
/* hover bottom */
div#nav ul ul li:hover {color: #000; border-bottom: 1px solid #CCC; text-align: left; background: url(submenu-bg-ro.png) repeat-y;}


div#nav ul ul li a {color: #000; font-weight: normal; display: block; padding: 0.25em 0em 0.5em 0.25em;
  text-decoration: none; width: 130px;font-size: 0.8em;}
/* div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;} */
div#nav li.submenu li.submenu {background: url(submenu-bg.png) no-repeat; z-index: 1;}
/*div#nav li.submenu li.submenu:hover {background-color: #fff;}*/
/*div#nav li.submenu li.submenu:hover {background-color: #fff;}*/
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block; z-index: 1;}
div#nav ul.level2 {top: 1.9em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 10em;
  border-top: 1px solid #CCC;}