html, body { 
	background: #ffffff; 
	color: #4c4c4c;
	padding: 10px !important;
	font-family: 'Lato', Arial, sans-serif;
    	font-size: medium;
    	line-height: 1.4;
}
	
a {
	color: #0567b1;
	text-decoration: none;
	-webkit-transition: color 400ms, background-color 400ms, linear;
	-moz-transition: color 400ms, background-color 400ms, linear;
	-o-transition: color 400ms, background-color 400ms, linear;
	transition: color 400ms, background-color 400ms, linear;
}
	
a:hover, a:active, a:focus { color: #4c4c4c; }

a img {
	display: block;
	border: 0;
	max-width: 100%; /*12.12.2019*/
}

p, blockquote, hr, ul, ol, h1 { margin: 1em 0; }

h2, h3, h4, h5, h6 { margin: 1.4em 0 0.8em 0; }

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: 'pf_beausans_prothin', 'Lato', sans-serif;
	font-weight: normal;
	line-height: 1.3;
	padding: 0;
}

h1 { font-size: 185%; }

h2 { font-size: 125%; }

h3 { font-size: 105%; }

h4, h5, h6 { font-size: 100%; }

ul, ol {
	font-size: 100%;
	padding-left: 35px;
}

hr {
	background: #e6e6e6;
	color: #e6e6e6;
	height: 1px;
}

b, strong { font-weight: 700; }

blockquote {
	border-width: 0 0 0 1px;
	padding: 0 0 0 20px;
}

table, td { font-size: 100%; }

*:first-child { margin-top: 0; }

.kuva-oikealla {
	float: right;
	margin: 0.5em 0 0.5em 20px;
}

.kuva-vasemmalla {
        float: left;
        margin: 0.5em 20px 0.5em 0;
}

.kuva-keskella {
	display: block;
        margin: 0.5em auto 0.5em auto;
}

table.taulukko, table.taulukko th, table.taulukko td { border-color: #e6e6e6; }

table.taulukko {
	border-width: 1px;
	border-collapse: separate;
	border-spacing: 0;
	margin: 20px 0;
	width: 100%;
}

.taulukko-wrapper { margin: 20px 0; }

.taulukko-wrapper table.taulukko { margin: 0; }

table.taulukko th, table.taulukko thead td {
	background: #ffffff;
	border-width: 0 0 1px 1px;
	padding: 7px 9px;
	text-align: left;
}

table.taulukko th h1, table.taulukko th h2, table.taulukko th h3,
table.taulukko th h4, table.taulukko th h5, table.taulukko th h6,
table.taulukko th p, table.taulukko thead h1, table.taulukko thead h1,
table.taulukko thead h3, table.taulukko thead h4, table.taulukko thead h6,
table.taulukko thead p { margin: 0; }

table.taulukko th:first-child, table.taulukko thead td:first-child { border-width: 0 0 1px 0; }

table.taulukko tbody tr:nth-child(odd) { background: #f5f5f5; }

table.taulukko td {
	border-width: 1px 0 0 1px;
	padding: 7px 9px;
}

table.taulukko tbody tr:first-child td { border-width: 0 0 0 1px; }

table.taulukko tbody td:first-child { border-width: 1px 0 0 0; }

table.taulukko tbody tr:first-child td:first-child { border-width: 0; }

table.taulukko p { margin: 0; }

table.taulukko p + p { margin-top: 1em; }

a.nappi {
	background: #0567b1;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 15px;
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 85%;
	text-align: center;
	line-height: 1.3;
}

.kuva-teksti-oikealla {
  color: #828282;
  width: 100%;
  text-align: right;
  margin-top: -0.5em;
  font-size: 90%;
  font-style: italic;
}

.kuva-teksti-vasemmalla {
	color: #828282;
	width: 100%;
	float: left;
	margin-top: -0.5em;
	font-size: 90%;
	font-style: italic;
}

.kuva-teksti-keskella {
	color: #828282;
	width: 100%;
	text-align: center;
	margin-top: -0.5em;
	font-size: 90%;
	font-style: italic;
}

/*
.kuva-ympyra{
	border: 1px solid #e6e6e6;
	border-radius: 50%;
	behavior: url(/media/layout/pie/pie.htc);
	position: relative;
}
*/