/**
 * @version		$Id$
 * @author		JoomlaUX!
 * @package		Joomla.Site
 * @subpackage	mod_jux_megamenu
 * @copyright	Copyright (C) 2008 - 2013 by JoomlaUX. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
*/

#js-mainnav.megamenu.zookoeln {
	background: #a4c800;
	padding: 10px 0;
}


#js-mainnav.megamenu.zookoeln #js-megaMenuToggle {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.zookoeln ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.zookoeln ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.zookoeln .megaMenuToggle {
    color: #005026;
	padding: 5px 20px 5px 45px !important;
	border-bottom: 5px solid #a4c800;
}

#js-mainnav.megamenu.zookoeln ul.level0 li.megacss {border-left: 1px solid #e6efdd;}
#js-mainnav.megamenu.zookoeln ul.level0 li.megacss:first-child {border-left: none !important;}

#js-mainnav.megamenu.zookoeln ul.level0 li.active span.megacss,
#js-mainnav.megamenu.zookoeln ul.level0 li.active a.megacss,
#js-mainnav.megamenu.zookoeln .megaMenuToggle {
    color: #e6efdd;
	padding: 10px 5px 12px 6px;
}



/* lv - 1
-----------------------------------*/
/* Styling ---*/

#js-mainnav.megamenu.zookoeln ul.level1 li.megacss span.megacss,
#js-mainnav.megamenu.zookoeln ul.level1 li.megacss a.megacss,
#js-mainnav.megamenu.zookoeln .megaMenuToggle {
	font-size: 1.2em;
    color: #e6efdd;
	padding: 5px 5px 12px 6px;
	text-transform: capitalize !important;
}

#js-mainnav.megamenu.zookoeln ul.level1 li.megacss {border-bottom: 1px solid #e6efdd;}


#js-mainnav.megamenu.zookoeln ul.level1 li.haschild,
#js-mainnav.megamenu.zookoeln ul.level1 li.haschild-over {
	background-image: url(../../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}



/* CHILD CONTENT
-----------------------------------*/

#js-mainnav.megamenu.zookoeln .childcontent-inner {
	background-color: #005026; /*change here the color to match the new color you have set for mainnav*/
	color: #e6efdd !important;
	line-height: 1.5em !important;
	padding-bottom: 1em;
	
}
/*
#js-mainnav.megamenu.zookoeln .childcontent-inner .group ul li.active {
	background-color: #e6efdd !important;
}

#js-mainnav.megamenu.zookoeln .childcontent .group h3 {
	background: none;
	color: #fff;
}


#js-mainnav.megamenu.zookoeln .childcontent .moduletable { color: #fff; }

#js-mainnav.megamenu.zookoeln .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.zookoeln .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.zookoeln .childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
}

#js-mainnav.megamenu.zookoeln .group-title .menu-title {
	color: #fff;
}

#js-mainnav.megamenu.zookoeln .group-title .menu-desc {
	color: #999;
}

/* Left alignment */
#js-mainnav.megamenu.zookoeln ul.level0 li.megacss.submenu-align-left > .childcontent {
	margin-left: 1px!important;
}
#megamenucss .zookoeln.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.zookoeln ul.level0 li.active a.megacss
{
    border-bottom: 5px solid #005026!important;
}#megamenucss .zookoeln .megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .zookoeln .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    background: #e6efdd!important;
    color: #005026!important;
}
#megamenucss #js-mainnav.zookoeln .js-megamenu{
	background: #a4c800!important;
}


#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
    background: rgba(0, 0, 0, 0) url("../../images/arrow3_joo.png") no-repeat scroll right center !important;
    padding-left: 6px;
    padding-right: 15px !important;
} 

#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {background: none !important;}