.navleft

{

	list-style: none;
	border: none;	
	font-family: Arial, Helvetica, sans-serif;


}


.navleft>li
{

	color: #666666;
	font-size: 12px;
	font-weight:bold;
	float:right;
	display: block;

	width:205px; /* je kleiner, desto weiter rechts */

	/* padding-bottom: 0px; */

	padding-bottom: 5px;

line-height: 25px;


}


/* Ebene 0. Links und besuchte Links */


.navleft .lv0_link a:link, .navleft .lv0_link a:visited

{
	border-bottom:1px solid #cccccc;
	text-decoration: none;text-transform: uppercase;

	color: #666666;
	width:180px;

	background:url(../images/menue_pfeil.gif) no-repeat;
        background-position:0px 3px;



	margin-left: -7px; /* Abstand Pfeil zum linken Rand */
	padding-left: 25px; /* Beispiel: Menüpunkt WISSENSBEREICHE geht dann nach links, aber die Grafik nicht */



/*
	padding-top: 		5px;
	padding-bottom: 	7px;  ATTRIBUT: Abstand oberste Ebene zw den Elementen runter 
*/

	display: block;



}





.navleft .lv0_current a:link, .navleft .lv0_current a:visited

{

	text-decoration: none;text-transform: uppercase;

	color: #323232;

	width:175px;

	background:url(../images/menue_pfeil_over.gif) no-repeat; /* bk vertikaler Pfeil normalerweise */
	background-position:0px 3px;

	

	margin-left: -7px; /* Abstand Pfeil zum linken Rand */

	padding-left: 25px; /* Beispiel: Menüpunkt WISSENSBEREICHE geht dann nach links, aber die Grafik nicht */

/*
	padding-top: 		5px;
	padding-bottom: 	7px;
*/
	display: block;

}

/* Ebene 0, Hover wenn ANGEKLICKT */

.navleft .lv0_current a:hover

{

	color: #05266a;


	margin-left: -7px; /* Abstand Pfeil zum linken Rand */
	padding-left: 25px; /* Beispiel: Menüpunkt WISSENSBEREICHE geht dann nach links, aber die Grafik nicht */


	background:url(../images/menue_pfeil_over.gif) no-repeat;
	background-position:0px 3px;

/*
	padding-bottom: 	7px;
	padding-top: 		5px;
*/

	display: 		block;



}





/* Ebene 0 hover wenn MOUSE OVER */


.navleft .lv0_link a:hover

{

	margin-left: -7px; /* Abstand Pfeil zum linken Rand */
	padding-left: 25px; /* Beispiel: Menüpunkt WISSENSBEREICHE geht dann nach links, aber die Grafik nicht */

	

	display: block;

	background:url(../images/menue_pfeil_over.gif) no-repeat;
	background-position:0px 3px;


	color: #05266a;


/*
	padding-top: 		5px;
	padding-bottom: 	7px;
*/
}



/* Klick in Ebene 1, Darstellung des übergeordneten Punktes in Ebene 0 */




.navleft .lv0_section a:link, .navleft .lv0_section a:visited

{


	text-decoration: none;text-transform: uppercase;

	
	color: #666666;


	width:210px;

	background:url(../images/menue_pfeil_down.gif) no-repeat;
        background-position:0px 3px;


	
line-height: 25px;
margin-left: -7px; /* Abstand Pfeil zum linken Rand */
padding-left: 25px; /* Beispiel: Menüpunkt WISSENSBEREICHE geht dann nach links, aber die Grafik nicht */



/* ATTRIBUT: Wenn ich auf Zielgruppen klicke, kann ich KNOW-HOW damit einfärben
background-color: #333;
*/

	display: block; 


/*
	padding-top: 5px;  		ATTRIBUT: Höhenposition des Menüpunktes KnowHow wenn angeklickt 
	padding-bottom: 7px;  ATTRIBUT: Abstand von Knowhow zu den unteren Elementen 
*/


	
/*

*/

}



/* Abstand der ersten Ebene zur oberen Ebene */
/* Klick auf "Know-How" */

.mlevel2
{
	margin-top: -10px;
	/* background-color: #aaa;*/


/* test
vertical-align: baseline;
outline-style: none;
outline-width: 0px;
*/

}


/* --------------------------------------------- Ende Sektion 1 */






.mlevel2

{

list-style: none;

border: none;

color: #676767;
}




.mlevel2>li

{

color: #666666;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight:bold;

float:left;

display: block;

width:180px;


/* ATTRIB-IE: kleiner */
line-height: 15px; 
}






.mlevel2 .lv2_link a:link, .mlevel2 .lv2_link a:visited

{

text-decoration: none;

text-transform: none;

color: #666666;
width:170px; /* wichtig */
margin-left: 5px;

padding-left: 13px;

font-size: 11px;

margin-left: -30px;

/*
padding-top: 		0px;

padding-bottom: 	7px;
*/


display: 		block;



}


/* --------------------------------------------- Ende Sektion 2 */

.mlevel3
{
	margin-top: -10px; 
	/* background-color: #aaa;*/


/* test
vertical-align: baseline;
outline-style: none;
outline-width: 0px;
*/

}



.mlevel3

{

list-style: none;

border: none;

color: #676767;

/*
background-color: #888;
*/


padding-left: 23px; /* ATTRIB-IE: kleiner */ 
}







.mlevel3>li

{


color: 		#676767;

font-family: 	Arial, Helvetica, sans-serif;

font-size: 	10px;

font-weight:	bold;

float:		left;


width:		180px;
display: block;
line-height: 15px; 
}



.mlevel3 .lv3_current a:link, .mlevel3 .lv3_current a:visited

{

text-decoration: none;

text-transform: none;
color: #666666;

width:210px;

display: block;

font-size: 11px;
line-height: 15px; 
}










.mlevel3 .lv3_link a:link, .mlevel3 .lv3_link a:visited

{

text-decoration: none;

text-transform: none;


color:  #666666;

width:	210px;

line-height: 15px; 



font-size: 11px;




/*

padding-bottom: 7px;

margin-left: 5px;

padding-left: 13px;

padding-top: 5px;

display: block;

*/


}

/* --------------------------------------------- Ende Sektion 3 */

.mlevel4_current
{
margin-top: -10px; 
padding-left: 5px;
margin-top: -7px;
}






.mlevel4_current >li

{
background-color: #431;

color: #666666;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight:bold;

float:left;

display: block;

width:180px;
background:url(../images/menue_bullet_4x4.jpg) no-repeat;
background-position: 0px 8px; 
padding-left: 10px;
}





.mlevel4_current .lv4_link a:link, .mlevel4_current .lv4_link a:visited

{

text-decoration: none;

text-transform: none;


color: #666666;

width:210px;



font-size: 11px;

/*
padding-bottom: 7px;
*/


}


/* Todo: lv3_current ist noch nicht schwarz markiert wenn angeklickt */



/* --------------------------------------------- Ende Sektion 4 */






/* --------------------------------------------- nicht zugeordnet */


.mlevel3 .lv3_section a:link, .mlevel3 .lv3_section a:visited

{

text-decoration: none;

text-transform: none;

color: #4a6b7e;
color: #879da7;
color: #666666;
width:210px;


font-size: 11px;


/* ATTRIBUT: Wenn ich hier eine BG-Farbe benutze, kann ich den übergeordeten Bereich
mit Farbbalken anzeigen. Beispiel: Ich klicke auf Wiedereinsteigerinnen, dann ist Zielgruppen mit
einer Hintergrundfarbe markiert. 
background-color: #777;
*/


display: block;

}



/* Sektion 5 undefiniert */


.mlevel5_section
{
margin-top: -10px; 
padding-left: 5px;
margin-top: -7px;
}


.mlevel5_section >li

{
background-color: #431;

color: #666666;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight:bold;

float:left;

display: block;

width:180px;
background:url(../images/menue_bullet_4x4.jpg) no-repeat;
background-position: 0px 8px; 
padding-left: 10px;
}


.mlevel5_section .lv5_current a:link, .mlevel5_section .lv5_current a:visited

{

text-decoration: none;

text-transform: none;

color: #000;
font-size: 11px;

}



.mlevel5_section .lv5_link a:link, .mlevel5_section .lv5_link a:visited

{

text-decoration: none;

text-transform: none;

color: #666666;
font-size: 11px;
}









.mlevel5_section .lv5_section a:link, .mlevel5_section .lv5_section a:visited

{

text-decoration: none;

text-transform: none;

color: #666666;
font-size: 11px;
}





/* --------------------------------------------- Sektion 6 */


.mlevel6_section
{

padding-left: 5px; 
margin-top: -7px;
}




.mlevel6_section >li

{
background-color: #431;

color: #666666;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight:bold;

float:left;

display: block;

width:180px;
background:url(../images/menue_bullet_4x4.jpg) no-repeat;
background-position: 0px 8px; 
padding-left: 10px;
}




.mlevel6_section .lv6_section a:link, .mlevel6_section .lv6_section a:visited

{

text-decoration: none;

text-transform: none;

color: #000;
font-size: 11px;

color: #666666;

}





.mlevel6_section .lv6_link a:link, .mlevel6_section .lv6_link a:visited

{

text-decoration: none;

text-transform: none;

color: #666666;

font-size: 11px;
}







.mlevel6_current
{

padding-left: 5px; 
margin-top: -7px;
}




.mlevel6_current >li

{
background-color: #431;

color: #666666;

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight:bold;

float:left;

display: block;

width:180px;
background:url(../images/menue_bullet_4x4.jpg) no-repeat;
background-position: 0px 8px; 
padding-left: 10px;
}








/* Sel Menüeintrag */
.lv6_current a:link, .lv6_current a:visited

{

text-decoration: none;

text-transform: none;

color: #000;
color: #e8791e;
font-size: 11px;


}





.lv6_link a:link, .lv6_link a:visited

{

text-decoration: none;

text-transform: none;

color: #666666;
font-size: 11px;
}
















/* --------------------------------------------- Linkfarben hover */


.navleft .lv2_link a:hover

{
color: #05266a;
}


.navleft .lv3_link a:hover

{
color: #05266a;
}

.navleft .lv4_link a:hover

{
color: #05266a;
}

.navleft .lv5_link a:hover

{
color: #05266a;
}


.navleft .lv6_link a:hover

{
color: #05266a;
}