body { border: 0px; background-color: black; /*#D3D3D3;*/}
			h1 { color:#616161; font-family:Segoe UI,Arial,sans-serif; font-size:24pt; }
			p { color:#000000; font-family:Segoe UI,Arial,sans-serif; font-size:12pt; margin-bottom: -5px; }
			.kopf {margin-top: -12px !important;}
			.internal, .hidden { display: none; }
			.hilfe {
					display: none; left:0; right:0; 
					position: absolute; top: 10%; 
					background-color: #444; color: WhiteSmoke; z-index: 1000; padding: 10px 20px 10px -15px; border-radius: 5px;
					font-size: 12pt; line-height: 1.8em;  margin-left:auto; margin-right:auto; overflow:auto; width: 80%;height: 96%;
			}
			
			.aZeit {color: blue; font-size: 9pt; text-align: center; margin-top: -15px; margin-bottom: 10px}
			.result {background-color: #ddd; width: 88%; font-size: 12pt; margin: 20px auto; border: 5px solid aaa; border-radius: 10px; display:none}
			.required {color: tomato;}			
			
			/*.footer {position: relative; bottom: -40px; margin-top: 20px; width: 100%; display:inline-block; }*/
			.a1, .a2, .b1, .b2 {display:inline-block;}
			.a1 {margin-left: 10px;}
			.a2 {margin-right: 10px;}
			
			.a1, .a2 { width: 40%; margin-top: -10px !important; }
			.a2, .b2 { float: right;   }
			
			.b1 { width: 40% }
			.b2 { width: 60%; padding-left: 4%; }
			
			
			.bilder {color: blue}
			.mussFeld {height: 0.1em; margin:0px; margin-bottom: 5px}
			
			/*
			#ABFORM {background-color: #eee; border: 2px solid #ddd; border-radius: 10px; padding: 20px 5px 0px 5px; width:98%; margin-top: 5px; margin-left: auto;margin-right: auto; }
			#ABFORM {font-size: 120%}
			#ABFORM option{width: 60px;}
			#ABFORM { width: 100% !important; }
			*/
			#ajaxImage {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
			
			/* Landscape phones and down */
			@media (max-width: 480px) { 
				.mainContainer { width: 100%; }
			}

			/*
			@media (min-width: 768px) and (orientation: portrait) { 
				body {margin:0;background-color: #333; }
				.mainContainer {
					position:fixed;
					top:50%;
					left:50%;
					width:88%;
					height:98%;
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					border:10px solid white;
					border-radius:10px;
				
				}
				.mainContainer * {font-size: 110%;}
				.result {position: fixed; width:98%;}
				.result li, .result a {font-size: 3vw}
				.result .ueberschrift {color: blue; font-size: 3vw}
				
				.hilfe {font-size: 3vw}
				.HilfeKnopf {position: absolute; top: 27px; left: 12%; color: #777; font-size: 8pt; text-decoration: underline; cursor:pointer;}
				.aZeit {position: absolute; top: 22px; right: 12%; color: #777; font-size: 8pt; text-align: center}
				
			}	
			

			@media (min-width: 768px) and (orientation: landscape) {
				*,html, label {font-size:98%; line-height: 96%}
				.result {position: fixed; width:100%; }
				.result li, .result a {font-size: 3vw; line-height: 98%}
				.result .ueberschrift {color: blue; font-size: 3vw}
				.hilfe li{font-size: 2.4vw; line-height: 2em}				
			}
			*/
			.w3-btn { border:2px solid inherit; border-radius: 2px }			
			.mainContainer { width: 100% !important;}
			.progressbar { width: 66%; left:0; right:0; margin: auto; display: none; }
			
			
			/*
			select {
			  margin: 0px;
			  padding: 5px;
			  font-size: 16px;
			  border: 1px solid #ccc;
			  height: 38px;
			  -moz-appearance: none;
			  -webkit-appearance: none;
			  appearance: none;
			  background-repeat: no-repeat;
			  background-size: 0.5em auto;
			  background-position: right 0.25em center;
			  text-indent: 5px;
			  background-image: url("data:image/svg+xml;charset=utf-8, \
				<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'> \
				  <polygon points='0,0 60,0 30,40' style='fill:black;'/> \
				</svg>");
			}
			*/