[TYPO3] rgaccordion change selected item's color

[Stephan de Bruin]

Hey all,

I've got my rgaccordion menu working almost completely as I want, but 
there is something that I just can't seem to get working.
When a menu-item is clicked, and has no submenu, I want to change it's 
color, so that the user can see which item he is currently viewing.

I've posted my CSS below, as wel as my TS.

Any help will be greatly appreciated.

Stephan

### CSS ###

#rgaccordmenunest * {
padding:0;
margin:0;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
}

#rgaccordmenunest a {
text-decoration: none;
}

#rgaccordmenunest {
padding:0px;
}

#rgaccordmenunest h1 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 19pt;
	letter-spacing:.005em;
	color:#e15c04;	
	margin: 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cddeed;
}



#rgaccordmenu {
width:200px;
border:0px solid #000;
}

#rgaccordmenu, #rgaccordmenu ul, #rgaccordmenu li {
padding:0;
margin:0;
background:none;
}


#rgaccordmenu li {
list-style:none;
display:block;
}

#rgaccordmenu li a {
color:#fff;
text-decoration: none;
}

#rgaccordmenu .toggle, #rgaccordmenu .empty {
display:block;
background:url(../images/level1act.jpg) no-repeat;
padding:5px;
color:#fff;
cursor:pointer;
}
#rgaccordmenu .empty {
background:url(../images/level1.jpg) no-repeat;
}
#rgaccordmenu .empty a{
display:block;
}
#rgaccordmenu .act {
background:url(../images/level1sub.jpg) no-repeat;
}



#rgaccordmenu li ul li a{
color:#333;
background:url(../images/level2.jpg) repeat-y;
display:block;
padding:5px 0 5px 10px;
margin-bottom:1px;
text-decoration: none;
}

#rgaccordmenu .toggle2 {
color:#333;
background:url(../images/level2sub.jpg) repeat-y;
display:block;
padding:5px 0 5px 10px;
font-weight:bold;
cursor:pointer;
margin-bottom:1px;
}
#rgaccordmenu .act2 {
background:url(../images/level2act.jpg) repeat-y;
margin-bottom:1px;
}

#rgaccordmenu li ul li ul li a {
padding:5px 0 5px 25px;
}

.open, .open span{
font-weight:bold;
}


### TS ###

lib.menu = HMENU
lib.menu {
     entryLevel = 0

     1 = TMENU

     1 {
         wrap = <ul id="rgaccordmenu">|</ul>
         noBlur = 1
         expAll = 1

         NO = 1
         NO.wrapItemAndSub = <li>|</li>
         NO.linkWrap = <span class="empty">|</span>

         IFSUB <.NO
         IFSUB.linkWrap = <span class="toggle">|</span>
         IFSUB.doNotLinkIt = 0

         ACTIFSUB <.NO
         ACTIFSUB.linkWrap = <span class="open toggle">|</span>
     }

     2 < .1
     2 {
	wrap = <ul class="content">|</ul>
	NO.linkWrap >
	IFSUB.linkWrap = <span class="toggle2">|</span>
	ACTIFSUB.linkWrap = <span class="open toggle2">|</span>
     }
}