Menu mit Klassen vergeben unterschiedliche farben

Hallo Leute Ihr könnt mir sicher helfen.

Idee ist jeden Menupunkt mit unterschiedlichen Farben darzustellen.
Das Hauptmenu habe ich geschaft... habe in der Menu Struktur im jeden Menu Level 1 eine CSS Classes mitgeben.

Jedoch schaffe ich es nicht für das SUBMenu
Soweit ich das sehe kann ich aber der <ul class="sub-menu" keine Classes in der Menu Struktur mitgeben sondern nur jeden Menupunkt.
Sehe ich das so richtig?

So sieht es bei mir im Html code aus... menu-item-gelb2 das klappt super.
Wie könnte ich das anstellen das ich auch das SUB Menu ansprechen kann

<li class="menu-item-gelb2 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2583"><a href="#">Produkte</a>


<ul class="sub-menu" style="visibility: hidden; display: none;">




	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2585"><a href="#">Main Features</a>
	<ul class="sub-menu" style="display: none; visibility: hidden;">




		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2679"><a href="">Menu </a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2678"><a href="">Menu</a></li>
		<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2680"><a href="">Menu</a></li>
		
	</ul>
</li>

CSS das spricht den Hintergrund für das SUB Menu an.
Das was weiß ist sollte dann auch den Gelb ton vom Menu darüber annehmen.

[FONT=Consolas]ul.sf-menu li ul li a, ul.sf-menu li ul li ul li a 
{ position: relative; top: 0; left: 0; width: 100%; color: #333333; padding: 12px 30px; background: #fff; border-bottom: 1px solid #e6e6e6; }
[/FONT]

Habe schon einiges versucht... leider gescheitert...
Auf Tipps und Vorschläge würde ich mich freuen.

Vielen Vielen Dank

Hallo Danke für dein Antwort.
Also das in der ersten ebene konnte ich ja lösen ;))

Ist es möglich <ul class="sub-menu" noch was mit zugeben? zb. <ul class="sub-menu gelb2"
Denn die möchte ich ja auch in gelb hinterlegen...

Sorry... bin da auf der Leitung gestanden ;)
Zur info es ist ein kauf template und habe mit der erstellung nix auf den Hut, kann die CSS auslesen und ändern;)

Leider ist genau dieser Teil der CSS für den hintergrund zuständig

[FONT=Consolas]ul.sf-menu li ul li a, ul.sf-menu li ul li ul li a 
{ position: relative; top: 0; left: 0; width: 100%; color: #333333; padding: 12px 30px; background: #fff; border-bottom: 1px solid #e6e6e6; }[/FONT]

Habe auch versucht sie so anzusprechen und andere Variatonen leider ohne Erfolg.

.menu-item-gelb2 .sub-menu .ul.sf-menu li ul li a,ul.sf-menu li ul li ul li a{