* {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-align: left;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
}
html {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
}
@media all and (max-width: 69em) { html { font-size: 15px; } }
@media all and (max-width: 64em) { html { font-size: 14px; } }
@media all and (max-width: 36em) { html { font-size: 13px; } }
@media all and (max-width: 33em) { html { font-size: 12px; } }
@media all and (max-width: 30em) { html { font-size: 12px; } }

textarea, pre, code {
	font-family: monospace;
}
h4, b, em, th, caption span, dt {
	font-weight: bold;
}
i {
	font-style: italic;
}
small, sup, sub {
	font-size: smaller;
}
big {
	font-size: larger;
}

em.u {
	font-weight: normal;
	font-weight: inherit;
	text-decoration: underline;
}
button {
	text-align: center;
}
button, select {
	border: 2px outset black;
}
button:active, input, select[multiple], textarea, iframe {
	border: 2px inset black;
}
button, input, select {
	border-radius: 4px;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"],
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="image"]) {
	width: 18em;
}

div, fieldset, blockquote, pre, img {
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
}
img {
	max-width: 100%;
}
ul, ol {
	margin: 0;
	padding: 0 0 0 3em;
}
@counter-style ol-finnish {
	system: extends decimal;
	suffix: ")  ";
}
@counter-style ol-finnish-alpha {
	system: extends lower-alpha;
	suffix: ")  ";
}
ul {
	list-style: disc;
	list-style: "– ";
}
ol {
	list-style-type: ol-finnish;
}
ol.kirjaimet {
	list-style-type: lower-alpha;
	list-style-type: ol-finnish-alpha;
}

textarea, pre, code {
	tab-size: 4;
}
textarea {
	max-width: 100%;
}

h1 {
	font-size: 130%;
}
h2, h2 + p.h-linkit {
	font-weight: bold;
	font-size: 110%;
}

h3, h2.h3, h4 {
	font-weight: bold;
	font-size: 100%;
}
h3 .aika {
	font-weight: normal;
}
h4 {
	width: -moz-fit-content;
	width: fit-content;
}

td, th, caption span {
	text-align: left;
	vertical-align: top;
}
/* label * {
	vertical-align: middle;
} */

h2.h-linkit, h3.h-linkit {
	z-index: 1;
	float: left;
	clear: left;
}
p.h-linkit {
	text-align: right;
}
p.h-linkit > * {
	margin-left: 0.5em !important;
}
p.h-linkit + * {
	clear: left;
}

h2, h2 + p.h-linkit {
	margin: 0 0 1em;
}

h3, h3 + p.h-linkit,
h4, table, p, summary, ul, ol, dl, iframe {
	margin: 0 0 0.75em;
}

td, th, caption span,
h2, h2 + p.h-linkit,
h3, h3 + p.h-linkit, .h3 {
	padding: 0.1em 0.5em;
}

table {
	border-collapse: collapse;
	width: 100%;
}
table.kapea {
	width: auto;
}
.wrap {
	white-space: normal;
}
@media all and (min-width: 36em) {
	.nowrap {
		white-space: nowrap;
	}
}
.oikea {
	text-align: right;
}
.keski {
	text-align: center;
}
td.kapea, th.kapea {
	width: 0.1%;
}
table.border {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid black;
}
table.border td, table.border th {
	padding: 1px 3px;
	border: 1px solid black;
}

caption span {
	display: inline-block;
	font-size: 110%;
}

fieldset.tyokalut {
	border: 1px solid black;
	padding: 0.5em;
	margin: 0 0 1em;
}
fieldset.tyokalut legend {
	margin-left: 1em;
	cursor: pointer;
}
fieldset.submit {
	margin: 1em 0;
}

.linkkilista, .sivutus {
	margin-left: 0;
	padding: 0;
}
.linkkilista li, .sivutus li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
.linkkilista li:before, .sivutus li:before {
	content: ' | ';
	padding: 0 0.2em;
}
.linkkilista li:first-child:before, .sivutus li:first-child:before {
	content: '';
	padding: 0;
}
.sivutus li * {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
}
span.linkkilista, span.sivutus {
	float: left;
	margin-right: 0.2em;
}

h2.sivunumero {
	display: none;
}

.sisallysluettelo {
	border: 1px solid black;
	margin: 0 0 1em 1em;
	padding: 1em;
	float: right;
	clear: left;
	z-index: 1;
}
.sisallysluettelo ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sisallysluettelo ul {
	margin: 0;
	padding: 0 0 0 1.2em;
}
.sisallysluettelo .valittu > :first-child {
	font-weight: bold;
}

dd + dd {
	margin-top: 0.3em;
}
dl.perakkain dt, dl.allekkain dt {
	font-weight: normal;
}
dl.perakkain dd, dl.allekkain dd {
	margin-left: 0;
}
dl.perakkain dt {
	float: left;
	margin-right: 0.4em;
}
dl:not(.perakkain):not(.allekkain) dd + dt {
	margin-top: 0.4em;
}

button.linkki {
	margin: -1px 0; /* Firefox-bugi? */
	border: 0;
	padding: 0;
	background-color: transparent !important;
	display: inline;
	text-align: left;
}
a:link, a.link, button.linkki {
	cursor: pointer;
}

.spinner:after {
	display: inline-block;
	background: white;
	box-shadow: 0 0 1px white;

	content: '↻';
	font-size: 1.5em;
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	border: 2px solid transparent;
	border-width: 2px 0;
	animation: spinner .8s ease infinite;
}
@keyframes spinner {
	100% { transform: rotate(360deg); }
}

.aihetaulu__viestin-tiedot, .aluetaulu__viestin-tiedot {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.aihetaulu td, .aluetaulu td {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.profiili-kuvaaja {
	max-width: 394px;
}

@media screen and (min-width: 360px) {
	.ignore-ilmoitus-iso {
		display: inline-block;
		vertical-align: top;
		border: 2px solid #900;
		font-size: 0;
		width: 256px;
		height: 96px;
		margin: 8px;
		background-image: url('https://placekitten.com/256/96');
	}
	#sivupalkki .ignore-ilmoitus-iso {
		width: 128px;
		height: 64px;
		background-image: url('https://placekitten.com/128/64');
	}
}