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

/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) and (max-width: 479px) {
	.pohja {	
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.tausta_index {
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.linkkitausta{
		background-image: url(kuvat/linkkipalkki.jpg);
		background-repeat: repeat-x;
		width: 100%;
		height: 43px;
		margin-right: auto;
		margin-left: auto;
	}
	.alapalkki {
		background-image: url(kuvat/alapalkki2.jpg);
		background-repeat: no-repeat;
		height: 90px;
	}
	.tekstit {
		background-color: #FFF;
		color: #184DB5;
		line-height: 150%;
	}
	.banneri {
		display: none;
	}
	.banneri_mobi {
		background-color: #1386d9;
	}
	.linkit {
		display: none;
	}
	.menupalkki_mobi {
		padding-left: 50px;
	}
	.teksti_index {
		width: 90%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.tausta {
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.teksti {
		width: 90%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.kuvia {
		max-width: 100%;
		float:left;
	}
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.pohja {	
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.tausta_index {
		background-image: url(kuvat/mobitausta.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.linkkitausta{
		background-image: url(kuvat/linkkipalkki.jpg);
		background-repeat: repeat-x;
		width: 100%;
		height: 43px;
		margin-right: auto;
		margin-left: auto;
	}
	.alapalkki {
		background-image: url(kuvat/alapalkki2.jpg);
		background-repeat: no-repeat;
		height: 90px;
	}
	.tekstit {
		background-color: #FFF;
		color: #184DB5;
		line-height: 150%;
	}
	.banneri {
		display: none;
	}
	.banneri_mobi {
		height: 120px;
		background-color: #1386d9;
	}
	.linkit {
		display: none;
	}
	.menupalkki_mobi {
		padding-left: 50px;
	}
	.teksti_index {
		width: 90%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.tausta {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.teksti {
		width: 90%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.kuvia {
		max-width: 100%;
		float:left;
	}
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 1019px) {
	.pohja {	
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.tausta_index {
		background-image: url(kuvat/indextausta.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.linkkitausta {
		background-image: url(kuvat/linkkipalkki.jpg);
		background-repeat: repeat-x;
		width: 100%;
		height: 43px;
		margin-right: auto;
		margin-left: auto;
	}
	.alapalkki {
		background-image: url(kuvat/alapalkki2.jpg);
		background-repeat: no-repeat;
		height: 90px;
	}
	.tekstit {
		background-color: #FFF;
		color: #184DB5;
		line-height: 150%;
	}
	.banneri {
		display: none;
	}
	.banneri_mobi {
		height: 120px;
		background-color: #1386d9;
	}
	.menupalkki_mobi {
		display: none;
	}
	.teksti_index {
		width: 50%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.tausta {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 500px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.teksti {
		width: 70%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.linkit {
		word-spacing: 1em;
		margin-left: 50px;
		font-size: 120%;
		padding-top: 8px;	
		font-weight: bold;
	}
	.kuvia {
		max-width: 50%;
		float:left;
	}
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1020px) {
	.pohja {	
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.tausta_index {
		background-image: url(kuvat/indextausta.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 500px;
		width: 986px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.linkkitausta {
		background-image: url(kuvat/linkkipalkki.jpg);
		background-repeat: repeat-x;
		width: 986px;
		height: 43px;
		margin-right: auto;
		margin-left: auto;
	}
	.alapalkki {
		background-image: url(kuvat/alapalkki.jpg);
		background-repeat: no-repeat;
		height: 90px;
	}
	.tekstit {
		background-color: #FFF;
		background-image: url(kuvat/pohjakuva.jpg);
		background-repeat: repeat-y;
		color: #184DB5;
		line-height: 150%;
	}
	.linkkipalkki {
		background-image: url(kuvat/pohjakuva.jpg);
		background-repeat: no-repeat;
	}
	.banneri_mobi {		
		display: none;
	}
	.menupalkki_mobi {
		display: none;
	}
	.teksti_index {
		width: 50%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}
	.tausta {		
		background-size: contain;
		background-repeat: no-repeat;
		background-position: right top;
		min-height: 500px;
		width: 986px;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	.teksti {
		width: 50%;
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 50px;
	}	
	.linkit {
		word-spacing: 2em;
		margin-left: 50px;
		font-size: 120%;
		padding-top: 8px;	
		font-weight: bold;
	}
	.kuvia {
		max-width: 50%;
		float:left;
	}
}

body {
	background-color: #6bbbf1;
	margin: 0px;
	color: #184DB5;
}
.banneri img, .banneri_mobi img, .alapalkki img, .teksti_index img {
	max-width:100% !important;
	height:auto;
	display:block;
}
.alapalkkilogot {
	width: 90%;
	height: 69px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
.knp {
	font-size: 70%;
	text-align: right;
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
img { 
   border:0px;
}
a:link {
	color: #184DB5;
	text-decoration: none;
}
a:visited {
	color: #184DB5;
	text-decoration: none;
}
a:hover {
	color: #184DB5;
	text-decoration: underline;
}
a:active {
	color: #184DB5;
	text-decoration: none;
}
.tekstit a:link {
	color: #184DB5;
	text-decoration: underline;
}
.tekstit a:visited {
	color: #184DB5;
	text-decoration: underline;
}
.tekstit a:hover {
	color: #184DB5;
	text-decoration: underline;
}
.tekstit a:active {
	color: #184DB5;
	text-decoration: underline;
}
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;
}