// Steuerung der CSS - Klasse beim OnMouseOver der HauptKategorien
	function changeClass(id, className){
		//if(document.getElementById("hk_tw_"+id).className == "subNavItemHidden"){
			document.getElementById(id).className = className;
		//}
	}
	// Steuerung der CSS - Klasse beim OnMouseOver
	function changeStyleClass(id, className){
		document.getElementById(id).className = className;
	}

	// Steuerung der Navigation
	// Es darf jeweils nur eine Hauptkategorie geöffnet werden, wird eine andere
	// HauptKategorie angeklickt, wird die geöffnete geschlossen und die neu
	// angeklickte geöffnet
	function oeffneHauptKategorie(id){


		el = document.getElementById("hk_tw_"+id);
		if(el != null){
			if(el.className == "subNavItemVisible"){
				el.className = "subNavItemHidden";
			}else{
				// Zurücksetzen der Hauptkategorien
				hk = document.getElementsByName("hk");
				for(j=0; j<hk.length; j++){
					if(hk[j].className == "mainNavActive"){
						hk[j].className = "mainNavigation";
					}
				}
				changeClass(id, "mainNavActive");

				// Zurücksetzen der Themenwelten
				tw = document.getElementsByName("hk_tw");
				for(i=0; i<tw.length; i++){
					if(tw[i].className == "subNavItemVisible"){
						tw[i].className = "subNavItemHidden";
						break;
					}
				}

				// die Themenwelten der aktuell angeklickten Hauptkategorien
				// werden auf sichtbar gesetzt
				el.className = "subNavItemVisible";
			}
		}
	}

	// Highlightet die Themenwelt und läßt die Hauptkategorie geöffnet
	function highlightThemenwelt(id, hkId){

		oeffneHauptKategorie(hkId);
	}