body {
   margin: 0;
   background-color: rgb(187,224,240);
}


main {
   width: 60%;
   margin-left: 20%;
   background-color: white;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
   margin-bottom: 0.5em;
   border-left: medium solid rgb(33,114,148);
   border-bottom: medium solid rgb(33,114,148);
   border-right: medium solid rgb(33,114,148);
/*   border-top: medium solid rgb(33,114,148);  */
}

aside.vasen {
   display: block;
   width: 17%;
   margin-left: 1%;
   margin-top: 1%;
   background-color: rgb(33,114,148);
   float: left;
   border-radius: 20px;
   border: medium solid rgb(40,145,189);
}

aside.oikea {
   display: block;
   width: 17%;
   margin-right: 1%;
   margin-top: 1%;
   background-color: rgb(33,114,148);
   float: right;
   border-radius: 20px;
   border: medium solid rgb(40,145,189);
}

aside.kuvaoikea {
   display: block;
   width: 17%;
   margin-right: 1%;
   margin-top: 1%;
   background-color: transparent;
   float: right;
 /*  border: medium solid rgb(40,145,189); */
}


h1 {
   font-family: Calibri, sans-serif;
   color: rgb(33,114,148);
   display: none;
   flex-direction: row;
   font-size: 2em;
   word-spacing: normal;
   background-color: white;
   letter-spacing: normal;
   margin-top: 0.5em;
}  

h2 {
   font-family: Calibri, sans-serif;
   color: rgb(33,114,148);
   font-size: 1.5em;
   margin-right: 5%;
   margin-left: 5%;
   padding-top: 0.5em;
   word-spacing: normal;
   letter-spacing: normal;
   background-color: transparent;
}


h3 {
   font-family: Calibri, sans-serif;
   color: rgb(33,114,148);
   font-size: 1.2em;
   margin-right: 5%;
   margin-left: 5%;
   margin-bottom: 0;
   padding-top: 0.1em;
   word-spacing: normal;
   letter-spacing: normal;
   background-color: transparent;
}


h3.palvelut {
   font-family: Calibri, sans-serif;
   color: rgb(33,114,148);
   font-size: 1.5em;
   margin-right: 5%;
   margin-left: 5%;
   padding-top: 0.1em;
   word-spacing: normal;
   letter-spacing: normal;
   background-color: transparent;
   text-align: left;
}


div.kuva {
   width: 100%;
   margin: 0%;
   padding: 0%;
   float: none;
   background-image: url(sora_pieni.jpg);
   background-repeat: repeat;
/*   background-position: center;   jos no-repeat */
   background-color: rgb(40,145,189);
   height: 100px;
   display: flex;
   flex-direction: column;
}

p.kuvaoikea {
   padding: 5px;
   text-align: center;
}

p.tervetuloa {
   font-family: Calibri, sans-serif;
   color: white;
/*   float: none;   */
   font-size: 45px;
   justify-content: center; 
   word-spacing: normal;
   background-color: transparent;
   letter-spacing: normal;
   text-align: center;
   flex: auto;
   display: flex;
}

footer p {
   text-align: center;
}


li {
  color: rgb(33,114,148);
  font-family: Calibri, sans-serif;
  font-size: 1.2em;
  background-color: transparent;
  line-height: 1.5em;
  margin-left: 5%;
  list-style: square;
  font-weight: bold;
  text-align: left;
}


nav ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   margin: 0%;
   padding: 0%;
   float: none;
   width: 100%;
   background-color: rgb(40,145,189);
}
 

nav li {
  flex: auto;  
  color: rgb(187,224,240);
  font-family: Calibri, sans-serif;
  font-size: 1.5em;
  background-color: rgb(40,145,189);
  padding: 0.1em;
  line-height: 2em;
  letter-spacing: 0.3em;
  font-weight: bold;
  text-align: center;
  list-style: none;
}


div.palvelut {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background-color: white;
  align-items: stretch;
  margin: 0.5em;
}

div.tilit {
  flex: 1 1 auto;
  background-color: rgb(187,224,240);
  border-radius: 5px 30px 5px;
  border: medium solid rgb(40,145,189);
  margin-left: 1.5em;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  width: 50%;
}

div.tiet {
  flex: 1 1 auto;
  background-color: rgb(187,224,240);
  border-radius: 5px 30px 5px;
  border: medium solid rgb(40,145,189);
  margin-left: 0.5em;
  margin-top: 0.5em;
  margin-right: 1.5em;
  margin-bottom: 0.5em;
  width: 50%;
}

div.ytiedot {
  flex: 1 1 auto;
/*  border-radius: 30px; */
  border: medium solid rgb(40,145,189);
  margin-left: 2.5em;
  margin-top: 0.5em;
  margin-right: 2.5em;
  margin-bottom: 0.5em;
  width: 50%;
}

div.ykuva {
  display: flex;
  flex: auto;
  flex-flow: row nowrap;
  justify-content: center; 
  background-color: white;
/*  align-items: stretch;  */
  margin-right: 2.5em;
  margin-left: 2.5em;
  width: 92%;
}

div.ykuva2 {
  display: flex;
  flex: auto;
  flex-flow: row nowrap;
  justify-content: center; 
  background-color: white;
/*  align-items: stretch;  */
  margin-right: 2.5em;
  margin-left: 2.5em;
  width: 50%;
    margin: auto;
}

img {
  max-width: 100%;
}


div.linkit {
  display: none;
}

footer {
   background-color: rgb(187,224,240);
   width: 100%;
   border-top: medium solid rgb(187,224,240); 
   bottom: 0%;
   margin: 0%;
   padding: 0.1em;
}

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

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;
}

p {
  color: black;
  font-family: Calibri, sans-serif;
  margin-right: 5%;
  margin-left: 5%;
  line-height: 130%;
  font-size: 1.2em;
}

p.vasenreuna {
  list-style-position: outside;
  list-style: none;
  color: white;
  font-family: Calibri, sans-serif;
  font-size: 1em;
}

p.palvelut {
  margin: auto;
  padding: 1em;
}

p.titteli {
  margin-top: 0;
  color: black;
}

p.yhteys {
  padding: 0;
  margin-top: 0.1em;
}

h2.vasenreuna {
  color: rgb(187,224,240);
}

h2.oikeareuna {
  color: rgb(187,224,240);
  border: none;
  margin-left: 1em;
}

strong {
  color: rgb(33,114,148);
  font-style: oblique;
  font-size: 1em;
}