body   {background-color: #FFF;
        margin-top: 0;
	padding:0px;
        text-align: center;
        font-family: verdana, lucida, helvetica, sans-serif;
        font-size:70%;
        line-height: 20px;
        color: #444;
        }


   a    {position:absolute;
         display:block;
	 text-indent:-9999px;
         text-decoration: none;
         color: #FFF;
         margin:0px;}

   img  {border-width: 0px;}


#index 

{position:relative;
text-align: justify; 
width: 800px; 
margin:0px auto; 
padding:0;}

#index a                     {position: absolute;height:36px;}
#index a:hover	        {background-position:0 -36px;}
   
#index a.here           	{ left: 397px; top: 298px; width: 69px; background-image:url("../img/links/here.gif");}
#index a.ici                 { left: 560px; top: 185px;width: 48px; background-image:url("../img/links/ici.gif");}
#index a.enter                 { left: 430px; top: 265px;width: 160px; background-image:url("../img/enter_f.gif");}

#index a.nose                     {position: absolute; height:47px; left: 382px; top: 221px; width: 51px; background-image:url("../img/nose.gif");}
#index a:hover.nose	        {background-position:0 -47px;}   

#arrival 

{position:relative;
text-align: justify; 
width: 800px; height: 533px; 
margin:40px auto; 
padding:0;
background-image:url("../img/back.jpg");}

#arrival_f 

{position:relative;
text-align: justify; 
width: 800px; height: 533px; 
margin:40px auto; 
padding:0;
background-image:url("../img/back_f.jpg");}



#arrival a.beige, 
#arrival_f a.beige       {height: 112px; top: 27px; left: 352px; width: 150px; background-image:url("../img/links/beige.gif");}
#arrival a:hover.beige,
#arrival_f a:hover.beige {background-position: 0 -112px;}

#arrival a.black,
#arrival_f a.black       {height: 89px; top: 30px; left: 628px; width: 71px; background-image:url("../img/links/black.gif");}
#arrival a:hover.black,
#arrival_f a:hover.black {background-position: 0 -89px;}

#arrival a.grey       {height: 232px; top: 44px; left: 0px; width: 203px; background-image:url("../img/links/grey.gif");}
#arrival a:hover.grey      {background-position: 0 -232px;}

#arrival_f a.grey       {height: 232px; top: 44px; left: 0px; width: 203px; background-image:url("../img/links/grey_f.gif");}
#arrival_f a:hover.grey      {background-position: 0 -232px;}

#arrival a.blue2       {height: 241px; top: 150px; left: 0px; width: 253px; background-image:url("../img/links/blue2.gif");}
#arrival a:hover.blue2 {background-position: 0 -241px;}
#arrival_f a.blue2       {height: 241px; top: 150px; left: 0px; width: 253px; background-image:url("../img/links/blue2_f.gif");}
#arrival_f a:hover.blue2 {background-position: 0 -241px;}

#arrival a.blue,
#arrival_f a.blue       {height: 188px; top: 217px; left: 191px; width: 183px; background-image:url("../img/links/blue.gif");}
#arrival a:hover.blue,
#arrival_f a:hover.blue {background-position: 0 -188px;}

#arrival a.grey1,
#arrival_f a.grey1       {height: 161px; top: 0px; left: 200px; width: 165px; background-image:url("../img/links/grey1.gif");}
#arrival a:hover.grey1,
#arrival_f a:hover.grey1 {background-position: 0 -161px;}

#arrival a.white,
#arrival_f a.white       {height: 101px; top: 271px; left: 357px; width: 188px; background-image:url("../img/links/white.gif");}
#arrival a:hover.white,
#arrival_f a:hover.white {background-position: 0 -101px;}

#arrival a.brown,
#arrival_f a.brown       {height: 183px; top: 350px; left: 313px; width: 196px; background-image:url("../img/links/brown.gif");}
#arrival a:hover.brown,
#arrival_f a:hover.brown {background-position: 0 -183px;}

#arrival a.green       {height: 176px; top: 357px; left: 108px; width: 217px; background-image:url("../img/links/green.gif");}
#arrival a:hover.green {background-position: 0 -176px;}

#arrival_f a.green       {height: 176px; top: 357px; left: 108px; width: 217px; background-image:url("../img/links/green_f.gif");}
#arrival_f a:hover.green {background-position: 0 -176px;}

#arrival a.grey2       {height: 123px; top: 76px; left: 594px; width: 141px; background-image:url("../img/links/grey2.gif");}
#arrival a:hover.grey2 {background-position: 0 -123px;}

#arrival_f a.grey2       {height: 123px; top: 76px; left: 594px; width: 141px; background-image:url("../img/links/grey2_f.gif");}
#arrival_f a:hover.grey2 {background-position: 0 -123px;}

#titel 

{position:relative;
text-align: justify; 
width: 800px; height: 200px; 
margin:0px auto; 
padding:0;
background-color: #FFF;}


#titel img.esel  {position: absolute; margin-left: 437px; margin-top: 50px;}
#titel img.titel {position: absolute; margin-left: 36px; margin-top: 50px;}

#titel  a {height: 19px; width: 82px; margin-top: 100px;}


#titel a.draws		{left:  70px; background-image:url("../img/links/draws_f.gif");}
#titel a.photos		{left: 170px; background-image:url("../img/links/photos.gif");}
#titel a.stories	{left:  270px; background-image:url("../img/links/stories.gif");}
#titel a.video	{left:  365px; background-image:url("../img/links/video.gif");}
#titel a.videogr	{left:  270px; background-image:url("../img/links/video.gif");}


#titel a:hover {background-position: 0 -19px;}


#content 

{position:relative; 
width: 750px; 
margin:0px auto; 
padding:0 0 0 0;}


img {margin-right: 15px; margin-bottom: 20px;}

#content a {display:inline; position:static;}

#content a:hover {text-decoration: none;}




   #back                      {position:fixed;
                               bottom:35px; left:2px;}

                              /* Backslash Hack. Dieser Slash \ sorgt dafuer, dass IE5 Mac die folgende Regel ignoriert */
   #back                      {position:absolute;}

   #back a.back           {margin:0px;height:26px;    
                           width:100px;
                           background: url("../img/home.gif");}
   #back a.back_h           {margin:0px;height:22px;    
                           width:93px;
                           background: url("../img/retour.gif");}

   #back a.back_ar           {margin:0px;height:26px;    
                           width:147px;
                           background: url("../img/back_ar_f.gif");}
 

   #back a:hover              {background-position: 0 -22px;}



   #contact                      {position:fixed;
                               bottom:60px; left:2px;}

                              /* \  IE5 Mac  */
   #contact                      {position:absolute;}

   #contact a           {margin:0px;height:22px;    
                           width:95px;
                           background: url("../img/contact.gif");}
 

   #contact a:hover              {background-position: 0 -22px;}


#gallery                      {position:fixed;
                               bottom:96px; left:4px;}

                              /* Backslash Hack. Dieser Slash \ sorgt dafuer, dass IE5 Mac die folgende Regel ignoriert */
#gallery                      {position:absolute;}

#gallery a           {margin:0px;height:32px;    
                           width:104px;
                           background: url("../img/gallery_f.gif");}
 

#gallery a:hover              {background-position: 0 -32px;}