body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	color:  #333333;
	margin:0;
	padding:0;
	background-color:  #FFFFFF;
	}
	

a:link { 
	text-decoration: none;
	color: #333333;
	}
	
a:visited { 
	text-decoration: none;
	color:#333333
	}
	
a:hover, a:active {
	text-decoration: none;
	color:#999999;
	}	 
	
a:link.v, a:hover.v, a:active.v, a:visited.v{
	text-decoration: none;
	color:#FFFFFF;	
	}

a:active.v{
	text-decoration: none;
	color:#CCCCCC;
	}

a:pun{
	color: #CC0000;
}
#tausta {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	}
	
#linkki {
	text-align: left;
	padding: 10px 10px 0px 15px;
	}
	
a:link.tekstilinkki, a:visited.tekstilinkki{
	text-decoration: underline;
}
	
.i{
	font-size:11px;
	border-bottom: solid #cccccc thin;
	border-top: solid #EFEFEF thin;
	}
	


#teksti{
	padding: 0px 35px 0px 20px;
	position: relative;
	width: 445px;
	}

p{
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#teksti.harm{
	border-bottom: solid #CCCCCC medium;
	}

.po{
	padding: 10px 40px 20px 20px;
	margin-right: 100px;
	}

.pv{
	padding: 10px 10px 20px 10px;
	margin-left: 80px;
	width: 380px;
	}

#teksti ul{
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
}

/*skaalautuva ylaosa*/
#taustatoisto{
	background:  url(taustatoisto-ylos.jpg) repeat-y;
	width: 780px;
	height: auto;
	}

#valikko{
	width: 137px;
	margin-left: 125px;
	margin-top: 70px;
}

h1{
	font-size: 12px;
	border-bottom: solid #E80500 thin;
	margin: 0px 0px 0px 0px;
	}
	

	
h2{
	font-size: 12px;
	font-weight: normal;
	}	

strong{
	font-weight: normal;
	}

	
#etusivu{
	padding-top: 80px;
	}

#ylaosa{
	background: url(taustakuva_012.jpg) no-repeat;
	height: 92px;
	width: 780px;
	}

#kieli{
	padding: 20px 20px 0px 600px;
	}

#navigointi {
	background: url(navigointi.jpg) no-repeat;
	height: 83px;
	width: 264px;
	position: absolute;
	}

#tekstiVasen{
	background: url(tausta-vasen.jpg) repeat-y;
	width: 264px;
	position: relative;
	}
	

#tekstiOikea{
	background: url(tausta-oikea.jpg) repeat-y;
	width: 516px;
	position: relative;
	left: 264px;
	}
			
#pikkukuvat{
	padding: 5px 0px 0px 0px;
	left: 264px;
	width: 516px;
	position: relative;
	margin-top: -100px;
	}

#logo{
	background:url(logo.gif) no-repeat right bottom;
	width: 84px;
	height: 67px;
	padding: 0px 0px 0px 153px;
	position: absolute;
	top: 18px;
	
	
	}

/*alaosa*/



#alanavigointi {
	background: url(alanavigointi.jpg) no-repeat;
	height: 349px;
	width: 780px;
	position: absolute;
	}


#taustakuva {
	background: url(taustakuva_05.jpg) no-repeat;
	height: 349px;
	width: 516px;
	position: relative;
	left: 264px;
	}
	

#isokuva{
	padding: 0px 0px 0px 20px;
	}

/*kuvat*/
#annostelija-iso {
	background:url(annostelija-iso.jpg) no-repeat;
	height: 300px;
	width: 198px;
	}

#juoksumatto-iso {
	background:url(juoksumatto-iso.jpg) no-repeat;
	height: 300px;
	width: 356px;
	float: left;
	position: relative;
	}

#kemppi-pieni {
	background:url(kemppitig.jpg) no-repeat;
	height: 300px;
	width: 129px;
	float: right;
	position: relative;
	left: -84px;
	}

#kemppi-iso {
	background:url(maski-iso.jpg) no-repeat;
	height: 300px;
	width: 251px;
	float: left;
	position: relative;
	}

#sini-iso {
	background:url(moppi-iso.jpg) no-repeat;
	height: 183px;
	width: 250px;
	}

#sini-pieni{
	background:url(tiskiharja.jpg) no-repeat;
	height: 97px;
	width: 250px;
	}

#spiraali-iso {
	background:url(spiraali-iso.jpg) no-repeat;
	height: 300px;
	width: 295px;
	float: left;
	position: relative;
	}

#paikannin-iso {
	background:url(paikannin-iso.jpg) no-repeat;
	height: 300px;
	width: 400px;
	float: left;
	position: relative;
	}

#opera-iso {
	background:url(opera-iso.jpg) no-repeat;
	height: 300px;
	width: 356px;
	float: left;
	position: relative;
	}

#opastin-iso {
	background:url(opastin-iso.jpg) no-repeat;
	height: 300px;
	width: 257px;
	position: relative;
	float: right;
	left: -84px;
	}

#opastin-pieni {
	background:url(opastin-pieni.jpg) no-repeat;
	height: 300px;
	width: 123px;
	position: relative;
	float: left;
	}


#perehtyminen{
	background: url(alakuori.jpg) no-repeat;
	height:77px;
	width: 80px;
	margin: 0px 5px 0px 20px;
	float: left;
	border: thin solid  #CCCCCC;
	}

#luonnostelu{
	background: url(valikuori.jpg) no-repeat;
	height: 78px;
	width: 80px;
	float: right;
	margin: 0px 60px 0px 5px;
	border: thin solid  #CCCCCC;
	}

#suunnittelu{
	background: url(pallo.jpg) no-repeat;
	height: 70px;
	width: 80px;
	float: left;
	margin: 0px 5px 0px 20px;
	border: thin solid  #CCCCCC;
	}

#viimeistely{
	background: url(logokuva.jpg) no-repeat;
	height: 69px;
	width: 80px;
	float: right;
	margin: 0px 60px 0px 5px;
	border: thin solid  #CCCCCC;
	}

#alaosa {
	background: url(alaosa.jpg) no-repeat;
	height: 57px;
	width: 780px;
	padding-top: 15px;
	}
	
#alalinkki{
	padding: 0px 0px 0px 30px;
	}

#kartta{
	background:url(kartta.jpg) no-repeat;
	float:left;
	height: 300px;
	width: 454px;
	border: thin solid  #CCCCCC;
}

#karttaiso{
	background:url(kartta-iso.jpg) no-repeat;
	width:760px;
	height: 517px;
	border:thin solid #CCCCCC;

}
	
#osoite {
	padding-left: 270px;
	font-size: 10px;

	}
#muovipoli {
	background:url(muovipoli.gif) no-repeat;
	width:112px;
	height:34px;
	float: left;
	margin-left: 140px;
	margin-top: -10px;
	}



img {
	border-width: 0px;
	}	

img.sini {
	background:url(sinikuvitus.jpg) no-repeat;
	width:200px;
	height:150px;
	margin-right: 60px;
	float: right;
	}

#laiva {
	background:url(risteilijac.jpg) no-repeat;
	width:175px;
	height:119px;
	float: right;
	margin: 15px 0px 0px 0px;
	}



	
img.kerberos{
	background:url(kerberoskuvitus.jpg) no-repeat;
	width:261px;
	height:131px;
	float:right;
	margin-right: 50px;
	margin-top:9px
	}

#valuosat{
	background: url(valuosat.jpg) no-repeat;
	width:93px;
	height: 81px;
	float: left;
	margin: 15px 0px 0px 0px;
	}
#mimas{
background: url(mimas.jpg);
width:120px;
height:83px;
float:left;
margin: 15px 0px 0px 0px;
}
.uutiskuva{
margin: 15px 0px 0px 0px;}
.b {
	border: solid  #CCCCCC thin;
	margin: 0px 5px 30px 0px;
	}	
	
.s {
	border: thin solid  #CCCCCC;
	margin-right: 10px;
	margin-bottom: 20px;
	}	
.ala{
	margin-top: 20px;
	}