$(document).ready(function(){


	// Wenn der User über den Navipunkt fährt ...
	
	$("div.navipunkt").hover(
	
		function () {
		
			// Blende das Dropdown ein:
			
			$(this).children("div.dropdown").show();
			
		},
		
		function () {
		
			// Danach blende das Dropdown aus:
			
			$(this).children("div.dropdown").hide();
			
		}
		
	);

	// Wenn der erste Link im "div.navipunkt" Fokus hat ...

	$("div.navipunkt a:first-child").focus(function() {
		
		
		// Variablen erstellen:
		
		var navipunkt = $(this).parent("div.navipunkt");
		
		var dropdown = navipunkt.children("div.dropdown");
		
		var geschwister = navipunkt.siblings("div.navipunkt")
		
		
		// Alle Dropdowns ausblenden:
		
		geschwister.children("div.dropdown").hide();
		
		
		// Die "active"-Tags von allen Navipunkten entfernen:
		
		geschwister.children("a:first-child").removeClass("active");
		
		
		// Das "focus" von allen Navipunkten entfernen:
		
		geschwister.children("a:first-child").blur();
		
		
		// Dem ersten Link im "div.navipunkt" die Klasse "active" geben:
		
		$(this).addClass("active");
		
		
		// Das Dropdown anzeigen:
		
		dropdown.show();
		
		
	});
	
	
	// Wenn ein Link in der Breadcrumb-Navigation Fokus hat ...
	
	$("#breadcrumb a").focus(function() {
	
	
		// Alle Dropdowns ausblenden:
		
		$("div.dropdown").hide();
		
		
		// Die "active"-Tags von allen Navipunkten entfernen:
		
		$("div.navipunkt").children("a:first-child").removeClass("active");
		
	
	});
	
	
	// Wenn ein Link in der Quicknav Fokus hat ...
	
	$("#quicknav a").focus(function() {
	
	
		// Alle Dropdowns ausblenden:
		
		$("div.dropdown").hide();
		
		
		// Die "active"-Tags von allen Navipunkten entfernen:
		
		$("div.navipunkt").children("a:first-child").removeClass("active");

	
	});
	
	
});