/* CSS Document */

.arrowlistmenu{ /* Allgemeine Einstellungen vom Menu */
width: 189px; /* Breite */
background: #FFFFFF
}

.arrowlistmenu .menuheader{ /* Hauptmenu wenn es geschlossen ist  */
height: 25px;

font: bold 11px Arial; /* Stärke, Größe und Schrieftart */
color: white; /* Farbe */
background: black url(../_icons/_sidemenu/navi.png) center left; /* Hintergrund Bild */
margin-top: 0px; /* Abstand zum nächsten Hauptmenu Oben  */
margin-bottom: 0px; /* Abstand zum nächsten Hauptmenu Unten  */
text-transform: uppercase;
padding: 4px 0 4px 25px; /* Abstand vom Text Oben, 0, Unten und Links  */
cursor: hand; /* nicht ändern */
cursor: pointer; /* nicht ändern */
}

.arrowlistmenu .openheader{ /* Hauptmenu wenn es offen ist  */
padding-left: 25px; /* Wie weit von Links die schrieft wegsein soll. ICON net vergessen ;) */
height: 25px:;
background-image: url(../_icons/_sidemenu/navi_open.png); /* Hintergrund Bild */
}

.arrowlistmenu ul{ /* Position des Untermenus  */
list-style-type: none; /* nicht ändern */
margin-top: 2px; /* Abstand zwischen Hauptmenu und ersten Link Oben  */
margin-bottom: 0px; /* Abstand zwischen nächsten Hauptmenu und letzten Link Unten  */
margin: 0px; /* Erzeugt einen unsichtbaren Rahmen um das Untermenu. Also Abstand links, recht, oben und unten.  */
padding: 0px; /* Erzeugt einen unsichtbaren Rahmen um das Untermenu. Also Abstand links, recht, oben und unten. */
}

.arrowlistmenu ul li{
padding-bottom: 0px; /* Abstand zwischen den Untermenus */
}

.arrowlistmenu ul li a{ /* Aussehen der Untermenus  */
color: #404040; /* Farbe */
font: 12px Arial; /* Stärke, Größe und Schrieftart */
background: url(../_icons/_sidemenu/navi_bg.jpg) no-repeat center left; /* Icon vor den Untermenulinks */
height: 17px;
display: block; /* nicht ändern */
padding: 4px 0 0px; /* Zeilen höhöe */
padding-left: 40px; /* Wie weit von Links die schrieft wegsein soll. ICON net vergessen ;) */
text-decoration: none; /* Text Style */
border-bottom: 0px solid #dadada; /* Horizontale Linie unter dem Link */
font-size: 100%; /* Breite des Untermenus */
}

.arrowlistmenu ul li a:visited{ /* Aussehen der Untermenus wenn besucht */
color: #404040; /* Farbe */
}

.arrowlistmenu ul li a:hover{ /* Aussehen der Untermenus bei Hovereffekt */
color: #404040; /* Farbe */
background-color: #F3F3F3; /* Hintergrundfarbe */
text-decoration: underline;
}