html,  
/* der erste ist immer der boby */
body {} 

#kopf   /* headder */
{
   /* background-color:  silver;  */
    background-color: #DFDFDF; /*#E6E6E6 basis.css, #D8D8D8 hell grau #F0F0F0 sehr hell grau*/
   /* background-color: #FFFFCC; *//* hell gelb */
    border-bottom : 2px solid #666666;
    height: 2.1em;
}
#kopflogo {
	/*background-color: silver;  limegreen  
	background-color: #FFFFCC;  */
	display: block;
	text-decoration: none;
	float: left;
	padding: 0.05em;
}
#kopflogo {
	width: auto;  /* keine reaktion bemerkt */
}
#kopftext {
/*	color: white;  
    background-color:  silver;  
    background-color:  #FFFFCC;  */
	display: block;
	text-decoration: none;
	float: left;
	padding: 0.5em;
}
#kopflink{
/*	background-color: #CCFFFF;  */
	text-decoration: none;
	float: left;
	padding: 0.5em 0.5em 0 0.5em;
}
#kopflink li {
    display: inline;
    padding: 0 0.2em;  /* Abstand zum Strich */
}
#menu {
	float: right; /* rechtsbündig */
}
#menu li {
    list-style: none; /* keine Aufzählungszeichen */
	float: left;  /* Aufzählung nebeneinander */
}
#menu a {
	display: block;
    height: 100%;  /* Höhe vom umgebenden Element */
	width: 100%-1em;  /* wegen Abstand zur seite */
	padding: 0.5em;
	text-decoration: none;  /* keine Unterstreichung */
	/*color: white;     #0036C0 black */
	/*background: silver;      orange  #99CCFF */
	/*background: #FFFFCC;      orange  #99CCFF */
}
#menu a:hover, #kopf a:hover {
	color: white; /*  Schriftfarbe weiß  */
	background-color: silver;   /* gray Hintergrundfarbe grau */
   /* color: #666666;
	background-color: #FFFFCC;  */
}
.menue-button {
	display: none;  /* ausblenden der Menü-Buttons */
}
/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
@media only screen and (max-width:600px) {
#bereichlogo {
width: 100%;
}
#kopf {
	border-bottom: 2px solid silver;
}
#menu {
	display: none;  /* nur anzeige, wenn "Menü auf" geklickt wird */
}
#menu {
	float: left;
	width: 100%;
}
#menu li {
	width: 100%;  /* ganze Breite für Handy */
/*	border-bottom: 2px solid #FFFFCC;  */
	border-bottom: 2px solid silver;
}
.menue-button {
	display: block;  /* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
	background-color: darkblue;
	position: absolute;
	right: 0;
	top: 0;  /* 0.5em */
	padding: 0.5em;
	color: white;
	cursor: pointer;
	text-decoration: none;
}
.menue-button:hover {
	color: black;
	background: orange;
}

/* Sprung-Ziel wird angesprochen über :target */
#kopf:target #menu {   /* Menü aufklappen beim Handy / Tablet */
	display: block;
}
#kopf:target .menue-button-beschr-open {
	display: none ;
}
} /*	Menü-Button oben rechts einblenden bei kleiner als 600px */