* {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			body { width:calc(100% - 35px);padding: 5px 5px 5px 20px; }
			#map1 {width:49%;height:300px;height:80vh;display:inline-block;vertical-align:top;z-index: 10;}
			#map1_profiles { width:49%;height:300px;height:80vh;margin-left:1%;display:inline-block; z-index: 10;}
			#map1_hpt { height:33%;height:calc((100% + 64px)/3);margin-top:10px;z-index: 10;}
			#map1_spt { height:33%;height:calc((100% + 64px)/3);margin-top:-37px;z-index: 10; }
			#map1_vpt { height:33%;height:calc((100% + 64px)/3);margin-top:-37px;z-index: 10; }
			@media screen and (max-width:500px) {
				#map1, #map1_profiles { width:100%;height:70vh; display:block; margin:0; margin-top:5px;margin-bottom:5px;z-index: 10; }
			}
			
			#map2 {width:100%;height:300px;height:80vh;display:inline-block;vertical-align:top;z-index: 10;}
			/*#map1_profiles { width:49%;height:300px;height:80vh;margin-left:1%;display:inline-block; z-index: 10;}
			#map1_hpt { height:33%;height:calc((100% + 64px)/3);margin-top:10px;z-index: 10;}
			#map1_spt { height:33%;height:calc((100% + 64px)/3);margin-top:-37px;z-index: 10; }
			#map1_vpt { height:33%;height:calc((100% + 64px)/3);margin-top:-37px;z-index: 10; }*/
			@media screen and (max-width:500px) {
				#map2 { width:100%;height:70vh; display:block; margin:0; margin-top:5px;margin-bottom:5px;z-index: 10; }
			}
			#container { position: relative; Background-color:transparent; width:99%}
			#footer { 
				position: absolute; 
				display:block; 
				top: 0px; 
				right:0px;
				color:#ffffff; 
				font-size:10pt; 
				font-family:arial, "lucida console", sans-serif; 
				background-color: rgba(0, 0, 0, 0.6);" 
				z-index: 9999;
			} 
			
			#osmdata { 
				position: absolute; top: 60px; left:0px;
				/* display: block;*/ 
				width:99%;height:300px;height:80vh;
			}
			
			.usichtkarten { z-index: 10; }
			
			
			body {
			  padding-bottom: 3em;
			}

			header {
				position:fixed;
				padding: 10px;
				top:0;
				left: 0;
				right:0;
				background: #c32e04;
				border-color: #8a9da8;
				z-index: 9999;
			}

			header p {
				float:right;
				margin: 0;
			}

			footer {
				position:fixed;
				padding: 10px;
				bottom:0;
				left: 0;
				right:0;
				background: #c32e04;
				border-color: #8a9da8;
				z-index: 9999;
			}

			footer p {
				float:left;
				margin: 0;
				color:#ffffff;
			}
			
			footer p a {
				color:#ffffff;
			}
			
			#header { 
				position: absolute; top: 0px; left:0px;
				display: block; 
				background-color: rgba(0, 0, 0, 0.6);"
				width:100%;height:50px;
			}
			h1 { 
				color:#ffffff; 
				font-size:16pt; 
				font-family:arial, "lucida console", sans-serif; 
			}