body {
   background-color:#535a80;
   background-image:url(img/tausta.jpg);
   font-family:'Verdana', Sans-Serif;
   text-align:justify;
   color:#000000;
   font-size:12px;
   line-height:1.5;
   margin:0;
}

div#sisalto {
   margin-left:auto;
   margin-right:auto;
   width:850px;
   background-color:#ffffff;
}

div#otsikko {
   background-image:url(img/nerianotsikko2.jpg);
   background-repeat:no-repeat;
   width:850px;
   height:351px;
}
div#menu {
   width:100%;
   height:55px;
   text-align:center;
   background-color:#968ea4;
}

div#text {
   margin-left:auto;
   margin-right:auto;
   width:800px;
   text-align:justify;
   padding-bottom:1em;
}

div#copy {
   margin-left:auto;
   margin-right:auto;
   background-image:url(img/alatausta.PNG);
   background-repeat:no-repeat;
   width:850px;
   height:35px;
   margin-bottom:25px;
}

div#ala {
   margin-left:auto;
   margin-right:auto;
   background-color:#958da3;
   color:#ffffff;
   padding-top:15px;
   padding-left:25px;
   padding-right:25px;
   width:800px;
   text-align:center;
}

#ala p {
margin-bottom:0em;
}

.vasen {
   width:500px;
   margin-right:300px;
}

.oikea {
   width:255px;
   float:right;
}

.kuva {
   border:4px #d4cfd7 double;
   margin:15px;
}

.kuvat{
   margin-left:auto;
   margin-right:auto;
   padding:10px 0px;
   text-align:center;
}

.sivukuva{
   margin-left:auto;
   margin-right:auto;
   text-align:center;
}

.info {
   margin-left:auto;
   margin-right:auto;
   border-collapse:separate;
   color:inherit;
   font-size:inherit;
   background-color:#dcd2ec;
   border:6px #e6dff2 solid;
   width:100%;
}

.info p {
   padding:0px 15px;
}
.info td {
   padding:3px 15px;
}

.info b{
   font-weight:normal;
   font-size:14px;
   color:#3d315f;
   font-family:'Palatino Linotype', Serif;
}

.suku {
   margin-left:auto;
   margin-right:auto;
   border-collapse:separate;
   border-spacing:6px;
   color:inherit;
   font-size:inherit;
   background-color:#e6dff2;
   width:100%;
}

.suku td {
   padding:7px;
   background-color:#dcd2ec;
}

a {
   color:#817a8f;
   text-decoration:none;
   font-size:inherit;
}

a:hover {
   color:#7a9572;
}


a.l{
   display:inline-block;
   color:#efeeef;
   text-decoration:none;
   padding-top:14px;
   padding-left:40px;
   padding-right:40px;
   height:41px;
   font-family:'Palatino Linotype', Serif;
   font-size:18px;
}


a.l:hover{
   background-color:#847e90;
   color:#fff;
}


h1 {
   font-weight:normal;
   font-size:20px;
   color:#36472e;
   text-align:center;
   font-family:'Palatino Linotype', Serif;
   margin-top:0px;
}

h2 {
   font-size:17px;
   padding-left:50px;
   margin-top:20px;
   color:#667e58;
   text-align:left;
   font-family:'Palatino Linotype', Serif;
   font-weight:normal;
   border-bottom:1px #c3d6b8 solid;
}

h3 {
   font-size:17px;
   color:#3d315f;
   text-align:center;
   font-family:'Palatino Linotype', Serif;
   font-weight:normal;
   border-bottom:1px #d4cfd7 solid;
}
