div.topNavi {
	position: relative;
	background-color: #00ab45;
	height: 50px;
}

div.bottomNavi {
	background-color: #00ab45;
}

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;*/
			text-align: left;
			z-index: 999;
			min-height: 2000px;
			/*border-bottom: red solid 1px;*/
		}

			div.navi ul ul:not(.sortable) {
				display: none;
			}

			div.navi ul ul ul {
				position: relative;
				margin-left: 299px;
				top: -52px;
				border-top: #208692 solid 1px;
			}


	div.navi li {
		float: left;
	}

		div.navi li li {
			float: none;
			height: 51px;
		}

		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 > ul {
	border-left: rgba(140, 140, 69, 1) solid 1px;
	border-right: rgba(140, 140, 69, 1) solid 1px;
}*/

div.navi li li a {
	color: #000;
	background-color: #fff;
	border-left: rgba(140, 140, 69, 1) solid 1px;
	border-right: rgba(140, 140, 69, 1) solid 1px;
	border-bottom: rgba(140, 140, 69, 1) solid 1px;
	padding: 15px 16px 15px 16px;
	width: 300px;
	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;
}

div.navi li li a.parentOfSelected, div.navi li li a.selected {
	font-weight: bold;
	color: #006a3b;
}

div.navi li li a:hover {
	color: #006a3b;
}

a[data-jq-dropdown] {
	background-image: url("/Images/arrow_down_white.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 li a.parent span {
	background-image: url("/Images/arrow_right.gif");
}

/*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: 1024px) {
	#burger {
		display: block;
		padding: 0 0 0 10px;
		position: relative;
		left: 0;
		top: 12px;
	}

	div.navi, div.navi a, div.navi li li a {
		width: 100%;
	}


	div.topNavi {
		text-align: left;
		float: none;
		background-color: transparent;
	}

		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: #00ab45;
					color: #FFF;
					border-bottom: #fff solid 1px;
					padding: 15px 16px 15px 16px;
				}


			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.navi ul ul ul {
		position: static;
		margin-left: 0;
	}

	div.navi li li {
		height: auto;
		/*margin-top: -1px;*/
	}

		div.navi li li a span {
			margin-left: 20px;
		}

		div.navi li li a.parent span {
			background-image: url("/Images/arrow_down_white.gif");
		}

		div.navi li li li a span {
			margin-left: 40px;
		}


	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");
	}
}