/* ================================================================
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/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:100%;
    z-index: 99;
}
/* remove all the bullits, borders and padding from the default list styling */
.menu ul {
    list-style-type:none;
    list-style: none;
    margin:0px 4px 0px 4px;
    padding:0px 0px 0px 0px;
    font-size:110%;
    width:840px;
}
.menu ul ul {
    width:169px;
    margin:0px 0px 0px 0px;
}

.menu li {
    list-style-type:none;
    list-style: none;
    margin: 0px 0px 0px 0px;
    position:relative;
    float: left;
}
.menu li li {
    margin: 0px 0px 0px 0px;
    position:relative;
    width:169px;
    float: none;
}


/* style the links for the top level */
.menu ul a,
.menu ul a:visited {
    display:block;
    font-size:12px;
    text-decoration:none;
    color:#000000;
    background: url('../img/layout/weinhaus_head_navigation_separator.gif') no-repeat top right;
    background-color:transparent;
    padding: 9px 22px 10px 20px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
}
.menu ul a.active {
    display:block;
    font-size:12px;
    text-decoration:none;
    color:#9D9F15; /*#5F0012;*/
    background: url('../img/layout/weinhaus_head_navigation_separator.gif') no-repeat top right;
    background-color:transparent;
    padding: 9px 22px 10px 20px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}

/**
 * nicht fragen, nur wundern:
 * aus irgend einem grunde muss bei den unteren zwei angaben das
 * bottom-padding einen px kleiner sein als geplant. sonst will es im
 * ie 6 und 5.5 nicht.
 **/
.menu ul a:hover{
    color:#9D9F15;
    background: url('../img/layout/weinhaus_head_navigation_separator.gif') no-repeat top right;
    background-color:transparent;
    padding: 9px 22px 9px 20px;
    margin: 0px 0px 0px 0px;
    text-decoration:none;
}
.menu ul :hover > a {
    color:#9D9F15;
    background: url('../img/layout/weinhaus_head_navigation_separator.gif') no-repeat top right;
    background-color:transparent;
    padding: 9px 22px 9px 20px;
    margin: 0px 0px 0px 0px;
    text-decoration:none;
}

/* style the second level */
.menu ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top:34px;
    left:0;
    width: 180px;
    margin-left: -2px;
    border-bottom: 1px solid #CDCCCC;
}
* html .menu ul ul {
    top:34px;
    t\op:34px;
}
.menu ul ul a,
.menu ul ul a:visited {
    background-color:#ffffff;
    background-image:none;
    color:#000000;
    font-size:11px;
    width:180px;
    font-weight:normal;
    padding:4px;
    text-decoration:none;
    border: 1px solid #CDCCCC;
    margin: 0px 0px -1px 0px;
}
.menu ul ul a.active {
    background-color:#F9F8CC;
    padding:4px;
    margin: 0px 0px -1px 0px;
    text-decoration:none;
    background-image:none;
    font-size:11px;
    font-weight:normal;
}
* html .menu ul ul a {
    width:180px;
    w\idth:180px;
}
.menu ul ul a:hover {
    background-color:#eeeeee;
    padding:4px;
    margin: 0px 0px -1px 0px;
    text-decoration:none;
    background-image:none;
    font-size:11px;
    font-weight:normal;
}
.menu ul ul :hover > a {
    background-color:#eeeeee;
    padding:4px;
    margin: 0px 0px -1px 0px;
    text-decoration:none;
    background-image:none;
    font-size:11px;
    font-weight:normal;
}

/* position the third level  */
.menu ul ul ul{
    left:191px;
    top:0px;
    width:180px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
    position:absolute;
    top:0px;
    left:0px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
    visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
    visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
    visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
    visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
    visibility:visible;
}