/* common styling */
.menu {
	position: relative;
	margin: 0;
	position: relative;
	letter-spacing: 0;
}
.menu a{
  	color: #9c9d9d;
  	font-family: verdana, arial, sans-serif;
    letter-spacing: auto;
    font-size: 14px;
}
.menu li.ebene3 a{
  font-size: 11px;
}
.menu ul {
	height: 25px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid #120000;
	background: transparent url(img/dl_menu_bg.png);
}
.menu ul li {
	float: left;
}
.menu ul li img{
  visibility: hidden;   /* die bilder sollen nur den Platz fuer den Hintergrund aufspannen */
  margin-top: 7px;
  margin-bottom: 7px;
}
.menu ul li a,
.menu ul li a:visited {
	display: block;
	float: left;
	text-decoration: none;
	padding: 0 0 0 5px;
	line-height: 25px;
	background: no-repeat 0 5px;
	height: 25px;
	overflow: hidden;
}
.menu ul li ul {
	display: none;
}
.menu ul ul ul li a{
  margin-top: 1px;
}

/* Links bei Hover hervorheben */
/* Und den aktiven Menuepunkt hervorheben */
.menu ul li:hover a{
  color: white;
  background-position: 0 -35px;
}
.menu ul li:hover a img{
}
.menu ul li:hover ul li a{
    /* untermenuepunkte wieder grau */
  	color: #9c9d9d;
  background-position: 0 5px;
}
.menu ul li:hover ul li img{
}
.menu ul li:hover ul li:hover a{
  color: white;
  background-position: 0 -35px;
}
.menu ul li:hover ul li:hover img{
}
.menu ul li:hover ul li:hover ul li a{
  color: #9c9d9d;
  background-position: 0 5px;
}
.menu ul li:hover ul li:hover ul li img{
}
.menu ul li:hover ul li:hover ul li:hover a{
  color: white;
  background-position: 0 -35px;
}
.menu ul li:hover ul li:hover ul li:hover img{
}
.menu a.active{
  color: white !important;
  background-position: 0 -35px !important;
}
.menu a.active img{
}

/* specific to non IE browsers */
.menu ul li:hover a {
}
.menu ul li.active ul,
.menu ul li:hover ul {
  /* untermenue bei hover einblenden */
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	border-top: 1px solid #9d9d9d;
}
.menu ul li:hover ul{
  z-index: 25;
}
.menu_ ul li:hover ul.right_side li {
	float: right;
	border: 0;
}
.menu_ ul li:hover ul.left_side li {
	float: left;
	border: 0;
}
.menu ul li:hover ul li a.hide {
}
.menu ul li:hover ul li:hover a.hide {
}
.menu ul li.active ul li ul,
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display: block;
}
.menu ul li:hover ul li a:hover {
  color: white;
}
.menu ul li.active ul li.active ul,
.menu ul li.active ul li:hover ul,
.menu1 ul li:hover ul li:hover ul {
  /* 3. Ebene bei hover einblenden */
	display: block;
	position: absolute;
	left: 0;
	top: 25px;
	height: 25px; /* war mal 42*/
}
.menu ul li:hover ul li:hover ul{
  z-index: 50;
}
.menu ul li:hover ul.right li {
	float: right;
}
.menu ul li:hover ul li:hover a.hide {
}
.menu ul li:hover ul li:hover ul li a {
}
.menu ul li:hover ul li:hover ul li a:hover {
}