/*
http://www.menucool.com/vertical/accordion-menu
modified 25/6/2015 Rene Beckers
*/


@charset "utf-8";
/* CSS Document */

/* Accordion Menu powered by www.menucool.com */

/* ##### Top level items #####*/
#acdnmenu 
{
	/* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
	height: 40px;
	width: 600px; /*or pixel value*/
	text-align: center;
}


#acdnmenu ul.top
{
	padding-left: 0;
	background: #FFF;
	border: 1px solid #222;
	text-align: center;
}

#acdnmenu div.heading, #acdnmenu a.link
{
	padding: 8px;
	padding-left: 30px;
	text-align: left;
	color: #FFF;
	text-decoration: none;
	outline: none;
	background-color: #F00;
	background-image: url(../test/bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
{
    color:#FFF;
    font-weight:normal;
    text-decoration:none;  
    background-position:0 -64px;
}

/*Top level link without children*/
#acdnmenu a.current, #acdnmenu a.current:hover
{
	color: #FFF;
	font-weight: bold;
}

/* arrow image for the top headings */
#acdnmenu div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    right:8px;left:auto; /*Setting "left:8px;right:auto;" will position the arrow image to the left*/
    background-image:url(../test/arrows.gif);
    background-position:0 0;
}

#acdnmenu div.current div.arrowImage {
    background-position:0 -12px;
}

#acdnmenu li.separator
{
    border-top:1px solid #000;
    border-bottom:none; 
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
	padding-left:14px; /*This determines the hierarchical offset*/ 
}

#acdnmenu ul.sub div.heading
{
	text-align: left;
	padding: 5px;
	padding-left: 20px;
	color: #000;
	background: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
#acdnmenu ul.sub div.heading a
{
    color:#000;
}

#acdnmenu ul.sub div.current
{
    color:#000;
    background:none; 
}

#acdnmenu ul.sub a.link
{
    font:normal 11px Arial;
    color:#000;
    padding:5px; padding-left:20px;
    text-decoration:none;
    background:none; 
}

#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
{
    color:#000;
    text-decoration:underline;
    background:none; 
}


#acdnmenu ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background-image:url(../test/arrows.gif);
    background-position:0 -24px;
}
#acdnmenu ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#acdnmenu li {font-size:12px; line-height:16px;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 

/*Hack for IE6-7*/
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1;}
#acdnmenu li {*float:left;*width:100%;}

#acdnmenu ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:10px;
}
#acdnmenu>ul{visibility: hidden;}
#acdnmenu li {padding:0;margin:0;}

#acdnmenu div.heading, #acdnmenu div.current
{
	position:relative;
    cursor: pointer;
}
#acdnmenu div.arrowImage {position:absolute; overflow:hidden;}