﻿div.topNavi {
	position: relative;
	background-color: #afcb1e;
}

div.bottomNavi {
	background-color: #afcb1e;
}

div.navi {
	width: 1024px;
	margin: auto;
}

	div.navi ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		/*background-color: #333;*/
		z-index: 999;
	}

		div.navi ul ul {
			position: absolute;
			/*background-color: transparent;*/
			z-index: 999;
		}

			div.navi ul ul:not(.sortable) {
				display: none;
			}


	div.navi li {
		float: left;
	}

		div.navi li li {
			float: none;
		}

		div.navi li a {
			display: inline-block;
			white-space: nowrap;
			color: #fff;
			font-size: 15px;
			text-align: center;
			padding: 15px 32px 15px 0;
			text-decoration: none;
			text-transform: uppercase;
			/*/background-color: blue;*/
			/*text-shadow: 2px 2px 2px #000;*/
		}

div.bottomNavi li a {
	/*color: #808080;*/
}

div.navi li li a {
	background-color: #afcb1e;
	border-bottom: rgba(140, 140, 69, 1) solid 1px;
	padding: 15px 16px 15px 16px;
	width: 150%;
	box-sizing: border-box;
	text-align: left;
}

div.navi a.newNavItem {
	text-transform: lowercase;
}

div.navi li a.hover {
	color: #FFF;
}

div.navi li a.parentOfSelected, div.navi li a.selected {
	font-weight: bold;
}

a[data-jq-dropdown] {
	background-image: url("/Images/arrow_down.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

div.navi li a.parent span {
	background-image: url("/Images/arrow_down_white.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

div.navi li a.parent.hover span, div.navi li a.parentOfSelected span, div.navi li a.parent.selected span {
	background-image: url("/Images/arrow_down_white.gif");
}

#burger {
	font-size: 2em;
	display: none;
}

@media screen and (max-width: 1090px) {
	#burger {
		display: block;
		padding: 10px 0 10px 20px;
	}

	div.navi, div.navi a {
		width: 100%;
	}


	div.topNavi {
		text-align: left;
		float: none;
		background-color: transparent;
		margin-top: -47px;
	}

		div.topNavi div.navi {
			display: none;
			position: absolute;
			z-index: 999;
		}

			div.topNavi div.navi.active {
				display: block;
			}

			div.topNavi div.navi li {
				float: none;
				width: 100%;
			}

				div.topNavi div.navi li a {
					text-align: left;
					background-color: #afcb1e;
					color: #FFF;
					border-bottom: solid 1px #fff;
					padding: 15px 16px 15px 16px;
				}

				div.topNavi div.navi li li a span {
					margin-left: 20px;
				}

			div.topNavi div.navi ul {
				margin: 0;
				padding: 0;
				overflow: hidden;
				z-index: 999;
			}

				div.topNavi div.navi ul ul {
					position: static;
					/*display: block !important;*/
				}

			div.topNavi div.navi li a.parentOfSelected, div.topNavi div.navi li a.selected {
				font-weight: bold;
			}

	div.navi li a.parent span {
		background-image: url("/Images/arrow_down_white.gif");
	}
}
