html,body {
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
section, header{
	display: block;
}
#container {
	width: 100%;
	position: relative;
	text-align: center;
	margin:0;
	padding:0;
	font-size:110%;
}
p {
  font-size:105%;
}
a:link {
color : black ;
}

a:visited {
color : black ;
}

a:active {
color : black ;
}

label{
	text-align: left;
	color:red;
}
ul {
	padding: 0px ;
	margin : 0px ;
} 
li {
	list-style-type : none ;
} 
#menu {
	height : 59px ;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 0px ;
	margin: 0px ;
	padding-bottom : 3px ;
	margin-bottom:8px;
}
#menu a {
	display: block ;
	height : 57px ;
	border: 2px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-decoration : none ;
	padding-top : 3px ;
}
#menu span {
	margin-left: 1% ;
	padding-right : 1%;
}
#menu li {
	float : left ;
	width : 20%;
}
.de {
	display: none;
}
#sprache {
	display: none;
}
#farbe {
	display: none;
}

@media all and (min-width: 36em){
  #container{
    width: 500px;
    margin:0px;
    margin-left : auto ;
    margin-right : auto ; 
  }
}

/* Second breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 50em){

}