@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Jura:wght@300..700&family=Rajdhani:wght@300;400;500;600;700&display=swap');

body {
background-image: url('img/wp_mottled_155.jpg');
	margin:50px;
	text-align: justify;
	cursor: default;
	font-family: EB Garamond;
	font-size: 19px;
	color: #333333;
	line-height: 23px;
	text-align: justify;
	cursor: default;

}

pre {
	font-family: Jura;
	font-size: 13pt;
	color: #333333;
	line-height: 26px;
}

/* laatikko */

#divi {
	width: 70%;
	max-width: 1300px;
	position: relative;
	background: url(img/raita.jpg);
	margin: auto;
	padding-left: 0;
	box-shadow: 0px 0px 20px #000000; 
	border:0px solid #342f26;
	text-align: justify;

	padding: 40px 60px;
	font-family: Jura;
	font-size: 13pt;
	color: #333333;
	line-height: 26px;
	overflow: hidden;

	cursor: default;


}

.column0 {
  float: left;
  width: 33%;
    text-transform:uppercase;
  padding: 15px;
}
.column0 a:link { text-decoration:none; }

.row::after {
  content: "";
  display: table;
  clear: both;
}

.txt {
	font-family: 'Jura', serif;
	font-size: 14pt;
	color: #333333;
	font-style: normal;
	line-height: 23px;
	text-align: justify;
 }

.txt2 {
	font-family: 'Rajdhani', serif;
	font-size: 15pt;
	color: #333333;
	font-style: normal;
	line-height: 28px;
	text-transform:uppercase;
	cursor: default;
	margin: 10px 0px 8px 0px;
	font-weight: 500;
 }

.txt3 {
	font-family: 'Rajdhani', serif;
	font-size: 20pt;
	color: #333333;
	font-style: normal;
	line-height: 34px;
	letter-spacing: 1px;
	text-transform:uppercase;
	cursor: default;
	font-weight: 500;
}

.txt3 small {
	font-size: 14pt;
	text-transform:none;
}

.ot {
	font-family: 'Rajdhani', serif;
	font-size: 62pt;
	color: #FFF;
	line-height: 23px;
	letter-spacing: 6px;
	text-align: center;
	cursor: default;
	padding:30px 0px 20px 0px;
text-transform:uppercase;
}

.ot2 {
	font-family: 'Rajdhani', serif;
	font-size: 62pt;
	color: #FFF;
	line-height: 23px;
	letter-spacing: 6px;
	text-align: center;
	cursor: default;
	padding:30px 0px 40px 0px;
text-transform:uppercase;
}

.alaot {
	font-family: 'Rajdhani', serif;
	font-size: 18pt;
	color: #FFF;
	line-height: 23px;
	letter-spacing: 9px;
	text-align: center;
	cursor: default;
	padding:20px 10px 0 10px;
text-transform:uppercase;
}

h1 {
	font-family: 'Rajdhani', serif;
	font-size: 30pt;
	color: #333333;
	text-transform:uppercase;
	line-height: 23px;
	letter-spacing: 3px;
	text-align: left;
	padding:20px 0px 20px 6px;
}

h2 {
	font-family: 'Rajdhani', serif;
	font-size: 24pt;
	color: #333333;
	text-transform:uppercase;
	line-height: 23px;
	letter-spacing: 3px;
	text-align: center;
	padding:0px 0px 20px 0px;
}

h3 {
	font-family: 'Rajdhani', serif;
	font-size: 20pt;
	color: #333333;
	text-transform:uppercase;
	line-height: 1.6;
	letter-spacing: 3px;
	text-align: center;
	padding:0px 0px 20px 0px;
}

h3 small {
	font-family: Jura;
	font-size: 13pt;
	letter-spacing: 1px;
}


a:link, a:active, a:visited { color: #548B69; text-decoration:none; }
a:hover{color:#345741;text-decoration:none;cursor:hand;transition: all .3s linear;}

.border {
box-shadow: 0px 0px 10px #9B9B9B;
}

.borderradius {
border-radius: 50%;
box-shadow: 0px 0px 10px #9B9B9B;
}

.merkki { font-size: 16pt; }
.merkki2 { font-size: 10pt; }
.pikkuinfo { font-size: 10pt; margin-left: 3px; color: #5F5F5F; }

.prosentit { font-size: 10pt; margin-left: 5px; color: #5F5F5F; text-transform:none; }

span { text-transform:uppercase; }

t {
	font-family: 'Rajdhani', serif;
	font-size: 20px;
	color: #548B69;
	font-style: normal;
	line-height: 34px;
	letter-spacing: 1px;
	text-transform:uppercase;
	cursor: default;
	font-weight: 600;
 }


.meriittirivi {
	font-family: 'Rajdhani', serif;
	font-size: 16pt;
	color: #333333;
	text-transform:uppercase;
	text-align: center;
	margin:0px 0px 30px 0px;
}

.meriittitaulukko { width:100%; }

.tiedot {
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    text-align: left;
    padding-left: 0px;
}

.tiedot2 {
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    text-align: left;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tieto {
background-color: rgba(82, 135, 103, 0.1);
    padding: 6px 0px 6px 15px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 13pt;
    text-transform: uppercase;
font-weight:700;
    color: #000;
    line-height: 150%;
width: 19%;
}

.tieto2 {
background-color: rgba(82, 135, 103, 0.1);
    padding: 6px 0px 6px 15px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 13pt;
    text-transform: uppercase;
font-weight:700;
    color: #000;
    line-height: 150%;
width: 300px;
}

.vastaus {
background-color: rgba(255, 255, 255, 0.8);
    padding: 6px 0px 6px 15px;
	font-family: Jura;
	font-size: 13pt;
	color: #333333;
    line-height: 150%;
}



.kuvagalleria {
  margin: 0px auto 0px auto;
  width: 100%;
  text-align: center;
  margin-top:10px;
}

.kuvagalleria img { margin: 0 7px; box-shadow: 0px 0px 5px #9B9B9B; }

.pkkkuva { width: 120px; }
.pkkkuva img { box-shadow: 0px 0px 5px #C4C4C4; width: 90px; border-radius: 2px; }

.ruusukkeet { text-align:center; }
.ruusukkeet img { height: 180px; margin: 5px; }

.kisaruusukkeet img { height: 300px; margin: 5px; }



.column_meriitit1 {
  float: left;
  width: 70%;
  padding: 0 30px 0 0;
}

.column_meriitit2 {
  float: left;
  width: 30%;
  padding: 0 0 0 30px;
}

.row_meriitit:after {
  content: "";
  display: table;
  clear: both;
}


.haka
{
font-family: Times New Roman;
font-size: 4em; 
color:#323227; 
text-align:left;
}
.pikkuhaka
{
font-family: Times New Roman;
font-size: 2em; 
color:#323227; 
text-align:center;
}

.kisakalenteri { width:100%; border-collapse:collapse; border-top: solid rgba(82, 135, 103, 0.1) 1px; }
.kisakalenteri td { border-bottom: solid rgba(82, 135, 103, 0.1) 1px; padding: 5px; }
.kisakalenteri img { margin-right: 5px; margin-bottom: 3px; }
.kisakalenteri tr:hover {background-color: rgba(82, 135, 103, 0.05); }







.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
    font-family: 'Rajdhani', sans-serif;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 35px;
  transition: 0.3s;
  font-size: 17pt;
font-weight: 500;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: rgba(82, 135, 103, 0.15);
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: rgba(82, 135, 103, 0.1);
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 0px;
  border-top: none;
}



.tooltip { position: relative; display: inline-block; cursor: pointer; font-size: 10pt; color: #949494; }

.tooltiptext {
font-size: 13pt;
  visibility: hidden;
  width: 150px;
  background: url(img/raita.jpg);
box-shadow: 0px 0px 1px #000000;
  color: #333333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 105%;
text-transform:none;
}

.tooltip:hover .tooltiptext, .tooltip2:hover .tooltiptext2 {
  visibility: visible;
}

.tooltip2 { position: relative; display: inline-block; cursor: pointer; font-size: 10pt; color: #949494; margin-left: 10px; }

.tooltiptext2 {
text-transform: none;
font-size: 12pt;
  visibility: hidden;
  width: 200px;
  background: #FFF;
box-shadow: 0px 0px 1px #000000;
  color: #333333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 105%;
}









@media screen and (max-width: 1024px) 
{
#divi {
	width: 80%;

}
#boksi {

	width: 90%;
	padding: 20px;
}
  .column0 {
    width: 100%;
    display: block;
    }

@media screen and (max-width: 768px) 
{
#divi {
	width: 90%;

}
#boksi {

	width: 95%;
	padding: 25px;
}
  .column0 {
    width: 100%;
    display: block;
    }


@media screen and (max-width: 600px) 
{
#divi {
	width: 99%;

}
#boksi {
	width: 99%;
	padding: 10px;
}
  .column0 {
    width: 100%;
    display: block;
    }
--></style>


<style type="text/css">
<!--

/* latin-ext */
@font-face {
  font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Baskervville Regular'), local('Baskervville-Regular'), url(https://fonts.gstatic.com/s/baskervville/v1/YA9Ur0yU4l_XOrogbkun3kQQvpmptvY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Baskervville Regular'), local('Baskervville-Regular'), url(https://fonts.gstatic.com/s/baskervville/v1/YA9Ur0yU4l_XOrogbkun3kQQsJmp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Oranienbaum';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(https://fonts.gstatic.com/s/oranienbaum/v8/OZpHg_txtzZKMuXLIVrx-0zt5E3Hdg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oranienbaum';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(https://fonts.gstatic.com/s/oranienbaum/v8/OZpHg_txtzZKMuXLIVrx-0zk5E3Hdg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Oranienbaum';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(https://fonts.gstatic.com/s/oranienbaum/v8/OZpHg_txtzZKMuXLIVrx-0zu5E3Hdg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oranienbaum';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(https://fonts.gstatic.com/s/oranienbaum/v8/OZpHg_txtzZKMuXLIVrx-0zg5E0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v7/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v7/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}