@media print{
	nav
	{display: none;}
	html
	{font-family: "Times New Roman", serif;}
}

@media all and (max-width: 600px) {
	.mobiiliHakemisto {
	display: grid;
	column-gap: 0.5em;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	margin-top: 1em;
	}
	.mobiiliHakemisto div {
	background: #D0D4F4;
	}
	img {
	width: 80%;
	padding: 0em;
	margin: 0em;
	}
	.videoMobiili {
	width: 100%;
	height: 16em;
	}
	.alapalkkiMobiili {
	display: flex;
	position: absolute;
	background: #D0D4F4;
	align-items: center;
	width: 100%;
	left: 0px;
	height: 2em;
	}
	.alapalkkiMobiili .vasen{
		width: 50%;
	}
	
	.alapalkkiMobiili .oikea{
		width: 50%;
		text-align: right;
	}
}/*--------------------------------------------------------------------------*/

@media all and (min-width: 601px) {
	.ylapalkki {
	float: right;
	display: flex;
	flex-direction: row;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	right: 0px;
	height: 2em;
	overflow: hidden;
	background: #D0D4F4;
	align-items: center;
	}
	.ylapalkki div {
		padding-left: 0.5em;
		padding-right: 0.5em;
		border-right: 1px solid #7172B4;
	}

	.ylapalkki div:last-child {
		border-right: none;
	}

		.taulukko {
		display: grid;
		float: left;
		background: #D0D4F4;
		border: 0.675em solid #646BE6;
		padding: 0.5em;
		margin: 0.5em;
		margin-left: 0;
		width: 14em;
	}

	.vasenTaulukko {
		background: #D0D4F4;
		position: absolute;
		top: 0;
		left: 0;
		width: 10%;
		min-height: 100%;
		padding: 1%;
	}

	.ylapalkkiEx {
		display: flex;
		flex-direction: row;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 88%;
		margin-left: 12%;
		right: 0px;
		height: 2em;
		overflow: hidden;
		background: #D0D4F4;
		align-items: center;
	}

		.alapalkkiEx {
		display: flex;
		position: absolute;
		background: #D0D4F4;
		align-items: center;
		width: 88%;
		margin-left: 12%;
		left: 0px;
		height: 2em;
	}
	
	.video {
		width: 36em;
		height: 20em;
	}

	.alapalkkiEx .vasen{
		width: 50%;
	}

	.alapalkkiEx .oikea{
		width: 50%;
		text-align: right;
	}

	img {
		padding-top: 1em;
		padding-left: 2em;
	}

	.hakukone {
		position: absolute;
		right: 0px;
		margin: 0px;
	}

	.vasenVali {
		margin-left: 12%;
	}

	.linkkeja {
		padding-left: 0.5em;
		padding-right: 0.5em;
		border-right: 1px solid #7172B4;
	}

	.vikaLinkki {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	h1 {
		margin-top:1.75em;
	}
}/*---------------------------------------------------------------------------*/

body {
	font-family: Georgia, serif;
	font-size: 100%;
	height: 100%;
}

html{
    min-height:100%;
    position:relative;
}

ul {
	padding-left: 1em;
	margin: 0;
}

table {
	border: dashed 0.25em #646BE6;
	border-collapse: collapse;
}

td {
	border: dashed 0.15em #646BE6;
	padding: 0.2em;
}

th {
	border: dashed 0.15em #646BE6;
	padding: 0.2em;
}

fieldset p {
	margin: 0.5em;
}

fieldset p input {
	float: right;
}

.galleria {
	display: flex;
	flex-wrap: wrap;
}

.reunaton {
	padding-left: 1em;
	padding-top:0;
}

.alapalkki {
	display: flex;
	position: absolute;
	background: #D0D4F4;
	align-items: center;
	width: 100%;
	left: 0px;
	height: 2em;
}

.alapalkki .vasen{
	width: 50%;
}

.alapalkki .oikea{
	width: 50%;
	text-align: right;
}

.caption {
	display: block;
}

div.item {
	vertical-align: top;
	display: inline-block;
	text-align: center;
}

.kysely {
	width: 60%;
}

.oikealle {
	float: right;
}