/* DropSENSE V1.2
Created by Stefan Weinmann
Email: info@w-project.de
visit: www.w-project.de

Joomla1.5:
-----------
1. Menustyle des Menus auf list setzen. TIPP: Suffix vergeben
2. Die CSS Datei in eurem Templateordner per ftp kopieren
3. CSS Datei in der index.php migrieren
4. Suffixe in CSS Datei anpassen.
*/

/* Menumodul mit suffix: _main_menu*/
.module_main_menu *{
	color: black;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
}
.module_main_menu {
	position:relative;
	z-index: 9999;
	background: transparent no-repeat;
	height:60px;
	}
.module_main_menu div{
	background: transparent no-repeat right;
	height:60px;
	width:950px;
}
/* Allgemeine Angaben zu den Listenelementen */
/* ------------------------------------------*/

/* erstes ul des Menumodules */
.module_main_menu ul{
	left:-10px;
	position: absolute;                  /* Wichtig um den Dropdown über dem Content zu legen*/
	display: inline;
	width: 970px;                       /* IE BUGFIX --> möglichst Breiter als die tatsächlich benötigte Breite des Menus*/
	z-index: 9999;
	height: auto;
	overflow:visible;
	background: none 0px -20px transparent no-repeat;
	padding-left:10px;
	}

/* erstes li des Menumodules */
.module_main_menu ul li{
	margin-top: 10px;
	position:relative;
	width: 188px;                        /* Breite der einzelnen Menupunkte erster Ebene */
	float: left;
	height:60px;                        /* Höhe des Menüs erster Ebene */
	display: inline;
	background:transparent no-repeat;             /* Farbe des Menüs erste Ebene */
	overflow: visible;
	z-index: 3;                          /* Opera Bugfix --> Hiermit wird im Opera eine Scrolleiste verindert! */
	border: 1px solid transparent;
	border-right: 1px solid black;
	border-top:none;

	}


/* zweites ul des Menumodules == submenu welches den DROPDOWN-EFFEKT haben soll*/
.module_main_menu ul ul{
	text-align:left;
	position:absolute;
	z-index: 9999;
	top:50px;
	left: 50px;
	visibility: hidden;
	margin-top: 0px;
	padding-top: 0px;  	                /* Setzt etwas Abstand zwischen erster und zweiter Ebene */
	padding-left:0px;
	width: 127px;                       /* Breite zweiter Ebene */
	height: auto;
	overflow: visible;
	border-left:0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	background:url('../images/menu_bg_dropdown.jpg') no-repeat /*#1f0000*/ #71330E;
	}

/* zweites li des Menumodules == einzelne Elemente des Submenus */
.module_main_menu ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	background: transparent;   /* Hintergrundfarbe der Ersten Menüebene */
	width: 127px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 30px;         /* 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;
	
	}

/* drittes ul des Menumodules == zweites submenu welches rechts neben dem ersten Submenu angezeigt wird*/
.module_main_menu ul ul ul{
	visibility: hidden;   /* Dies MUSS hidden sein */
	position: absolute;   /* Diese Positionsart MUSS relativ sein */
	left:125px;           /* Breite des Container der folgenden Ebenen */
	top: -1px;            /* Aufgrund des borders hier 1 nach oben gerückt */
	border:1px solid #71330E;
	width: 126px;
	background: #141410;
	background-image: none;
	z-index:900;
	}
/* drittes li des Menumodules == einzelne Elemente des Submenus */
.module_main_menu ul ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	/*background: url(../img/bg_module.png);*/   /* Hintergrundfarbe für alle folgenden Ebenen */
	width: 126px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 30px;         /* 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 */
/* ------------------------*/



/* Mouse-over des ersten li */
.module_main_menu ul li:hover{
	background:  transparent; /* Farbe des HOVER-EFFEKTS erster Ebene */
	height: 70px;
	border-top:0px solid #555;
	border-right:1px solid black;
	}

/* Mouse-over aller folgenden li */
.module_main_menu ul ul li:hover{
	background: #141410;   /* Farbe des HOVER-EFFEKTS der folgenden Ebenen */
	height: 30px;
	border-top:0px solid #555;
	border:0px solid black;
	}




/* 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 */
.module_main_menu ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
.module_main_menu ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 2.Ebene = 2 ul */
.module_main_menu ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
.module_main_menu ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 3.Ebene = 3 ul */
.module_main_menu ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
.module_main_menu ul ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 4.Ebene = 4 ul */
.module_main_menu ul ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
.module_main_menu 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 */
.module_main_menu ul li a{
	position:absolute; /*Ie Bugfix*/
	line-height: 50px; 
	width: 100%;
	text-align: left;
	padding-left: 70px;
	}

.module_main_menu ul li span{
	color:#BD8100;  /* Schriftfarbe der ersten Ebene */
	}
.module_main_menu ul li:hover span{
	color:#BD8100;  /* Schriftfarbe der ersten Ebene bei hover der ersten Ebene*/
	}
.module_main_menu ul ul li:hover span{
	background:#141410;
	position:absolute;
	top:0px;
	left:5px;
	z-index:999;
	display:block;
	width:121px;
}
.module_main_menu ul ul li:hover li span{
	background:#141410;
	position:static;
	display:inline;
	width:122px;
}
.module_main_menu ul ul li li:hover span{
	background:#141410;
	position:absolute;
	top:0px;
	left:5px;
	z-index:999;
	display:block;
	width:121px;
}
.module_main_menu ul ul li li:hover li span{
	background:#141410;
	position:static;
	display:inline;
	width:122px;
}
/* Link Beschriftung des zweiten li bzw. Submenu*/

.module_main_menu ul ul li a, .module_main_menu ul ul li .separator {
	line-height: 30px;
	height: 30px;
	width: 100%;
	display:block;
	padding-left: 5px;
	text-align:left;
	}
.module_main_menu ul ul li:hover span.separator span{
	padding:0px;
	left: 0px;

}