.arrowlistmenu{font-size:11pt;
border:0px solid #aaa;background:transparent;
margin:0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11pt Arial; border:0px solid blue;
background: transparent url(dn.png) no-repeat  6px 7px;background-size:15px;
margin: 0px !important; /* 10px    bottom spacing between header and rest of content*/
color:#000;
padding: 7px 0 7px 30px; /*header text is indented 10px*/
line-height:24px;
cursor: pointer;
}
.arrowlistmenu .menuheader:hover{background-color:#ddd} /* ffd  ----------------- Farbänderung ------------------- */

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#ddd url(up.png) no-repeat 6px 7px; background-size:15px;
}

.categoryitems{border:1px solid #bbb;margin-right:0px;background:#ffe}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
background:#fff;
line-height:14px ;
margin-right:0px;
}
.arrowlistmenu ul{margin:0;}
.arrowlistmenu ul li{text-align:left; font:10pt arial;line-height:14px;
padding:5px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 0px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #999;
}

.arrowlistmenu ul li a.subexpandable:hover{
background: #aa0;  /* +++++++++++ hover state CSS for sub menu header ++++++++++++ */
}
.arrowlistmenu h5{margin:0px;padding:0px;}

.lft{float:left;}
.lft span{margin-left:15px;}
.rgt{float:right;padding-right:5px;}
.check{margin-top:0px;width:23px;height:23px;}
.menuheader{width:90%}
.showhide{max-width:430px;background:#eee;}  /* ++++++++++++++++++++ Hintergrund  Farbe ++++++++++++++++++++ */