/* common styling */
.menu {position:relative; margin:0; z-index:200;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#646464;width:110px; height:25px; text-align:center; overflow:hidden;padding-top:5px;border-left:1px solid #ccc;z-index:200;position:relative;}
.menu ul {padding:0; margin:0; list-style-type: none; z-index:200;position:relative;}
.menu ul li {float:left; margin-right:0px; position:relative; list-style:none; height:30px;vertical-align:middle; z-index:200;position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#EEAC3E; background-color:transparent; border-left:1px solid #EEAC3E; }
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:-0px; width:80px;}
.menu ul li:hover ul li a.hide {color:black;}
.menu ul li:hover ul li a.active {color:black;}
.menu ul li:hover ul li:hover a.hide {color:#EEAC3E; background-color:#f2c762;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color: #646464; margin-top:0px; background-image:url(../../images/Navstreifen-03.png); background-position: -10px 0px; background-repeat: repeat-y; background-attachment:fixed;border-left:1px solid #EEAC3E; z-index:200;position:relative;}
.menu ul li:hover ul li.last a {display:block; color: #646464; margin-top:0px; background-image:url(../../images/Navstreifen-03.png); background-position: -10px 0px; background-repeat: repeat-y; background-attachment:fixed;border-left:1px solid #EEAC3E;border-bottom:1px solid #EEAC3E; z-index:200;position:relative;}

.menu ul li:hover ul li a:hover {color:#EEAC3E; border-left:1px solid #EEAC3E;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:850px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-80px;}