/***********************************************************

                Navigation

***********************************************************/
#navi {
margin: 0;
padding: 0;
width:251px;
font-size: 14px;
list-style:none;
}

#navi ul, #navi li.staticmenu {
margin: 0;
padding: 0;
list-style: none;
}

#navi ul {
margin: 0 10px 20px 20px;
}

#navi a{
display:block;
}

#navi ul a {
display:block;
position:relative; 
background: url(../images/navi_hline.gif) no-repeat; 
padding:5px; 
text-decoration:none; 
color:#324465;}


#navi ul a:hover {
color:#fff;
background: url(../images/navi_hline_hover.gif) repeat-y;
}


/* SlideOutMenu */

#navi ul li.ypMenu {list-style-type:none; /*margin:0;*/ padding:0; /*width:251px;*/ z-index:9999;}
#navi li.active a {/*background-color:#909eb1;*/ color:#fff; background: url(../images/navi_hline_hover.gif) repeat-y; /*background-image:url(fileadmin/templates/images/blueArrow_on.gif);*/ }

#navi li.ypMenu ul {background:#909eb1; margin:0; padding:5px; width:200px; z-index:9999}
#navi li.ypMenu li { margin:0;	padding:0; background:none; border-bottom: none;}
#navi li.ypMenu li a{color:#fff;}
/*#navi li.ypMenu li.last { border-bottom:none;}*/
/*#navi .ypMenu li.active li a, #navi li li a {	 width:175px;	padding:2px 5px 2px 20px;	background:url(../images/navi-sub-bg.gif) 9px 8px no-repeat;	display:block; position:relative;  font-size:12px;}*/

#navi li.ypMenu li a{/*width:175px;*/ padding:2px 5px 2px 20px;	background:url(../images/navi-sub-bg.gif) 9px 8px no-repeat; display:block; position:relative; font-size:12px;}
#navi li.ypMenu li a:hover  {color:#324465; background:url(../images/navi-sub-bg.gif) 9px 8px no-repeat;  background-color:#ccc;}

#navi li.menu-item-last {background: url(../images/navi_hline.gif) 0px 100% no-repeat;}

/*.yp_theMenu	{left:-1000em; position:absolute;}*/
#navi li.ypMenu .yp_theMenu{left:-1000px; visibility:hidden; position:absolute;}
#navi .ypMenu .yp_theMenu{left:-1000px;}


/* StaticMen u */

#navi ul ul{
margin:0 0 0 10px;
}

#navi ul ul a{
border-top:none;
background:none;
font-size: 12px;
padding: 3px 2px 3px 13px;
border-top:0;
}
#navi ul ul a:hover{
background: url(../images/navi_hline_hover_l2.gif) repeat-y;
}

#navi ul ul ul{
margin:0 0 0 20px;
}

#navi ul ul ul a {
padding:3px 0 3px 13px;
font-size: 10px;
}

#navi ul ul ul ul{
margin:0 0 0 10px;
}

#navi ul ul ul ul a {
padding:2px 0 2px 13px;
font-style:italic;
margin-left:5px;
}



#navi .bg-box{
background-color:#e3e2d6;
margin-right:7px;
}
#navi .bg-box a:hover{
background-color:#ccc;
background-image:none;
color:#324465;
}


#navi .l1-current a{
background: url(../images/navi_hline_hover.gif) repeat-y;
color:#fff;
/*background-color:#ccc;*/
}
#navi .l1-act a{
font-weight:bold;
}

#navi .l2-current a, #navi .l2-current a:hover{
/*background: url(../images/navi-sub-bg.gif) 5px 50% no-repeat;
background-color:#ccc;*/
background: url(../images/navi_hline_hover_l2.gif) repeat-y;
color:#fff;
}
#navi .l2-current-sub a, #navi .l2-current-sub a:hover{
background: url(../images/navi-sub-bg.gif) 5px 50% no-repeat;
background-color:#ccc;
}
#navi .l2-act a{
font-weight:bold;
}

#navi .l3-current a, #navi .l3-current a:hover{
background: url(../images/navi-sub-bg.gif) 5px 50% no-repeat;
background-color:#ccc;
}
#navi .l3-act a{
font-weight:bold;
}

#navi .l4-current a, #navi .l4-current a:hover{
background: url(../images/navi-sub-bg.gif) 5px 50% no-repeat;
background-color:#ccc;
}
#navi .l4-act a{
font-weight:bold;
}