@charset "UTF-8";
/* Eija Lahti,  eija.lahti@dnainternet.net */

html {
	margin: 0px auto 0px auto; 
	background-image: url(kuvat/taustap2.jpg)
	}

body {
	margin: 0px auto 0px auto;
		
}  

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	line-height: 1.4em;
	color: #002868;
}

	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 28px;
	color: #002868;
	letter-spacing: 1pt;
	padding: 0 0 15px 0;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #002868;
	}	
	
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002868;
	}	
	

	

.kehys {
	margin: 20px auto 0px auto;  
	width: 780px;
	background-image: url(kuvat/taustagradiv2.jpg);
	background-repeat: repeat-y; 
		
	}
	
html>body>.kehys {
	height: auto;
	min-height: 560px;
	overflow: hidden;
	} 



/* Tanne voi lisata esim mainoslauseen tai variliuskan tms

.ylagradi{
	background-image: url(kuvat/ylagradi.jpg);
	background-position: top;
	background-repeat: repeat-x; 
	width: 780px;
	height: 30px;
	}       */
	
	
	
	
.ylaosa {
	width: 780px; 
	background-image: url(kuvat/taustagradivy.jpg);
	background-repeat: repeat-y;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	}


.logo {
	background-image: url(kuvat/logopalkki2.jpg);
	height: 81px;
	width: 780px;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	}

.sisakehys { 
	width: 780px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;

	}



#navi{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin: 0px;
	width: 150px;
	height: 100%;
	text-align: left;
	overflow: hidden;
	padding: 40px 0px 0px 0px;
	}
	
/*navivalikon linkkien ja listojen ym maarittelyt*/
/*jarjestamaton lista, ul*/
#navi ul {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	width: 130px;	
	background-color: transparent;
}

/*listan jasenet*/
#navi li { 
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

#navi li a {
	width: 129px;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF; 
	padding: 5px 0px 5px 10px;
	/*10px = naviotsikot irti vas.reunasta, jos naviotsikko on kaksirivinen
	alkavat rivit samasta kohdasta, vrt. text-indent*/
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	margin: 0px;
}

/*valitun linkin maarittely*/
#navi li a.open {
	border-top: 0px solid #000099;
	border-bottom: 0px solid #000099;
	color: #002868;

}
/*hiiri navilinkin paalla*/
#navi li a:hover {
	border-top: 0px solid #000099;
	border-bottom: 0px solid #000099;
	background-color: #002868;
	color: #ffffff;
}
/*klikattu navilinkki*/
#navi li a:active {
	border-top: 0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
/*	background-color: #002868; */
	color: #FFC61E;
}

/*silta varalta jos sivuja tehdaan myohemmin lisaa */

/*alavalikon maarittelyt*/  
ul#alanavi {
	margin: 0px;
	padding: 0px;
	width: 130px;
	border: none;
	border-bottom: 1px solid #FFFFFF;
}

ul#alanavi li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

ul#alanavi li a {
	font-weight: normal;
	width: 130px;
	border-bottom: 1px solid #F5F5F5;
	background-color: #FFFFFF;
	padding: 3px 0px 3px 20px;
	/*20px = naviotsikot irti vas.reunasta, jos naviotsikko on kaksirivinen
	alkavat rivit samasta kohdasta, vrt. text-indent*/
	text-decoration: none;
	color: #000000;
	display: block;
}

ul#alanavi li a.open {
	border-bottom: 1px solid #FFFFFF;
	color: #518CA6;
	background-color: #FFFFFF;
}

ul#alanavi li a:hover {
	border-bottom: 1px solid #F5F5F5;
	background-color: #FFFFFF;
	color: #518CA6;
}
ul#alanavi li a:hover {
	border-bottom: 1px solid #FFFFFF;
	color: #518CA6;
	background-color: #FFFFFF;
}

.sisalto {
	width: 355px;
	position: relative;
	float: left;
	text-align: left;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	}

	
table tr td { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #002868;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

	

.tilaalas {
	width: 780px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}


.yhteyst {
	width: 140px;
	position: relative;
	float: left;
	text-align: left;
	font-style: italic;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	
.yhteyst p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 19px;
	color: #002868;
	}
	




.sisaltoalas {
	width: 400px;
	position: relative;
	float: left;
	text-align: center;
	margin: 0px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;	
	}

.sisaltoalas p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	color: #FF0000;
	letter-spacing: 1pt;
	}	

#trk {
	background-image:url(kuvat/trk.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 135px;
	float: right;
	position: relative;
	top: -150px;
	z-index: 101;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	

	
.alagradi{
	background-image: url(kuvat/alagradi2.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 780px;
	height: 30px;
	}
	


.alatunniste {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		font-style:italic;
		text-decoration:none;
		color: #6699CC; 
		margin: 0px auto 0px auto; 
		width: 780px;
		height: 27px;
		padding: 2px 0px 0px 10px;
		}  
		
.gc{
	padding: 8px 0 0 10px;}

#lastaus1 {
		background-image: url(kuvat/lastaus1.png);
		background-repeat: no-repeat;
		width: 264px;
		height: 135px;
		position: relative;
		bottom:-18px;
		z-index: 120;
		margin-left: 20px;
		float:left;
		}
		
		
.txtylos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	color: #FF0000;
	letter-spacing: 1pt;
	text-align: center;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}

		
#harjak {
	
	width: 155px;
	height: 104px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 60px;
	margin-right: 46px;
	margin-bottom: 15px;
	margin-left: 10px;
		}

#halli {
	background-image: url(kuvat/halli3.jpg);
	width: 230px;
	height: 148px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
		}
		
#halli2 {
	background-image: url(kuvat/halli4.jpg);
	width: 230px;
	height: 135px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
		}
#pallokivia{
	background-image: url(kuvat/pallokivia.jpg);
	width: 190px;
	height: 193px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 120px 20px 10px 0;
	
		}		
		
		
		
#esk1 {
	background-image: url(kuvat/auraus.jpg);
	width: 230px;
	height: 148px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
		}		
		
#lumityo {
	background-image: url(kuvat/auraus.jpg);
	width: 230px;
	height: 148px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
		}
		
#porrassiivous {
	background-image: url(kuvat/porrassiivous2.jpg);
	width: 190px;
	height: 284px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 50px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 0px;
		}
		
#maalaus {
	background-image: url(kuvat/maalaus.jpg);
	width: 155px;
	height: 105px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 5px;
	margin-right: 46px;
	margin-bottom: 15px;
	margin-left: 10px;
		}	
		
		
#kivityot {
	background-image: url(kuvat/kivityot2.jpg);
	width: 230px;
	height: 135px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
		}
		
#kivityot3 {
	background-image: url(kuvat/kivityot3.jpg);
	width: 230px;
	height: 135px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
		}


#yo {
	background-image: url(kuvat/yop.png);
	width:200px;
	height: 150px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 30px;
	margin-right: 40px;
	margin-bottom: 170px;
	margin-left: 0px;
		} 
		
#mokit {
	background-image: url(kuvat/logomokit2.png); 
	width: 85px;
	height: 89px;  
	position: relative;
	float: left;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	}
		
		
	

.sisaltoalas2 {
/*	background-color: #990000; */
	width: 400px;
	position: relative;
	float: left;
	text-align: center;

	}
	
#tarra {
	background-image: url(kuvat/tarra.jpg);
	width: 172px;
	height: 106px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 127px;
	margin-top: 5px;
	}
	
#txt{
	width: 180px;
	float: right;
	border: 2px solid #FFC61E; /* #002868 */
	margin: 50px 25px 0 0;
	padding: 0 4px 4px 4px;
	} 
	
#txt h3{
	background-color: #FFC61E; /*#0d3371 */
	font-family: Arial, Helvetica, sans-serif;
	color: #002868;
	font-size: 14px;
	padding: 6px;
	margin: 5px 0 0 0;
	text-align: center;
	letter-spacing: 1px;
	font-style: normal;	
	}
	
#txt2{
	width: 180px;
	float: right;
	border: 2px solid #FFC61E; /* #002868 */
	margin: 50px 25px 0 0;
	padding: 0 4px 4px 4px;
	}	
	
#txt2 h3{
	background-color: #FFC61E; /*#0d3371 */
	font-family: Arial, Helvetica, sans-serif;
	color: #002868;
	font-size: 14px;
	padding: 6px;
	margin: 5px 0 0 0;
	text-align: center;
	letter-spacing: 1px;
	font-style: normal;	
	}	
	
width: 230px;
	height: 148px;
	position: relative;
	float: right;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;

.red {
	color: #FF0000;}
	
.iso {
	font-size: 20px;}
	
.v {
	border-bottom: 1px solid #cecece;}

	
img {
	border: none;}


/* perushyperlinkityksen maaritykset*/
a:link {
	color: #0000CC;
	text-decoration: none;
}

a:visited {
	color: #990066;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFC61E;
}


		
