@font-face {
  font-family: 'Andika';
  src: url("andika.woff2");
  }

#headerwrapper
{
	
	position: sticky;
	z-index:50;
	font-family: Andika;
	top:300px;
	background:#eee;

}





#headerwrapper,#headerwrapper *
{
transition: 1s all;
font-size:20px;

font-family: Andika;
}



	#inheaderwrapper
	{

	position: relative;
	text-align:center;
	font-family: Andika;

	}




	#headerwrapper ul
	{
	display: block;
		margin: 0 auto;
		font-family: Andika;



	}
		#headerwrapper ul li
		{
		display: inline-block;
		text-align: center;
		color:#000;
		margin-left:0px;
		margin-right:0px;		
		font-family: Andika;		
		}
		
	
		
		#headerwrapper ul li:hover
		{
		color: #ffff00;
		font-family: Andika;

	
		}

					#headerwrapper ul li a
					{
					display: block;
					color:#000;
					text-transform: uppercase;
					text-decoration:none;
					padding:5px;
					font-family: Andika;
					 border-radius: 5px 5px 5px 5px;

					}
					#headerwrapper ul li.hover
					{
					padding:10x;
					font-family: Andika;

					}


					
					#headerwrapper ul li a:hover
					{
					color:#000;
					text-transform: uppercase;
						background-image: linear-gradient(to right, #eaeff3 0%, #8fa3b7 40%, #8fa3b7 60%,#eaeff3 100%);
					border-radius: 5px 5px 5px 5px;
					font-family: Andika; padding:10px;
										transition: all 1s;
					}	
			


			
			#headerwrapper ul li ul
			{
			position: absolute;
			margin-top:10px;
			margin-left:-10px;
			max-height: 0;
			overflow: hidden;
			font-family: Andika;

			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;
			font-family: Andika;
			}
				#headerwrapper ul li ul li
				{
				display: block;

				border: medium none;
				outline: medium none;
				color:#ffff
				background:#662014;
				padding: 0;
				margin:0;
				font-family: Andika;
				}
					#headerwrapper ul li ul li a
					{
					display: block;
					color:#ffff
					text-align: left;
					padding:10px;
					background: #662014;
					font-family: Andika;
					}
					
		#headerwrapper ul li.obersel { color:#ff9512; background:#111; font-family: Andika;}					
		#headerwrapper ul li.sel a{background-image: linear-gradient(to right, #eaeff3 0%, #8fa3b7 40%, #8fa3b7 60%,#eaeff3 100%); color:#000; border-radius: 5px 5px 5px 5px;
		
		      text-shadow:  1px  1px 1px white,
                  1px -1px 1px white,
                 -1px  1px 1px white,
                 -1px -1px 1px white;
		margin:8px;
		
		}
		#headerwrapper ul li ul li.sel a{background:#362617; color:#fff; font-family: Andika;}
		#headerwrapper ul li ul li a{background:#111; color:#ff9512; font-family: Andika;}

			
			#headerwrapper ul li:hover a
			{ 
			text-decoration: none;
			font-family: Andika;
			}
			#headerwrapper ul li ul li:hover a
			{ 
			text-decoration: none;
			font-family: Andika;
			}
			#headerwrapper ul li ul li a:hover
			{ 
			background: #362617;
			color: #fff;
			text-decoration: none;
			font-family: Andika;
			}





	#headerwrapper.navklein
	{
	position:fixed;
	max-height: 0px;
	overflow: hidden;
	top:50px;
	}
#headerwrapper.navklein ul
	{
			background-color: #eee;	
	}
	#headerwrapper.navklein.navshow 
	{
	max-height: 600px;
	overflow: hidden;
	}
	#headerwrapper.navklein.navshow.oflow
	{
	max-height: auto;
	overflow: visible;
	}