body {
 background-color: #FFFFA3;
}


.player {
 position: relative;
 width: 100%;
 height: 100%;
  top: 10px;
  left: 0px;
  z-index: 5;
}

#myVideo {
  position: relative;
  top: 10px;
  left: 0px;
  width: 100%
  height: 100%
  z-index: 6;
}

#Bildschirm {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 854px;
  height: 480px;
  z-index: 100;
  display: block;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}


#Rahmen {
  width: 855px;
  height: 481px;
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 1;
  background-repeat: no-repeat;
}

table#Tabelle_oben {
  width: 100%;
  height: 500px;
}

td#Videofeld {
  width: 860px;
  height: 500px;
  margin-right: 20px;
  float: left;
}

td#Textfeld{
  padding-left: 20px;
  vertical-align: top;
  display: block;

}

#Playbutton {
  position: absolute;
  top: 460px;
  left: 23px;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  z-index: 101;
}

#Playbutton:hover {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(111, 53, 150);
}


#mySlider {
  position: absolute;
  top: 460px;
  left: 70px;
  width: 70px;
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  opacity: 0.6;
  z-index: 102;
}

#mySlider:hover {
  opacity: 1.0;
}




#myRueckspulbutton {
  position: absolute;
  top: 460px;
  left: 160px;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  z-index: 103;
}

#myRueckspulbutton:hover {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(111, 53, 150);
}





  /* Von der Ländertabelle: */
  #Tabelle_Laender {
    position: absolute;
    top: 460px;
    left: 210px;
    z-index: 105;
  }

 #Tabelle_Laender:hover {                                           /* Schatten um die Ländertabelle */
    border: 1px solid black;
    -webkit-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.6);
    -moz-box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.6);
    box-shadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.6);
  }

  #Tabelle_Laender tr:hover {
    background-color: cadetblue;
  }
  
  .Zeile:nth-child(1) {     /* Erste Zeile der Ländertabelle soll der Text auf dem dunklen Grund heller erscheinen */
    color: chocolate;
  }




/* Optionsfeld Dateien  */

#Dateien {
  position: absolute;
  top: 462px;
  left: 660px;
  width: 180px;
  background-color: rgb(156, 133, 31);
  z-index: 106;
}
option {
  background-color: white;
}





#Kasten {
  position: absolute;
  top: 340px;
  margin-left: 5px;
  width: 15px;
  height: 60px;
  z-index: 107;
}
#Kasten img {
 border: solid 1px rgb(71, 62, 9);
}
#Kasten img:hover {
 border: solid 1px rgb(224, 165, 47);
}
#Lautsprecher {
  margin-bottom: 10px;
  margin-top: 5px;
}




#Zeitanzeige {
  position: absolute;
  text-align: center;
  width: 10%;
  top: 462px;
  left: 434px;
  font-size: 0.8em;
  color: rgb(248, 248, 252);
  border: solid 1px rgb(224, 165, 47);
  background-color: slategray;
  opacity: 0.7;
  z-index: 109;
}


#Linkanzeige {
 position: absolute;
 display: none;
 top: 30px;
 left: 30px;
 font-size: 0.8em;
 font-family: Arial, Helvetica, sans-serif;
 color: rgb(1, 5, 245);
 font-size: 1.2em;
 font-weight: bold;
/* text-shadow: 1px 1px 1px rgb(247, 243, 243), -1px -1px 1px #000; */
 /*background-color: rgb(249, 249, 250);*/
 /*opacity: 0.9;*/
 z-index: 110;
}





/* Slider Marquee */

@keyframes Lauftext {
  0%   { text-indent: 850px }
  100% { text-indent: -500000px }
 }

 .Lauftext {
  position: absolute;
  top: 430px;
  font-size: 1.2em;
  color:rgba(250, 248, 245, 0.671);
  font-weight: bold;
  width: 100%;
  margin: auto;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  /*border: solid 1px #CCCCCC;*/
  animation: marquee 5000s linear;
  animation-name: Lauftext;
  animation-iteration-count: 1;
  animation-delay: 0s;        /*  die Animation des Lauftextes muss irgendwie angehalten werden und darf erst starten, wenn das Video abgespielt wird */
  animation-play-state: paused;
  z-index: 90;
 }

 .Lauftext:hover {
  animation-play-state: paused;
 }










h4 {
  font-weight: normal;
  font-size: 1.2em;
 }


   /*border: 1px solid rgb(111, 53, 150);*/