body {
  margin: 0;
}
#widget {
  width: 280px;
  height: 300px;
  position: relative;
  background: url(//www.infineon.com/export/sites/default/_res/application/promopages/imgs/widget.jpg) no-repeat 0 0;
}
#widget a {
  display: block;
  position: absolute;
  z-index: 10;
}
#widget a.hall-switch {
  left: 177px;
  top: 65px;
  width: 61px;
  height: 60px;
}
#widget a.hall-switch-text {
  left: 107px;
  top: 85px;
  width: 70px;
  height: 22px;
}
#widget a.magnetic-sensor {
  left: 55px;
  top: 128px;
  width: 61px;
  height: 60px;
}
#widget a.magnetic-sensor-text {
  left: 13px;
  top: 190px;
  width: 80px;
  height: 36px;
}
#widget a.angle-sensor {
  left: 133px;
  top: 218px;
  width: 61px;
  height: 62px;
}
#widget a.angle-sensor-text {
  left: 197px;
  top: 230px;
  width: 44px;
  height: 36px;
}
#widget.small {
  width: 175px;
  height: 250px;
  background-image: url(//www.infineon.com/export/sites/default/_res/application/promopages/imgs/widget_small.jpg);
}
#widget.small a.hall-switch {
  left: 112px;
  top: 58px;
  width: 54px;
  height: 54px;
}
#widget.small a.hall-switch-text {
  left: 44px;
  top: 74px;
  width: 70px;
  height: 21px;
}
#widget.small a.magnetic-sensor {
  left: 7px;
  top: 112px;
  width: 54px;
  height: 54px;
}
#widget.small a.magnetic-sensor-text {
  left: 61px;
  top: 111px;
  width: 54px;
  height: 50px;
}
#widget.small a.angle-sensor {
  left: 76px;
  top: 184px;
  width: 54px;
  height: 54px;
}
#widget.small a.angle-sensor-text {
  left: 32px;
  top: 195px;
  width: 43px;
  height: 35px;
}