body {
	color:#000; background-color:#000; font-family:Arial,Verdana,Helvetica; margin:0; padding:0; } 

h1 {
	margin:0px; padding: 0px; padding-top:0.2em; padding-bottom:0.5em; font-size:1.2em; color:#fff; background-color:#c00; }
	
a {	
	font-weight:bold; color:#c00; }
a:hover {	
	background: #f00; color: #fff;}


#Lesebereich {
	border:solid medium #c00; margin-left:auto; margin-right:auto; width: 47em; background-image:url(bg.gif);}

#Kopf {
	text-align:center; }

#Navigation { padding:0.3em; text-align:center; border-bottom:solid thick #c00; line-height:175%; }
#Navigation a {
	margin:0.3em; padding:0.1em; text-decoration:none; color:#c00; border:solid thin #c00;  border-radius:0.2em; } 
#Navigation a:hover {
	color:#fff; background-color:#f00; border:solid thin #c00; border-radius:0.2em; }
	
#Inhalt {
	padding:0.3em; }	

.abstandinnen { padding: 10px; }
.abstandunten05 { margin-bottom:0.5em; }
.bildlinks { float:left; margin-right:1em; }
.bildrechts { float:right; margin-left:1em; }
.blocksatz { text-align:justify; }
.endeumbruch { clear: both; }
.fett { font-weight:bold; }
.linkabstaende { line-height:150%; }
.rahmen { border:solid medium #c99; }  
.schriftfett { font-weight:bold; }
.schriftklein { font-size:80%; }
.schriftgross { font-size:150%; }
.textzentrieren { text-align:center; }
.unterstrichen { text-decoration:underline; }
.zentrieren { display:flex; align-items:center; justify-content: center; }
.spaltennebeneinander { display: flex; }

.trennung {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto; }


@media only screen and (max-width: 47em) {

	h1 { font-size:0.9em; }
	
	#Lesebereich { width:95%;	} 

	.bild125 { width: 125px; height:125px; }
	.bildmedium { width:50%; height:50%; } 
	.bildklein { width:33%; height:33%; }
	}