body {
  margin: 4em 17%;
  padding-top: 0.5em;
}

.ylatunniste {
  background-color: #FFFF99;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 98%;
  height: 3em;
  padding: 0.5em 1%;
  z-index: 2;
}

.vasennavi {
  background-color: #99CCFF;
  position: fixed;
  width: 15%;
  left: 0%;
  top: 4em;
  height: 100%;
  padding: 0.5em 1%;
}

.oikeanavi {
  background-color: #FF99CC;
  position: fixed;
  width: 15%;
  right: 0%;
  top: 4em;
  height: 100%;
  padding: 0.5em 1%;
}

.alatunniste {
  background-color: #66FF99;
  height: 3em;
  position: fixed;
  left: 0%;
  bottom: 0%;
  width: 98%;
  padding: 0.5em 1%;
  z-index: 1;
}