/*


*** Beispiel CSS - VERTIKALES Menü ***


Hier ist eine Demo-StyleSheet-Datei, welche das Erscheinungsbild und den
Inhalt des dynamischen Menüs formatiert.
Passen Sie dieses an Ihre Bedürfnisse und Wünsche an.
Das einzige was Sie beachten müssen ist, dass das Skript die richtigen CSS
Eigenschaften und Namen enthält. Wie z.B. 'visibility' oder 'display', welche
das Menü anzeigen oder verbergen, dessen Eigenschaften beschreiben.

Oder ändern Sie einfach die Farben (#RGB) der Links, Rahmen, Hintergründe
sowie die Link-Definitionen, um das Menü Ihren Anforderungen anzupassen.

*/

div#contact{
	margin-left: 55px;
}

/*** Menü - Ebenen ***/

/* alle Menü-Ebenen inkl. der ersten (Haupt-Menü-Ebene) */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 150px;               /* Breite des (Haupt-) Menüs */
 list-style: none;
}

/*
 Unter-Menü-Ebenen
 sind verborgen (hidden) und absolut positioniert, neben den Haupt-Menü-Punkten
*/
.menulist ul {
 display: none;
 position: absolute;
 left: 202px;                /* rechts-bündig an das (vorige) Untermenü: 150 - 2 x 1px Rahmen =148 */
}


/*
 alle Menü-Punkte sind relativ positioniert für den richtigen Offset für das Untermenü.
 Und sie haben überlappende Rahmen (um doppelte Ausgaben zu verhindern).
*/
.menulist li {
 position: relative;
 margin-bottom: -1px;
}

/*
 Menü-Punkte in den Unter-Menüs
 überschreibt float/border/margin von darüber, stellt den vertikalen Standard-Style wieder her
*/
.menulist ul li {
 float: none;
 margin: 0;                  /* Versatz nach rechts bzw. links (negativer Wert) */
 margin-bottom: -1px;        /* vertikaler Abstand zum vorigen Menü-Punkt (1 Pixel Korrektur wegen Rahmen) */
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}





/*** Menü - Punkte (-Einträge) ***/

/* Farb- und Link-Definitionen, Hintergründe und Hervorhebungen */


/* Links innerhalb des Menüs */
.menulist a {
 display: block;
 padding-left: 3px;               /* Abstand um den Link */
 color: #FFF;                /* Farbe des Links */
 text-decoration: none;
 background-image: url('images/navi.gif');
 color: #006cb4;
 width: 194px;
 font-family: arial;
 font-size: 10pt;
 padding-right: 3px;
 padding-top: 6px;
 padding-bottom: 6px;
 font-weight: bold;
}

/* Links innerhalb der Unter-Menüs */
.menulist ul li a {
 display: block;
 padding-left: 3px;               /* Abstand um den Link */
 color: #006cb4;               /* Farbe des Links */
 text-decoration: none;
 font-family: arial;
 font-size: 10pt;
 padding-right: 3px;
 padding-top: 6px;
 padding-bottom: 6px;
 width: 290px;
}

/*
 hervorgehobene Einträge (falls nicht benötigt, kann die jeweilige Definition gelöscht werden):
 'hover' Anzeige bei Mouseover,
 'highlighted' sind alle übergeordneten Einträge in der Kette (vervorgehoben)
 'topselected' ist die gerade aktive Seite in der Haupt-Ebene
 'selected' ist die gerade aktive Seite und deren Kette
*/

.menulist a:hover, .menulist a:focus {
 color: #fff;
 background: #006cb4;
 font-family: arial;
}

.menulist a.highlighted, .menulist a.highlighted:hover, .menulist a.highlighted:focus {
 color: #fff;
 background: #006cb4;
 font-family: arial;
}

.menulist a.topselected {
 color: #fff;
 background: #006cb4;
 font-weight: bold;
 font-family: arial;
}
.menulist a.topselected:hover {
 color: #fff;
 background: #006cb4;
 font-family: arial;
}

.menulist a.selected {
 color: #FFF;
 background: #006cb4;
 font-family: arial;
}


/*
 Style für den Unter-Menü-Indikator (innerhalb Unter-Menüs)
 für Übergabeparameter  md_arrow  bzw.  md_arrowImg
*/
.menulist a .subind {
 float: right;               /* Ausrichtung: rechts, wird am rechten Rand ausgegeben */
}




/*** HACKS ***/
/* werden für Korrekturen bei unterschiedlichen Browsern benötigt */

/*
 HACK: IE/Win:
 eine kleine Höhe verhindert Abstände im Menü
 * html beeinflusst <=IE6 und *:first-child+html affects IE7.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* Ende HACKS */