#ylapalkki {
  position: absolute; /*div alueille kiinteät paikat */
  top: 0; /*alkaa selainikkunan yläreunasta */
  left: 0%;
  width: 100%; /*alueen leveys jättää oikealle */
  height: 10%;
  background: #808000;
  border: solid 1px Grey;
  }
  
#ylapalkki h1{
  padding-top:1%;
  margin: 0;
  color: black;
  text-align: center;
}

#vasenpalkki {
  position: absolute; /*div alueille kiinteät paikat */
  top: 10%; /*koska yläpalkissa 10% */
  left: 0%;
  width: 15%;
  padding-top:1%;
  padding:1%;
  height: 150%;
  color: #000000;
  background: #fdf5e6;
  border-left: solid 1px Grey;
  border-top: solid 1px Grey;
  }
  
#sisalto {
  position: absolute;
  margin-left:auto;
  margin-right:auto;
  font:arial;
  word-wrap: break-word; /* CSS3 */
  left: 15%;
  top:10%;
  width:68%;
  height:150%;
  padding:1%;
  background: #fdf5e6;
  border-left: solid Grey 1px;
  border-top: solid Grey 1px;
  }

.class1 a:link {color:#669966;}    /* unvisited link */
.class1 a:visited {color:#669966;} /* visited link */
.class1 a:hover {color:#669966;}   /* mouse over link */
.class1 a:active {color:#669966;}  /* selected link */

.centeredImg
{
    display: block;   
    margin-left: auto;   
    margin-right: auto;
}
  


  
#oikeapalkki {
  position: absolute; /*div alueille kiinteät paikat */
  top: 10%; /*koska yläpalkissa 10 % */
  left: 85%;
  width: 15%;
  height: 150%;
  padding-top:1%;
  padding:1%;
  background: #fdf5e6;
  border-left: solid 1px Grey;
  border-top: solid 1px Grey;
  border-right: solid 1 px Grey;
}


#alapalkki {
  position: fixed;
  left:0%;
/*  top:90%; */
  bottom:0;
  width:100%;
  height:10%;
  background: #808000;
  border: solid 1px Grey;
  text-align:center;
}
  
.otsikko {
  text-align:center; 
  color: #808000;
}



.sivuotsikko {
  text-align:left; 
  color: #808000;
  padding:1%
}

.henkilo {
  text-align:center; 
  color: #000;
}
 
.teksti {align: left;
         padding: .2em .2em .2em .8em;
        }
  
.kuva { float: left;
  margin: .5em 1.5em;
  }


.center
{
margin-left:auto;
margin-right:auto;
width:70%;

}

.floatLeft { 
    float: left; 
    margin: 10%; 
}

.floatRight { 
    float: right; 
    margin: 10%; 
}


.img
  {
  margin:2px;
  border:1px grey #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}

.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }