/**
* CSS version 1
*
* @author Remo Häusler <remo.haeusler@promacx.ch>
* @version 1.0
* @module pmx-menu
*/

/* ------------------------------ Skin
*/

.pmx-menu a{
	color: #5C5C5C;
	padding-top:5px;
	padding-left: 35px;
	padding-right: 35px;
	font-size:11px;
	text-decoration:none;
}

.pmx-menu a:hover {
	color: #8E0C24;
}

.pmx-menu .active {
	color: #8E0C24;
}

.pmx-menu .level-2 a {
	font-size:10px;
	width: 137px;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	font-weight:normal;
	border-left: 1px solid #A4A5A5;
	border-right: 1px solid #A4A5A5;
	background-color: #FFFFFF;
	/* Opacity in IE */
	filter: alpha(opacity=90);
	/* Opacity in Mozilla */
	-moz-opacity: 0.9;
}

.pmx-menu .level-2 a:hover {
	color: #8E0C24;
}


/* ------------------------------ Structure
*/
.pmx-menu{
	float:left;
}
.pmx-menu, pmx-menu ul{
	margin:0px 0px;
	padding:0px;
}
.pmx-menu a{
	display:block;
}
.pmx-menu .level-2 a{
	float:left;
}
.pmx-menu li{
	float:left;
	margin: 0;
	list-style-type:none;
}
.pmx-menu .level-2 li{
	clear:left;
	float:none;
}

/* hidden */
.pmx-menu .level-2, 
.pmx-menu .level-3, 
.pmx-menu .level-4{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:none;
	position:absolute; /* Firefox makes trubles if theres an element with overflow:auto under it! */
	z-index: 9999;
}

/* hover */
.pmx-menu .hover .level-2,
.pmx-menu li:hover .level-2{
	display:block;
	float:left;
}
.pmx-menu .level-2 .hover .level-3,
.pmx-menu .level-2 li:hover .level-3,
.pmx-menu .level-3 .hover .level-4,
.pmx-menu .level-3 li:hover .level-4{
	display:inline;
}

/**
* END
*/