<style>                  /* fml */

html, body {
    height: 100%;
}

a {
	text-decoration: none;
}

a {font-size: 14px; text-decoration: none; font-weight: 500;}
a:link {color:#000}
a:visited {color:#000}
a:active {color:#000044}
a:hover {color: #185EEE}

body {
    display: table;
    width: 100%;
	margin: 0 auto;
     background-color: #FFFDD0; 
/* 	background-image: url("img/3a.jpg");
	background-size: auto; */
/*  	padding: 1em;  */
/*  	border: 8px solid grey;   */
}

* {
/*     margin: 0;
    padding: 0; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
}
header {
    background-color: #FFFDD0;
    width: 100%;
    float: left;
/*        border-bottom: 1px solid red;   */
}

  #bereichlogo {
    color: black;
    background-color: #FFFDD0;
    display: block;
    padding: 0.5em;
    text-decoration: none;
    float: left; 
    width: auto; 
} 

#steuerung li {
    list-style: none;
    float: left;
}
#steuerung a {  /* der block geöffnet */
    display: block;
    height: 100%;
    width: 100%;
    padding: 0.3em;
	font-weight: 500;
	font-size: 11pt;
    text-decoration: none;
    color: white;
    background-color: #FE642E;
    }
    
.menue-button {
    display: none;
}   
#steuerung {
    float: right;
}
#steuerung a:hover {
    color: black;
    background: #bdbdbd;
}	
/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */

/*	Menü-Button oben rechts einblenden bei kleiner als 600px */
@media only screen and (max-width:600px) {

	.menue-button {
/* 		color: white;
		background-color: #FE642E; */
		display: block;
		position: absolute;
		right: 0;
		top: 0.5em;
		padding: 0.3em;
		cursor: pointer;
		text-decoration: none;
	}	
	#bereichlogo {
		width: 100%;
	}
	#steuerung {
		float: right;
		width: 44%;/*block, schmäler  */
		display: none;
	}	
	#steuerung li {
		width: 100%;
 		border-bottom: 1px solid silver; 
	}	
	.menue-button:hover {
		color: black;
		background: orange;
	}
}
/* um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
    display: block;
}
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
    display: none ; 
}                                                                         
/* Allgemein Anweisungen */
main {
	margin-top: 10em;
    padding-top: 1em; 
    float: center;
    width: auto;
  	background-color: #FFFDD0;  
/* 	  border: 2px solid blue;   */
}
h1, h2, p {
/* 	margin: 0 0 0 0; */
	text-decoration: none; font-weight: 500;
	text-align: center;
	color: #000;
}

h3 {
	text-decoration: none; 
	font-weight: 600;
	font-size: 0.9em;
	text-align: left;
	color: navy;
}

figure {
  border: 0;
  padding:5px;
  margin: auto;
  max-width: 300px;
  height: auto;
}

figcaption {
  background-color: #91a1ae;
  color: white;
  font-style: normal;
  font-size: 16pt;
  padding: 4px;
  text-align: center;
}

#block {
	text-align: center;
	line-height: 1.4em;
	font-size: 14pt;
}


</style>	
