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: 1000px;
    position: relative;
	margin: 0 auto;
/*    left: 50%;
    margin-left: -500px;     */  /* this has to be the half of the width */
}


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

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

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



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

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

.einzelbild  {
/*	padding: 2px;      */
	margin: 2px;
	width: 153px;
	height: 108px;
}


#up_btn  {
	position: absolute;
	left: 960px;
	top: 523px;
	z-index: 10;
}

#up_btn_deact  {
	position: absolute;
	left: 960px;
	top: 523px;
	z-index: 20;
}

#dn_btn  {
	position: absolute;
	left: 960px;
	top: 601px;
	z-index: 10;
}

#dn_btn_deact  {
	position: absolute;
	left: 960px;
	top: 601px;
	z-index: 5;
}





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


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

#geschafft {
          position: absolute;
          top: 170px;
          left: 250px;
		  visibility: hidden;
          z-index: 999;
         }		 
		 
#nochmalspielen {
          position: absolute;
          top: 488px;
          left: 714px;
/*		  left: 797px;   */
 		  visibility: hidden;    
		  z-index: 30;
         }	 

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

#restzaehler {
          position: absolute;
          top: 488px;
          left: 867px;
          width: 78px; 
		  height: 20px;
          background-color: #ffffff;
          text-align: center;
  		  font-size: 11pt; 
		  overflow: hidden;
		  z-index: 25;
         }
 		 
#navigation {
          position: absolute;
          top: 325px;
		  width: 100px;
          left: 814px;
		  visibility: hidden;
         }
		 
#beschreibung	 {
          position: absolute;
/*          display: block;
          overflow: hidden;    */
          left: 0px;
          top: 377px;
		  width: 998px;
		  height: 130px;
		  border: solid 1px #555;
          text-align: center;
          background: #d4d4d4;
         }

#titel	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 20px;
          top: 390px;
          width: 280px;
          text-align: left;
		  font-size: 20px;   color:#000;
		  font-weight: bold;
		  z-index: 10;
		  }

#beschreibungstext	 {
          position: absolute;
		  overflow: hidden;
          left: 20px;
          top: 430px;
          width: 460px;
          height: 80px;
		  border: 0;
          text-align: left;
		  font-size: 14px;
		  line-height: 23px;
		  color: #000;
		  z-index: 10;
         }		  
		  		  
		  
#gemacht_von	 {
          position: absolute;
          display: block;
          overflow: hidden;
          left: 520px;
          top: 430px;
          width: 460px;
		  height: 80px;
          text-align: left;
		  font-size: 14px;   
		  line-height: 23px;
		  color:#000;
         }


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