/* Clearfix */

nav:before,nav:after {content: " ";display: table;}
nav:after {clear: both;}
nav{zoom: 1;}

/* Basic Styles */
nav {height: 60px;
	width: 100%;
	background: #a1a4a7;
	font-size: 16px;
	font-family: 'Work Sans',Verdana, Geneva, sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	position: relative;
	/*box-shadow: 5px 5px 5px #a1a4a7;*/
}
nav ul {padding: 5px;margin: 0 auto;width: 1200px;min-height: 40px;}
nav li {display: inline;float: left;}
nav a {color: #fff;display: inline-block; padding-left:20px; padding-right:20px;/*width: 130px;text-align: center;*/text-decoration: none;line-height: 40px;/*text-shadow:5px  5px 5px #03241b;*/ text-align:-moz-center;-ms-text-align-last:center;text-align:-o-center;}
nav li:hover, nav li:active{ background-color:#a1a4a7;/*background: url(../img/menu_formel.png) no-repeat left;*/ border-bottom:solid 2px #FFFFFF;}
nav a span{height:inherit; display:table; text-align:center;}


@media screen and (min-width: 610px){
	nav a#pull { visibility:hidden;}
}
@media screen and (max-width: 900px){
	nav {height: auto;}
  	nav ul {width: 100%;display: block;height: 100%;}
}
@media screen and (max-width: 800px) {
	nav li:hover, nav li:active{border-bottom:none; text-decoration:underline;background-color: #5b5b5b; border-bottom:none;}
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav {height: auto;}
  	nav ul {width: 100%;display: block;height: 100%;padding:0;}
  	nav li {width: 50%;float: left;position: relative;}
  	nav li a {/*border-bottom: 1px solid #fff;border-right: 1px solid #fff;*/}
  	nav a {text-align: left;width: 100%;text-indent: 25px; padding:0;}
	/*nav a span:hover , nav a span:active{background:none}
	nav a:hover , nav a:active{background:#a1a4a7;}*/
	nav li:hover, nav li:active{background-color: #5b5b5b; border-bottom:none;border-bottom:none;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {border-bottom: 0;}
	nav ul {display: none;height: 100%;padding:0px;}
	nav li:hover, nav li:active {background-color: #5b5b5b; border-bottom:none;/* padding:0; margin:0;*/}
	nav a#pull {/*display: block;*/background-color: #5b5b5b;width: 100%;position: relative;}
	nav a#pull:after {content:"";background: url('../img/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}
}

/*Smartphone*/
@media only screen and (max-width : 380px) {
	nav li {display: block;float: none;width: 100%;}
	/*nav li a {border-bottom: 1px solid #fff;}*/
}