@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Karla|Norican|Rokkitt|Amatic+SC|Delius+Swash+Caps|Bad+Script|Roboto|Alex+Brush|Dancing+Script|Assistant');

@font-face { 
    font-family: 'Singlong'; 
    src: url('Singlong.ttf');
}

body{
 background-color: #D0CACA;margin:0;padding:0;}

table, body, tr, td, br, p, li, pre {
   text-align: justify; 
   font-size: 14px;
   font-family: 'Funnel Sans';
   letter-spacing: 0px; 
text-shadow:0px 0px 5px #D5D0D0;
   line-height: 24px; 
   color: #534A4A;}

a:link, a:visited {color:#917D7E; text-decoration:none; -webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    transition: all 0.9s ease-in;}
a:hover, a:active {color:#7C826A; text-decoration:underline;   }


a:link.links, a:visited.links {color:#fff; text-decoration:none; -webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    transition: all 0.9s ease-in;}
a:hover.links, a:active.links {color:#fff; text-decoration:none;   }


.linkkipalkki {width:20%;
text-shadow:0px 0px 0px #bbb;
background-color: #7F6B6C;text-transform: uppercase;text-align: center; font-size:14px;font-family: 'Source Sans Pro', sans-serif; font-variant: small-caps;    letter-spacing: 2px;text-transform: none; margin:auto; border-left: #585E4A 1px solid;border-right: #ddd 0px solid;border-top: #ddd 0px solid;border-radius:0px 0px 0px 0px;height:60px;-webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    transition: all 0.9s ease-in;}

.linkkipalkki2 {
text-shadow:0px 0px 0px #bbb;width:20%;background-color: #7F6B6C;margin:auto;text-transform: uppercase;text-align: center; font-size:14px;font-family: 'Source Sans Pro', sans-serif; font-variant: small-caps;    letter-spacing: 2px;text-transform: none;  border-left: #ddd 0px solid;border-right: #ddd 0px solid;border-top: #ddd 0px solid;border-radius:0px 0px 0px 0px;height:50px;-webkit-transition: all 0.9s ease-in;
    -moz-transition: all 0.9s ease-in;
    -o-transition: all 0.9s ease-in;
    transition: all 0.9s ease-in;}



.linkkipalkki:hover {background-color: #786566;border-top: #BAA883 0px solid;border-bottom: #BAA883 0px solid;}
.linkkipalkki2:hover {background-color: #786566;border-top: #BAA883 0px solid;border-bottom: #BAA883 0px solid;}


h1 {font-family: 'Dancing Script';
text-transform: none;
font-size:70px; 
color:#ffff; 
padding-bottom:0px;
text-align: center;  
padding-top:100px;
margin-top:20px;
margin-right:0px;
margin-bottom:0px;
text-shadow: 0px 0px 5px #333;
line-height:0px;
   letter-spacing: 0px;
border-bottom: 0px solid#F2EDE6;
font-weight:500; }



h4 {
   color: #AA9D9D;
font-family: 'Funnel Sans';
text-transform:uppercase;
font-style: none;
border-top:0px solid #E0D9D1; 
   font-size:9px;
   text-align:center;font-weight: normal;
text-shadow: 0px 0px 0px #333;
letter-spacing:1px;
padding-bottom: 10px; 
margin-right: 0px;
padding-top: 20px; 
margin-top:0px;}


h6 {
font-family: 'Elsie';
border-bottom:0px solid#E8E6D9; 
background-attachment:fixed;
text-transform:uppercase;
padding-right:0px;   
padding-top:0px;
margin-top:50px;
margin-bottom:30px;
font-weight:100;
font-style:none;
font-size: 60px;
text-align: center;
line-height:60px;
letter-spacing:2px;
text-shadow:0px 0px 0px #eaeaea;
color: #333;}




h2 { font-family: 'Dancing Script';text-transform: none;text-align: center;font-weight: normal;color: #6F5E5F;padding-top: 0px; padding-left:0px;margin-left:0px; margin-top:20px;font-size: 27px;letter-spacing:0px;border-left: 0px solid #ddd; }


h3 { font-family: 'DM Serif Text';text-transform: none;text-align: left;font-weight: normal;color: #575A4B;padding-top: 0px; padding-left:0px;margin-left:20px; margin-top:20px;margin-bottom:0px;font-size: 17px;letter-spacing:0px;border-left: 0px solid #ddd; }

h5 { font-family: 'DM Serif Text';text-transform: none;text-align: left;font-weight: normal;color: #575A4B;padding-top: 0px; padding-left:0px;margin-left:20px; margin-top:20px;margin-bottom:0px;font-size: 14px;letter-spacing:0px;border-left: 0px solid #ddd; }
 
#taulukko {
text-transform: none;   background-color:#fff;
max-width:1200px;
margin:auto; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-bottom:0px;}
 

#otsikko{
text-transform: none;   background-color:#fff;
background-image: url('otsikko.jpg');
filter: grayscale(85%);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
max-width:1200px;
margin:auto; 
margin-top: 40px; 
border-radius:40px 40px 0 0;
height:185px;
margin-bottom: 0px; 
padding-bottom:40px;}
 
 
 
#text {
max-width: 1200px;
position: relative;
margin: 0px auto;
text-align: justify;
margin-left:-2px;
margin-bottom:-2px;
margin-top:-2px;}

.overflow { height: 100px; overflow: auto; }
  

#footer {position:center;width:1200px;padding-bottom:5px;background-color:#7F6B6C;margin:auto; }

   
.oikea {
padding:20px;
}

.vasen {
padding:10px;
background-color:#EBE7E7;}

.vasenteksti {padding:0px 15px 15px 15px;}
.oikeateksti {padding:0px 25px 15px 25px;}

 
.hs {
	vertical-align: bottom;
	font-size: 13px;
	border-bottom: solid 1px #c8c8c8;
	color: #393C31;
	margin: 0;
	padding: 5px 0px 10px 15px;
}

.hs3 {
	vertical-align: bottom;
	font-size: 13px;
	border-bottom: solid 1px #c8c8c8;
	color: #393C31;
	margin: 0;
	padding: 5px 0px 5px 15px;
}

.hs2 {
	vertical-align: top; 
	font-size: 13px;
	color: #393C31;
	margin: 0;
	padding: 5px 0px 5px 15px;
}

.hs4 {
	vertical-align: top; 
	font-size: 13px;
	color: #393C31;
	margin: 0;
	padding: 5px 0px 5px 15px;
}

.leftborder {
	border-left: solid 1px #c8c8c8;
	color: #393C31;
}
.sukuu {
	text-transform: none;
	font-size: 13px;
	font-family: 'Roboto Condensed';
	font-weight: 400; 
	border-style: solid;
border-bottom:0px solid #c8c8c8;
}
.sukuu b { font-weight: 700; }
.sukuu small { text-transform: none; line-height:11px;
}

.otsikkokuva {
height:300px;
object-fit:cover;
object-position:50% 50%;  
margin:60px 0px 20px 0px;
box-shadow:0px 0px 20px #bbb;
border-radius:5px;
border-top:px solid #D5C2DA;
border-bottom:px solid #D5C2DA;}

.otsikkokuvaa {
 height:58px;
width:65px;
object-fit:cover;
object-position:50% 50%;  
margin:10px 5px 0px 5px;
box-shadow:0px 0px 20px #bbb;
border-radius:5px;
border-top:px solid #D5C2DA;
border-bottom:px solid #D5C2DA;}

.otsikkokuva2 {
    height: 200px;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 50px 5px 5px 5px;
    box-shadow: 0px 0px 20px #bbb;
    border-radius: 5px;
    border-top: px solid #D5C2DA;
    border-bottom: px solid #D5C2DA;
}

.otsikkokuvax {
    height: 150px;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 60px 5px 20px 5px;
    box-shadow: 0px 0px 20px #bbb;
    border-radius: 5px;
    border-top: px solid #D5C2DA;
    border-bottom: px solid #D5C2DA;
}

#jalkelaiset {
    width: 100%;
    letter-spacing: 0px;
    text-align: left;
    line-height: 140%;
    margin: 0px auto;
}

#jalkelaiset td {
    border-bottom:1px solid #CED0BB;
    font-size: 14px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0px;
}

.listaus .lista { width:90%; margin:0 auto; padding-bottom:20px; margin-top: 15px; flex-wrap: wrap; display: flex;
  list-style:none}
.listaus .lista li {
  width:30%; text-align:center; line-height:1.8; font-size:10pt; padding-bottom: 30px;
  flex: calc(100% / 3); }
.listab { border:1px solid grey; border-radius:3px; box-shadow:0 0 3px #eee; max-width:200px; height: 150px; margin:10px 0 0px 0; object-fit: cover;}
a:link.heppa, a:visited.heppa {font-family:'Rokkitt', sans-serif; font-size:14pt; line-height: 0px;}
a:hover.heppa {font-family:'Rokkitt', sans-serif; font-size:15pt;}

/*kasvatus*/
.kasvatit {width:100%; margin:0 auto;}
.td6 { width:5%; padding:5px;}
.td7 { width:21%;padding:5px;text-align: left;}
.td8 { width:41%; padding:5px;text-align: left;}
.td9 { width:13%; padding:5px;text-align: left;}