.menu a, .menu a:link, .menu a:visited, .menu a:focus, span {
	text-decoration: none;
	color:black;	
	ffont-family: 'Oswald', sans-serif;
font-size:16px;
font-weight:600;
line-height:18px;
letter-spacing:-0.5px;
}

#navigation {
	position:relative;
	float:right;
	z-index:10000;
	width:80%;
	margin: 40px 0 0 0;
	padding: 0;

}

label.responsive_menu span {
	margin-left: 2%;
	display: none;
}

input#responsive_menu { 
display: none; 
}












.menu {
	position: relative;
	padding: 0;
	margin: 30px 0 0 0;

}




.menu li {
	display: inline-block;
	text-align: center;
	margin: 0px 0px 0px 0px;
	float:left;
	padding:0px 0px 0px 0px;
	background:none;
	width:20%;

	-webkit-transition: all 0.0s ease-out;
 	-moz-transition: all 0.0s ease-out;
 	-o-transition: all 0.0s ease-out;
 	transition: all 0.0s ease-out;
}

.menu li a {
	display: inline-block;	
	padding:22px 0px 60px 0px;
	margin:0; 
	width:100%;
	ccolor:#005896!important;


-webkit-transition: all 0.0s ease-out;
transition: all 0.0s ease-out;

border-style: groove!important;
border-bottom-width:0px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-color:#005896;

}

.menu li a:hover{
	color:#fff!important;
}


.menu li:hover {
background:none;
-moz-border-radius:0px; /* Firefox */
-webkit-border-radius:0px; /* Chrome, Safari */
-khtml-border-radius:0px; /* Konqueror */
border-radius:0px; /* CSS3 */
}



#farbe1 {
color:#fff;
background: url(../images/farbklecks.png) no-repeat top center;
}
.menu li:hover #farbe1 {
background: url(../images/farbklecks1-hover.png) no-repeat top center;
color:#fff!important;
}

#farbe2 {
color: #fff;
background: url(../images/farbklecks2.png) no-repeat top center;
}
.menu li:hover #farbe2 {
background: url(../images/farbklecks2-hover.png) no-repeat top center;
color:#fff!important;
}

#farbe3 {
color: #fff;
background: url(../images/farbklecks3.png) no-repeat top center;
}
.menu li:hover #farbe3 {
background: url(../images/farbklecks3-hover.png) no-repeat top center;
color:#fff!important;
}

#farbe4 {
color: #fff;
background: url(../images/farbklecks4.png) no-repeat top center;
}
.menu li:hover #farbe4 {
background: url(../images/farbklecks4-hover.png) no-repeat top center;
color:#fff!important;
}

#farbe5 {
color: #fff;
background: url(../images/farbklecks5.png) no-repeat top center;
}
.menu li:hover #farbe5 {
background: url(../images/farbklecks5-hover.png) no-repeat top center;
color:#fff!important;
}



.current {
text-shadow: 0px 0px 4px #292929;
}





.menu li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	text-align: left;
	margin-top:0;
	padding: 0;
	width:20%;
}

.menu li:hover ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0;

}

.menu li ul li {
	position: relative;
	display: block;
	width:100%;
	border-top:1px solid black;
	padding:0;
}

.menu li ul li a{
	padding: 10% 0 10% 0;
  	display: block;
}

.menu li ul li a:hover{
	ccolor:white;
	cbackground:black;
}

































/* Responsive container Setting */



@media only screen and (max-width: 1000px) and (orientation:portrait) {








	
	#responsive_menu:checked+.menu {
		display: block;
	}


	#navigation {
		width: 100%;
	}


	.menu {
    display: none;
    padding: 0;
    width:100%;
  }

	label.responsive_menu span {
		display: inline;
    font-size: 66px;
    margin:0;
		color:white;
	}

	label.responsive_menu {
    position: relative;
top:0px;
    display: block;
    width: 90%;   
    background-image: url(../pics/menublack.png);  
    background-repeat:no-repeat;
    background-position:95% center;
    background-color: #cccac8;
		background-size:7%;
    padding: 5% 5%;    
	}

    

  label:hover {
		background-image: url(../pics/menu.png);  
   	cursor:pointer;	
   	background-color: #32abe3;
  }

  label:hover span{
		color:black;
 	}

	.menu li {
		display:block;
		text-align: left;
		margin-left: 0;
    position: relative;
    width: 100%!important;
    padding:0 0% 0 0%;
		height:auto;
		background:#f6f4f1;
		border-top:0px solid black;
	}
	
	.menu li:hover {
			color:white;
	}
	.menu li:hover a{
		color:white!important;
	}
	
	.menu li a {
    display:inline-block;
    padding:5% 5% 5% 5%;
    background:none;
		font-size:44px!important;
		line-height:44px!important;
		color:white!important;
	}
	.menu li a:hover{
    color:#ebdbae!important;
    background:none;
	}




#farbe1 {
color:#32abe3!important;
background: none;
}
.menu li:hover #farbe1 {
background: none;
background-color:#32abe3;
color:#fff!important;
}

#farbe2 {
color: #ff7e00!important;
background: none;
}
.menu li:hover #farbe2 {
background: none;
background-color:#32abe3;
color:#fff!important;
}

#farbe3 {
background: none;
color: #5ac028!important;
}
.menu li:hover #farbe3 {
background: none;
background-color:#32abe3;
color:#fff!important;
}

#farbe4 {
background: none;
color: #e30086!important;
}
.menu li:hover #farbe4 {
background: none;
background-color:#32abe3;
color:#fff!important;
}

#farbe5 {
background: none;
color: #005896!important;
}
.menu li:hover #farbe5 {
background: none;
background-color:#32abe3;
color:#fff!important;
}






#current {
background: none!important;
padding:60px 5% 60px 5%;
color:#a6a29f!important;
text-shadow: 0px 1px 1px #fff;
}

	
	



	
	.menu li:hover ul {
		position:relative;
		width:100%;
		margin:0 0 0 0;
	}
	
		
	.menu li:hover ul li:hover {
	 
	}
	.menu li:hover ul li:hover a{
	 	color:black;
	}

	.menu li ul li{ 
		width: 100%!important;
		padding:0;
		background:black;
		border-top:2px solid white;
	}

	
	.menu li ul li a {
    padding:5% 5% 5% 10%;
		display:inline-block;
		color:black!important;
		font-size:44px!important;
		line-height:44px!important;
	}

	.menu li ul li a:hover {
		color:red!important;
    background:none;
	}














	
	
	/* Disable animation */
	.menu > li > ul li ul, .menu li >ul li, .menu > li > .megadrop, .menu > li > .columndrop, .menu > li > ul, .menu > li {
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
    		-ms-transition: none;
		-o-transition: none;
	}
	

}