body {background-color: white; overflow-x:hidden; left: 50px;}
a {text-decoration: none;
}
.visible1 {visibility: collapse;
}
@media (min-aspect-ratio: 4/3) {.visible1 {visibility: visible; }
}
.visible2 {visibility: visible;
}
@media (min-aspect-ratio: 4/3) {.visible2 {visibility: collapse; }
}
#title, #info, #infotext, #map { position: absolute; text-align: center; width: 500px; left: 0px;}
@media (min-aspect-ratio: 4/3) {#title, #info, #infotext, #map { left: calc(50vw - 450px); width: 500px; }
}
#title { height: 30px; color: white; font-weight: bold; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #6060a0; font-size: 20px; padding: 1px; line-height: 1.5;}
@media (min-aspect-ratio: 4/3) {#title { height: 30px;}
}
#info, #infotext { display: block; margin: 0px; border: none; text-align: center;
  color: #fff; background: #333; font-size: 16px; z-index: 998;}
#infotext { background: #888; z-index: 997; font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid black 4px; line-height: 1.7; top: 40px; width: 494px; }
@media (min-aspect-ratio: 4/3) {#info, #infotext { width: 494px; }
}
#info { top: 44px; width: 500px;}
#map { top: 100px; width: 500px; height: 500px; border: solid black 1px; }
@media (min-aspect-ratio: 4/3) {#map { width: 500px; height: 500px;}
}
#keyhead { position: absolute; top: 620px; left: 0px; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; background-color: #808080; color:#f0f0f0; width: 500px; border: solid black 1px; padding: 10 0 0 0; text-align: center;
}
@media (min-aspect-ratio: 4/3) {#keyhead { top: 8px; left: calc(50vw + 55px); width: 400px; }
}
#keybox {position: absolute; top: 670px; left: 0px; width: 500px; 
  background-color: #e0e0e0; border: solid black 1px; padding: 0px; margin: 0px;
}
@media (min-aspect-ratio: 4/3) {#keybox { width: 400px; left: calc(50vw + 55px); top: 60px;}
}
#keybtm { position: absolute; top: 1100px; font-size:6px;}
@media (min-aspect-ratio: 4/3) {#keybtm { top: 600px; left: 680px; z-index: 9999;}}

.linkbtn, .linkbtn1 { font-family: inherit; font-size: 14px; font-weight: bold; margin-top: 0%; padding: 4px; text-decoration: none;
}
@media (min-aspect-ratio: 4/3)  {.linkbtn, .linkbtn1 { font-size: 14px; padding: 4px;}
}
.linkbtn { background-color: white; cursor: pointer;
}
.linkbtn1 { background-color: #c0c0c0; 
}
td {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;
}