div.overlay {
#    visibility: visible;
    visibility: hidden;
  }

@media only screen and (orientation: landscape) {
  body {
    background-color: #ffc107; margin: 0px; padding: 0px;
#    background-color: #000000; margin: 0px; padding: 0px;
  }
  ::-webkit-scrollbar { display: none; }
  td { font-size: 15px; }
  input { font-size: 15px; }
  div { border-radius: 10px; border-style: solid; background-color: #fff; padding: 3px; margin: 4px auto; font-size: 60px; width: 1000px; }
  h1 { font-size: 40px; text-align: center; margin: 0px; }
  input[type=checkbox] { transform: scale(1.5); }
  img.sphere { height: 75px; vertical-align: middle; }
  div.mg { text-align: center; font-family: MyFont; font-size: 60px; }
  div.tid { text-align: left; font-family: MyFont; font-size: 60px; width: 467px; margin: 3px 0px 10px 6px; position: absolute; }
  div.datum { text-align: center; font-family: MyFont; font-size: 60px; width: 467px; margin: 96px 0px 10px 6px; position: absolute; height: 78px; }
  div.api { text-align: left; font-family: MyFont; font-size: 60px; width: 467px; margin: 189px 0px 10px 6px; position: absolute; height: 78px; }
  div.api2 { display: none; }
  div.moln { text-align: left; font-family: MyFont; font-size: 60px; width: 467px; margin: 282px 0px 10px 6px; position: absolute; height: 78px; }
  div.timingdas { text-align: left; font-family: MyFont; font-size: 60px; width: 467px; margin: 375px 4px 4px 4px; position: absolute; height: 78px; }
  div.center { text-align: center; }
  div.graph { text-align: center; position: absolute; margin: 562px 4px 4px 4px; width: 1900px; height: 502px}
  div.jour { text-align: left; position: absolute; margin: 375px 0px 4px 1437px; padding: 3px 1px 10px 6px; width: 467px; height: 71px; }
  div.jour2 { text-align: left; position: absolute; margin: 3px 0px 4px 487px; padding: 3px 1px 10px 6px; width: 734px; height: 71px; }
  div.fm { text-align: left; position: absolute; margin: 468px 0px 4px 1437px; padding: 3px 1px 10px 6px; width: 467px; height: 71px; }
  div.many { visibility:visible; text-align: left; position: absolute; margin: 468px 4px 4px 4px; padding: 3px 0px 10px 6px; width: 467px; height: 71px; }
  div.em { visibility:hidden; text-align: left; position: absolute; margin: 468px 4px 4px 4px; padding: 3px 0px 10px 6px; width: 467px; height: 71px; }
  div.fm2 { visibility:hidden; text-align: left; position: absolute; margin: 96px 4px 4px 487px; padding: 3px 0px 10px 6px; width: 934px; height: 71px; }
  div.em2 { visibility:hidden; text-align: left; position: absolute; margin: 189px 4px 4px 487px; padding: 3px 0px 10px 6px; width: 934px; height: 71px; }
  div.all { text-align: left; position: absolute; margin: 282px 4px 4px 487px; padding: 3px 0px 10px 6px; width: 934px; height: 71px; }
  div.timing { text-align: left; position: absolute; margin: 375px 4px 4px 4px; padding: 3px 0px 10px 6px; width: 467px; height: 71px; }
  div.telenor1 { z-index: 10; text-align: left; position: absolute; margin: 96px 4px 4px 387px; padding: 3px 0px 10px 6px; width: 612px; height: 71px; background-color: red; }
  div.telenor2 { z-index: 10; text-align: left; position: absolute; margin: 189px 4px 4px 387px; padding: 3px 0px 10px 6px; width: 612px; height: 71px; background-color: red; }
  div.warn { border-style: none; position: absolute; margin: 0; padding: 0; z-index: 2; }
  div.extra { text-align: center; position: absolute; margin: 3px 4px 4px 1437px; width: 467px; height: 357px; }
  div.link { visibility: hidden; text-align: center; position: absolute; margin: 3px 0px 10px 489px; padding: 3px 0px 10px 6px; width: 932px; height: 71px; }
  div.jul { text-align: center; position: absolute; margin: 80px 0px 10px 550px; padding: 3px 0px 10px 6px; width: 755px; height: 395px; background-color: black; }
  span.portrait { display: none; }
  span.senastsvar { display: none; }
  a.hidden { float: right; text-decoration: none; color: black; font-family: MyFont; }
  div.overlay {
    background-color: rgba(255,255,255,0);
    position: absolute;
    left:0;
    top: 150;
    width:100%;
    height:100%;
    z-index: 1000;
    transform: rotate(35deg);
    color: red;
    font-size: 25vw;
    border: none;
    text-align: center;
    padding: auto;
  }
#  html{overflow:hidden;}
}

@media only screen and (orientation: portrait) {
  body { background-color: #ffc107; }
  td { font-size: 7vw; }
  input { font-size: 4vw; }
  div { border-radius: 10px; border-style: solid; background-color: #fff; padding: 5px; margin: 5px; font-size: 5vw; }
  h1 { font-size: 9vw; text-align: center; margin: 0px; }
  input[type=checkbox] { transform: scale(2); }
  img.sphere { height: 32px; vertical-align: middle; }
  div.mg { text-align: center; font-family: MyFont; font-size:5vw; }
  div.tid { text-align: center; }
  div.datum { text-align: center; }
  div.api { text-align: center; }
  div.api2 { text-align: center; }
  div.moln { text-align: center; }
  div.center { text-align: center; }
  div.graph { text-align: center; }
  div.graph img { width: 85vw; }
  div.jour { padding: 3px 6px; }
  span.landscape { display: none; }
  div.extra { display: none; }
  a.hidden { float: right; text-decoration: none; color: black; font-family: MyFont; }
  div.overlay {
    background-color: rgba(255,255,255,0);
    position: absolute;
    left:-150;
    top: 150;
    width:100%;
    height:100%;
    z-index: 1000;
    transform: rotate(35deg);
    color: red;
    font-size: 25vw;
    border: none;
    text-align: center;
    padding: auto;
  }
}

div.many { visibility: visible; }

div.null { display: none; }