body    {
        background: #999999;
		font-family: Verdana, Arial, Helvetica;
        }

h1      { font-family: Arial, Helvetica;
          font-size: 16pt; color:#888888;
          text-align: center;
          background-color: #eeeeee;
          border-top: 2px solid #CA0000;
          border-bottom: 2px solid #CA0000;
          padding-top: 2px;
        }

h2      { font-family: Arial, Helvetica;
          font-size: 10pt; color: #888888;
          text-align: center; padding-bottom: 4px;
        }

h3      { font-family: Arial, Helvetica;
          font-size: 10pt; color: #ca0000;
          text-align:left; margin-left: 0.5cm;
          margin-top: 0.5cm;
        }

p       { font-family: Arial, Helvetica;
          font-size: 10pt; color: #222222;
          text-align: left; margin-left: 20px;
        }


a img, a img:link, a img:visited, a img:hover, a img:active {
		border: none;
		}


/*
######################################################################################
Hinweis: 
Die folgenden Positionierungen vom Typ "top" und "left" sind nur Dummy-Werte,
da sie von der html-Datei durch andere Werte ersetzt (ueberschrieben) werden, 
die von der jeweiligen Bildschirmaufloesung abhaengen.
######################################################################################
*/

#teilgross1{
          position: absolute;
          top: 310px;
          left: 62px;
          z-index: 10;
         }

#teilgross2{
          position: absolute;
          top: 310px;
          left: 355px;
          z-index: 10;
         }

#gratulation {
          position: absolute;
          top: 425px;
          left: 62px;
          z-index: 999;
         } 

#geschafft {
          position: absolute;
          top: 124px;
          left: 246px;
          z-index: 999;
         }		 
		 
#gefunden-rahmen {
          position: absolute;
          top: 300px;
          left: 52px;
		  z-index: 5;
		  visibility: hidden;
         }
		 
#nochmalspielen {
          position: absolute;
          top: 500px;
          left: 805px;
		  visibility: hidden;
         }	 

#stoppuhr {
          position: absolute;
          top: 330px;
          left: 674px;
          width: 50px; height: 20px;
          background-color: #ffffff;
          text-align: center;
  		  font-size: 11pt; 
		  visibility: hidden;
         }
 		 
#navigation {
          position: absolute;
          top: 325px;
		  width: 100px;
          left: 864px;
		  visibility: hidden;
         }
		 
#beschreibung	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 674px;
          top: 363px;
          width: 280px;
          height: 120px;
          text-align: center;
          background: #bbbbbb;
         }

#titel	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 674px;
          top: 549px;
          width: 280px;
          text-align: right;
		  font-size: 11pt;   color:#000;
		  font-weight: bold;
         }

#gemacht_von	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 674px;
          top: 570px;
          width: 280px;
          text-align: right;
		  font-size: 11pt;   color:#000;
         }

#LOESUNGSWORT	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 50px;
          top: 600px;
          width: 593px;
          text-align: center;
		  font-size: 20pt;   color: #FFFF00;
		  font-weight: bold;
         }
		 
#SpecialHGleft{
          position: absolute;
          display: block;
          top: 8px;
          left: 4px;
          width: 505px;
		  height: 307px;
		  background-color:#DDDDDD;
/*          z-index: 1;   */
         }

#SpecialHGright{
          position: absolute;
          display: block;
          top: 8px;
          left: 509px;
          width: 505px;
		  height: 307px;
		  background-color:#333333;
/*          z-index: 1;   */
         }