@CHARSET "ISO-8859-1";


/* Navigationsmenü */
/* 	Globale Definitionen */

.invisible, dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

/* 	XHTML 1.0 Strict */

img {
	border: none;
}

/* 	Um die unterschiedlichen Standard-Abstaende fuer versch. Broweser zu ueberschreiben */

ul, ol, li {
	padding-left: 2px;
	padding-right: 2px;
	margin: 0;
}

/*	als eigene Klasse, um es im Context einer Seite besser steuerbar zu machen */

.NavText {
	font-size: 1em;
}

/*	Dem Layer um die Navigation eine Hintergrundfarbe und Breite vorgeben */

.mainnavigation {
   text-align:left;
   height:auto;
   color: #ffffff;
}


/*	Dem Layer um die Navigation eine Hintergrundfarbe und Breite vorgeben */
*html .mainnavigation {
   text-align:left;
   height:auto;
   color: #ffffff;
}


/*	In der Navigation sollen keine Linien unter den Links sein, ausserdem sollen alle Links Block-Elemente sein,
damit die ganze Navigations-Flaeche klickbar wird */

.mainnavigation a {
	text-decoration: none;
	display:block;
	color: #ffffff;
    padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
}

/*	fuer den IE muessen die Links in diesem Fall eine Breite bekommen */
* html .mainnavigation a {
	color: #ffffff;
	padding-left:25px;
}

/*	Hauptpunkte Eintraege fett sein, Hauptpunkte haben zum naechsten Punkt eine dicke Border */

.mainnavigation ul li {
	font-weight: bold;
	color: #ffffff;
	border-bottom:3px solid white;
	
	
}

/*	aufgrund des Problems, Borders richtig anzuzeigen, hier für den IE eine Hoehe (wirkt wie min-height) */

* html .mainnavigation ul li {
	height: 1em;
}

/* 	Level 1 Eintrage haben ein Hintergrundbild und ein paar Abstaende, die padding-left/right sind wichtig fuer später */

.mainnavigation ul li a {
	background: url(/academy/media/images/list_icon1.gif) no-repeat 5px 1em;
	background-color: #18047f;
}	
	
}mainnavigation ul li a:visited {
	color: #ebedf3;
}

/* Bei Hover ueber einen Level 1 Eintrag  */

.mainnavigation ul li a:hover, .mainnavigation ul li a:focus, .mainnavigation ul li a:active {
	list-style-image: url(/academy/media/images/list_icon1.gif) no-repeat 5px 1em;
	background-color: #ebedf3;
	background-position: 5px 1em;
	color: navy;
}

/*	Der aktive Level 1 Eintrag  */

.mainnavigation ul li.selectedOne div a {
	background-position: 10px 1em;
	background: url(/academy/media/images/list_icon3.gif);
	background-color: #ebedf3;
}



/*	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. */
.mainnavigation ul li.selectedOne div.selectedOne {
	color: red;
	border-right: 0px;
	background: url(/academy/media/images/list_icon3.gif) no-repeat 0px 1em #b5c3d7;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	background-color: #b5c3d7;
	border-bottom: 3px solid #ffffff;
}

/*	der IE rechnet Hintergrundbilder dieser Konstruktion etwas anders, deshalb bekommt er eine andere Position */
* html .mainnavigation ul li.selectedOne div.selectedOne {
	background-position: 5px 1em;
    padding-top:10px;
	padding-bottom:10px;
	background-color: #b5c3d7;
}

/*	LEVEL 2 */


.mainnavigation  ul li ul li {
	font-size:0.85em;
    font-weight:normal;
    background-color:#ebedf3;
	color:#000080;
	padding-top:2px;
	padding-bottom:2px;
}

.mainnavigation ul li ul li a {
	background: url(/academy/media/images/list_subicon1.gif) no-repeat 25px 0.3em;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#ebedf3;
	padding-left: 45px;
	color: #000080;
}

.mainnavigation ul li ul li a:visited {
	color:#000080;
	font-weight:normal;
}

.mainnavigation ul li ul li a:hover, .mainnavigation ul li ul li a:focus, .mainnavigation ul li ul li a:active  {
	background: url(/academy/media/images/list_subicon2.gif) no-repeat 25px 0.3em;
	background-position: 25px 0.3em;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#b5c3d7;
	color: #000080;
}

.mainnavigation ul li ul li.selectedOne {
	background: url(/academy/media/images/list_subicon2.gif) no-repeat 25px 0.45em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:45px;
	margin-top:3px;
	margin-bottom:2px;
	background-color:#b5c3d7;
	color: #000080;
	font-weight:bold;
}



/* Navigationsleiste */

.navi5col {
  	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
   	line-height: 20px;
   	text-align:left;
   	color:#ffffff;
	font-size:85%;
	font-weight:bold;
 }

.navi5col ul, .navi5col li {
   	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:5px;
   	float:left;
   	display: inline;
   	list-style-type: none;
   	width:92px;
   	color:#ffffff;
    background-color:#160380;
	border-right:2px solid #ffffff;
	border-top:2px solid #ffffff;	
}

.navi5col a:link  {
    margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:5px;	
    float: left;
    line-height: 20px;
    width:92px;
    text-decoration: none;
    color:#ffffff;
    background-color:#160380;
}

.navi5col a:visited  {
   margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:5px;	
    float: left;
    line-height: 20px;
    width:92px;
    text-decoration: none;
    color:#ffffff;
    background-color:#160380;
}

.navi5col a:akt {
    margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:5px;
	line-height:20px;
    color:#ffffff;
    background-color:#160380;
	width:92px;
}

.navi5col a:hover {
    margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:5px;
	width:100px
	line-height: 20px;
    background-color: #b5c3d7;
    color:#160380;
	width:92px;
}