.navi { color: black; height:35px; position:relative; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #d7d7d7; text-align: center; width: 828px; z-index: 2; }
.navi :hover > a, .menu ul ul :hover > a { color:white; background:#b6b6b6; z-index: 2; }
.navi a { display:block; font-size:13px; color:black; height:35px; line-height:35px; z-index: 2; padding-right: 5px; padding-left: 15px; }
.navi a:hover, .menu ul ul a:hover{ color:white; background:#b6b6b6; z-index: 2; }
.navi li { float:left; position:relative; z-index: 2; }
.navi table { position:absolute; top:0; left:0; z-index: 2; border-collapse:collapse;;}
.navi ul { text-align: center; z-index: 2; padding:0; margin:0; list-style-type:none; }
.navi ul ul { z-index: 2; border-top: 1px solid white; border-right: 1px solid white; }
.navi ul ul { visibility:hidden; position:absolute; top: 34px; height:0; left:-1px; width:200px; z-index: 2; }
.navi ul ul a { background: #d7d7d7; text-align: left; z-index: 2; border-left: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white; }
.navi ul ul a { background:#d7d7d7; color:#000; line-height: 20px; height:auto; padding:5px 10px; width:180px; z-index: 2; }
.navi ul ul ul { left:358px; top:-1px; width:200px; z-index: 2; }
.navi ul ul ul a { background:#d7d7d7; text-align: left; z-index: 2; border-left: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white;; }
.navi ul ul ul a:hover { background:#b6b6b6; z-index: 2; }
.navi ul ul ul.left { left:100px; z-index: 2; }
.navi ul li:hover ul,
.navi ul a:hover ul{ z-index: 2; visibility:visible; }
.navi ul :hover ul ul{ z-index: 2; visibility:hidden; }
.navi ul :hover ul :hover ul{ z-index: 2; visibility:visible; }