* {       /* Außen- Innenabstände global zurücksetzen */
 margin:0;
 padding:0;
}


body {
	font: 14px "Expletus Sans", cursive, Arial;
	color: #FFFFFF;




	/*background-attachment:fixed;*/

 	background-color: #000000;
	
}

#container {
			/*margin=Aussenabstand, padding=Innenabstand*/
	width: 80%;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 80;
	margin-left: auto;
	margin-right: auto;
	background-color: #F2A2F2;
}


/* Ueberschrift 1 */

h1 {
	font-size: 25px;
	font-weight: bold;
}


/* Ueberschrift 2 */

h2 {
	font-size: 20px;
   	line-height:25px;
	font-weight: bold;
	margin-bottom: 20px;
}


.text_rot {
	color: #DF0101;
}

.menue-button {
	display: none;
}

#box_logo {
	position:absolute; 
	float: left;
	z-index: 80;
	width: 100%;
	padding-top: 0px;		
	padding-bottom: 100px;					
	text-align: left;
   /*     background-color: #F2A2B2; */
}




	

#verweisekopf_name {
	float:left;              
	padding: 0px;			
	margin-left: 10px;			
   	font-size: 50px;
   	text-align: left;              
   	line-height:60px;
	font-weight: bold;
    	/*background-color: #A4A4A4;  */
}

#verweisekopf_name a:link { text-decoration:none; color: #FFFFFF; }
#verweisekopf_name a:visited { text-decoration:none; color: #FFFFFF; }
#verweisekopf_name a:focus { text-decoration:none; color: #848484; }
#verweisekopf_name a:hover { text-decoration:none; color: #848484; }


#verweisekopf {
	float: left;
	z-index: 80;
   	width: auto;                   
	padding: 10px;			
	margin: 0px;			
   	font-size: 20px;
   	text-align: right;              
   	line-height: 20px;

    /*	background-color: #A4A4A4; */
}

#verweisekopf ul {
   	list-style: none;               /* keine Aufzählungspunkte */
}

#verweisekopf li {
	display: inline; 
   	margin-left:2px;                
   	margin-right:2px;              
}

#verweisekopf a:link { text-decoration:none; color: #F2E0F7; }
#verweisekopf a:visited { text-decoration:none; color: #F2E0F7; }
#verweisekopf a:focus { text-decoration:none; color: #848484; }
#verweisekopf a:hover { text-decoration:none; color: #848484; }
	
#verweisekopf #aktuelle_seite a { text-decoration:none; color: #FFFFFF; }







   /* 	+++Diashow +++ Einstellungen siehe unter der Datei ++style_index_dia.css++ */








#fusszeile {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 70px;
	border-top: 1px #000000 solid;
	margin-top: 150px;
	margin-bottom: 0px;
	padding-top:5px;
	padding-left:20px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
     /* background-color: #F2F2F2;  */ 

}

#verweisefuss ul {
   	list-style: none;               /* keine Aufzählungspunkte */
   	text-align: center;

}

#verweisefuss li {

        display: inline-block;
   	width: 90px;                
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#verweisefuss a:link { text-decoration:none; display: block; width: 80px; color: #000000; }
#verweisefuss a:visited { text-decoration:none; display: block; width: 80px; color: #000000; }
#verweisefuss a:focus { text-decoration:none; display: block; width: 80px; color: #848484; }
#verweisefuss a:hover { text-decoration:none; display: block;width: 80px; color: #848484; }







/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */

@media only screen and (max-width:800px) {

	#container {
	  width: 100%;
	}


	.menue-button {
		display: block;
	}


	.menue-button {
z-index: 99;
	  display: block;
	  position: absolute;
	  width: 100%; 
	  right: 0;
	  top: 0px;
	  padding: 10px;
	  font-size: 25px;
	  font-weight: bold;
	  text-align: center;
	  color: black;
	  cursor: pointer;
	  text-decoration: none;
	  color: #A9BCF5;
	  border-bottom: 3px solid #FFFFFF;
	  background-color: #000000; 
	}



	#verweisekopf {
z-index: 99;
	  position: absolute;
	  top: 55px;
	  right: 0;
	  width: 100%;   
	  text-align: center; 
	  font-size: 25px;
	  font-weight: bold;
	  display: none; 
          background-color: #000000;  
	}	

	  #verweisekopf li {
	  z-index: 99;
	  display: block; 
	  margin: 0px;
 	  padding-top: 20px;
	  padding-bottom: 20px;

	  border-bottom: 3px solid #FFFFFF;
	}

	.menue-button:hover {
z-index: 99;
		color: #FFFFFF;
	}



	#verweisekopf_logo { 
	  float:left;	
  	  width: 200px;                   
	  padding: 10px;			
	  margin-top: 55px;			
   	  font-size: 45px;
   	  text-align: right;             
   	  line-height:50px;
	  font-weight: bold;
   /*	  background-color: #A4A4A4; */
	}



#verweisekopf_name {
 	margin-top: 60px;
}



/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */

#nav-menue:target #verweisekopf {
	display: block;
}
	

/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */

#nav-menue:target .menue-button-beschr-open { 
	display: none ; 
}