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.5em;
          margin-top: 0.5em;
        }

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;
		}
*/

#container {
    width: 1000px;
	margin: 0 auto;
    position: relative;
}

/*
######################################################################################
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.
######################################################################################
*/

.bild_links  {
          position: absolute;
          top: 40px;
          left: 10px;
		  border: solid 1px #555;
}

#bilder_rechts  {
          position: absolute;
          top: 40px;
          left: 510px;
		  width: 500px;
		  height: 375px;
		  overflow: hidden;
		  z-index: 5;
}

.ein_bild_rechts {
		margin: 0 3px 3px 0;
		border: solid 1px #555;
}

#gefunden {
          position: absolute;
          top: 40px;
          left: 510px;
		  z-index: 10;
		  visibility: hidden; 
}


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

#geschafft {
          position: absolute;
		  top: 214px;
          left: 254px;
          z-index: 999;
         }		 
		 
#nochmalspielen {
          position: absolute;
          top: 525px;
          left: 852px;
		  visibility: hidden;
         }	 

#stoppuhr {
          position: absolute;
          top: 425px;
          left: 952px;
          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;
         }

		 
#titel	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 15px;
          top: 430px;
          width: 270px;
          text-align: center;
		  font-size: 14pt;   color:#fff;
		  font-weight: bold;
		  }

		 
#beschreibung	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 10px;
          top: 425px;
          width: 280px;
          height: 120px;
          text-align: center;
          background: #bbbbbb;
         }

		 
#beschreibungstext	 {
          position: absolute;
		  overflow: hidden;
          left: 20px;
          top: 470px;
          width: 260px;
          height: 100px;
		  border: 0;
          text-align: center;
		  font-size: 15px;
/*		  line-height: 23px;  */
		  color: #000;
		  z-index: 10;
         }		  
		  		 

#gemacht_von	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 350px;
          top: 470px;
          width: 280px;
          text-align: left;
		  font-size: 15px;   
		  color: #000;
         }