@charset "utf-8";
/* CSS Document */

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 200px) and (max-width: 579px) {
	.banneri {
		margin-left: auto;
		margin-right: auto;
	}
	.linkit {
		height: 97px;
		width: 100%;
		background-image: url(kuvat/linkkitausta.jpg);
		background-repeat: repeat-x;
	}
	.linkkipalkki_mobi {
		padding-top: 30px;
		padding-left: 30px;
		width: 100%;
	}
	.linkkipalkki {
		display:none;
	}
	.etusivukuva {
		width: 100%;
		-webkit-box-shadow: 0 10px 6px -6px #5e5e5e;
		-moz-box-shadow: 0 10px 6px -6px #5e5e5e;
		box-shadow: 0 10px 6px -6px #5e5e5e;
		z-index:5;
		position: relative;
		background-color: #fb9c00;
	}
	.tekstialue {
		width: 100%;
		background-color: #fbfafa;
		overflow: auto;
	}
	.tekstit {
		width: 100%;		
		background-color: #fff;
		border-right: thin solid #e9e8e8;
		border-left: thin solid #e9e8e8;
		overflow: auto;
		line-height: 170%;
	}
	.vasen {
		width: 100%;
		float: left;
		padding-top: 10px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		min-height: 200px;
	}
	.oikea {
		width: 100%;
		float: left;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;		
	}
	.alapalkki {
		background-color: #fb9c00;
		min-height: 100px;
		width: 100%;
		overflow: auto;
	}
	.alapalkkisisalto {
		width: 100%;	
		font-size: 90%;
	}
	.alapalkki1 {
		width: 100%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 70px;
		padding-bottom: 5px;
	}
	.alapalkki2 {
		width: 100%;
		float: left;
		padding-right: 20px;
		padding-left: 70px;
	}
	.alapalkki3 {
		width: 100%;
		float: left;
		padding-right: 20px;
		padding-left: 70px;
		padding-bottom: 20px;
	}
	.knp {
		width: 90%;
		text-align: right;
		height: 100px;
		padding-top: 40px;
		font-size: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 580px) and (max-width: 900px) {
	.banneri {
		margin-left: auto;
		margin-right: auto;
	}
	.linkit {
		height: 97px;
		width: 100%;
		background-image: url(kuvat/linkkitausta.jpg);
		background-repeat: repeat-x;
	}
	.linkkipalkki {
		padding-top: 35px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
		word-spacing: 0.8em;
	}
	.linkkipalkki_mobi {
		display:none;
	}
	.etusivukuva {
		width: 100%;
		-webkit-box-shadow: 0 10px 6px -6px #5e5e5e;
		-moz-box-shadow: 0 10px 6px -6px #5e5e5e;
		box-shadow: 0 10px 6px -6px #5e5e5e;
		z-index:5;
		position: relative;
		background-color: #fb9c00;
	}
	.tekstialue {
		width: 100%;
		background-color: #fbfafa;
		overflow: auto;
	}
	.tekstit {
		width: 100%;		
		background-color: #fff;
		border-right: thin solid #e9e8e8;
		border-left: thin solid #e9e8e8;
		overflow: auto;
		line-height: 170%;
	}
	.vasen {
		width: 100%;
		float: left;
		padding-top: 10px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		min-height: 200px;
	}
	.oikea {
		width: 100%;
		float: left;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;		
	}
	.alapalkki {
		background-color: #fb9c00;
		min-height: 100px;
		width: 100%;
		overflow: auto;
	}
	.alapalkkisisalto {
		width: 100%;	
		font-size: 90%;
	}
	.alapalkki1 {
		width: 100%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 70px;
		padding-bottom: 5px;
	}
	.alapalkki2 {
		width: 100%;
		float: left;
		padding-right: 20px;
		padding-left: 70px;
	}
	.alapalkki3 {
		width: 100%;
		float: left;
		padding-right: 20px;
		padding-left: 70px;
		padding-bottom: 20px;
	}
	.knp {
		width: 90%;
		text-align: right;
		height: 100px;
		padding-top: 40px;
		font-size: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 901px) and (max-width: 1269px) {
	.banneri {
		width: 824px;
		height: 182px;
		margin-left: auto;
		margin-right: auto;
	}
	.linkit {
		height: 97px;
		width: 100%;
		background-image: url(kuvat/linkkitausta.jpg);
		background-repeat: repeat-x;
	}
	.linkkipalkki {
		padding-top: 35px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
		word-spacing: 0.8em;
	}
	.linkkipalkki_mobi {
		display:none;
	}
	.etusivukuva {
		width: 100%;
		-webkit-box-shadow: 0 10px 6px -6px #5e5e5e;
		-moz-box-shadow: 0 10px 6px -6px #5e5e5e;
		box-shadow: 0 10px 6px -6px #5e5e5e;
		z-index:5;
		position: relative;
		background-color: #fb9c00;
	}
	.tekstialue {
		width: 100%;
		background-color: #fbfafa;
		overflow: auto;
	}
	.tekstit {
		width: 100%;		
		background-color: #fff;
		border-right: thin solid #e9e8e8;
		border-left: thin solid #e9e8e8;
		overflow: auto;
		line-height: 170%;
	}
	.vasen {
		width: 70%;
		float: left;
		padding-top: 10px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		border-right: 5px solid #fbfafa;
		min-height: 500px;
	}
	.oikea {
		width: 30%;
		float: right;
		padding-top: 40px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;		
	}
	.alapalkki {
		background-color: #fb9c00;
		height: 100px;
		width: 100%;
	}
	.alapalkkisisalto {
		width: 100%;	
		font-size: 90%;
	}
	.alapalkki1 {
		width: 35%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 70px;
		padding-bottom: 20px;
	}
	.alapalkki2 {
		width: 35%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 30px;
		padding-bottom: 20px;
	}
	.alapalkki3 {
		width: 30%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 30px;
		padding-bottom: 20px;
	}
	.knp {
		width: 90%;
		text-align: right;
		height: 100px;
		padding-top: 40px;
		font-size: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1270px) {
	.banneri {
		width: 824px;
		height: 182px;
		margin-left: auto;
		margin-right: auto;
	}
	.linkit {
		height: 97px;
		width: 100%;
		background-image: url(kuvat/linkkitausta.jpg);
		background-repeat: repeat-x;
	}
	.linkkipalkki {
		padding-top: 35px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 120%;
		word-spacing: 0.8em;
	}
	.linkkipalkki_mobi {
		display:none;
	}
	.etusivukuva {
		width: 100%;
		-webkit-box-shadow: 0 10px 6px -6px #5e5e5e;
		-moz-box-shadow: 0 10px 6px -6px #5e5e5e;
		box-shadow: 0 10px 6px -6px #5e5e5e;
		z-index:5;
		position: relative;
		background-color: #fb9c00;
	}
	.tekstialue {
		width: 100%;
		background-color: #fbfafa;
		overflow: auto;
	}
	.tekstit {
		width: 1250px;
		margin-left: auto;
		margin-right: auto;		
		background-color: #fff;
		border-right: thin solid #e9e8e8;
		border-left: thin solid #e9e8e8;
		overflow: auto;
		line-height: 170%;
	}
	.vasen {
		width: 70%;
		float: left;
		padding-top: 10px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;
		border-right: 5px solid #fbfafa;
		min-height: 500px;
	}
	.oikea {
		width: 30%;
		float: right;
		padding-top: 35px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 30px;		
	}
	.alapalkki {
		background-color: #fb9c00;
		height: 100px;
		width: 100%;
	}
	.alapalkkisisalto {
		width: 1250px;
		margin-left: auto;
		margin-right: auto;	
		font-size: 90%;
	}
	.alapalkki1 {
		width: 35%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 70px;
		padding-bottom: 20px;
	}
	.alapalkki2 {
		width: 35%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 30px;
		padding-bottom: 20px;
	}
	.alapalkki3 {
		width: 30%;
		float: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-left: 30px;
		padding-bottom: 20px;
	}
	.knp {
		width: 1000px;
		text-align: right;
		height: 100px;
		padding-top: 40px;
		font-size: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

body {
	background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	color: #010916;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
.etusivukuva img, .banneri img {
	max-width:100% !important;
	height:auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.english {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
a:link {
	color: #010916;
	text-decoration: none;
}
a:visited {
	color: #010916;
	text-decoration: none;
}
a:hover {
	color: #010916;
	text-decoration: underline;
}
a:active {
	color: #010916;
	text-decoration: none;
}
.tekstit a:link {
	color: #010916;
	text-decoration: underline;
}
.tekstit a:visited {
	color: #010916;
	text-decoration: underline;
}
.tekstit a:hover {
	color: #010916;
	text-decoration: underline;
}
.tekstit a:active {
	color: #010916;
	text-decoration: underline;
}
.alapalkki_sisalto a:link {
	color: #fff;
	text-decoration: none;
}
.alapalkki_sisalto a:visited {
	color: #fff;
	text-decoration: none;
}
.alapalkki_sisalto a:hover {
	color: #fff;
	text-decoration: underline;
}
.alapalkki_sisalto a:active {
	color: #fff;
	text-decoration: none;
}
h1 {
	font-size: 160%;
	font-weight: bold;
}
h2 {
	font-size: 150%;
	font-weight: bold;
}
h3 {
	font-size: 140%;
	font-weight: bold;
}
h4 {
	font-size: 130%;
	font-weight: bold;
}
h5 {
	font-size: 120%;
	font-weight: bold;
}
h6 {
	font-size: 110%;
	font-weight: bold;
}
.tekstit h1 {
	font-size: 300%;
	font-weight: bold;
	color: #fb9c00;
}
.tekstit h2 {
	font-size: 150%;
	font-weight: bold;
	color: #fb9c00;
}