#menu {
	display: block;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0px none;
	list-style-type: none
}

#menu li {
	margin: 0;
	padding: 0;
	border:0px solid black;
	display: block;
	float: left;
	position: relative
}

#menu a {
	display: block;
}

#menu li li {
	width: 100%;
}

/* fix the position for 3rd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}




/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#mainMenu {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/


#menu {
	/*menue position in main.css*/
}



#menu a {
	color:#666666;
	text-align: left;
	/* oben , links und rechts , unten */
	padding: 2px 5px 2px;
	border:0px solid red;
}

#menu a:hover 
{
	text-decoration:none;
	color: red;
}
#menu li.firstlvl ul li a{
	margin-left:1px;
}

#menu li.firstlvl ul li a:hover{
	border-left:1px solid red;
	margin-left:0px;
	background-color: #E3E3FA;
}

#menu li ul {
	color: #000;
	background-color: #fff;
	background-repeat: repeat;
	border: 1px solid #ccc;
	width: 128px;
}

#menu li ul li {
	width:100%;
	background-color: #fff;
	z-index:100;
}


/*		------   IE FIX	--------			*/


#menu #mainMenu li {
	behavior: url(/hover.htc);
	
}
#menu li li.hover ul {
	left: 100%;
}


#menu #mainMenu li.hover ul{
			_display: block;
}

#menu #mainMenu li.hover ul li ul{
		_display:none;
}