/*
 *  centered frontpage
 *
 */


body    {
     /* Ränder */
        margin: 0;
        padding: 0;

     /* Dokumentfarben */
        color: 	   	  #fff;
        background-color: #777;

     /* Texteigenschaften im Body */
        font-size: small;
        line-height: 1.8em;
        font-family: Futura, Lucida Grande, Geneva, Verdana, sans-serif;
        }


/* hide text when necessary */
.hidden { display:none; }


/* styles for IE 5 Mac */
 #horizon {
        background-color: transparent;
        position: absolute;
        top: 20px;
        left: 20px;
 }
 
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -100px;
   text-align: center;
   min-width: 200px; 
 }
 /* end IE 5 hack */ 
          

#content {
        position: relative;
        text-align: left;
        width: 200px;
        height: 200px;
        margin: 0px auto;
        color: inherit;
        background: #333;        
        background-image: url(images/frontpage_main.gif)
        }

#content a {
  display: block;
  height: 100px;
  width: 100px;
}

/* --- LINKBOXES --- */

#topleft { 
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100px;
  width: 100px;
}

#topleft a:hover { 
  background: transparent url(images/front_firma.jpg) top left no-repeat; 
}

#topright { 
  position: absolute;
  top: 0px;
  left: 100px;
  height: 100px;
  width: 100px;
}

#topright a:hover { 
  background: transparent url(images/front_dokumentation.jpg) top left no-repeat; 
}

#bottomleft { 
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100px;
  width: 100px;
}

#bottomleft a:hover { 
  background: transparent url(images/front_standort.jpg) top left no-repeat; 
}

#bottomright { 
  position: absolute;
  bottom: 0px;
  left: 100px;
  height: 100px;
  width: 100px;
}

#bottomright a:hover { 
  background: transparent url(images/front_projekte.jpg) top left no-repeat; 
}