body {
  background-image: url(./sillanpaa_Logo_tausta.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 80% center;
  background-color: white;
  color: black;	
  font-family: DejaVu Serif, Verdana, "Courier New", Comic Sans MS, sans serif;
  margin-left: 12em;
  margin-right: 5%;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-bottom: 1%;
  padding-left: 1%;
  padding-top: 0;
  padding-right: 0;
  line-height: 130%;
  border-left: 0.7em solid #788FAF;
  border-top: 0.7em solid #788FAF;
  border-bottom: 0.7em solid #788FAF;
}

h1 { 
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

h2 { 
  margin-left: 2em;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

h3 { 
  margin-left: 3em;
  margin-right: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

p {
  margin-left: 5em;
  margin-right: 4em;
  margin-top: 1em;
  text-align: justify;
}

a:link, a:visited {
  color: #2A3F62;
}

a:hover {
  background-color: #A4BDEF;
  border-right: 2px solid #2A3F62;
  border-bottom: 2px solid #2A3F62;
  border-left: 2px solid #CACACA;
  border-top: 2px solid #CACACA;
}

address {
  font-size: small;
}

.lista {
  margin-left: 4em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.navbar {
  margin-top:13%;
  float: left;
  left:0;
  position: fixed;
  background-color: #2A3F62;
  color: #CACACA;
  width: 13em;
  z-index: 5;
}

.navbartop {
  background-image: url(./taustakuva.png);
  background-repeat: no-repeat;
  position: fixed; 
  font-weight: bolder;
  top: 0;
  left: 0;
  right: 0;
  display: inline;
  background-color: #2A3F62;
  color: #CACACA;
}
.navbartop ul {
  margin-left:3em;
  padding-right: 0;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.navbartop ul li {
  display: inline;
  font-size: smaller;
  text-align: center;
  border-right: 2px solid;
  padding-left: 1em;
  padding-right: 1em;
}

.navbar a:link, .navbartop a:link, .navbar a:visited, .navbartop a:visited {
  color:#CACACA;
  text-decoration: none;
}

.navbar a:hover, .navbartop a:hover {
  background-color: #7F96C3;
  color: #2A3F62;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid #CACACA;
  border-top: 1px solid #CACACA;
}

.isoKuva img {
  margin-left: 4em;
  margin-top: 2%;
  width: 85%;
}

.info {
  float: left;
  left: 0;
  top: 0;
  margin-left: 0.8em;
  margin-top: 33%;
  position: fixed;
  font-size: smaller;
  text-align: justify;
  color: #2A3F62;
  width: 13em;
  z-index: 4;
}

.logo {
  float: left;
  left: 0;
  position: fixed;
  margin-top: 3%;
  width: 12em;
  text-align: center;
  z-index: 3;
}

.koaslogo {
  float: left;
  left: 0;
  top: 0;
  position: fixed;
  margin-top: 55%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 12em;
  text-align: center;
  z-index: 3;
}

.koaslogo a:hover {
  background-color: #FFFFFF;
  border-right: 0px solid #2A3F62;
  border-bottom: 0px solid #2A3F62;
  border-left: 0px solid #CACACA;
  border-top: 0px solid #CACACA;
}

.lis {
  margin-top: -1em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: smaller;
}