body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: #333333; 
   
    background-color: #330000;
  
    min-width: 40em; 
  }
 
 

  html {
    padding: 0;
  }
  body {
    margin: 0; padding: 0;
  }

	
	
          a:link {color: #99ccff; font-size: 12px; text-decoration: none; border: 0px;}
          a:visited {color: #99ccff; font-size: 12px; text-decoration: none; border: 0px;}
          a:hover {color: #ff33ff; font-size: 12px; text-decoration: none; border: 0px;}
          a:active {color: #ff33ff; font-size: 12px; text-decoration: none; border: 0px;}


	









  
 
  #kakao {
  position: absolute;
  
  
    top: 5em; left: 35.5em;
    width: 12.5em; height: 17.5em;
   
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  
  
  
  
  
  
  #schaumwein {
  position: absolute;
  
 
    top: 8.5em; left: 43em;
    width: 9.688em; height: 15.375em;
   
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  
  
  
  
  
  
   #merkur {
  position: fixed;
  
  
    top: 12.5em; left: 3em;
    width: 13.625em; height: 21.875em;
   
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  
  
  
  
  
  
  
  
  
   #fountain {
  position: absolute;
  

    top: 24em; left: 8em;
    width: 18.75em; height: 10.25em;
    
    
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  







 #webgarden {
  position: absolute;
  
 
    top: 10em; left: 18.5em;
    width: 10.375em; height: 2.75em;
   
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  









#digitale {
  position: absolute;
  
  z-index: 6;
    top: 12em; left: 33.3em;
    width: 9.125em; height: 2.438em;
    
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  





#servierte {
  position: absolute;
  
  
    top: 7.5em; left: 28em;
    width: 10.625em; height: 2.625em;
   
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  





#dienst {
  position: absolute;
  
  
    top: 15em; left: 29em;
    width: 12em; height: 2.438em;
   
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  




#women {
  position: absolute;
  
  
    top: 29em; left: 28em;
    width: 31.25em; height: 9.125em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  





#atom {
  position: absolute;
  
  
    top: 14em; left: 26em;
    width: 25.5em; height: 24.563em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}
  


#toltec {
  position: fixed;
  
  
    top: 2em; left: 2em;
    width: 24.375em; height: 2.813em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}





#toltec_klein {
  position: absolute;
  
  
    top: 2em; left: 57em;
    width: 3.563em; height: 11.75em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}






#punkte {
  position: fixed;
  
  
    top: 7em; left: 3em;
    width: 17.563em; height: 2.063em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}






#electronic {
  position: absolute;
  
  
    top: 6em; left: 53em;
    width: 3.438em; height: 10.625em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}







#butterfly {
  position: fixed;
  
  
    top: 5em; left: 19em;
    width: 16.938em; height: 12.625em;
    padding-left: 0em; padding-top: 0em;
   
    
  }
  
  
  img.scaled {
  	width: 100%
	}






  #referenzen {
  position: absolute;
   top: 22em; left: 21em; 
  margin: 0em;
  padding: 0em;
 
  width: 19em; height: 6em;
  text-align: left;
  color: #3399ff;
  font-size: 13px;
  line-height: 18px;
 
  
 
  }

 
  
  
  
  
  
  
  #spacegarden {
  position: absolute;
   top: 24em; left: 64.5em; 
  margin: 0em;
  padding: 0em;
 
  
  text-align: right;
  color: #3399ff;
  
  font-size: 13px;
  line-height: 20px;
 
  }

 
  
   


 #impressum {
  position: absolute;
   top: 31em; left: 32em; 
  margin: 0em;
  padding: 0em;
 
  width: 16em; height: 9em;
  text-align: left;
  color: #3399ff;
 
  font-size: 13px;
  line-height: 20px;
 
  }