html, body {
	height: 100%;
}

body {
    display: table;
    width: 100%;
    /* margin: -20px auto; */
    margin-top: -20px;
    margin-left: 0; 
    background-color: #1E1E1E;
}

header, nav, footer, section, resp, steu {
    display: block;
}

header  {

        text-align: center;  
        font-size: 30pt;
        line-height: 1em;
        font-weight: bold;
}

#feuer  {
    height: auto;
    padding-top: 55px;
    padding-bottom: 8px;
    background-color: #1E1E1E;
    
       text-shadow:   0px   0px 10px white,
                    5px  -5px 10px #F8FF9D,
                    -10px -10px 20px #F5FE5C,
                     10px -15px 20px #FDDB33,
                    -10px -20px 20px #FFC126,
                    10px -25px 20px #FF7808,
                    -10px -30px 20px #F95801,
                    15px -35px 20px #FE7606,
                    -15px -40px 20px #FD5C01,
                    15px -45px 15px #E54600,
                    -20px -50px 15px #D23700,
                    20px -55px 15px #B82B00,
                     -20px -60px 15px #A11301,
                    20px -65px 15px #981D01,
                    -25px -70px 10px #851200,
                    25px -75px 10px #690D00,
                    -25px -80px 10px #3E0600
	        ;
}

.tabellen_zelle {
	background-color: #1E1E1E;
	/* background-color: green;   */
	display: table-row;
}
.tabellen_zelle a:hover {
	color: black;
	background: #5F8E8E;
}

steu {
	
    /* background-color: yellow !important; */

}

.maximale_hoehe {
    
    height: 100%;
	/* background-color: #008080; */
    text-align: center;
    background-image: url(bilder_hs/affenhg3.jpg);
    background-size: cover; 
}	   


resp {
	/* background-color: yellow;  */
	background-color: #350C35;
	margin-top: -36px;
	width: 100%;
	float: left;
	border-bottom: 1px solid black;
}

#bereichlogo {
	color: #ED9632;
	font-weight:bold;
	/* background-color: yellow; */
	display: block;
	padding: 0.5em;
	text-decoration: none;
	float: left;
}
#bereichlogo {
	width: auto;
}
#steuerung li {
	list-style: none;
	float: left;
}
#steuerung a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	color: white;
	background-color: #141D60;
}
.menue-button {
	display: none;
	/* display: block; */
	background-color: red;
	font-size: 12pt;
	padding-left: 9em;

}
#steuerung {
	float: right;
	margin-top: -16px;
	padding-right: 1em;
}
#steuerung a:hover {
	color: black;
	background: #5F8E8E ;
}

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 680px */
@media only screen and (max-width:680px) {
	.menue-button {
		display: block;
	}
	 .menue-button {

		background-color: #141D60;
		display: block;
		position: absolute;
		right: 0;
		top: 167px;
		padding: 0.5em;
		color: white;
		cursor: pointer;
		text-decoration: none;
	}
	#bereichlogo {
	    width: auto;
	    padding-right: 50px;
	}
	#steuerung {
		float: left;
		width: 100%;
		display: none;
	}
	#steuerung li {
	    
	    width: 100%;
	    margin-left: -16px;
	    padding-right: 16px;
		border-bottom: 2px solid silver;
	}
	.menue-button:hover {
		color: black;
		background: #5F8E8E;
	}
}
/* die Magie, 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 ;
}

footer {
    color: #4C1A8B ;
}