/* Start-Seite mit Eingabe der Lösung des Einstiegsrätsels */

   /* Zentrierte Box für die Startseite. Margin-Left muss 50% von width sein, margin-top 50% von heigth */	
  .indexdiv  {position: absolute; width: 600px;height:450px;top:50%;left: 50%;margin-left:-300px;margin-top:-225px;color:#333;background-image:url(index_bg.jpg);background-repeat:no-repeat}
  .passwort  {position: absolute; width: 400px;height:50px;top:50%;left: 50%;margin-left:-150px;margin-top:155px}

  /* Tabelle für PW Fenster */
  .tb  {width: 400px; height: 50px;vertical-align: middle; border-collapse:collapse;border-spacing:0;background-color:rgba(0,0,0, .5)}
  .tb td{font-family:Arial, sans-serif;font-size:16px;color:white;padding:10px;border-style:solid;border-width:0px;overflow:hidden}

  /* Tabellle für PW Fenster FALSCH */
  .tc  {width: 400px; height: 50px;vertical-align: middle; border-collapse:collapse;border-spacing:0;background-color:rgba(0,0,0, .5)}
  .tc td{font-family:Arial, sans-serif;font-size:16px;color:red;padding:10px;border-style:solid;border-width:0px;overflow:hidden}


/* Seite mit Rätselbild */
  
   /* Zentrierte Box für das Rätselbild. Margin-Left muss 50% von width sein, margin-top 50% von heigth */	
  .index_stufe2_div {position: absolute; width: 1000px;height:663px;top:50%;left: 50%;margin-left:-500px;margin-top:-330px;color:#333;background:#CCC;background-repeat:no-repeat}
  
  
/* Pop-Up für Fragen */
   /* Das div und die Hntergrundbilder sind 20px kleiner als das Fenster. Fenster 620x420, Div 600x400 */	
     
  .maindiv1  {width: 600px; height: 400px; background-image:url(popup1_bg.jpg);background-repeat:no-repeat}
  .maindiv2  {width: 600px; height: 400px; background-image:url(popup2_bg.jpg);background-repeat:no-repeat}
  .maindiv3  {width: 600px; height: 400px; background-image:url(popup3_bg.jpg);background-repeat:no-repeat}
  .maindiv4  {width: 600px; height: 400px; background-image:url(popup4_bg.jpg);background-repeat:no-repeat}
  .maindiv5  {width: 600px; height: 400px; background-image:url(popup5_bg.jpg);background-repeat:no-repeat}
  .maindiv6  {width: 600px; height: 400px; background-image:url(popup6_bg.jpg);background-repeat:no-repeat}
  .maindiv7  {width: 600px; height: 400px; background-image:url(popup7_bg.jpg);background-repeat:no-repeat}
  .maindiv8  {width: 600px; height: 400px; background-image:url(popup8_bg.jpg);background-repeat:no-repeat}
  .maindiv9  {width: 600px; height: 400px; background-image:url(popup9_bg.jpg);background-repeat:no-repeat}
  .maindiv10  {width: 600px; height: 400px; background-image:url(popup10_bg.jpg);background-repeat:no-repeat}
  .maindiv11  {width: 600px; height: 400px; background-image:url(popup11_bg.jpg);background-repeat:no-repeat}

  /* speziell */
  .maindivF  {width: 600px; height: 400px; background-image:url(popupF_bg.jpg);background-repeat:no-repeat}
  .maindivO  {width: 600px; height: 400px; background-image:url(popupO_bg.jpg);background-repeat:no-repeat}

/* Links ohne Auszeichnung */
  a:link { color: white; } a:visited { color: white; background: yellow; }

/* Inhalts-Tabelle, Hintergrund schwarz, 0,5 transparent */  
  .tg  {width: 600px; height: 400px; border-collapse:collapse;border-spacing:0;background-color:rgba(0,0,0, .5)}
  .tg td{font-family:Arial, sans-serif;font-size:16px;color:white;padding:10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal}

/* Formel-Tabelle, Hintergrund schwarz, 0,5 transparent */  
  .tf  {width: 600px; height: 400px; border-collapse:collapse;border-spacing:0;background-color:rgba(0,0,0, .5)}
  .tf td{font-family:Arial, sans-serif; font-weight:bold;font-size:26px;color:white;padding:10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal}