/**
 * @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
*/

.dropdown-menu {
	z-index: 99;
}

#js-mainnav.megamenu.horizontal {
	border: none !important;
}

#jux_memamenu249 #js-mainnav.megamenu.horizontal {
	border-radius: 4px 4px 0 0 !important;
}

ul.checked li {
	color: #666664;
}

ul.checked li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  margin:0 5px 0 -15px;
  color: #5dae48;
}


#js-mainnav.megamenu.fairrank {
	background: #5dae48;
	/*background: #fff;*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
}





/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.fairrank ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.fairrank ul.level0 li.megacss a.megacss {
    font-size: 15px;
	color: #828787;
	padding: 12px 8px;
	font-weight: normal;
	 background: rgba(0, 0, 0, 0) url("/templates/fairrankresponsive/images/bg/small_shadows.png") no-repeat scroll right -235px;
	/*border-left: 1px solid #000000;
	-webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
	box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);*/
}

#js-mainnav.megamenu.fairrank .megaMenuToggle {
    font-size: 15px;
	color: #828787;
	padding: 12px 8px;
	font-weight: normal;
}



#js-mainnav.megamenu.fairrank ul.level0 li.megacss.active span.megacss,
#js-mainnav.megamenu.fairrank ul.level0 li.megacss.active a.megacss {
	color: #339933;
}


#js-mainnav.megamenu.fairrank ul.level0 li.haschild a.megacss span.menu-desc,
#js-mainnav.megamenu.fairrank ul.level0 li.haschild-over a.megacss span.menu-desc {
	/*padding-left: 0;*/
}

/* Childcontent */
#js-mainnav.megamenu.fairrank .childcontent {

}

#js-mainnav.megamenu.fairrank ul.level0 ul.megamenu {
	margin: 0;
}

/* Layout ---*/

#js-mainnav.megamenu.fairrank ul.level1 li.megacss { border: 0 none; }

#js-mainnav.megamenu.fairrank ul.level1 li.first {  }

#js-mainnav.megamenu.fairrank ul.level0 ul.level1 li.megacss span.megacss,
#js-mainnav.megamenu.fairrank ul.level0 ul.level1 li.megacss a.megacss {
	margin: 0px;
	padding: 6px 20px 6px 15px;
	border: 0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	/*text-shadow: 0px 1px 1px #ffffff;*/
}

#js-mainnav.megamenu.fairrank ul.level1 li.active.megacss a.megacss {
	color: #339933 !important;
}

#js-mainnav.megamenu.fairrank ul.level1 li:hover,
#js-mainnav.megamenu.fairrank ul.level1 li.active,
#js-mainnav.megamenu.fairrank ul.level1 li.over,
#js-mainnav.megamenu.fairrank ul.level1 li.haschild-over {
	/*background: none;*/
}

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

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

#js-mainnav.megamenu.fairrank ul.level0 > .childcontent-inner {
	-webkit-box-shadow: 1px 1px 1px #dddddd;
	-moz-box-shadow: 1px 1px 1px #dddddd;
	box-shadow: 1px 1px 1px #dddddd;
}


#js-mainnav.megamenu.fairrank .childcontent-inner .group ul li.active {

}

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

#js-mainnav.megamenu.fairrank .childcontent .moduletable {
	padding: 0 10px;
}

#js-mainnav.megamenu.fairrank .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.fairrank .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.fairrank .childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
	/*border-bottom: 1px solid #fff;*/
}

/* Grouped --- */
#js-mainnav.megamenu.fairrank .group-title {

}


#js-mainnav.megamenu.fairrank .group-content .menu-desc,
#js-mainnav.megamenu.fairrank .group-title .menu-desc {
	font-size: 9px;
	color: #bbbbbb;
	text-transform: uppercase;
}

#js-mainnav.megamenu.fairrank span.menu-desc {
	padding: 0;
}

#js-mainnav.megamenu.fairrank li.megacss.group-divison {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border: 1px dotted #e9e9e9 !important;
}
#megamenucss .fairrank.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.fairrank ul.level0 li.active
{
    /*background: #fff !important;*/
    background: rgba(0, 0, 0, 0) url("/templates/fairrankresponsive/images/bg/small_shadows.png") no-repeat scroll right -235px;
    color: #339933 !important;
}
#megamenucss .fairrank.megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,
#megamenucss .fairrank .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    /*background: #fff !important;*/
    color: #339933 !important;
}
#megamenucss #js-mainnav.fairrank .js-megamenu{
	background: #fff !important;
	border-radius: 4px 4px 0 0;
}

/* lv - 2
-----------------------------------*/

/* positioning of 3d level menu:
 * width of 2nd level column has to be adjusted to fit longer terms as "Suchmaschinenoptimierung" in 1st level parent menu item,
 * margin-left of 3d level has to be adjusted accordingly
-----------------------------------*/
.seo .childcontent,
.sea .childcontent {
	margin-left: 209px !important;
}

/* styling of 3d level */
#megamenucss .fairrank.megamenu ul.megamenu.level2 li.megacss.submenu-align-auto a.megacss {
	background: #fff !important;
	color: #5dae48 !important;
}

#megamenucss .fairrank.megamenu ul.megamenu.level2 li.megacss.submenu-align-auto a.megacss:hover {
	background: #6db65a !important;
	color: #fff !important;
}


/* ============================ collapsed menu for small screens ===========================
XS
div#js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav
MD
div#js-meganav.js-megamenu.clearfix
*/

#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level1 li.megacss a.megacss {
	color: #828787 !important;
	background: url(/templates/fairrankresponsive/images/icons/ico-node.png) 10px 8px no-repeat;
	margin-left: 10px;
}

#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level1 li.megacss a.megacss:hover {
	background: url(/templates/fairrankresponsive/images/icons/ico-node.png) 10px 8px no-repeat;
	color: #339933 !important;
}

#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level1 li.megacss:hover {
	background: #efefef !important;
}

#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level0 li.megacss ul.level1 li.megacss ul.level2 li.megacss a.megacss {
	background: url(/templates/fairrankresponsive/images/icons/ico-node.png) 34px 8px no-repeat !important;
}

#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level0 li.megacss ul.level1 li.megacss ul.level2 li.megacss a.megacss:hover {
	background: url(/templates/fairrankresponsive/images/icons/ico-node.png) 34px 8px no-repeat !important;
	color: #339933 !important;
}

#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level0 li.megacss ul.level1 li.megacss ul.level2 li.megacss:hover {
	background: #efefef !important;
}



#megamenucss #js-mainnav.megamenu #js-meganav.js-megamenu.clearfix.dropdown-menucssjs-meganav ul.level1 li.megacss {
  background: none;
}


#js-mainnav.megamenu.fairrank ul.level0 li.megacss .jux-fa-angle-down:hover:before {
  font-weight: bold;
}




/* end megaMenuToggle */