/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	margin: 0px;
	padding: 0px;
	
	background-image: url(../imgs/back_left_3.gif);
}
			

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#menu_left{
	width: 180px;
	
	color: #000000;
	padding-left: 0px;
	padding-top: 26px;

}
/* folgende anweisung wird nicht vom ie interpretiert */
#menu_left[id] {
    height: auto;
    min-height: 100%;
	padding-top: 16px;
}

#menu_left_bottom{
	width: 180px;
	
	color: #000000;
	padding-left: 0px;
	padding-top: 26px;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#menu_left ul {
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	
	list-style-type: none;
	list-style-position: outside; /* im Falle eines Umbruchs wird die naechste Zeile nicht verrueckt */
	
	padding-left: 0px;
	margin-left: 0px;
}
#menu_left ul ul {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: normal;

	line-height: 19px;
	
	padding-left: 0px;
	margin-left: 0px;
}

/* Ebene 1: Listenpunkte einruecken */
#menu_left ul li {
	padding-left: 18px;
	margin-left: 0px;
	padding-bottom: -4px;
	
	/* HINTERGRUNDBILDCHEN: Gepunktete Linie am oberen Rand */
	background: transparent url(../imgs/punkte_weiss.gif) no-repeat 17px -1px;
}


/* Abstand zwischen unterem und oberen Menue stimmt nicht ueberein */
#menu_left ul.ebene_2 {
	padding-top: 0px;
}#menu_left[id] ul.ebene_2 {
	padding-top: -4px;



}
#menu_left ul ul li {
	padding-left: 10px;
	margin-left: 0px;
	
	/* HINTERGRUNDBILDCHEN: Gepunktete Linie am oberen Rand */
	background: transparent url(../imgs/punkte_grau.gif) no-repeat 0px -1px;
}
/* Abstand im Mozilla wird anders berechnet, da hier der absolute linke Rand genommen wird und nicht das parent-Element (wie im IE) */
/* folgende anweisung wird nicht vom ie interpretiert */
#menu_left[id] ul ul li {
	padding-left: 28px;
	/* HINTERGRUNDBILDCHEN: Gepunktete Linie am oberen Rand */
	background: transparent url(../imgs/punkte_grau.gif) no-repeat 17px -1px;
}

/**
* FARBE
*/
/* Farbe der HauptmenŸ-EintrŠge */
#menu_left ul li a:link, a:visited, a:active, a:focus {
	COLOR: #121212; 
	TEXT-DECORATION: none;
}
/* MouseOver */
#menu_left ul li a:hover{
	color: #6c7175; /* grau */
	color: #e72420; /* rot */
}
/* MouseOver */
#menu_left ul ul li a:hover{
	color: #6c7175; /* grau */
	color: #d30000; /* rot */
}

/* Farbe der Untermenue-Eintraege */
#menu_left ul.ebene_2 li a { /*a:link, a:visited, a:hover, a:active, a:focus {*/
	COLOR: #000000;
	TEXT-DECORATION: none;
}

/**
* BOMMEL AN DIE AKTIVE SEITE
*/
/* Bommel gross */
#menu_left ul li.aktiv{
	/* HINTERGRUNDBILDCHEN: Gepunktete Linie am oberen Rand */
	/* background: transparent url(imgs/punkte_rot.gif) no-repeat 17px -1px;*/
	background: transparent url(../imgs/punkte_mit_bommel_rot_gr2.gif) no-repeat 4px -1px;
}

/* Bommel gross, letzter MenŸpunkt */
#menu_left ul li.letzterMenuepunkt{
	/* HINTERGRUNDBILDCHEN: Gepunktete Linie am oberen Rand */
	/* background: transparent url(imgs/punkte_rot.gif) no-repeat 17px -1px;*/
	background: transparent url(../imgs/punkte_weiss_oben+unten.gif) no-repeat 4px -1px;
}



/* Bommel klein */
#menu_left ul ul li.aktiv{
	background: transparent url(../imgs/bommel_rot_klein.gif) no-repeat 0px 5px;
}
/* Bommel klein */
/* Positionierung für den Mozilla */
#menu_left[id] ul ul li.aktiv{
	/* background: transparent url(imgs/punkte_rot.gif) no-repeat 17px -1px; */
	background: transparent url(../imgs/bommel_rot_klein.gif) no-repeat 16px 5px;
}


/**********************************************
* Formatierung fŸr den unteren MenŸ-Teil
* (Impressum etc.)
***********************************************/
#menu_left_bottom ul {
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	
	list-style-type: none;
	list-style-position: outside; /* im Falle eines Umbruchs wird die naechste Zeile nicht verrueckt */
	
	padding-left: 0px;
	margin-left: 0px;

}

/* Ebene 1: Listenpunkte einruecken */
#menu_left_bottom ul li {
	padding-left: 18px;
	margin-left: 0px;
	padding-top: 3px;
	
	/* HINTERGRUNDBILDCHEN: Gepunktete Linie am oberen Rand */
	background: transparent url(../imgs/punkte_blau_kurz.gif) no-repeat 17px -1px;

}

/**
* FARBE
*/
/* Farbe der HauptmenŸ-EintrŠge */
#menu_left_bottom ul li a:link, a:visited, a:active, a:focus {
	COLOR: #121212; 
	TEXT-DECORATION: none;
}
/* MouseOver */
#menu_left_bottom ul li a:hover{
	color: #e72420; /* rot */
}