body {
  background-color: black;
  color: white;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family:'Trebuchet MS','Helvetica', 'Tahoma',sans-serif;
  font-size:12px;
  /*line-height: 1.7em;*/
}

img {
  text-decoration: none;
  border: 0px;
  
}

a {
 text-decoration: none;
 color: #de3641;
}

img, div { behavior: url(iepngfix.htc) }

#bg0 {
  background-image: url(../img/b0.png);
}

#bg1 {
  background-image: url(../img/b1.png);
}

#bg2 {
  background-image: url(../img/b2.png);
}

#bg3 {
  background-image: url(../img/b4.png);
}

tr {
  height: 100px;
}

h2 {
  line-height: 19px;
  font-size: 16px;
}

div#bg2 {
  background-position:fixed;
  right:0px;
  bottom:0px;
  width: 100%;
  background-image: url(../img/b1.png);
  background-repeat: no-repeat;
}

div#saaga {
  float: left;
  margin-left: 50px;
  margin-top: 50px;
  padding-top: 65px;
  padding-left: 9px;
  width: 171px;
  height: 443px;
  background-image: url(../img/saaga2.png);
  background-repeat: no-repeat;
}

div#text {
  float: left;
  width: 27%;
  margin-top: 50px;
  margin-left: 65px;
}

div#text2 {
  float: left;
  width: 37%;
  margin-top: 50px;
  margin-left: 65px;
}

ul#navi {
  position: relative;
  left: -40px;
  margin-top: 0px;
  width: 153px;
  list-style: none;
}

ul#navi li {
  margin-top: 3px;
  padding-left: 8px;
  background-color: black;
  padding-top: 2px;
  padding-bottom: 2px;
}

ul#navi li:hover {
  padding-left: 12px;
  background-color: grey;
}

ul#navi li a {
  text-decoration: none;
  color: white;
}

div#kukka {
  width: 153px;
  height: 198px;
  background-image: url(../img/kukka.png);
}

div#perhonen {
  width: 153px;
  height: 198px;
  background-image: url(../img/perhonen.png);
}

div#noora {
  width: 153px;
  height: 198px;
  background-image: url(../img/noora.png);
}


#black {
  color: black;
  margin-bottom: 7px;
  padding-left: 2px;
  line-height: 13px;
}

div#spacer {
  height: 228px;
}

.galleria {
  padding: 5px;
}