#menu
{
	width: 970px;
	max-width:100%;
	height: 74px;
	margin: 143px 0 0;
}

#menu a
{
	font-size:22px;
	padding:20px 15px 20px 15px;
	border-radius:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#200f08;
	float: left;
	margin-left:65px;
	height:87px;
}

#menu a:first-child
{
	margin-left:18px;
}

#menu a:hover, #menu a.aktual, #menu a.aktual:hover
{
	background: -moz-linear-gradient(top,  rgba(18,50,110,1) 0%, rgba(18,50,110,1) 50%, rgba(18,50,110,1) 73%, rgba(18,50,110,0) 74%, rgba(18,50,110,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(18,50,110,1) 0%,rgba(18,50,110,1) 50%,rgba(18,50,110,1) 73%,rgba(18,50,110,0) 74%,rgba(18,50,110,0) 100%);
	background: linear-gradient(to bottom,  rgba(18,50,110,1) 0%,rgba(18,50,110,1) 50%,rgba(18,50,110,1) 73%,rgba(18,50,110,0) 74%,rgba(18,50,110,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12326e', endColorstr='#0012326e',GradientType=0 );
  color:white;
  position:relative;
}

#menu a:hover:after, #menu a.aktual:after, #menu a.aktual:hover:after
{
	content:' ';
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:24px;
	background:url('../../grafika/menu_arrow.png') no-repeat center top;
	background-size: 100% 24px;
}

@media(max-width:992px)
{
	 #menu a
	 {
	 		margin-left:20px;
	 }
}

@media(max-width:768px)
{
	#menu
	{
		border-top:1px solid #12326e;
		border-bottom:1px solid #12326e;
		height:202px;
	}
	
	
	#menu a
	{
		display:block;
		width:100%;
		height:40px;
		background:white;
		border-radius:0;
		margin:0;
		padding:0px 30px 0px 30px;
		line-height:40px;
	}
	
	#menu a:first-child
	{
		margin-left:0;
	}
	
	#menu a:hover, #menu a.aktual, #menu a.aktual:hover
	{
		background:#12326e;
	  color:white;
	  position:relative;
	}
	
	#menu a:hover:after, #menu a.aktual:after, #menu a.aktual:hover:after
	{
		display:none;
	}
}