/***********************************
Sorgt für die Funktionalität des Menus
@category    style
@author      Max Sternitzke <sternitzke.max@gmail.com>
@copyright   (C) Max Sternitzke, 2012
************************************/

#menu ul { 
	list-style: none; 
	margin: 0px;
	margin-left: -1px !important;
	padding: 0; 
	width: 200px;
	height: 48px;
	float: left;
	background: #8E2525;
	border: 0px;
} 

#menu a { 
	padding-top: 11px !important;
	cursor: pointer;
	width: 200px;
	height: 37px;
	display: block;
	margin: 0px;
	padding: 2px;
	color: #FFFFFF;
	text-decoration: none; 
	margin-top: -3px !important;
}

#menu ul:hover {
	background: #A55151;
	color: #FFFFFF;
}

#menu a:hover {
	color: #FFFFFF; 
}

.topa {
	margin-left: -6px !important;
	width: 200px !important;
}

#menu li {
	text-align: center;
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 0px;
	height: 48px;
	width: 200px !important;
} 

#menu ul ul { 
	position: absolute; 
	z-index: 500; 
	margin-top: 0px;
	padding: 0px;
	top: 53px !important;
}

#menu ul li ul {
	margin-top: 0px;
	margin-left: -1px;
	background: none;
	border: none;
}

#menu ul  li ul  li {
	width: 200px;
	height: 48px;
	background: #8E2525;
	border: 0px;
}

#menu .subli {
	margin-top: -1px !important;
}

#menu ul li ul li:hover  {
	background: #A55151;
}

#menu ul li ul li a:hover  {
	color: #FFFFFF;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
} 

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}