body {	margin: 0px;  color: rgb(0,0,0);  background-color: rgb(212,212,212);	
 		font-family: "Liberation Sans", "Bitstream Vera Sans", "Arial", sans-serif; }

.aluetaulukko {	width: 96%;  margin-bottom: 25px; }
.alue-1 {	height: 40px;  padding: 5px 0px 0px 0px;  text-align: right;  vertical-align: middle;  	}
.alue-2 {	padding: 0px 0px 0px 0px; text-align: left;  vertical-align: top; 
		border-color: rgb(79,108,193);  border-width: 0px 10px 0px 10px;  border-style: solid; }
.alue-3 {	padding: 0px 0px 0px 0px; text-align: center; 
		border-color: rgb(79,108,193);  border-width: 0px 10px 0px 10px;  border-style: solid; }


/*    YLIN OSA   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.ylin-rivi{	background-color: rgb(79,108,193);   text-align: center;  padding: 2px 0px 2px 0px;   word-spacing: 0.07em;  letter-spacing: 0.05em;     
		border-color: rgb(90,105,224);    border-width: 0px 0px 0px 0px;  border-style: solid; }
.ylareuna {	color: rgb(255,255,255);  font-size: 100%;  margin: 7px;  padding: 0px;  }		

.vaalea-linkki:link { 		color: rgb(255,255,205);  text-decoration: none;   padding: 0px;  margin: 0px; }
.vaalea-linkki:visited {	color: rgb(144,144,144); text-decoration: none;  padding: 0px;  margin: 0px; }
.vaalea-linkki:hover { 		color: rgb(235,189,25);  text-decoration: underline;  padding: 0px;  margin: 0px; }

			
			
.ylintaulukko {	width: 100%; height: 120px; background-color: rgb(255,255,255); 
			border-color: rgb(90,105,224);  border-width: 0px 0px 2px 0px;  border-style: solid;  } 
.ylin-1 {	background-color: rgb(255,255,255);  text-align: left;  width: 20%;  padding: 0px 0px 0px 0px;  }
.ylin-2 {	width: ;
		border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; }
.ylin-3 {	 
		border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; }
.ylin-4 {	width: ; padding: 5px 0px 5px 30px; background:    
		border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; }
.ylin-5 {	padding: 0px 0px 0px 0px; 
		border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; }






/*    LOGO, OSOITE, UUTINEN   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.logoteksti {	color: rgb(0,0,0);  text-align: left;  font-weight: bold;  font-size: 140%;  
			word-spacing: 0.07em;  letter-spacing: 0.03em; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
.osoite-boxi {	padding: 10px 0px 10px 40px; }
.osoite {		padding: 0px 0px 0px 0px;  margin: 0px;  font-size: 70%;  word-spacing: 0.07em;  letter-spacing: 0.05em;  }

		
.uutis-laatikko {	margin: 10px;  padding: 10px 0px; 
			border-color: rgb(230,30,10);  border-width: 1px 1px 1px 1px;  border-style: solid; }
.uutis-laatikko2 {	background-color: rgb(186,238,240); margin: 10px;  padding: 10px 0px; 
			border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; }
.uutis-otsikko {	font-weight: bold; font-size: 100%;  margin: 0px 15px 5px 20px;  padding: 0px; letter-spacing: 0.02em;  word-spacing: 0.01em;  }
.uutis-teksti {	font-size: 50%;  margin: 0px 15px 5px 20px;    padding: 0px; letter-spacing: 0.06em;  word-spacing: 0.02em; }
.uutis-linkki {	font-size: 70%;  margin: 0px 15px 5px 20px;    padding: 0px; letter-spacing: 0.06em;  word-spacing: 0.02em; }


.keke-teksti {	vertical-align: middle; margin: 0px; padding: 0px;  font-size: 80%;  line-height: 1.4;   
			letter-spacing: 0.06em;  word-spacing: 0.02em; }
.keke-logo {	vertical-align: middle;   }





/*    TEKSTIALUE   ��������oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.saraketaulukko {	width: 100%;    background-color: rgb(255,255,255);}

/* Vasen alue (navigaattori) */
.sarake-1 {	text-align: left;  vertical-align: top;  width: 220px;  
		border-color: rgb(200,200,200);  border-width: 0px 2px 0px 0px;  border-style: solid; min-width: 200px; }

/* Keskialue (sisältötekstit) */
.sarake-2 {	padding: 35px 35px 35px 35px;  text-align: left;  vertical-align: top;
		border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; min-width: 450px; }
.sarake-3 {	padding: 0px 0px 0px 0px;  vertical-align: top;  width: 200px;  background-color: rgb(255,255,255);
		border-color: rgb(230,30,10);  border-width: 0px 1px 0px 0px;  border-style: solid; }
.sarake-4 {	padding: 0px 0px 0px 0px; vertical-align: top;  width: 225px;  background-color: #edf5fa;   
		border-color: rgb(200,200,200);  border-width: 0px 0px 0px 3px;  border-style: solid; min-width: 200px; }
.sarake-alin {	text-align: center;  padding: 8px 0px 5px 0px; font-size: 75%;  background-color: rgb(230,30,10);  
			border-color: rgb(230,30,10);  border-width: 1px 1px 1px 1px;  border-style: solid; }

.sarake-alipaino {	padding: 0px 0px 0px 0px;  vertical-align: bottom;  width: 225px;  background-color: rgb(255,255,255);   
		border-color: rgb(230,30,10);  border-width: 0px 0px 0px 0px;  border-style: solid; }				



h1 {	font-weight: bold;   font-size: 140%;  padding: 0px;  letter-spacing: 0.06em;  word-spacing: 0.02em; }
h2 {	font-weight: bold;   font-size: 120%;  padding: 0px;  letter-spacing: 0.06em;  word-spacing: 0.02em; }
h3 {	font-weight: normal; font-size: 106%;  padding: 0px;  letter-spacing: 0.06em;  word-spacing: 0.02em; }
.teksti {	font-size: 90%;   margin: 10px 8% 10px 15%;  padding: 0px; letter-spacing: 0.06em;  word-spacing: 0.02em; }
ul {	font-size: 90%;    margin-left: 15%;  letter-spacing: 0.06em;  word-spacing: 0.02em; }

.kelluva-kuva {	float: right;  margin: 10px 8% 10px 15px;  padding: 0px;    
			border-color: rgb(0,0,0);  border-width: 1px 1px 1px 1px;  border-style: solid; }







/*    VASEN REUNA  oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.kuvalohko {	margin: 0px 0px 20px 0px;  padding: 0px 0px 0px 0px;  background-color: #d4efff;
			border-width: 0px 0px 0px 0px;  border-color: #e61e0a ;  border-style: solid;}
.kuvaotsikko {	font-size: 96%;    padding: 9px 10px 16px 12px;  margin: 0px; 
			font-weight: bold;   color: rgb(0,0,0); }
.kuvateksti {	padding: 4px 10px 6px 12px;  margin: 0px 0px 0px 0px; font-size: 75%; 
			background-color: rgb(222,222,222); }







/*    ALIN OSA   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

.alin-rivi{	background-color: rgb(79,108,193);   text-align: center;  padding: 2px 0px 2px 0px;   word-spacing: 0.07em;  letter-spacing: 0.05em;     
		border-color: rgb(79,108,193);    border-width: 1px 1px 1px 1px;  border-style: solid; }
.alareuna {	color: rgb(255,255,255);  font-size: 95%;  margin: 7px;  padding: 0px; }		

.vaalea-linkki:link { 		color: rgb(255,255,205);  text-decoration: none;   padding: 0px;  margin: 0px; }
.vaalea-linkki:visited {	color: rgb(144,144,144); text-decoration: none;  padding: 0px;  margin: 0px; }
.vaalea-linkki:hover { 		color: rgb(235,189,25);  text-decoration: underline;  padding: 0px;  margin: 0px; }




/*    LINKIT   oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

A:link		{ text-decoration: none; color: #000033 }
A:visited	{ text-decoration: none; color: #000033 }
A:hover		{ color: #f48026; }




.linkkilohko {  	letter-spacing: 0.07em; background-color: rgb(176,226,255); padding-top: 1px;
	 		border-width: 0px 0px 0px 0px;  border-color: #b0e2ff;  border-style: solid; }

.nappula-1 {		font-size: 74%;  margin-bottom: 1px; background-color: rgb(255,255,255); }
.linkki-1 { 		padding: 6px 20px 5px 22px;  display: block;  }
.linkki-1:link { 		text-decoration: none; }
.linkki-1:visited { 	text-decoration: none; }
.linkki-1:hover { 	color: rgb(230,30,10); text-decoration: underline; }
.linkki-1-aktiivi { 	padding: 6px 6px 5px 22px;  color: rgb(255,255,255);  background-color: rgb(230,30,10); display: block;    }


.nappula-2 {		font-size: 74%;  margin-bottom: 1px; background-color: rgb(255,255,255); }
.linkki-2 { 		padding: 4px 20px 3px 32px; display: block;}
.linkki-2:link { 		text-decoration: none;  }
.linkki-2:visited { 	text-decoration: none;  }
.linkki-2:hover { 	color: rgb(230,30,10); text-decoration: underline; }
.linkki-2-aktiivi { 	background-color: #d6f0ff;  padding: 4px 6px 3px 22px;  display: block;  text-decoration: none;  }

.nappula-3 {		font-size: 68%;  margin-bottom: 1px;  background-color: rgb(255,255,255); }
.linkki-3 { 		padding: 4px 20px 3px 42px; display: block;}
.linkki-3:link { 		text-decoration: none;  }
.linkki-3:visited { 	text-decoration: none;  }
.linkki-3:hover { 	color: rgb(230,30,10); text-decoration: underline; }
.linkki-3-aktiivi { 	background-color: rgb(230,30,10);  padding: 4px 6px 3px 42px;  display: block;  text-decoration: none;  }





