/* GLIEDERUNG ------------------------------------------ */

.gliederung ul {
	/*counter-reset: num;*/
    font-size: 12px;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: 0;
	
	list-style: none;
	text-indent: 0;
	*text-indent: 0;
	*list-style-type: none;
}
.gliederung ul li {
	font-weight: normal;
    min-height:0;
	height:auto;
    padding: 0;
    position: relative;
    width: auto;
	text-indent: 10px;
}
.gliederung ul ul {
	padding: 0 0 0 0; /* Erster Abstand der Liste von Links (wird vererbt) */
}
.gliederung ul ul ul { 
   background: transparent url(../images/gliederung_lines.png) left top repeat-y;
   padding: 0 0 0 1.7em;  /* Zweiter Abstand der Liste von Links (wird vererbt) */
 }

.gliederung ul>li:before {
	/*content: counter(num) '. ';
	counter-increment: num;*/
	color: #E30040;
	font-size: 0.85em;
	line-height: 80%;
}

.gliederung ul ul li:before {
	/*content: counters(num, '.') ' ';*/
}
.gliederung li a {
	color: #535353;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
}
.gliederung a:hover {
	text-decoration: underline;
	color: #E30040;
}
.gliederung li a {
	background: transparent url(../images/gliederung_download.png) no-repeat 100% 4px; /* Icon Download mit Position */
	padding: 0 20px 0 0; /* Abstand nach rechts zum Icon */
}

/* INDIVIDUAL STILES ------------------------------------------ */

.gliederung .Projekt-Titel {
	font-size:20px;
	font-weight:bold;
	text-indent: 0; /* Einzug des Textes */
}
.gliederung .Projekt-Titel > a {
	font-size:20px;
	font-weight:bold;
	background-position:100% 10px; /* Individuelle Position des Icon Download am Projekt-Titel */
}
.gliederung .Projekt-Titel > ul { /* Ansprechen über das erste <ul> in der Liste. Das <li> ist die Box und somit wie ein DIV zu behandeln */
    margin: 20px 0 0;  /* Abstand: oben rechts unten links; */
}

.gliederung .Standard-Knoten {
	font-weight: bold;
	background: transparent url(../images/gliederung_knoten.png) no-repeat 0 3px;
	margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Standard-Knoten > a {
	font-weight: bold;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .Knoten_grau {
	font-weight: bold;
	background: transparent url(../images/gliederung_knoten-grau.png) no-repeat 0 3px;
	margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Knoten_grau > a {
	font-weight: bold;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}

.gliederung .Standard-Eintrag {
	background: transparent url(../images/gliederung_eintrag.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Eintrag-leer {
	background: transparent url(../images/gliederung_eintrag.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Eintrag_grau {
	background: transparent url(../images/gliederung_eintrag-grau.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Knoten_blau {
	font-weight: bold;
	background: transparent url(https://evit-net.de/demo/images/gliederung_knoten-blau.png) no-repeat 0 3px;
	margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Knoten_blau > a {
	font-weight: bold;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .Eintrag_blau {
	background: transparent url(https://evit-net.de/demo/images/gliederung_eintrag-blau.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_magenta {
	font-weight: bold;
	color:magenta;
	background: transparent url(https://evit-net.de/demo/images/gliederung_knoten-magenta.png) no-repeat 0 3px;
	margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_magenta > a {
	font-weight: bold;
	color:magenta;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .K_magenta_Symbol {
	font-weight: bold;
	background: transparent url(https://evit-net.de/demo/images/gliederung_knoten-magenta.png) no-repeat 0 3px;
	margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_magenta_Symbol> a {
	font-weight: bold;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .E_magenta {
	background: transparent url(https://evit-net.de/demo/images/gliederung_eintrag-magenta.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .E_magenta> a {
	font-weight: bold;
	color:magenta;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .E_magenta_Symbol {
	background: transparent url(https://evit-net.de/demo/images/gliederung_eintrag-magenta.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_Austausch {
	font-weight: bold;
	background: transparent url(../images/gliederung_knoten.png) no-repeat 0 3px;
	margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_Austausch > a {
	font-weight: bold;
	margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .E_Austausch {
	background: transparent url(../images/gliederung_eintrag.png) no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
	margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
	text-indent: 20px; !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
