/*********************************************************
WM_JooRoos
copyright (C) 2010 - WebMasher
license GNU/GPL http://www.gnu.org/copyleft/gpl.html
********************************************************
==================== MOOMENU =========================*/
#menu UL LI A
{
	display: block;
	cursor: pointer;
	background: url(../images/moomenu.png) no-repeat right;
	color: #F3F2F1;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
	text-transform: none;
	text-align: center;
	height: 50px;
	line-height: 44px;
	font-size: 100%;
	font-weight: normal;
	width: auto;
}
#menu UL LI A:hover
{
	text-decoration: none;
	color: #1DA9F2;
}
#menu LI.active A
{
	color: #1DA9F2;
}
#menu LI.parent A
{
	padding-right: 30px;
}
#menu LI.parent A:hover
{
	padding-right: 30px;
}
#menu UL LI#current.parent A
{
	padding-right: 30px;
}
#menu UL LI A SPAN
{
}
#menu UL LI A:hover SPAN
{
}
/*= Level 2 =*/
#menu UL LI LI A
{
	color: #F3F2F1;
	background: url(../images/submenu.png);
	border-top: 1px solid #545454;
	border-left: 1px solid #545454;
	border-bottom: 1px solid #383838;
	border-right: 1px solid #383838;
	text-transform: none;
	text-align: left;
	font-size: 90%;
	display: block;
	padding-left: 10px;
	width: auto;
	height: 28px;
	line-height: 28px;
	z-index: 999999999;
}
#menu UL LI LI A:hover
{
	background: #050505;
	color: #DFF5FF;
}
#menu LI LI LI.active A
{
	background: #050505;
	color: #F3F2F1;
}
#menu LI
{
	float: left;
	padding: 0;
}
#menu UL UL A
{
	background: none;
}
#menu UL UL
{
	border: none;
}
#menu LI LI A
{
	font-weight: normal;
	padding: 0 0px;
	margin: 0;
	text-indent: 0px;
}
#menu LI UL A SPAN
{
	margin: 0 0 0 5px;
	display: block;
}
#menu LI LI
{
	padding: 0;
	background: none;
}
#menu LI LI
{
	float: left;
	padding: 0;
}
#menu LI:hover
{
	left: 0;
}
#menu LI UL
{
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	border-width: 0;
	margin: -2px 0 0 0px;
	padding: 0;
	border-bottom: none;
}
#menu LI:hover
{
	position: static;
}
#menu LI:hover UL UL, #menu LI:hover UL UL UL, #menu LI:hover UL UL UL UL
{
	left: -999em;
}
#menu LI:hover UL, #menu LI LI:hover UL, #menu LI LI LI:hover UL, #menu LI LI LI LI:hover UL
{
	z-index: 999999999;
	left: auto;
}
#menu LI UL UL
{
	margin: -30px 0 0 205px;
}
#menu UL UL A, #menu LI UL
{
	width: 205px;
}
#menu LI LI
{
	width: 205px;
}
/*==================== VERTICAL MENU ==========================*/
.moduletable_menu LI A
{
	color: #666;
	font-size: 100%;
	display: block;
	font-weight: lighter;
	line-height: 16px;
	background-image: url(../images/menu-bg.png);
	background-position: center left;
	background-repeat: no-repeat;
	text-indent: 1px;
	padding: 10px 16px;
	border-bottom: 1px solid #BBB;
}
.moduletable_menu LI A:hover
{
	text-decoration: none;
	background-image: url(../images/menu-bg-hover.png);
	background-position: center left;
	background-repeat: no-repeat;
	color: #1DA9F2;
	border-bottom: 1px solid #BBB;
}
.moduletable_menu LI.active A
{
	font-size: 100%;
	text-decoration: none;
	background-image: url(../images/menu-bg-hover.png);
	background-position: center left;
	background-repeat: no-repeat;
	color: #1DA9F2;
}
.moduletable_menu H3
{
	background: #EAEAEA;
	text-align: center;
}
/*= Level 2 =*/
.moduletable_menu LI UL
{
	padding: 0;
	margin: 0;
}
.moduletable_menu LI UL LI A
{
	padding: 8px 16px 8px 18px;
}
/*===================== TOPMENU ===========================*/
#top-menu
{
	width: auto;
	height: auto;
	float: right;
	margin-top: 8px;
	padding: 0 25px;
}
#top-menu .moduletable H3
{
	display: none;
}
#top-menu .moduletable
{
	margin: 0;
	padding: 0;
}
#top-menu UL
{
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0 0 5px;
}
#top-menu LI
{
	background: none;
	padding: 0;
	display: inline;
}
#top-menu A
{
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	display: inline;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #FFF;
}
#top-menu A:hover, #top-menu LI.active A
{
	color: #999;
}
