#headerwrapper
{
position: absolute;
top:70px;
margin:0 auto;
z-index:100;
}





#headerwrapper,#headerwrapper *
{
transition: 1s all;
}



	#inheaderwrapper
	{
	position: relative;
	margin: 0 auto;
	display: block;
	}
	#headerwrapper ul
	{
	display: block;
	position: relative;
	margin: 0 auto;


	}
		#headerwrapper ul li
		{
		display: inline-block;
		font-size: 19px;
		padding:10px;
		text-align: center;
		color:#000;
		background:#eee;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		}
		
	
		
		#headerwrapper ul li:hover
		{
		color: #fff;
		background:#009ee0;
		}

					#headerwrapper ul li a
					{
					display: block;
					color:#000;
					text-decoration:none;
					}
					
					#headerwrapper ul li a:hover
					{
					color:#fff;
					}	
			


			
			#headerwrapper ul li ul
			{
			position: absolute;

			max-height: 0;
			overflow: hidden;
			margin-top:10px;
			top: auto;
			left: auto;
			right: auto;
			bottom: auto;
			transition: 2s all;
			left: auto !important;

							
			}
			#headerwrapper ul li:hover ul
			{
			max-height: 400px;
			box-shadow: 4px 4px 5px silver;
			border: 1px silver solid;
			}
				#headerwrapper ul li ul li
				{
				display: block;
			border-radius:0px !important;
				border: medium none;
				outline: medium none;
				color:#000;
				background:#d9dadb;
				padding: 0;
				margin:0;
				}
					#headerwrapper ul li ul li a
					{
					display: block;
					color:#000;
					text-align: left;
					padding:10px;
					}
					
					
		#headerwrapper ul li.sel a{color:#fff;}
		#headerwrapper ul li.sel {background:#ffa500; }
		#headerwrapper ul li ul li.sel a{background:#ffa500; color:#fff;}
		#headerwrapper ul li.obersel {background:#ffa500; color:#fff;}

			
			#headerwrapper ul li:hover a
			{ 
			text-decoration: none;
			}
			#headerwrapper ul li ul li:hover a
			{ 
			text-decoration: none;
			}
			#headerwrapper ul li ul li a:hover
			{ 
			background: #009ee0;
			color: #fff;
			text-decoration: none;
			}