@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/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

@font-face { 
    font-family: 'Moonni Zehher BF'; 
    src: url('Moonni-Zehher-BF68f202eb08a2c.otf');
}
@font-face { 
    font-family: 'Hind Variable'; 
    src: url('Hind-Variable.ttf');
}

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

table, body, tr, td, br, p, li{
   text-align: justify; 
   font-size: 15px;
   font-family: 'Hind Variable';
   letter-spacing: 0px; 
   line-height: 24px; 
   color: #34413F;}

a:link, a:visited {color:#8DA09B; 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:#AAB9B5; text-decoration:underline; cursor:default;  }


a:link.links, a:visited.links {color:#A2811E; 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; cursor:default;  }


.linkkipalkki {width:20%;
text-shadow:0px 0px 0px #bbb;
background-color: #37423E;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-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: #37423E;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-bottom: #43504B 2px 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: #43504B;}
.linkkipalkki2:hover {background-color: #43504B;}


h1 {font-family: 'Singlong';
text-transform: none;
font-size:40px; 
color:#dbb42c; 
padding-bottom:0px;
text-align: center;  
padding-top:0px;
margin-top:30px;
margin-right:0px;
margin-bottom:60px;
text-shadow: 0px 0px 5px #333;
line-height:20px;
   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: 'Moonni Zehher BF';text-transform: none;text-align: left;font-weight: normal;color: #556660;padding-top: 0px; padding-left:0px;margin-left:0px; margin-bottom:20px;margin-top:20px;font-size: 49px;letter-spacing:2px;border-left: 0px solid #ddd; }



h3 { 
font-family: 'Moonni Zehher BF';
text-transform: uppercase;
text-align: left;
font-weight: normal;
color: #6F847C;
background-color:#;
padding-top: 0px; 
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
margin-top:30px;
 font-size: 22px;
letter-spacing:2px;
border-radius:5px;
border-left: 0px solid #ddd;}
 
 
#taulukko {
text-transform: none;   background-color:#F2F2F2;
max-width:100%;
margin:auto; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-bottom:0px;}
 
#taulukko2 {
text-transform: none;   background-color:#6D5C5E;
max-width:100%;
margin:auto; 
margin-top: -30px; 
margin-left:-32px;
margin-right:0px;
margin-bottom: 0px; 
padding-bottom:0px;}

#otsikko{
text-transform: none;   background-color:#fff;
background-image: url('http://turjake.altervista.org/blush/taustablush5.jpg');
filter: grayscale(80%);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
max-width:1000px;
margin:auto; 
margin-top: 40px; 
border-radius:40px 40px 0 0;
height:170px;
margin-bottom: 0px; 
padding-bottom:40px;}
 
#text {
width: 1510px;
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:100%;padding-bottom:5px;background-color:#323D38;margin:auto; }

.oikea {
padding:30px 50px 10px 50px;
background-color:# ;}

.vasen {
padding:0px;
background-color:#37423E;}

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

.hs {
	vertical-align: bottom;
	font-size: 15px;
	border-bottom: solid 1px #E1E1E1;
	color: #534A4A;
	margin: 0;
	padding: 7px 0px 7px 15px;
}

.hs3 {
	vertical-align: bottom;
	font-size: 15px;
	border-bottom: solid 1px #E1E1E1;
	color: #534A4A;
	margin: 0;
	padding: 7px 0px 7px 15px;
}

.hs2 {
	vertical-align: top; 
	font-size: 15px;
	color: #534A4A;
	margin: 0;
	padding: 7px 0px 7px 15px;
}

.hs4 {
	vertical-align: top; 
	font-size: 15px;
	color: #534A4A;
	margin: 0;
	padding: 7px 0px 7px 15px;
}

.leftborder {
	border-left: solid 1px #E1E1E1;
	color: #534A4A;
}
.sukuu {
	text-transform: none;
	font-size: 15px;
background-color:#eaeaea;
	font-family: 'Roboto Condensed';
	font-weight: 400; 
	border-style: solid;
border-left:7px solid #D0D9D6;
border-right:7px solid #D0D9D6;
}
.sukuu b { font-weight: 700; color:#738A83;}
.sukuu small { text-transform: none; font-style: ; line-height:15px;
}

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

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

#jalkelaiset td {
    border-bottom:1px solid #E1E1E1;
    font-size: 14px;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0px;
    
}
.otsikkokuva2 {
 height:450px;
width:350px;
object-fit:cover;
object-position:50% 50%;  
margin:0px 17px 0px 7px;
box-shadow:0px 0px 20px #bbb;
border-radius:5px;
border-top:px solid #D5C2DA;
border-bottom:px solid #D5C2DA;}
 
.tiedot{
   width:100%;
margin:auto; 
text-transform:none;
background-color:;
   padding:0px;
font-size:12px;
   border-spacing:0px 0px;
   border-left:0px solid #c8c8c8;
margin-top:23px;
  
}

.vastaus {
font-size:13px;
   font-weight:none;
   letter-spacing:0px;
line-height:18px;
   padding-top: 15px;
   padding-left: 15px;
   padding-right: 3px;
   padding-bottom: 15px;
   border-bottom: 1px solid #E1E1E1;
}

.vastaus2 {
font-size:12px;
   font-weight:none;
   letter-spacing:0px;
line-height:18px;
   padding-top: 15px;
   padding-left: 15px;
   padding-right: 3px;
   padding-bottom: 15px;
   border-bottom: 0px solid #c8c8c8;
}

.tieto {
text-align:left;
width:15%;
text-transform:uppercase;
font-size:12px;
background-color:#eaeaea;
   padding-top: 15px;
   padding-left: 14px;
   padding-right: 3px;
   padding-bottom: 15px; 
   font-weight:600;
color:#42514B;
   letter-spacing:0px;
   border-right: 4px solid #C2CDCB;
   border-bottom: 1px solid #DAD3D3;
}


.tieto2 {
text-align:left;
width:15%;
text-transform:uppercase;
font-size:13px;
background-color:#eaeaea;
   padding-top: 15px;
   padding-left: 14px;
   padding-right: 3px;
   padding-bottom: 15px; 
   font-weight:600;
color:#42514B;
   letter-spacing:0px;
   border-right: 4px solid #C2CDCB;
   border-bottom: 0px solid #c8c8c8;
}


.loku {background-color:#E1E1E1;
padding:1px 4px 1px 4px;
text-transform:none;
font-size:11px;
color:#534A4A;}

  .ktk {margin-top: 25px;margin-bottom:-10px;}

.xx {height:300px;margin:30px 20px 4px 20px;
box-shadow:0px 0px 20px #bbb;
border-radius:5px;}

.xx2 {height:200px;margin:30px 20px 4px 20px;
box-shadow:0px 0px 20px #bbb;
border-radius:5px;}

.luonne {font-size:17px;line-height:27px;padding:0px 25px 15px 25px;}

.spoileri:not(a) {
    display:none; /* älä muuta tätä, tai muuten div ei oletuksena ole piilossa. */
}
                
a.spoileri {
    color:#556660; /* linkin väri, voit muuttaa tai poistaa */
}

a.spoileri:hover {
    cursor:pointer;
    color:white; /* linkin hover-väri, voit muuttaa tai poistaa */
}