/**
 *Styles for EOA GmbH
 *(c) [m]mzentrale, Benjamin Zaiser
 *beni@m-zentrale.de
 */

/** 
 *Allgemeines
 */ 
*{
  margin: 0px;
  padding: 0px;
}
body{
  text-align: center;
  background: #fff;
  font-family: verdana;
  font-size: 10px;
  color: #204ea3;
}
a{
  text-decoration: none;
  color: #204ea3;
}
img{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

/**
 *Struktur
 */
#page{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 864px;
  height: 646px;
  text-align: left;
  margin: auto; 
  margin-left: -432px;
  margin-top: -323px;
}
#content{
  display: block;
  height: 618px;
  background: url(../gfx/bg.repeat.gif);
}
#content #logo{
  position: absolute;
  top: 124px;
  left: 124px;
}
#content #keyvisuals{
  position: absolute;
  top: 0px;
  right: 0px;
  list-style-type: none;
}
#content #keyvisuals li{
  clear: right;
}
#content #keyvisuals li a{
  width: 120px;
  height: 120px;
  margin-bottom: 4px;
  cursor: pointer;
  display: block;
  background-position: center right;
  background-repeat: no-repeat;
  float: right;
}
#content #keyvisuals li a:hover{
  width: 368px;
  background-position: center left;
}
#content #keyvisuals li a img{
  display: none;
}
#content #keyvisuals li a:hover img{
  display: block;
  float: right;
}
#content #keyvisuals p{
  display: none;
}
#content #download{
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0px;
  top: 495px;
  background: url(../gfx/download.gif) no-repeat;
}
address{
  font-style: normal;
  margin-top: 10px;
  margin-left: 6px;
}

/**
 *Styles
 */ 
#tricon{ background-image: url(../gfx/kv.tricon.gif); }
#tricon:hover{ background-image: url(../gfx/info.tricon.gif); }

#dmt{ background-image: url(../gfx/kv.dmt.gif); }
#dmt:hover{ background-image: url(../gfx/info.dmt.gif); }

#bebro{ background-image: url(../gfx/kv.bebro.gif); }
#bebro:hover{ background-image: url(../gfx/info.bebro.gif); }

#tzm{ background-image: url(../gfx/kv.tzm.gif); }
#tzm:hover{ background-image: url(../gfx/info.tzm.gif); }

#biomed{ background-image: url(../gfx/kv.biomed.gif); }
#biomed:hover{ background-image: url(../gfx/info.biomed.gif); }