/*================   HAUPTNAVIGATION   =================*/

ul.nav { font-family: 'Roboto Slab', Helvetica, sans serif; font-size: 20px; font-weight: 300; margin: 0 auto; padding: 0; list-style-type: none; text-align: center; }
ul.nav li { margin: 0 30px; display: inline; position: relative; }
ul.nav li.deeper.parent span, ul.nav li.deeper.parent a { padding-right: 25px; position: relative; z-index: 20; padding-bottom: 25px; }
ul.nav a, ul.nav span { text-decoration: none; color: #4c4c4c; text-transform: uppercase; cursor: pointer; }
ul.nav a:hover, ul.nav span:hover { text-decoration: underline; } 
ul.nav li.active a, ul.nav li.active span { text-decoration: underline; } 
ul.nav::after  { content: ""; clear: both; display: table; }

ul.nav li.deeper.parent::after { content: "\25bc"; width: 15px; height: 15px; position: absolute; top: -4px; right: 0px; font-size: 14px; line-height: 14px; color: #bdbdbd; z-index: 100; padding-left: 100%; padding-top: 10px; padding-bottom: 15px; padding-right: 5px; }

ul.nav li ul { 
	position: absolute;
	top: 50px;
	background: #fcfcfc;
	padding: 15px 25px;
	min-width: 135px;
	opacity: 0; 
	z-index: 10;
	list-style-type: square;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px #a0a0a0;
	-moz-box-shadow: 0px 0px 5px #a0a0a0;
	box-shadow: 0px 0px 5px #a0a0a0;
	transition: all 0.5s ease-in-out;
	transform: translate3d(0px, -15px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
	transform-style: preserve-3d;
}
ul.nav li.item-137 ul { left: -55px; }
ul.nav li.item-199 ul { left: -55px; }
ul.nav li.item-114 ul { left: -30px; }
ul.nav li.item-208 ul { left: -30px; }
ul.nav li span.show + ul, ul.nav li a.show + ul { opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; z-index: 150; }
ul.nav li.show span + ul, ul.nav li.show a + ul { opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; z-index: 150; }
ul.nav li:hover span + ul, ul.nav li:hover a + ul { opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg); transform-style: preserve-3d; z-index: 150; }
ul.nav li ul li { margin: 10px 0; display: block; text-align: left; white-space: nowrap; }
ul.nav li ul a { font-size: 18px; font-weight: 400; text-transform: none; text-decoration: none; }
ul.nav li ul a:hover { text-decoration: underline; }
ul.nav li.active ul a { text-decoration: none; }
ul.nav li.active ul a:hover { text-decoration: underline; }