#navigation{position:relative;z-index:20;transition: all ease-out 0.3s;margin:0;height:48px;}
#navigation > a	{display: none;}
#navigation li {position: relative;list-style: none;}
#navigation li a	{color: #ffffff;display: block;text-decoration: none;}
#navigation li a.active { color:#d1d3d4;text-decoration: none; }

/* first level */
#navigation > ul {height: 48px;padding: 0;margin: 0;text-align:center;}
#navigation > ul > li	{width: auto;height: 100%; display:inline-block;white-space:nowrap;letter-spacing:normal;border-right:1px solid #ffffff;}
#navigation > ul > li > a	{height: 100%;font-size: 16px;line-height: 48px;font-weight:normal;color:#ffffff;text-align: center;padding: 0 25px 0 25px;}
#navigation > ul > li:first-child {border-left: 1px solid #fff;}
#navigation > ul > li:not( :last-child ) > a {border-right: 0px solid #fff;}
#navigation > ul > li:hover > a, #navigation > ul:not( :hover ) > li.active > a {background:#2a537b;text-decoration: none;}						
						
/* second level */
#navigation li ul	{background: #2a537b;	display: none; position: absolute; top: 100%; padding: 0;min-width:200px; border-top:1px solid #0b3761;}
#navigation li:hover ul {display: block; left: 0; }
#navigation li:not( :first-child ):hover ul{left: 0px;}
#navigation li ul a{font-size: 14px; text-align:left;padding: 8px 12px; color: #ffffff;}
#navigation li ul li a:hover, #navigation li ul:not( :hover ) li.active a {color:#0b3761; text-decoration: none;background:#C4E0F8;}

		
@media only screen and ( max-width: 1040px )
{
	#navigation{position: relative;	top: auto;right: 20px;z-index:20;	width: 100%;position: static;margin: 0; top: 0px;}
	#navigation > a {width: 60px; /* 50 */height:  60px; /* 50 */	text-align: left;position: absolute;right: 0px;	top:-5px;}
	#navigation:not( :target ) > a:first-of-type, #navigation:target > a:last-of-type{display: block;}

	/* first level */
	#navigation > ul {height: auto !important;display: none;position: absolute;	left: 0;right: 0;top: 48px;z-index:20;}
	#navigation:target > ul	{display: block;}
	#navigation > ul > li	{width: 100%; background: #2a537b;border-right: none;}
	#navigation > ul > li > a {height: auto !important;background:#2a537b;text-align: center;line-height: 45px !important;border-top: 1px solid #bdbdbd;padding: 0 0.85em !important; /* 20 (24) */font-size: 14px !important;}
	#navigation > ul > li > a:hover {background:#0b3761;}
	#navigation > ul > li:first-child {border-left: none;}
	#navigation > ul > li:not( :last-child ) > a {border-right: none; }

	/* second level */
	#navigation li ul	{position: static; padding: 0; /* 20 */ padding-top: 0; width: 100%;}
	#navigation li ul li a{font-size: 14px;text-align:center;}

	
}
@media only screen and (max-width: 756px) 
{

}

@media only screen and (max-width: 467px) 
{

	
}