/* menu position */
.menu           { position:relative; float:left; border-left:1px solid #225d87; width:auto; max-width:930px; z-index:10000!important; }
/* global element styles (all levels) */
.menu *         { cursor:pointer; }
.menu ul        { margin:0px; padding:0px; list-style-type:none; }
.menu li        { float:left; position:relative; }
.menu a,
.menu a:visited { outline:expression(hideFocus=true); outline:0; -moz-outline:0; outline-style:none; -moz-outline-style:none; display:block; white-space:nowrap; }



/* 1st level width */
.menu a         { width:auto; }
* html .menu a  { width:1%; } /* IE 5.5-6 hack */

/* 2nd level width */
.menu ul ul     { width:auto; min-width:80px; }
.menu ul ul li  { width:100%; }
.menu ul ul a   { width:100%; }

/* IE 5.5-6 width hack */
* html .menu ul table  { width:150px; } /* no js width */
* html .menu ul table  { width:expression(80); } /* js min-width */
* html .menu ul ul li  { width:expression(parentElement.offsetWidth-22); } /* match all items width */


/* 1st level styles */
.menu a, 
.menu a:visited { font-family:Tahoma, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#ffea35; 
                  line-height: 19px; 
                  height:21px; padding:0px 5px 0px 6px; border-right:1px solid #225d87;
                  background-image:url('../images/praktiker/menu_background.gif'); background-position:0px 0px; background-color:#225d87; } /* text-transform: uppercase; */

/* 2nd level styles */
.menu ul ul                     { visibility:hidden; position:absolute; top:21px; left:-1px; height:21px; }
.menu ul ul a, 
.menu ul ul a:visited           { border:1px solid #225d87; border-top:none; border-bottom:none; font-size:10px;
                                  height:auto; line-height:11px; padding:4px 10px 6px 10px; } /* text-transform:none!important; */
/* 2nd level IE table hack */
.menu table                     { position:absolute; top:0px; left:0px; }



/* 1st level hover styles */
.menu a:hover                   { color:#ffffff; background-color:#2a84c0; background-position:0px -21px; }
.menu :hover > a                { color:#ffffff; background-color:#2a84c0; background-position:0px -21px; }

/* 2nd level hover styles */
.menu ul ul a:hover             { color:#ffffff; background-color:#2a84c0; background-position:0px -21px; }
.menu ul ul :hover > a          { color:#ffffff; background-color:#2a84c0; background-position:0px -21px; }

/* 2nd level show/hide */
.menu ul li:hover ul,
.menu ul a:hover ul             { visibility:visible; }
.menu ul :hover ul ul           { visibility:hidden;  }
.menu ul :hover ul :hover ul    { visibility:visible; }