/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
 position:relative; 
 font: normal 12px Arial,Verdana, Tahoma, Helvetica, Helvetica,sans-serif; color:#CCCCFF;
}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;
 padding-top:5px; letter-spacing: 1px;
 padding-left:5px;padding-right:4px;
 height:20px; text-align:left; color:#fff; line-height:20px; overflow:hidden;
 font: normal 13px Arial,Verdana, Tahoma, Helvetica,sans-serif;;

}

.menu ul li li a, .menu ul li li a:visited {
 display:block; text-decoration:none; padding-left:7px;
 text-align:left; border:none;  line-height:20px; overflow:hidden;
 color:#000000;letter-spacing: 0px;height:20px; 
 font: normal 12px Arial,Verdana, Tahoma, Helvetica,sans-serif;;
}

.menu ul li li a.zweizeilig {
 height:40px;line-height:16px;
}


/* Ebene 1 */
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}

/* Ebene 2 */
.menu ul li ul {
   display: none;z-index:100;
   margin-top:4px; background:#fff;  padding:0 0 5px 0px;
   position:absolute; top:21px; left:0; 
   border-right: solid 1px #eee;border-bottom: solid 1px #eee;
   filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
}

.menu ul li.on ul {
  display: block;background:#fff;z-index:0;
  filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
}


/* specific to non IE browsers */
.menu ul li:hover ,.menu ul li.on  {background:#009993; }

/* Ebene 2 einblenden */
.menu ul li.off:hover ul {
    display:block;
}


.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}

.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#000; background:#fff;  


}
.menu ul li:hover ul li a:hover,.menu ul li ul li a.active {color:#DC7C3E }



.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}