body {
  background: url("backgrounds/light.jpg");
  background-size: 100% 100%;
  background-attachment: fixed;
  overflow: scroll;
  color: #000000;
}


div.navspace {
  position: -webkit-sticky;
  position: sticky;
  width: 20%;
  float: left;
}


div.navigation {
  width: 100%;
  color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 0px;
  background: url("backgrounds/yellow.jpg");
  background-size: 25% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  text-align: center;
  line-height: 0.4;
  float: left;
}

div.head {
  width: 100%;
  font-size: 130%;
  text-align: center;
}

div.content {
  width: 78%;
  padding: 1% 1% 1% 21%;
}

img {
  border-radius: 10px;
}

a:link {
  color: #336600;
  text-decoration: underline;
}

a:visited {
  color: #336600;
  text-decoration: underline;
}

a:hover {
  color: #336600;
  text-decoration: underline;
}

a.menulink:link {
  color: #1a3300;
  text-decoration: none;
}

a.menulink:visited {
  color: #1a3300;
  text-decoration: none;
}

a.menulink:hover {
  color: #1a3300;
  text-decoration: none;
  font-weight: 900;
}

p.kiemelt {
  font-size: 24px;
}

p.note {
  font-size: 12px;
}

p.invisible {
  visibility: hidden;
}

img.invisible {
  opacity: 0;
  width: 7%;
}

img.zaszlo {
  opacity: 0.3;
}

img.aktivzaszlo {
  opacity: 1;
  width: 7%
}

img.nincszaszlo {
  opacity: 0;
  width: 7%
}

img.zaszlolink {
  opacity: 0.3;
  width: 7%;
}

img.zaszlolink:hover {
  opacity: 1;
}