/*=============== Navigation ==================*/

	nav {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	
	/* Navigation fix 
	nav {
		margin: 70px 0 0 0;
		position: fixed;
	}*/
	
	nav ul {
		margin: 4px 0 0 0;
		padding: 0;
	}
	
	body.menuopen nav ul {
		margin: 4px 0 0 0;
	}
	
	@media only screen and (min-width: 1600px) {
		
		body.menuopen nav ul {
			margin: 4px 0 0 0;
		}
		
	}
	
	nav ul li {
		display: block;
		margin: 0;
		padding: 0;
		line-height: 55px;
		clear: both;
		border-bottom: 1px solid #003a66;
		float: none;
		overflow: hidden;
	}
	
	nav ul li.menu_active {
		/*background: #003a66;*/
	}
	
	nav ul li:first-child  {
		border-top: 1px solid #003a66;
	}
		
	nav ul li a {
		margin: 0;
		padding: 0 0 0 30px;
		text-decoration: none;
		display: block;
		outline: 0 none;
		font-size: 16px;
		float: left;
		width: 80%;
		overflow: hidden;
	}
	
	body.menuopen nav ul li a {
		/*padding: 0 0 0 8px;*/
		padding: 0 0 0 12px;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) { 
		
		nav ul li a {
			font-size: 16px;
		}
		
	}
	
	body.menuopen nav ul li a span.menuTxt {
		display: none;
	}
	
	body.menuopen nav ul li {
		overflow: visible;
	}
	
	
	nav ul li a.menu1:before, 
	nav ul li a.menu2:before, 
	nav ul li a.menu3:before, 
	nav ul li a.menu4:before, 
	nav ul li a.menu5:before, 
	nav ul li a.menu6:before,
	nav ul li a.dashboard:before, 
	nav ul li a.verkauf:before, 
	nav ul li a.kauf:before, 
	nav ul li a.matching:before, 
	nav ul li a.vorgang:before, 
	nav ul li a.system:before, 
	nav ul li a.admin:before,
	nav ul li a.docs:before,
	nav ul li a.nachrichten:before,
	nav ul li a.archive:before,
	nav ul li a.default:before,
	nav ul li a.teams:before, 
	nav ul li a.game:before  	 	{
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0 10px 0 0;
		font-size: 24px;
		color: #ffa901;
		position: relative;
		top: 2px;
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1200px) { 
		
		nav ul li a.menu1:before, 
		nav ul li a.menu2:before, 
		nav ul li a.menu3:before, 
		nav ul li a.menu4:before, 
		nav ul li a.menu5:before, 
		nav ul li a.menu6:before,
		nav ul li a.dashboard:before, 
		nav ul li a.verkauf:before, 
		nav ul li a.kauf:before, 
		nav ul li a.matching:before, 
		nav ul li a.vorgang:before, 
		nav ul li a.system:before, 
		nav ul li a.admin:before,
		nav ul li a.docs:before,
		nav ul li a.nachrichten:before,
		nav ul li a.archive:before,
		nav ul li a.default:before, nav ul li a.teams:before, 
		nav ul li a.game:before  		{
			font-size: 24px;
		}
		
	}
	
	body.menuopen nav ul li a.menu1:before, 
	body.menuopen nav ul li a.menu2:before, 
	body.menuopen nav ul li a.menu3:before, 
	body.menuopen nav ul li a.menu4:before, 
	body.menuopen nav ul li a.menu5:before, 
	body.menuopen nav ul li a.menu6:before,
	body.menuopen nav ul li a.dashboard:before, 
	body.menuopen nav ul li a.verkauf:before, 
	body.menuopen nav ul li a.kauf:before, 
	body.menuopen nav ul li a.matching:before, 
	body.menuopen nav ul li a.vorgang:before, 
	body.menuopen nav ul li a.system:before,
	body.menuopen nav ul li a.admin:before ,
	body.menuopen nav ul li a.docs:before,
	body.menuopen nav ul li a.nachrichten:before,
	body.menuopen nav ul li a.archive:before,
	body.menuopen nav ul li a.teams:before,
	body.menuopen nav ul li a.game:before	{
		/*padding: 0 100px 0 0;*/
		padding: 0;
		font-size: 24px;
		color: #ffa901;
	}



/*=============== Menu-Icons ==================*/	

	nav ul li a.game:before 	{
		content: "\f091";
	}
	
	nav ul li a.teams:before 	{
		content: "\f0c0";
	}
	
	nav ul li a.menu1:before,
	nav ul li a.dashboard:before 	{
		content: "\f015";
		content: "\f0db";
		content: "\f3fd";
	}
	
	nav ul li a.menu2:before,
	nav ul li a.verkauf:before 	{
		content: "\f5a0";
		content: "\f02c";
		/*content: "\f4fe";
		content: "\f507";*/
	}
	
	nav ul li a.kauf:before {
		content: "\f291";
		content: "\f290";
		/*content: "\f4fe";
		content: "\f507";*/
	}
	
	nav ul li a.menu3:before,
	nav ul li a.system:before	{
		content: "\f013";
	}
	
	nav ul li a.nachrichten:before	{
		content: "\f0e0";
	}
	
	nav ul li a.archive:before	{
		content: "\f187";
	}
	
	nav ul li a.menu4:before, 
	nav ul li a.admin:before {
		content: "\f508";
	}
	
	nav ul li a.menu5:before,
	nav ul li a.matching:before	{
		content: "\f0ea";
	}
	
	nav ul li ul li a.matching:before	{
		content: "\f105";
		color: rgba(255,255,255,.5);
		font-size: 14px;
		padding: 0;
		margin: 0 5px 0 0;
		display: inline-block;
	}
	
	nav ul li ul li a.menu_active.matching:before {
		color: #ffa901;
	}
	
	nav ul li a.menu6:before,
	nav ul li a.vorgang:before	{
		content: "\f07b";
	}
	
	nav ul li ul li a.vorgang:before	{
		content: "\f105";
		color: rgba(255,255,255,.5);
		font-size: 14px;
		padding: 0;
		margin: 0 5px 0 0;
		display: inline-block;
	}
	
	nav ul li ul li a.menu_active.vorgang:before {
		color: #ffa901;
	}
	
	nav ul li a.docs:before	{
		content: "\f15c";
	}
	
	/*nav ul li a.menu6.menu_active:before {
		content: "\f07c";
	}*/
	
	nav ul li a.submenu {
		margin: 0;
		padding: 0 0 0 5.5%;
		text-decoration: none;
		display: block;
		outline: 0 none;
		font-size: 24px;
		float: left;
		width: 20px;
		position: absolute;
		left: 130px;
		z-index: 10;
		/* Width and height only apply to the content of the element. */
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	@media only screen and (min-width: 1600px) {
	
		nav ul li a.submenu {
			padding: 0 0 0 6%;
		}
	}
	
	nav ul li a.submenu:after {
		content: "\f107";
		content: "\f105";
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		margin: 0;
		display: inline-block;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		font-size: 16px;
	}
	
	body.menuopen nav ul li a.submenu:after {
		display: none;
	}
	
	nav ul li a.submenu.menu_active:after {
		content: "\f107";
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		margin: 0;
		display: inline-block;
		color: #ffa901;
		/*-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);*/
	}
	
	nav ul li ul {
		padding: 0;
		margin: 0;
		display: none;
		clear: both;
	}
	
	body.menuopen nav ul li ul {
		/*display: none !important;*/
		position: absolute;
		z-index: 10;
		background: red;
		left: 3.5%;
		min-width: 200px;
		display: block !important;
		border-left: 1px solid #fff;
		min-height: 50px;
		border-top: none;
	}
		
	@media only screen and (min-width: 1600px) {
		
		body.menuopen nav ul li ul {
			left: 2.5%;
		}
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) { 
		
		body.menuopen nav ul li ul {
			left: 5%;
		}
		
	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1200px) { 
		
		body.menuopen nav ul li ul {
			left: 3.5%;
		}
		
	}
	
	@media only screen and (max-width: 768px) { 
		
		body.menuopen nav ul li ul {
			left: 6.5%;
		}
		
	}
	
	
	body.menuopen nav ul li ul.invisible {
		visibility: hidden !important;
	}
	
	body.menuopen nav ul li ul.visible {
		visibility: visible !important;
	}
	
	
	@media only screen and (max-width: 1024px) { 
		
		body.menuopen nav ul li ul {
			visibility: hidden !important;
		}
		
	}
	
	
	
	/*body.menuopen nav ul li ul {
		position: absolute;
		background: #003a66;
		margin:  0 0 0 5%;
	}*/
	
	nav ul li.menu_active ul {
		display: block;
	}
	
	nav ul li ul li {
		display: block;
		float: none;
		margin: 0;
		padding: 0 0 0 25px;
		line-height: normal;
		border-bottom: none;
		background: #003a66;
	}
	
	nav ul li a.menu_active ul li {
		background: #003a66;
	}
	
	nav ul li ul li:first-child  {
		border-top: none;
	}
	
	nav ul li ul li:first-child  {
		border-bottom: none;
	}
	
	nav ul li ul li a {
		font-size: 14px;
		margin: 15px 0 15px 0;
		display: inline-block;
		text-indent: -10px;
		padding-left: 40px;
	}
	
	body.menuopen nav ul li ul li a {
		font-size: 14px;
	}
	
	nav ul li ul li a:hover {
		color: #fff;
	}
	
	nav ul li ul li a.menu_active  {
		color: #ffa901;
	}
	
	nav ul li ul li a:before {
		content: "\f105";
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		text-decoration: inherit;
		padding: 0;
		margin: 0 5px 0 0;
		display: inline-block;
	}
	
	body.menuopen nav ul li ul li a:before {
		font-size: 16px;
	}
	
	/*nav ul li ul li a.stammdaten_kauf:before, 
	nav ul li ul li a.unternehmen_kauf:before, 
	nav ul li ul li a.einwilligung_kauf:before {
		font-family: 'Line Awesome Free';
		font-style: normal;
		font-weight: bold;
		margin: 0 5px 0 0;
		font-size: 24px;
		line-height: 18px;
		vertical-align: middle;
	}
	
	nav ul li ul li a.stammdaten_kauf:before {
		content: "\f2bb";
	}
	
	nav ul li ul li a.unternehmen_kauf:before {
		content: "\f275";
	}
	
	nav ul li ul li a.einwilligung_kauf:before {
		content: "\f3ed";
	}*/
	
	/*#klingel {
		cursor: default;
	}*/