body{
margin: 0px;
padding: 0px;
background: #ffffff;
font-size:14px;
font-family: 'Roboto Slab', serif;
line-height:28px;
color: #0f0d0b;
}




::selection {
  background: #c5c1bc;
  color: #ffffff;
}
::-moz-selection {
  background: #c5c1bc;
  color: #ffffff;
}
::-webkit-selection {
  background: #c5c1bc;
  color: #ffffff;
}






h1 { 
font-size: 30px; 
font-family: 'Cinzel', serif;
text-align: left; 
color: #72614c; 
text-shadow: 1px 1px #fafafa; 
border-bottom: 1px solid #a69b92; 
padding-left: 25px;
padding-bottom:5px; 
margin-bottom: 30px;
}




a {
color:#906545;
text-decoration: none;
transition: all 900ms ease;
}

a:hover {
color:#5a4a3b;
text-decoration: none;
transition: all 900ms ease;
}





.container{
overflow: hidden;
margin: 0em auto;
width: 960px;
padding: 20px 20px 20px 20px;
text-align: justify;
margin-top: 20px;
margin: 0 auto;
}







#otsikkokuva{
background: url(img/otsikko.jpg);
background-position: top;
background-repeat: no-repeat;
height: 270px;
width: 100%;
margin-top: 0px;
border-bottom: 5px solid #f0ede6;

-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
box-shadow:  0px 3px 5px rgba(0,0,0,0.2);

position: relative;
}



#ylapalkki{
background: #3a2e29;
background: linear-gradient(#1e1614, #3a2e29);
background: -webkit-linear-gradient(#1e1614, #3a2e29); 
background: -o-linear-gradient(#1e1614, #3a2e29); 
background: -moz-linear-gradient(#1e1614, #3a2e29);
width: 100%;
height: 70px;
text-align: center;
color: #fff;

position:relative;
border-bottom: 3px solid #372b27;

}



#tekstipalkit {
width:960px;
margin: 0 auto;
}

#tekstiosio {
background-color: #eae8e4;
width: 100%;
}


#footer {
background: #3a2e29;
border-top: 2px solid #332a25;
width: 100%;
height: 60px;
position: absolute;
}



#copyt {
width: 1000px;
height: 30px;
margin: 0 auto;
font-family: 'Quattrocento', serif;
}


#copytoikea p{
float:right;
color:#cfc4af;
font-size:13px;
padding: 0 20px 0 0;
}



#copytvasen p {
text-align: left;
float:left;
color:#b3aa9a;
font-size:16px;
line-height: 0.7em;
padding: 3px 0 0 20px;
}


.yksikolmesta{
width: 260px;
float: left;
margin: 0 40px 0 40px;
}

.first{
margin-left: 0px;
}

.third{
margin-right: 0px;
}

h2 {
font-size: 23px; 
font-family: 'Raleway', sans-serif;
text-align: left; 
color: #72614c; 
text-shadow: 1px 1px #fafafa;  
text-align: center;
padding-bottom:10px; 
margin-bottom:5px; 
border-bottom: 1px solid #c3b7ae; 
}


.etusivu {
width: 100%;
clear:both;
}



.etusivu p {
min-height: 310px;}



.etusivu:after {
  clear:both;
  content:".";
  display:block;
  height:50px;
  line-height:0;
  visibility:hidden;
}






.button {
    background-color: #a9978a; 
    border: none;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;

-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}


.button:hover {
    background-color: #c0b4ab; 
}





.navilinkki {
margin:0 auto;
}

.navilinkki ul {
margin: 0 auto;
padding:0px; 
height: 30px;

}
 
.navilinkki li {
margin-top: 20px;
list-style: none; 
float:left; 
width: 25%;
text-align: center;
background-color: #463933;
padding: 5px 0 5px 0;
} 


.navilinkki li a {
font-family: 'Cinzel', serif;
color:#d9cabf;
text-decoration: none;
text-transform: uppercase;
font-size:17px;
letter-spacing:2px;
padding-top: 4px;
padding-left: 0;
text-shadow: 1px 1px #000;
}

.navilinkki li a:hover {
color:#fff;
text-shadow: 1px 1px #000;
}




h3 {
font-size: 25px; 
font-family: 'Raleway', sans-serif;
text-align: left; 
color: #72614c; 
text-shadow: 1px 1px #fafafa;  
text-align: center;
padding-bottom:10px; 
margin-bottom:5px; 
border-bottom: 1px solid #c3b7ae; 
}



.taulukko3 {

width:100%;
margin:0px auto 0px auto;
border-collapse:collapse;
margin-top: 10px;
margin-bottom: 20px;
font-size:15px;
}


.taulukko3 td:first-child {
width: 40%;
}

.taulukko3 td:nth-child(2),
.taulukko3 td:nth-child(3) {
width: 23%;
}

.taulukko3 td:nth-child(4) {
width: 12%;
}

.taulukko3 li {
list-style-type: none;
color: #8b806e;
}



.taulukko3 a {
color: #8a593c;
}

.taulukko3 a:hover {
color: #908982;
}




#tekstiosio2 {
background-color: #d9d4cc;
width: 100%;
}


.container2{
overflow: hidden;
margin: 0em auto;
width: 960px;
padding: 20px 20px 20px 20px;
text-align: justify;
margin-top: 20px;
margin: 0 auto;
}




















.perustiedot {
text-align:left;
color:#514939;

border-collapse:collapse;
vertical-align:middle;
border-top:4px solid #8f7f64;
border-bottom:4px solid #8f7f64;
width:100%;
margin-bottom: 0;
}

.perustiedot td {
border-bottom:1px solid #c5c0b5;
padding:5px 4px;
padding-left: 20px;

}

.perustiedot tr {
background-color:#dfddd8;
transition: all 900ms ease;
}

.perustiedot tr:hover {
background-color:rgba(234,231,224,0.1);
transition: all 900ms ease;

}



.kys {
padding:1px 7px;
  font-weight: bold;
width:20%;
}

.vast {
padding:4px 8px;
width:30%;
}


.suku {
background-color:#dfddd8;
width:33%;
letter-spacing: 0px;
font-size: 15px;
padding-left: 40px;
line-height: 1.4; 
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #c5c0b5;
}


.suku2 {
background-color:#dfddd8;
width:33%;
letter-spacing: 0px;
font-size: 15px;
padding-left: 40px;
line-height: 1.4; 
padding-top:10px;
padding-bottom:10px;


}

#sukutiedot {
margin-top: 40px;
width:100%;
border-spacing: 0;
line-height:22px;
border-top:4px solid #8f7f64;
border-bottom:4px solid #8f7f64;
text-align: left;

}





.jalkelaiset {
width:100%;
margin-left:0px;
border-top:2px solid #8f7f64;
border-bottom:2px solid #8f7f64;
border-collapse: collapse; 
margin-bottom: 40px;

}



tr.jalk td {
padding:8px 9px;
border-bottom:1px solid #c5c0b5;
text-align: left;
width: 20%;

}

.jalkelaiset tr {
background-color:#dfddd8;
transition: all 900ms ease;

}


.jalkelaiset tr:hover {
background-color:rgba(234,231,224,0.1);
transition: all 900ms ease;

}


#paivakirja {
width:100%;
float:left; 
margin-top: 0px; 
border-spacing: 0;
border-top:4px solid #8f7f64;
border-bottom:4px solid #8f7f64;
background-color:#dfddd8;
margin-bottom: 40px;
}

#paivakirja p {
padding: 0 20px 25px 20px;
}


#paivakirja h2 {
font-size: 20px; 
font-family: 'Raleway', sans-serif;
text-align: left; 
color: #72614c; 
text-shadow: 1px 1px #fafafa;  
text-align: center;
padding-bottom:10px; 
margin:40px 20px 5px 20px; 
border-bottom: 1px solid #c3b7ae; 
}





.kisat {
width:100%;
margin-left:0;
margin-bottom: 40px;
font-size: 13px;
}



.kisat td {
padding:15px 15px 15px 15px;
text-align: left;
vertical-align: text-top;
}

.kisat tr {
vertical-align: text-top;
float: left;
width: 33%;
}



#kuvat {
text-align:center;
width:100%;
margin:0px 0 0px;
margin-top: 20px;
margin-bottom: 30px;
}


.kehyksethevo{
margin: 8px;
margin-bottom: 0px;
border: 2px solid #8f7f64;
box-shadow: 1px 1px 6px #231810;
height:180px;
width:270px;

}