* {
 margin:0;
 padding:0;
 border:none;
 text-decoration:none;
 list-style:none;
}

/* Allgemeine Link-Formatierung */

UL#navi {
 margin-top:10px;
 margin-left:20px;
 width:180px;
 float:left;
}

UL#navi A {
 margin-bottom:1px;
 padding-left:10px;
 color:#5f021f;
 background-color:#ccc transparent;
 font-family:Arial;
 font-weight:bold;
 font-style:Italic;
 line-height:2.0em;
 display:block; 
}

UL#navi LI UL LI A {
 color:#000;
 background-color:#ddd transparent;
 color:#5f021f;
 padding-left:20px;
 font-family:Arial;
 font-size:14px;
 line-height:1.8em;
 margin:0;
}

UL#navi LI:hover UL {
 display:block;
}

#navi #k1 + a, 
#navi #k2 + a, 
#navi #k3 + a, 
#navi #k4 + a, 
#navi #k5 + a, 
#navi #k6 + a,
#navi #k7 + a
{
 background: url("images/right.png") no-repeat right center #aaa transparent;    
}

#navi li:hover #k1 + a, 
#navi li:hover #k2 + a, 
#navi li:hover #k3 + a, 
#navi li:hover #k4 + a, 
#navi li:hover #k5 + a, 
#navi li:hover #k6 + a,
#navi li:hover #k7 + a
{
 background: url("images/down.png") no-repeat right center #aaa transparent;  
 color:#932b2b; 
}

ul#navi a:hover {
 background: gray;
 color:#932b2b;
 }
 
/* Allgemeine Link-Formatierung Ende */

/* Knoten ausblenden */
 
ul#knoten_1, 
ul#knoten_2, 
ul#knoten_3, 
ul#knoten_4, 
ul#knoten_5, 
ul#knoten_6, 
ul#knoten_7
{ 
 display:none;
}

/* Knoten bei Bedarf einblenden */

#seite1 ul#knoten_1, 
#seite2 ul#knoten_2, 
#seite3 ul#knoten_3, 
#seite4 ul#knoten_4, 
#seite5 ul#knoten_5, 
#seite6 ul#knoten_6,
#seite6 ul#knoten_7
{
 display:block;
 background:#ddd;
}

/* Maske um die aktuellen Navipunkte zu verdecken */

#navi span {
 position:relative;
 margin-bottom:-2.5em;
 width:200px;
 height:2.5em;
 background:url("../bg_span.gif") no-repeat right center transparent;    /* Benötigt der IE 6 + 7 */
 z-index:1;
 display:none;

}

#seite1 #k1 + a, 
#seite2 #k2 + a, 
#seite3 #k3 + a, 
#seite4 #k4 + a, 
#seite5 #k5 + a, 
#seite6 #k6 + a,
#seite6 #k7 + a
{
 background:url("images/down.png") no-repeat right center #aaa;  
}

/* Aktuellen Link hervorheben ( Optional ) */

#home li #navi-home + a, 
.UP_1konten_1 #k1_1 + a, 
.UP_2konten_1 #k1_2 + a, 
.UP_3konten_1 #k1_3 + a, 
.UP_4konten_1 #k1_4 + a, 
.UP_5konten_1 #k1_5 + a, 
.UP_5konten_1 #k1_6 + a, 
.UP_6konten_1 #k1_7 + a
 
.UP_1konten_2 #k2_1 + a, 
.UP_2konten_2 #k2_2 + a, 
.UP_3konten_2 #k2_3 + a, 
.UP_4konten_2 #k2_4 + a, 
.UP_5konten_2 #k2_5 + a, 
.UP_6konten_2 #k2_6 + a, 
.UP_7konten_2 #k2_7 + a
 
.UP_1konten_3 #k3_1 + a, 
.UP_2konten_3 #k3_2 + a, 
.UP_3konten_3 #k3_3 + a, 
.UP_4konten_3 #k3_4 + a
 
.UP_1konten_4 #k4_1 + a, 
.UP_2konten_4 #k4_2 + a, 
.UP_3konten_4 #k4_3 + a, 
.UP_4konten_4 #k4_4 + a
 
.UP_1konten_5 #k5_1 + a, 
.UP_2konten_5 #k5_2 + a, 
.UP_3konten_5 #k5_3 + a, 
.UP_4konten_5 #k5_4 + a
 
.UP_1konten_6 #k6_1 + a,
.UP_1konten_6 #k6_2 + a  
{

 background-color:#aaa transparent;
 color:#000;
}

/* Aktuellen Link verdecken um ein erneutes Klicken zu verhindern */

#navi-home,
 
#seite1 #k1, 
#seite2 #k2, 
#seite3 #k3, 
#seite4 #k4, 
#seite5 #k5, 
#seite6 #k6,
#seite6 #k7,
 
.UP_1konten_1 #k1_1, 
.UP_2konten_1 #k1_2, 
.UP_3konten_1 #k1_3, 
.UP_4konten_1 #k1_4, 
.UP_5konten_1 #k1_5,
.UP_6konten_1 #k1_6,
.UP_7konten_1 #k1_7

 
.UP_1konten_2 #k2_1, 
.UP_2konten_2 #k2_2, 
.UP_3konten_2 #k2_3, 
.UP_4konten_2 #k2_4,
.UP_4konten_2 #k2_5,
.UP_4konten_2 #k2_6,
.UP_4konten_2 #k2_7

.UP_1konten_3 #k3_1, 
.UP_2konten_3 #k3_2, 
.UP_3konten_3 #k3_3, 
.UP_4konten_3 #k3_4
 
.UP_1konten_4 #k4_1, 
.UP_2konten_4 #k4_2, 
.UP_3konten_4 #k4_3, 
.UP_4konten_4 #k4_4
 
.UP_1konten_5 #k5_1, 
.UP_2konten_5 #k5_2, 
.UP_3konten_5 #k5_3, 
.UP_4konten_5 #k5_4
 
.UP_1konten_6 #k6_1
{
 display:block;
}


/* Sonderangaben für IE 6 und 7 */

/* IE6 */

* html * {
 height:1%;
}

/* Weil der IE6 Folgeselektoren nicht versteht wird hier mit einer transparenten Grafik ( 400 x 100 Pixel ) der aktuelle Link markiert */ 

* html #navi span {
 background:url("images/arrowleft.gif") no-repeat right center transparent;    
}

* html #seite1 #k1, 
* html #seite2 #k2, 
* html #seite3 #k3, 
* html #seite4 #k4, 
* html #seite5 #k5, 
* html #seite6 #k6
{
 background:url("images/arrowdown.gif") no-repeat right center transparent;
}

/* IE7 */

*+ html * {
 zoom:1;
}

*+ html #navi span {
 float:left;
}