.invisible, dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
/*
.selectedOne {
}
*/


/*	als eigene Klasse, um es im Context einer Seite besser steuerbar zu machen 
.navText {
	font-size: 0.8em;
}
*/
/*	Den Layer um die Navigation eine Hintergrundfarbe und Breite vorgeben */
#navMain {
	width: 190px;
	padding-top: 50px;
	padding-left: 10px;
	margin: 0px;
}
/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */
#navMain ul, 
#navMain ol, 
#navMain li,
#navMain ul li,
#navMain ul li ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-image: none;
	text-align: left;
	border: 0px;
}

/*	In der Navigation sollen keine Linien unter den Links sein, ausserdem sollen alle Links Block-Elemente sein, damit die ganze Navigations-Flaeche klickbar wird */
#navMain a {
	text-decoration: none;
	font-weight: normal;
	display: block;
	color: #074B88;
}

/*	fuer den IE muessen die Links in diesem Fall eine Breite bekommen
* html #navMain a {
	width: 100%;
	
}
* html #navMain ul li,
* html #navMain ul li a {
    margin-bottom: 1px;    
}
*/

/*	fuer Hauptpunkte sollen die Eintraege Fett sein, Hauptpunkte haben zum naechsten Punkt eine dicke Border */
#navMain ul li {
	font-weight: normal;
	margin: 0px;
	background-image: none;
        margin-bottom: 1px;    
	/* display: block; */
	line-height: 18px;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#navMain ul li.act {
	margin-bottom: 1px;
}

#navMain ul li.secact {
	border-bottom: 0px;
}

/*	aufgrund des Problems, Borders richtig anzuzeigen, hier für den IE eine Hoehe (wirkt wie min-height) 
* html #navMain ul li {
	height: 1em;
}
*/
/* 	Level 1 Eintrage haben ein Hintergrundbild, und ein paar Abstaende, die padding-left/right sind wichtig fuer später */
#navMain ul li a {
	/*padding: 5px 7px 5px 10px !important;*/
	/*padding: 2px 2px 2px 10px;*/
	padding-left:9px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #074B88;
	color: #FFFFFF;

	display:block;
	/* naechste Zeile neu:Anderung BGM wegen Fehlerhafter Darstellung des Menues (Pfeil bei mouseover)*/
	background-image:none;
    /* margin-bottom: 1px; */
}
#navMain ul li a.act {
/*padding: 5px 7px 5px 10px !important;*/
	/*padding: 2px 2px 2px 10px;*/
	padding-left:9px;
	padding-top:2px;
	padding-bottom:3px;
	background-color: #074B88;
	color: #FFFFFF;

	display:block;
	/* naechste Zeile neu:Anderung BGM wegen Fehlerhafter Darstellung des Menues (Pfeil bei mouseover)*/
	background-image:none;
    /* margin-bottom: 1px; */
}

#navMain ul li a.secact {
	color: #fff;
	background-color: #6A93B8;
}


/* 	Bei Hover ueber einen Level 1 Eintrag bekommt der a des Eintrages rechts und links eine Border und das padding left/right wird um die breite der Border verringert.
	Aufgrund dessen muessen wir auch das Hintergrundbild neu positionieren */
#navMain ul li a:hover, 
#navMain ul li a:focus, 
#navMain ul li a:active {
	background-color: #6A93B8;
}

/*	Der aktive Level 1 Eintrag bekommt immer eine linke Border, dehalb muß das Padding um den Border-Wert veraendert werden.
	Somit auch wieder das Hintergrundbild neu positionieren (und ein anderes benutzen, da er ja aktiv ist) 
	Das gilt aber nur, wenn ein Level 2 Eintrag ausgewaehlt ist (Level 1 hat sonst keinen Link) */
#navMain ul li.selectedOne {
   padding-top: 5px;
   padding-bottom: 5px;
}
#navMain ul li.selectedOne div a {
	background-color: #6A93B8;
		
	background-image: none;
	color: #fffff;
}

/*	Da oben für die Hover Effekte die Borders gesetzt werden, muessen wir hier noch einmal für den aktiven sagen, dass die Borderfarbe die Hover-Farbe sein soll 
#navMain ul li.selectedOne div a:hover, #navMain ul li.selectedOne div a:focus, #navMain ul li.selectedOne div a:active {
	border-left-color: #FFF;
}
*/

/*	Dies ist der Zustand, wenn man auf der Seite des Level 1 Eintrages ist. Es ist also ein zweite UL vorhanden, der Navigationspunkt ist ausgeklappt und hat keinen Link.
	Hier wird eine Border links gesetzt, welche die gleiche Farbe wie der Hintergrund hat. Surfer mit normalen Farbeinstellungen sehen sie also nicht.
	Nur User mit veraenderten Kontrasten sehen sie. Ein anderes Hintergrundbild zeigt für "normale" User an, dass dieser Punkt ausgewaehlt ist */
#navMain ul li.selectedOne div.selectedOne {
	background-color: #6A93B8;
	background-image: none;
}

/*	der IE rechnet Hintergrundbilder dieser Konstruktion etwas anders, deshalb bekommt er eine andere Position 
* html #navMain ul li.selectedOne div.selectedOne {
	background-position: 10px 0.7em;
}
*/

/*	LEVEL 2 */

#navMain ul li ul {
	margin: 0px;
	background-image: none;
}

#navMain ul li ul li{
	border-bottom: 1px solid #6A93B8;
}

#navMain ul li ul li.last {
	border-bottom: 0;
}

/* Fuer normale Level 2 Eintraege muessen wir ein paar Sachen von Level 1 ueberschreiben */
#navMain ul li ul li a {
	color: #6A93B8;
	background-color: #FFFFFF;
	padding-left: 9px;
	background-image: none;
}

/* 	Level 2 Eintraege haben ein anderes Icon, andere Paddings etc. 
#navMain ul li ul li a {
	background: url(../img/list_sub_0.gif) no-repeat 20px 0.45em;
	padding: 4px 7px 4px 34px;
}
*/

/*	Und hier machen wir das gleiche wie oben, muessen es aber für Level 2 Eintraege aufgrund ihrer geaenderten Position etwas neu anpassen */
#navMain ul li ul li a:hover, #navMain ul li ul li a:focus, #navMain ul li ul li a:active {
	background-color: #6A93B8;
	color: #FFFFFF;
}

/*	und fuer den selektierten Level 2 Eintrag wieder links eine feste Border und die Paddings anpassen */
#navMain ul li ul li.selectedOne {
	color: #6A93B8;
	padding-left: 9px;
}

/*	LEVEL 3 */

#navMain ul ul ul {
	border: 0px;
	margin-bottom: 0px;
	/*padding-bottom: 7px;*/
}
/* Fuer normale Level 2 Eintraege muessen wir ein paar Sachen von Level 1 ueberschreiben */
#navMain ul ul ul li a {
	color: #6A93B8;
	background-color: #FFFFFF;
	padding-left: 21px;
	font-size: 0.95em;		
}

/* 	Level 2 Eintraege haben ein anderes Icon, andere Paddings etc. 
#navMain ul li ul li a {
	background: url(../img/list_sub_0.gif) no-repeat 20px 0.45em;
	padding: 4px 7px 4px 34px;
}
*/

/*	Und hier machen wir das gleiche wie oben, muessen es aber für Level 2 Eintraege aufgrund ihrer geaenderten Position etwas neu anpassen */
#navMain ul ul ul li a:hover, #navMain ul ul ul li a:focus, #navMain ul ul ul li a:active {
	background-color: #6A93B8;
	color: #FFFFFF;
}

/*	und fuer den selektierten Level 2 Eintrag wieder links eine feste Border und die Paddings anpassen */
#navMain ul ul ul li.selectedOne {
	color: #6A93B8;
	padding-left: 21px;
}
