header {
 background-color: white;
}

body {
   margin: 1%;
   background-color: rgb(187,224,240);
   font-family: Calibri, sans-serif;
}

main {
   margin-left: 1%;
   background-color: white;
}


h1 {
   font-family: Calibri, sans-serif;
   font-size: 2em;
   color: rgb(40,145,189);
   display: flex;
   flex-direction: row;
   font-size: 2em;
   justify-content: center;
   margin-left: 3%;
   margin-right: 3%;
   text-align: center;
}

h2 {
   font-family: Calibri, sans-serif;
   font-size: 1.5em;
   color: rgb(33,114,148);
   margin-left: 3%;
   margin-right: 3%;
   border-bottom: medium solid rgb(40,145,189)
}

h3 {
   font-family: Calibri, sans-serif;
   font-size: 1.2em;
   color: rgb(33,114,148);
   margin-left: 3%;
   margin-right: 3%;
}

h3.linkit {
  color: rgb(187,224,240);
}

p {
  margin-left: 3%;
  margin-right: 3%;
}

p.tervetuloa {
   display: none;
}

div.ykuva {
   display: none;
}

div.ykuva2 {
   display: none;
}

footer {
 background-color: rgb(40,145,189);
}


nav ul {
  list-style: none;
  background-color: rgb(40,145,189);
  display: flex;
  flex-flow: row wrap;
  margin-left: 0%;
  justify-content: center;  /* tämä lisätty */
}

nav li {
  flex: auto;  
  color: rgb(187,224,240);
  font-family: Calibri, sans-serif;
  font-size: 1em;
  background-color: rgb(40,145,189);
  padding: 0.1em;
  list-style: none;
  margin-left: 0%;  /* tämä lisätty */
}


aside.vasen {
  display: none;

}

aside.oikea {
   display: none;
}

aside.kuvaoikea {
  display: none;
}


div.linkit {
   display: block;
   width: 96%;
   margin-right: 3%;
   margin-left: 3%;
   background-color: rgb(40,145,189);
   float: right;
/*   border: medium solid rgb(40,145,189);  */
}


li.alareuna {
  list-style: none;
  color: rgb(187,224,240);
}

a {
  font-style: normal;
  color: rgb(40,145,189);
  font-family: Calibri, sans-serif;
  margin: 0%;
}

a.navigointi {
   color: rgb(187,224,240);
   text-decoration: none;
   font-weight: bold;
   font-family: "Calibri Light", sans-serif;
}

a.navigointi:hover {
  color: white;
  background-color: transparent;
}

a.navigointi:focus {
   color: white;
   background-color: transparent;
}

a.navigointi:visited {
   color: rgb(187,224,240);
   background-color: transparent;
}

a.navigointi:active {
   color: rgb(187,224,240);
   background-color: transparent;
}