﻿/*--- WESTERN ! ---*/
#menu a { text-decoration: none; }

#menu ul li#menuWestern { width: auto; }
#menu ul li#menuWestern a { background-image: url(/images/_new/menu/western.png); width: 140px; }
#menu ul li#menuWestern ul {
	margin-left: 109px;
	margin-left: 0;
	width: 158px;
}
#menu ul li#menuWestern li a { background: #7d0081; width: 150px; }
body.Western #menu ul li a.menuWestern,
#menu ul li#menuWestern li a:hover { background-image: url(/images/_new/menu/western_sub.png); }
body.Western #menu ul li a.menuWestern { background-position: left top; font-weight: bold; }


/*--- RELATION ---*/
#menu ul li#menuRelation { width: auto; }
#menu ul li#menuRelation a { background-image: url(/images/_new/menu/relation.png); width: 130px; }
#menu ul li#menuRelation ul {
	margin-left: 250px;
	margin-left: 141px;
	width: 130px;
}
#menu ul li#menuRelation li a { background: #970040; width: 150px; }
body.Relation #menu ul li a.menuRelation,
#menu ul li#menuRelation li a:hover { background-image: url(/images/_new/menu/relation_sub.png); }
body.Relation #menu ul li a.menuRelation { background-position: left top; font-weight: bold; }


/*--- CHINESE ---*/
#menu ul li#menuChinese { width: auto; }
#menu ul li#menuChinese a { background-image: url(/images/_new/menu/chinese.png); width: 130px; }
#menu ul li#menuChinese ul {
	margin-left: 381px;
	margin-left: 272px;
	width: 130px;
}
#menu ul li#menuChinese li a { background: #628200; width: 150px; }
body.Chinese #menu ul li a.menuChinese,
#menu ul li#menuChinese li a:hover { background-image: url(/images/_new/menu/chinese_sub.png); }
body.Chinese #menu ul li a.menuChinese { background-position: left top; font-weight: bold; }

/*--- TAROT ---*/
#menu ul li#menuTarot { width: auto; }
#menu ul li#menuTarot a { background-image: url(/images/_new/menu/tarot.png); width: 130px; }
#menu ul li#menuTarot ul {
	margin-left: 403px;
	width: 130px;
}
#menu ul li#menuTarot li a { background: #b08400; width: 150px; }
body.Tarot #menu ul li a.menuTarot,
#menu ul li#menuTarot li a:hover { background-image: url(/images/_new/menu/tarot_sub.png); }
body.Tarot #menu ul li a.menuTarot { background-position: left top; font-weight: bold; }

/*--- AANBEVOLEN ---*/
#menu ul li#menuFun { width: auto; }
#menu ul li#menuFun a { background-image: url(/images/_new/menu/fun.png); width: 107px; }
#menu ul li#menuFun ul {
	margin-left: 534px;
	width: 107px;
}
#menu ul li#menuFun li a { background: #b14b00; width: 150px; }
body.Fun #menu ul li a.menuFun,
#menu ul li#menuFun li a:hover { background-image: url(/images/_new/menu/fun_sub.png); }
body.Fun #menu ul li a.menuFun { background-position: left top; font-weight: bold; }

/*--- BODYMIND ---*/
#menu ul li#menuBodyMind { width: auto; }
#menu ul li#menuBodyMind a { background-image: url(/images/_new/menu/bodymind.png); width: 124px; }
#menu ul li#menuBodyMind ul {
	margin-left: 642px;
	width: 124px;
}
#menu ul li#menuBodyMind li a { background: #3c0079; width: 150px; }
body.BodyMind #menu ul li a.menuBodyMind,
#menu ul li#menuBodyMind li a:hover { background-image: url(/images/_new/menu/bodymind_sub.png); }
body.BodyMind #menu ul li a.menuBodyMind { background-position: left top; font-weight: bold; }

/*--- MEMBERS ---*/
#menu ul li#menuMembers { width: auto; }
#menu ul li#menuMembers a { background-image: url(/images/_new/menu/members.png); width: 124px; }
#menu ul li#menuMembers ul {
	margin-left: 767px;
	width: 124px;
}
#menu ul li#menuMembers li a { background: #00163c; width: 150px; }
body.Members #menu ul li a.menuMembers,
#menu ul li#menuMembers li a:hover { background-image: url(/images/_new/menu/members_sub.png); }
body.Members #menu ul li a.menuMembers { background-position: left top; font-weight: bold; }

/*--- INFO/Astrology ! ---*/
#menu ul li#menuInfo { width: auto; }
#menu ul li#menuInfo a { background-image: url(/images/_new/menu/astrology.png); margin-right: 0; width: 108px; }
#menu ul li#menuInfo ul {
	margin-left: 844px;
	width: 210px;
}
#menu ul li#menuInfo li a { background: #006282; width: 150px; }
body.Info #menu ul li a.menuInfo,
#menu ul li#menuInfo li a:hover { background-image: url(/images/_new/menu/astrology_sub.png); }
body.Info #menu ul li a.menuInfo { background-position: left top; font-weight: bold; }
