/*
* ./menu.css
* Usage: dwt menu style sheet
*
* Copyright (C)2008 dwt-zelte <mailto:info@dwt-zelte.de>
*
* Last modification: 2008-09-08 20:00
*******************************************************************************/


/* Menumodul mit suffix: _main_menu*/
#top-navigation *{
/*
	color: black;
*/
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#top-navigation {
	position:relative;
	}
/* Allgemeine Angaben zu den Listenelementen */
/* ------------------------------------------*/

/* erstes ul des Menumodules */
#top-navigation ul{
	position: absolute;      /* Wichtig um den Dropdown über dem Content zu legen*/
	left: 0px;
	display: inline;
	width: 720px;            /* IE BUGFIX --> möglichst Breiter als die tatsächlich benötigte Breite des Menus. jp: waren 700px, geaendert auf 720px*/
	z-index: 1;
	height: 22px;
	overflow:visible;
	/*padding-left: 40px; jp: geaendert auf nix, */
	margin: 0px;
	padding: 0px;
	}

/* erstes li des Menumodules */
#top-navigation ul li{
	position:relative;
	width: auto;            /* Breite der einzelnen Menupunkte erster Ebene --> hier auto damit "li" genausogroß wie Inhalt "a"*/
	float: left;
	height: 22px;           /* Höhe des Menüs erster Ebene */
	margin: 0px;
	padding: 0px;
	display: inline;
	background: transparent;/* Farbe des Menüs erste Ebene */
	overflow: visible;
	z-index: 3;             /* Opera Bugfix --> Hiermit wird im Opera eine Scrolleiste verindert! */
	margin-right:20px;
	}
/*Star-HTML-Hack um den IE das Menu 1.Ebene in einer Zeile anzeigen zu lassen */
* html #top-navigation ul li{
	width: 10px;
	}

/* zweites ul des Menumodules == submenu welches den DROPDOWN-EFFEKT haben soll*/
#top-navigation ul ul{
	padding:0px;
	margin:0px;
	border: 1px solid white;
	text-align:left;
	position:absolute;
	top:22px;
	left: 0px;
	visibility: hidden;
	margin-top: 0px;
	padding-top: 0px;      /* Setzt etwas Abstand zwischen erster und zweiter Ebene */
	width: 180px;          /* Breite zweiter Ebene */
	height: auto;
	overflow: visible;
	background: #0065A5;   /* Hintergrundfarbe der Ersten Menüebene */
	z-index: 5;
	
	}

/* zweites li des Menumodules == einzelne Elemente des Submenus */
#top-navigation ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	width: 180px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 23px;         /* Höhe der einzelnen Listen-Elemente */
	margin: 0px;          /* Kein marging */
	padding: 0px;         /* Kein padding */
	overflow:visible;     /* Sonst erscheint das Menü nicht */
	position:relative;    /* Diese Positionsart MUSS relativ sein */
	float:left;           /* IE6 Bugfix */
	border: 0px;
/*	border: 1px solid white; */
	}

/* drittes ul des Menumodules == zweites submenu welches rechts neben dem ersten Submenu angezeigt wird*/
#top-navigation ul ul ul{
	padding:0px;
	margin:0px;
	visibility: hidden;   /* Dies MUSS hidden sein */
	position: absolute;   /* Diese Positionsart MUSS relativ sein */
	left:180px;           /* Breite des Container der folgenden Ebenen */
	top: 0px;            /* Aufgrund des borders hier 1 nach oben gerückt */
	background:#0065A5;  /* Hintergrundfarbe für alle folgenden Ebenen */
	}
/* drittes li des Menumodules == einzelne Elemente des Submenus */
#top-navigation ul ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	background: transparent;
	width: 180px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 23px;         /* Höhe der einzelnen Listen-Elemente */
	margin: 0px;          /* Kein marging */
	padding: 0px;         /* Kein padding */
	overflow:visible;     /* Sonst erscheinen die folgenden Menüebenen nicht */
	position:relative;    /* Diese Positionsart MUSS relativ sein */
	}

/* Hover-Effekte des Menus */
/* ------------------------*/

#top-navigation a:hover {
	color: #dddddd;
}

/* Mouse-over des ersten li */
#top-navigation ul li:hover{
	background: transparent; /* Farbe des HOVER-EFFEKTS erster Ebene */
	}

/* Mouse-over aller folgenden li */
#top-navigation ul ul li:hover{
	background: transparent; /* Farbe des HOVER-EFFEKTS der folgenden Ebenen */
	}




/* Es gehören immer ein "li:hover ul" und ein "li:hover ul ul" zu einer Menüebene. 
Wenn eine zusätzliche Menüebenen gebraucht wird muss das letze Pärchen kopiert werden und ein "ul" als Präfix bei Beiden vorangestellt werden.
Das wiederholt man so oft wie man Menüebenen zusätzlich benötigt. */


/* 1.Ebene = 1 ul */
#top-navigation ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
#top-navigation ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 2.Ebene = 2 ul */
#top-navigation ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
#top-navigation ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 3.Ebene = 3 ul */
#top-navigation ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
#top-navigation ul ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 4.Ebene = 4 ul */
#top-navigation ul ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
#top-navigation ul ul ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}

/* Allgemeine Schriftformatierung  */
/* --------------------------------*/

/* Link Beschriftung des ersten li */
#top-navigation ul li a{
	position:static; /*Ie Bugfix*/
	width: 100%;
	font: 11px Arial, sans-serif;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
	line-height: 23px; 
	display:block;
	/*margin-right: 20px;*/
	}

/* Link Beschriftung des zweiten li bzw. Submenu*/
#top-navigation ul ul li a{
	position: relative;
	line-height: 23px;
	height: 23px;
	width: 95%;
	display:block;
	padding-left: 10px;
	text-align:left;
	font-style:normal;
	font-weight: bold;
	z-index: 10;
	margin:0px;
}