.menu, .menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.menu li {
margin: 0px;
padding: 0;
border: 0;
display: block;
float: left;	
position: relative;
z-index: 5;
}

.menu li:hover {
z-index: 10000;	
white-space: normal;
}

.menu li li {
float: none; 
width: 180px;
}

.menu ul {
visibility: hidden;	
position: absolute;
z-index: 10;
left: 0;	
top: 0;		
}

.menu li:hover>ul {
visibility: visible;
top: 100%;	}

.menu li li:hover>ul {	
top: 0;
left: 100%;
}

.menu:after, .menu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul {
min-height: 0;
}

.menu ul {
background-image: url(../images/empty.gif);
padding: 9px 30px 30px 10px;
margin: -10px 0 0 -10px;

}
.menu ul ul {
padding: 30px 20px 30px 10px;
margin: -30px 0 0 -10px;
}




/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu {
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;

}

.menu, .menu ul li {
color: #fff;
background: transparent;
line-height: 1.2em;
padding: 0px 0;
margin-top: 87px;
}

.menu ul {
width: 11em;
}

.menu a {
text-decoration: none;
color: #5a6570;
padding: 12px 20px 8px 20px;
display: block;
position: relative;
margin-right: 5px;
background: url(../images/bg_navi_0.png) right bottom no-repeat;
/* background: url(../images/navi-trenner.gif) right center no-repeat; */
}

.menu .current_page_item a,
.menu .current_page_item a:hover,
.menu .current_page_parent a,
.menu .current_page_parent a:hover {
color: #5a6570;
background: transparent url(../images/bg_navi_1.png) right bottom repeat-x;
font-weight: bold;
}

.menu .current_page_parent li a {
color: #5a6570;
background: #fff;
}

.menu .current_page_parent li a:hover {
color: #329fb6;
background: #FBFBFB;
}

.menu .current_page_parent li.current_page_item a {
font-weight: bold;
background: #fff;
}

.menu .current_page_item li a  {
font-weight: normal;
background: #fff;
}

.menu .current_page_item li a:hover  {
color: #329fb6;
background: #FBFBFB;
}

.menu a:hover, .menu li:hover>a {
color: #5a6570;
background: url(../images/bg_navi_1.png) right bottom no-repeat;
}

.menu li li a {
color: #5a6570;
background: #fff;
border: 0px;
}

.menu li li a:hover, .menu li li:hover>a {
color: #329fb6;
background: #FBFBFB;
border: 0px;
}

.menu li li {
border: 1px solid #ccc;
}
.menu ul>li + li {	
border-top: 0;
}

.menu li li:hover>ul {
top: 5px;
left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
placed here to clarify the terminology I use when referencing submenus in posts 
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
color: #567;
}*/

/* Fix for IE5/Mac \*//*/
.menu a {
float: left;
}
/* End Fix */



div.metanav {float:right; padding:0; margin-top: 10px;}
.metanav {list-style:none; margin:0; padding:0; text-align:right;}
.metanav li {display:inline;}
.metanav li a{text-decoration: none; color: #dadbdb;}
.metanav li a:hover {text-decoration: underline;}

.metanav li.current_page_item, .metanav li.current_page_item a, .metanav li.current_page_parent a {font-weight: bold;color:#fff;}
.metanav li.current_page_item li {font-weight: normal;color:inherit;}
.metanav li + li {margin-left:1em;}



div.subnav {float:right; padding:0;}
.subnav {list-style:none; margin:6px 0 0 0; padding:0; text-align:right;}
.subnav li {display:inline;}
.subnav li a {text-decoration: none; color: #434c59;}
.subnav li a:hover {text-decoration: underline;}

.subnav li.current_page_item, .subnav li.current_page_item a {font-weight: bold;color:#73B007;}
.subnav li.current_page_item li {font-weight: normal;color:inherit;}
.subnav li + li {margin-left:1em;}




/* vlist */

.featurenav {padding-right: 40px;}

h6.vlist {
font-size: 100%;
font-style: normal;
width: 100%;
padding: 8px 0px 8px 0px; /* LTR */
margin:0;
color: #fff;
background: transparent;
}

.vlist {
width: 100%;
overflow: hidden;
margin: 0 0 0 0;
list-style-type: none;
}

.vlist ul {
list-style-type: none;
margin:0;
padding: 0;
}

.vlist li {
float:left; /* LTR */
width: 100%;
margin:0;
padding: 0 20px 0 0;
text-align: left;

}

.vlist a,
.vlist strong,
.vlist span {
display:block;
padding: 3px 0px 3px 10px;
text-decoration: none;
border-bottom: 1px #d6dadf solid;
}

.vlist a,
.vlist a:visited {
color: #434c59;
}

.vlist li span {
display:block;
font-weight: bold;
border-bottom: 1px #d6dadf solid;
}

/* active list element */
.vlist li.current_page_item,
.vlist li.current_page_item a {
background-color:#f3f4f5;
font-weight: bold;
}

/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width: 100%; } /* LTR */

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active { background-color:#f3f4f5; cursor: pointer; }



/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width: 80%; padding-right: 20px; } /* LTR */

.vlist li ul li a, 
.vlist li ul li a:visited { background-color:#fff; color: #434c59; }
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active { background-color:#fafafa; color: #329fb6; }

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { background-color:#fff; width: 70%; padding-left: 30%; } /* LTR */

.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color:#fff; color: #434c59; }
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li a:active { background-color:#fafafa; color: #329fb6; }

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #434c59; }
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover,
.vlist li ul li ul li ul li a:active { background-color:#fafafa; color: #329fb6; }
}