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

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

#container {
    width: 910px;
    position: relative;
	margin: 0 auto;
/*    left: 50%;
    margin-left: -460px;    */  /* this has to be the half of the width */
}


/* ++++++++++++++++++++++++++  oben  ++++++++++++++++++++++++++++++  */

#rahmen_oben_links  {
          position: absolute;
          top: 15px;
          left: 0px;
		  border: solid 1px #555;
		  width: 332px;
		  height: 468px;
		  overflow: hidden;
}

#rahmen_oben_rechts {
          position: absolute;
          top: 15px;
          left: 350px;
		  border: solid 1px #555;
		  width: 332px;
		  height: 468px;
		  overflow: hidden;
		  background:url(anfangsbild.jpg) top left no-repeat;
}



/* ++++++++++++++++++++++++++  unten  ++++++++++++++++++++++++++++++  */
#laufsteg  {
	position: absolute;
	top:	500px;
	left:	0px;           /* <-----  dieser Wert wird von javascript überschrieben     */
	width:	852px;
	height:	152px;
	/*  border: solid 2px #555;   */
	border: 0;
	padding: 0;
	overflow: hidden; 
	background-color: #eee;
}

#einzelbildHerde	{
	position: relative;
	top:	2px;
	left:	2px;
	width: 850px;
}

.einzelbild  {
/*	padding: 2px;      */
	margin: 2px;
	width: 102px;
	height: 144px;
}


#up_btn  {
	position: absolute;
	left: 870px;
	top: 500px;
	z-index: 10;
}

#up_btn_deact  {
	position: absolute;
	left: 870px;
	top: 500px;
	z-index: 20;
}

#dn_btn  {
	position: absolute;
	left: 870px;
	top: 545px;
	z-index: 10;
}

#dn_btn_deact  {
	position: absolute;
	left: 870px;
	top: 545px;
	z-index: 5;
}





#gefunden {
          position: absolute;
          top: 110px;
          left: 685px;
		  z-index: 10;
		  border: 0;
		  visibility: hidden; 
}


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

#geschafft {
          position: absolute;
          top: 214px;
          left: 90px;
		  visibility: hidden;
          z-index: 999;
         }		 
		 
#nochmalspielen {
          position: absolute;
          top: 460px;
          left: 530px;
 		  visibility: hidden; 
		  z-index: 10;
         }	 

#stoppuhr {
          position: absolute;
          top: 464px;
          left: 851px;
          width: 50px; 
		  height: 20px;
          background-color: #ffffff;
          text-align: center;
  		  font-size: 11pt; 
		  visibility: hidden;
		  z-index: 25;
         }

#restzaehler {
          position: absolute;
          top: 464px;
          left: 701px;
          width: 78px; 
		  height: 20px;
          background-color: #ffffff;
          text-align: center;
  		  font-size: 11pt; 
		  z-index: 25;
         }
 		 
#navigation {
          position: absolute;
          top: 325px;
		  width: 100px;
          left: 814px;
		  visibility: hidden;
         }
		 
#beschreibung	 {
          position: absolute;
          left: 700px;
          top: 15px;
		  border: solid 1px #555;
		  z-index: 5;
         }

#titel	 {
          position: absolute;
          overflow: hidden;
          left: 715px;
          top: 30px;
          width: 170px;
		  height: 35px;
          text-align: center;
		  font-size: 20px;
		  color:#fff;
		  font-weight: bold;
		  z-index: 10;
		  }

#beschreibungstext	 {
          position: absolute;
		  overflow: hidden;
          left: 710px;
          top: 100px;
          width: 180px;
          height: 180px;
		  border: 0;
          text-align: center;
		  font-size: 16px;
		  line-height: 23px;
		  color: #000;
		  z-index: 10;
         }		  
		  
		  
		  
#gemacht_von	 {
          position: absolute;
          overflow: hidden;
          left: 715px;
          top: 300px;
          width: 170px;
		  height: 160px;
          text-align: center;
		  font-size: 11pt;   
		  color:#000;
		  z-index: 10;
/*		  display: none;    */             /*  <<<<<<<<<<<<<---------------------------- */
         }


/* --------------  keine blauen rahmen bei img-links im IE  ------------ */
a img, a img:link, a img:visited, a img:hover, a img:active {
	border: none;
	}