@charset "utf-8";
/* CSS Document */

body {
	background-color: #b5d2dd;
	margin: 0;
	text-align: center;
	background-image: url(../Kuvat/Ulkoasu/taustakuva01.jpg);
	background-repeat: repeat-x;
}

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}

/* Text */

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #666;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #444;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #222;
}

/* Navigation */

.navigaatio {
	background-image: url(../Kuvat/Ulkoasu/navigaatio-tausta.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 797px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}

.menu2 a,.menu2 a:link,.menu2 a:active,.menu2 a:visited, .menuhover2 a,.menuhover2 a:link,.menuhover2 a:active,.menuhover2 a:visited, .menu2 a:hover, .menuhover2 a:hover {
	display: inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #AAA;
	font-weight: bold;
	text-decoration: none;
	float: left;
	border: none;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.menu2 a,.menu2 a:link,.menu2 a:active,.menu2 a:visited {
	color: #AAA;
	}
	
.menu2 a:hover, .menuhover2 a:hover, .menuhover2 {
	color: #666;
	}
	
.menu2Selected a,.menu2Selected a:link,.menu2Selected a:active,.menu2Selected a:visited, .menuhover2Selected a,.menuhover2Selected a:link,.menuhover2Selected a:active,.menuhover2Selected a:visited, .menu2Selected a:hover, .menuhover2Selected a:hover {
	display: inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #777;
	font-weight: bold;
	text-decoration: none;
	float: left;
	border: none;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.menu2Selected a,.menu2Selected a:link,.menu2Selected a:active,.menu2Selected a:visited {
	color: #777;
	}
	
.menu2Selected a:hover, .menuhover2Selected a:hover, .menuhover2Selected {
	color: #777;
	}

/* Language Select */

.langSelect a,.langSelect a:link,.langSelect a:active,.langSelect a:visited, .langSelecthover a,.langSelecthover a:link,.langSelecthover a:active,.langSelecthover a:visited, .langSelect a:hover, .langSelecthover a:hover {
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
	color: #314A62;
	text-decoration: none;
	float: right;
	border: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 11px;
	letter-spacing: -1px;
	}

.langSelect a,.langSelect a:link,.langSelect a:active,.langSelect a:visited {
	color: #314A62;
	}
	
.langSelect a:hover, .langSelecthover a:hover, .langSelecthover {
	color: #17242F;
	}
	
.langSelected a,.langSelected a:link,.langSelected a:active,.langSelected a:visited, .langSelectedhover a,.langSelectedhover a:link,.langSelectedhover a:active,.langSelectedhover a:visited, .langSelected a:hover, .langSelectedhover a:hover {
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
	color: #17242F;
	text-decoration: none;
	float: right;
	border: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 11px;
	letter-spacing: -1px;
	}

.langSelected a,.langSelected a:link,.langSelected a:active,.langSelected a:visited {
	color: #17242F;
	}
	
.langSelected a:hover, .langSelectedhover a:hover, .langSelectedhover {
	color: #17242F;
	}

.langSelectback {
	text-align: right;
	clear: both;
	display: block;
	z-index: 1;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 0px;
	margin: 0px;
	}

#container
{
	margin-left: auto;
	margin-right: auto;
	width: 803px;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.vasen-reuna1 {
	width:803px;
	margin:0px auto;
	background-image: url(../Kuvat/Ulkoasu/reuna-vasen.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0;
}
.ylareuna {
	width:100%;
	height:3px;
	background-image: url(../Kuvat/Ulkoasu/reuna-yla.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0;
	margin: 0;
}

.oikea-reuna1 {
	position:relative;
	background-image: url(../Kuvat/Ulkoasu/reuna-oikea.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.alareuna {
	width:803px;
	height:3px;
	background-image: url(../Kuvat/Ulkoasu/reuna-ala.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0;
	margin: 0;
}

.otsikko {
	background-image: url(../Kuvat/Ulkoasu/ylaotsikko.jpg);
	background-repeat: no-repeat;
	height: 126px;
	width: 797px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

.otsikko-swe {
	background-image: url(../Kuvat/Ulkoasu/ylaotsikko-swe.jpg);
	background-repeat: no-repeat;
	height: 126px;
	width: 797px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

.otsikko-eng {
	background-image: url(../Kuvat/Ulkoasu/ylaotsikko-eng.jpg);
	background-repeat: no-repeat;
	height: 126px;
	width: 797px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

.sisalto {
	width: 797px;
	background-image: url(../Kuvat/Ulkoasu/sisalto-yla.gif);
	background-repeat: repeat-x;
	background-position: right top;
	background-color: #f3f7f8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding: 0;
}

.sisalto-ala {
	padding: 0px;
	width: 797px;
	background-image: url(../Kuvat/Ulkoasu/sisalto-ala.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	height: 27px;
	background-position: left bottom;
}

.kokopalsta {
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -15px;
	margin-left: 0px;
}

.palsta-teksti {
	padding: 0px;
	margin: 0px;
	width: 450px;
	float: left;
}

.palsta-kuvat {
	padding: 0px;
	margin: 0px;
	width: 300px;
	float: right;
}