.navbar {
  overflow: hidden;
  position: fixed;
  top: 0;
  display:none;
}

.navbar a {
  float: left;
  display: block;
  color: red; 
  background:#333;
  border:1px solid red;
  text-align: center;
  padding: 0.125em; /*0.313em;*/
  margin: 0.313em;
  text-decoration: none;
  font-size: 1em;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}

#top{
	height:0px;
	width:0px;
}

#myDiv{	width:100%; } 

#myFlex{	
	width:50em;
	display:block;
	margin: 0 auto;
}

#menu{ 
	float:left;
	width:11.25em; 
}

#main{
	font-family:GillSans,Helvetica,Arial,sans-serif;
	float:left;	
	width:37.5em;
	color:#cccccc;
	padding-right:0.5em;
}

#wrap{ display:none; }

#bottom{ 
	width:49em; 
	padding-right:0.5em;
}

#bottomPrint{ 
	width:100%;
	text-align: right;
	color: red;
	font-size:10em;
	font-weight:    bold;
	font-family:    serif;
	text-shadow:	0px 0px 0.05em black;
	margin-bottom: 0px;
}

.floatL{
	float: left; 
	margin-right: 0.313em;
}

.floatR{
	float: right; 
	margin-left: 0.313em;
}

#imgToplogo{ max-width:24.188em; height:4.688em;}	

#txtToplogo{ 
	color:   	red;
	font-weight:    bold;
	font-family:    serif;
	text-shadow:	0px 0px 0.45em black;
	text-align:	center;
	margin-top:	1em;
}

#spanTlWettlauf{ font-size:2.4em; }

#spanTlMumia{ font-size:3.4em; }


#imgFree{ width:35.938em; height:9.25em; float:right;}

#imgMumia{ width:49em; 	height:9.125em; float:none; }

.onlyPrint{display:none;}


@media print {
	body, #main{
		background-color: white;
		color: black;
	}
	#main{ width:100% }
	a:link {
		color:black;
		text-decoration: none;
	}

	.pbBefore{ page-break-before: always; }

	.onlyPrint{display:block;}

	.noPrint{display:none;}
}


@media screen and (max-width:50em) {
	body { margin-top:0; }
       .navbar{ display:block; }	
	#myFlex{
		display:flex;
		flex-wrap: wrap-reverse;
		justify-content: center;
		width:100%;
	        margin-top:2.5em;	
	}
        #bottom{ width:100%; }
	#gotoTop{display:none;}
	#imgFree{ width:72%;  height:auto; }
	#imgMumia{ width:100%; height:auto; }
	#wrap{ display:block; }	
}

@media screen and (max-width:38em) {
	#main{ width:100%; }
}

@media screen and (max-width:25.69em){ 
	#imgToplogo{ width:100%; height:auto; }
}