@font-face {
    font-family: "Merriweather";
    src: url("Merriweather-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Merriweather";
    src: url("Merriweather-Italic.ttf") format("truetype");
    font-style: italic;
}


/* ------ Tyylitiedosto - new age - joulukuu 2025 ------ */

body	{ background: #ffffff; margin: 0px; padding: 0px; }
	     
h1, h2, h3, h4 {font-family: Merriweather, Georgia, serif; color: #40719d; font-weight: bold; font-style: normal; line-height: 1; margin: 1em 0px 0.5em 0px;  }

h1 	{font-size: 53px; } /* 1.33 */
h2 	{font-size: 40px; }
h3 	{font-size: 30px; }
h4 	{font-size: 23px; }
h5 	{font-size: 17px; }  



p 	{font-family: 'Merriweather', Georgia, serif; font-weight: normal; line-height: 1.5; font-size: 17px; color: #303030; text-align: justify;
     margin: 1em 0px 1em 0px; }

a { font-family: 'Merriweather', Georgia, serif; font-weight: bold; line-height: 1.5; font-size: 17px; color: #40719d; text-decoration: none;
    transition: 0.5s; border-radius: 8px;  }
    
a:hover { color: #6795bf; }

a.ultra { font-family: 'Merriweather', Georgia, serif; padding: 15px 20px 15px 20px; background: #303030; color: #ffffff; text-decoration: none;
          margin-top: 1em; display: inline-block; }
a.ultra:hover { background: #40719d; }

.header a { background: #fff; padding: 10px 14px 9px 14px; }
.header a:hover { color: #303030; }

* { border: 0px solid #ff0000; }

.sisa { margin-left: auto; margin-right: auto; max-width: 1000px; padding-left: 20px; padding-right: 20px; }

img { width: 26%; min-width: 200px; float: right; padding-left: 40px; margin-bottom: 35px; margin-top: 5px; }

@media (max-width:600px) { img { padding: 0px 0px 20px 0px; width: 100%; float: none; padding: }}

img.galleria { width: auto; padding-left: 20px; padding-right: 20px; }
.otteita { text-align: left; }
.otteita a { background: #ffffff; border: 2px solid transparent; transition: 0.2s border; }
.otteita a:hover { border: 2px solid #99e2e5; }

.header, .footer { margin: 0px; padding: 5px; }
.header, .footer, .suosituksia { background: #e2eef4; }
    
.header2 { }
.header2 h4 { color: #b2d4e6; text-transform: uppercase; padding-top: 30px; }

.esittely { }

.suosituksia { color: #808080; font-style: italic; padding-bottom: 50px; padding-top: 50px; margin-top: 20px; border-bottom: 1px solid #f0f0f0; }
.suosituksia p { font-style: italic; }
.suosituksia h2 { font-style: normal; }

.sisalto b { color: #101010;  }

.hakusanat { }

.hakusanat-luettelo { }

.otteita { }

a.lukunayte { color: #303030; margin: 30px 0px 30px 0px; padding: 15px 20px 15px 20px; border: 2px solid #303030; }

.footer p, .footer a { color: #40719d; font-weight: bold; font-size: 15px; text-align: center; }


@media (max-width:600px) { h1 	{font-size: 58px; }
                           .header2 h4 { padding-top: 0px; }

}