@media (pointer: fine) {
	.map > ul:hover > li > a {
		opacity: 0.3;
	}

	.map > ul > li > ul {
		margin: 0 !important;
	}
}

@media (-moz-touch-enabled) {
	.map > ul:hover > li > a {
		opacity: 1;
	}

	.map > ul > li > ul {
		margin-top: 3px !important;
	}
}

.map {
	display: block;
	font-size: 0.9rem;
	background-color: #eee;
	/*border-radius: 4px;*/
	padding: 0 10px 0 0;
	margin-top: 1px;
	line-height: 2em;
}

	.map a {
		text-decoration: none;
		display: inline-block;
		color: #888;
	}

	.map > ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: contents;
	}

		.map > ul > li > a {
			border-bottom: 1px solid transparent;
			opacity: 1;
		}

		.map > ul > li {
			display: inline-block;
			line-height: 1.3em;
		}

			.map > ul > li:hover > a, .mapitemOver {
				color: black;
				opacity: 1;
			}

			/*.map > ul > li > a:hover, .mapitemOver {
				color: black;
				opacity: 1;
			}*/

			.map > ul > li > a.blinkbeforelink {
				color: blue;
				border-bottom: 1px solid blue;
			}

			.map > ul > li > span {
				color: #bbb;
			}

			.map > ul > li > ul {
				list-style: none;
				background-color: #ddd;
				position: absolute;
				border: 1px solid #ccc;
				z-index: 1;
				padding: 0;
				margin: 3px 0 0 0;
				display: none;
				border-radius: 2px;
			}

				.map > ul > li > ul > li {
					display: block;
				}

	.map .hovermenu {
	}

		.map .hovermenu a {
			display: block;
			text-decoration: none;
			padding: 2px 17px;
		}

			.map .hovermenu a:hover, .mapsubitemOver {
				background-color: #888;
				color: white !important;
			}

			.map .hovermenu a.blinkbeforelink {
				animation: mapkey linear 0.4s forwards alternate;
				border-radius: 2px;
			}

@keyframes mapkey {
	/*0% {
		background-color: transparent;
		color: #888;
	}*/
	100% {
		background-color: #22a;
		color: #fff;
	}
}