@charset "utf-8";
body  {
    	font: 81.25% Arial, Helvetica, sans-serif;
    	background: #362f2f;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center;
	    }
    
    div#container {
	width: 100%;
	text-align: left;
	color: #e2ceb3;
    }

h1, h2, h3, h4 {
	font-size:100%;
	font-weight:bold;
	margin:0;
    }
	
h1 {
	font-size:184.61538%;
	font-style:italic;
	font-weight:normal;
	margin-bottom:0.5em;
	}
	
p {
	margin:0;
	padding:0;
	margin-bottom:0em;
	text-indent:1em;
	}	
	
ul, li {list-style: none;}


a {
	color:#974242;
	text-decoration:none;
	}
	
img {
	border:solid;
	border-width:1px;
	border-color:#e2ceb3;
	}
	
img.seitenbild {
	float:right;
	margin-top:0px;
	margin-right:45px;
	}
	  
	div#headerimg {
	margin:0;
	padding:0;	 
	 }
	 
	div#headerimg img {
	margin:0;
	padding:0;
	border:0 none;
	}
	
	div#superheader {
	background: #e2ceb3;
	}
	  
    div#header {
	padding: 0;
	height:246px;
	margin:0;
	color:#9b0b0b;
	width:1000px;
		
    }
	
	div#headertext {
	width:20em;
	padding:1em;
	float:right;

	}
	
	

	
	
	

	
	    div#header2 { 
    	background: #9b0b0b;
		height:3em;

    } 
	
	div#header2 ul{	
	font-size:184.61538%;
	font-style:italic;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:0.2em;
	margin-left:1em;
	}
	
	div#header2 li{	
	float: left;
    position: relative;
	width:6em;
	}
	
	div#header2 a {
	color: #e2ceb3;
	text-decoration:none;
	}
	
		div#header2 a:hover {
	color: #362f2f;
	}
    
    /* Tipps für sidebar1:
    1. Wenn Sie für dieses div eine Schriftgröße festlegen, wird die Gesamtbreite des div entsprechend angepasst.
    2. Da wir mit Gevierten (ems) arbeiten, ist es empfehlenswert, für die Randleiste selbst keine Auffüllung zu verwenden. Sie wird bei standardgerechten Browsern der Breite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite. 
    3. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, indem Sie diesen Elementen wie in "#sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
    */
    div#sidebar1 {
	float: left;
	width: 13em;
	margin-top:28px;
    }
	
	div#sidebar1 li{
	margin-bottom:2em;
		}

    
    div#mainContent {
	margin: 0;
	padding: 0;
	margin-left:17em;
	margin-bottom:10em;
	width:55em;
	padding-top:2em;
    } 
	
	div#maintext { width:30em;}
    div#footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	} 
		
    div#footer p {
    	margin: 0; 
    	padding: 10px 0;
		text-align:center;
		width:60em;
    }
	
	
	ul#Navigation li>a.aktuell {
	color:#362f2f;
	}
	
	li>a.aktuellleft {
	text-decoration:underline;
	}
	
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }