html, body { 
  background-color:#fff;
  margin-top: 0;
  color: #003321;
  margin-left: 0em;
  font-family: Arial, Verdana, sans-serif;
	background-image: url("matsku/taustah.jpg");
 background-repeat: repeat-y;
  }
	
ban {
 text-align: center;
 }	

h1   { 
    text-align: center;
    font-size: 4em;
    color: #CC0001;
    font-family: Arial, Verdana, sans-serif;
       }
			
h1.index{
 		text-align: center;
    font-size: 2.5em;
    color: #a42000;
    font-family: Arial, Verdana, sans-serif;
		/*margin-right: 8em;*/
}

h1.vaalit{
  font-size: 2.0em;
	padding-left: 1em;
	}

h2   { 
    text-align: center;
		font-weight: bold;
		font-size: 2em;
    color:#cc0001;
    }
			
h3  { 
    text-align: left;
    font-weight: bold;
    font-size: 1.5em;
    color:#CC0001;
		padding-left: 2em;
    }
		
.vasen h3{
  text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #cc0001;
	padding-left: 0em;
	margin-left: 2em;
	border: 2px solid #006666;
	padding-right: .5em;
	padding-top: .5em;
	padding-bottom: .5em;		
	}

			
a:link {
   color: #0000a4;
   text-decoration: none;
         }
        
a:visited {
   color: #a40000;
   text-decoration: none;
         }
        
a:hover {
   color: #0000a4;
   border-bottom: 2px solid #0000ff;
	 }

.vasen { 
   position: absolute;
	 left:1em;
	 top:0;
	 z-index: 0;
   /*background-image: url("matsku/vasenpalkki.jpg");
	 background-repeat: no-repeat;
	 background-position: center top;*/
	 font-size: .8em;
	 font-weight: 200;
	 height: 350px;
   }
	 
			 
.vasen img{
 text-align: left;

 }
 
 
.vasen ul li a:link{
  color: #0000ff;
	}
	
.vasen ul li a:visited{
  color: #cc0001;
}			 
		 
.vasen ul li{
	color: #cc0001;
  margin-top: .5em;
	margin-bottom: .3em;
	margin-right:1em;
	padding: .5em;
	list-style-type: none;
	background-color:#ffcc33;
	border: 1px solid #a40000;
	}

.vasen ul li.otsake{
  background-color:#ffffcc;	 
	}

.vasen h2{
  color: #0000ff;
	font-size: 1.4em;
	text-align: left;
	margin-top: .5em;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: 1.8em;
	padding-right: .3em;
	background-color: #ffffff;
	}
	
.navi{
  background-color: #ffffff;
	padding-bottom: 1em;
	margin-bottom: 1em;
	text-align: center;
	vertical-align: middle;
}

.navi ul li{
  text-align: left;
	display: inline;
	font-size: .75em;
	border-left: 2px solid #ff0000;
	margin-left: .5em;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: .5em;
	padding-right: .5em;
	background-color: #dfdfdf;
	}
	
.breadcrumb {
  /*position: fixed;*/ 
   font-weight: bold;
  font-size: .7em;
  padding-top: .5em;
  padding-right: 1em;
  padding-bottom: .2em;
  text-align: left;
  top: 0;
  left: 0;
	right: 10%;
  height: auto;
  vertical-align: top;
	z-index:4;
}

.breadcrumb ul {
 margin-top: .1em;
 margin-bottom: .1em;
}

.breadcrumb ul li{
  display: inline;
	list-style-type: none;
  padding-left: 0.6em;
  padding-right: 1em;
	margin-left: 1em;
	text-align: left;
	border-left: 2px solid;
	vertical-align: middle;
	color: #000;
}


.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration: none;
}
	
.breadcrumba {
  /*position: fixed;*/ 
  font-weight: bold;
	margin-left: -2em;
  margin-right: -1em;	
  font-size: .7em;
  padding-top: .5em;
  padding-right: .5em;
  padding-bottom: .2em;
  text-align: left;
  z-index:4;
	margin-bottom: 1em;
}

.breadcrumba ul {
 margin-top: .1em;
 margin-bottom: .1em;
}

.breadcrumba ul li{
  display: inline;
	list-style-type: none;
  padding-left: 0.6em;
  padding-right: .5em;
	margin-left: 1em;
	text-align: left;
	border-left: 2px solid;
	vertical-align: middle;
	color: #000;
	background-color: #eecc44;
}


.breadcrumba a:link, .breadcrumb a:visited {
	text-decoration: none;
}
	
img{
  margin-left: .0em;
	margin-bottom: .0em;
	margin-top: .0em;
	margin-right: .0em;
	}

.ots{
 background-color: #fff;
 color:#cc0001;
 border: 1px solid #cc0001;
 height: 8em;
 }	
 
.ots h1 {
 /* position: relative;*/
  margin-top: .8em;
	margin-left: 4em;
	margin-right: 2em;
	width: 80%;
		} 

.kuva{
  margin-left: 8em;
	margin-top: 1em;
	margin-bottom: 1em;
	/*height:18em;*/
	}

 .kuvab{
  padding-bottom: 0.5em;
  float: left;
  margin-left: 1em;	
	margin-top: 1em;
	margin-right:1em;
	}
	
.kuvab img{
  margin-left: .3em;
	margin-bottom: .3em;
	margin-top: .3em;
	margin-right: .3em;
	}

/*.kuvab a {
 

 }*/		

 .kuvac{
  
  float: right;
  margin-top: 1em;
  margin-bottom: 1em;
	}

.kuvac img{
  text-align: right;
	}	
	
 .kuvad{
  text-align: center;
  padding-left: 1em;	
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right:2em;	
	z-index: 4;
  }		
		
.numero{
  text-align: center;
	vertical-align: top;
	font-size: 3em;
	color: #cc0001;
	float:  left;
	font-weight: bold;
	padding-top: 3.5em;
	width: 4em;
	background-image: url("kuvat/nrtaustap.jpg");
	background-repeat: no-repeat;
	background-position:.9cm 3.4cm;
	height: 7em;
	}		
	
/*.main {
 position: absolute;
 left: 0;
 margin-top: 2em;
 z-index:0;
 }*/

.txtv {
  margin-left: 15em;
	color: #e54557;
	border-left: 1px solid #0000e5;
	width: 40em;
	background-image: url("logot/ruusupk.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	} 
 

.txt {
  /*margin-left: 17em;
 
	border: 1px solid #0000e5;*/
	position: absolute;
	width: 40em; 
	color: #003321;
		margin-left: 10em;

	}
	
.txt .teemat{
 padding-bottom: 33em;
 }	
	
.main .txt .ilm .teemat{
 padding-bottom: 5em;
 }	
 
 	
.main .txt h1 {
 text-align: center;
 font-size: 1.5em;
 margin-left: 1em;
 margin-right: 10em;
 font-family: "Times New Roman"; 
 font-style: oblique;
 }
 	
.main .txt h2 {
 text-align: center;
 font-size: 1.2em;
 margin-left: 1em;
 margin-right: 12em;
 font-family: "Times New Roman"; 
 font-style: oblique;
 }	

.main .txt h3 {
 text-align: center;
 font-size: 1.0em;
 margin-left: 1em;
 margin-right: 14em;
 font-family: "Times New Roman"; 
 font-style: oblique;
 clear:left;
 } 
 
.main .txt p{
  color: #003321;
	font-size: .8em;
	}  	
	 
.txti {
  margin-left: 15em;
	color: #e54557;
/*	border-left: 1px solid #0000e5;*/
	width:40em;
	} 		
	
.txtx {
  margin-top: 2em;
 /* margin-left: -1em;
	color: #e54557;
	border-left: 1px solid #0000e5;
	width: 40em;*/
	}
	
.txtx p{
  color: #003300;
	}
	
.txtpressa{
 background-image: url("kuvat/nrobg.jpg");
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;
  margin-left: 17em;
  color: #003321;
	width: 40em;
	}
		  	
	
.txtpressa h2   { 
    text-align: left;
		margin-left: 3em;
		font-weight: bold;
		font-size: 1.4em;
    color:#cc0001;
    }  		
	
P.laskuri { 
    font-size: 10px;
    color:#000000;
    font-family: "Times New Roman", Verdana, Arial, sans-serif;
    margin-left: 10px;
    }

P.copy {
    text-align: center;
    font-size: 10px;
    color:#000000;
    font-family: "Times New Roman", Verdana, Arial, sans-serif;
    }

P.alamenu {
       text-align: center;
       font-size: 12px;
       color:#000000;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }


TABLE { 

       margin-top: 2em;
       margin-left: 2em;
       padding-top: 2em;
       padding-left: 2em;
			 padding-bottom: 2em;
}

th {
  padding: .4em;
	text-align: center;
  background-color: #eecc44;
  margin: 1em;
  color:#000;
  padding:1em;
  border: 2px solid #fff;	
	}
td{
  padding: .5em;
	font-size: .85em;
	color: #666;
	font-weight: 600;	
	}
	

.main .txt table td p {
  font-size: 1em;
	color: #000;
	}	

td a:link{
  color: #0000ff;
	}
td a:visited {
  color: #6600ff;
	}		

TD.logo { padding-left: 35px;
               padding-top: 10px;}
TD.menuvalikko { padding-top: 10px; }
TD.menulista { padding-top: 10px; }


TD.menuetusivu { 
       text-align: left;
       line-height: 25px;
       font-size: 14px;
       font-weight: bolder;
       color:#FFFFFF;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
       text-align: left;
       padding-left:5px;
}

TD.menu { 
       text-align: left;
       line-height: 25px;
       font-size: 14px;
       font-weight: bolder;
       color:#FFFFFF;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
       text-align: left;
       padding-left:20px;
 }

TD.main { padding-left:10px; }


DIV.ylempi   { 
       text-align: center;
       font-size: 35px;
       color:#CC0001;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }


DIV.alempi   { 
       text-align: center;
       font-weight: bold;
       font-size: 25px;
       color:#CC0001;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }

DIV.ylempi-pieni   { 
       text-align: center;
       font-size: 30px;
       color:#CC0001;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }


DIV.alempi-pieni   { 
       text-align: center;
       font-weight: bold;
       font-size: 23px;
       color:#CC0001;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }

DIV.ylempi-pienempi   { 
       text-align: center;
       font-size: 25px;
       color:#CC0001;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }


DIV.alempi-pienempi   { 
       text-align: center;
       font-weight: bold;
       font-size: 18px;
       color:#CC0001;
       font-family: "Times New Roman", Verdana, Arial, sans-serif;
      }

.majakka{
  text-align: center;
	margin-bottom: 3em;
	}

p{
  margin-left: 6em;
	}
	
p.index {
  padding-left: 9em;
	color: #666;
	font-weight: 600;
	}	
	
p.indexi {
  padding-left: 2em;
	color: #666;
	font-weight: 600;
}

p.indexic {
  text-align: center;
	margin-right: 15em;
	color: #666;
	font-weight: 600;
}


p.indexr {
  text-align: right;
	margin-right: 1em;
	margin-bottom: .5em;
	color: #666;
	font-weight: 600;
	}	

p.terkut {
	margin-top: 3em;
	text-align: center;
	margin-bottom: 2em;
	}


.footer{
  position: absolute;
	margin-left: 7em;
	margin-right:9em;
	margin-top: 8em;
	color: #999999;
	text-align:  center;
	border-top: 2px solid #999999;
	}
	
.footer p {
  font-size: .9em;
	margin-right: 2em;
	}

.footer  a:link, a:visited{
  color: #aaaaaa;
	}		 
	
.teemat{
  font-size: 1.1em;
	font-weight: 600;
	margin-top: 1.5em;
	margin-bottom: 1em;
	margin-left: .5em;
	}

.teemat ul{
  margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 11em;
	}
	
 .teemat ul li{
  padding-left: .5em;
	margin-bottom: .3em;
	color: #cc0001;
	}
	
.teemat p{
 color: #cc0001;
 font-size: 1.3em;
 margin-left: 1em;
 font-weight: bold;
 }

.teemat .paiva{
 text-align: center;
 padding-top: .2em;
 padding-bottom: 1em;
 padding-left: .1em;
 padding-right: 3em;
 margin-top: 2em;
 margin-bottom: 1em;
 margin-right: 1em;
 margin-left: 2em;
/* border: 2px solid;*/
 font-size: 1.1em;
 font-weight: bolder;
 color: #cc0001;
	} 
 			
	
.temat{
  font-size: 1.1em;
	font-weight: 500;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 1.5em;
	}

.temat ul{
  margin-top: 1em;
	margin-bottom: 2em;
	}
	
.temat li{
  padding-left: 2em;
	margin-bottom: .3em;
	color: #cc0001;
	}		
		

	
	
.ehdokkaat { 
   position: absolute;
	 top:0;
	 left:0;
	 right: 13.5em;
   width: 13em;
	 padding-top: 2em;
	 padding-bottom: 2em;
	 background-image: url("kuvat/punta.jpg");
	 background-repeat: repeat-y;
	 background-position: center center;
   }	
	
.ehdokkaat ul li{
  margin-top: .2em;
	padding-bottom: .1em;
	padding-left: .3em;
	padding-right: .3em;
	background-color: #ffffff;
	list-style-type: none;
	border: 1px solid #ff55aa;
	}
	
.ehdokkaat ul li a:link	{
  color: #0000ff;
	font-size: .8em;
	}		 
 	
.ehdokkaat ul li a:visited{
  color: #ff0001;
	font-size: .8em;
	}		  
	
	
 .ehdokkaat ul li a:hover{
   font-weight: bold;
	 }
 
.paiva{
 text-align: center;
 padding-top: .2em;
 padding-bottom: 1em;
 padding-left: .1em;
 padding-right: 1em;
 margin-top: .2em;
 margin-left: 1em;
 margin-bottom: 1em;
 margin-right: 6em;
/* border: 2px solid;*/
 font-size: 1.2em;
 font-weight: 600; 
	}
	
.paiva p {
  color: #cc0001;
	text-align: left;
	margin-left: 2em;
	font-size: .8em;
	}
	
.paiva h1{
 font-size: 1em;
 }
 
.paiva h2 {
 font-size: .9em;
 }
 
.paiva h3 {
 font-size: .8em;
 }  	

 .paiva1{
 text-align: center;
 padding-top: 2em;
 padding-bottom: 1em;
 padding-left: 1em;
 padding-right: 1em;
 margin-top: .2em;
 margin-left: 1em;
 margin-bottom: 1em;
 margin-right: 1em;
 border: 2px solid;
 font-size: 1.2em;
 font-weight: 600; 
	}
	
.paiva1 p {
  color: #cc0001;
	text-align: left;
	margin-left: 2em;
	font-size: .8em;
	}
	
.paiva1 h1{
 font-size: 1.6em;
 }
 
.paiva1 h2 {
 font-size: 1.4em;
 }
 
.paiva1 h3 {
 font-size: 1.1em;
 text-align: center;
 }  
 
.paiva1 h4{
  font-size: 1em;
	text-align: center;
	color: #cc0001;
}

.paiva1 li {
  color: #cc0001;
	text-align: left;
	margin-left: 4em;
  font-size: .7em;	
	}		  		 	

.paiva li {
  color: #cc0001;
	text-align: left;
	margin-left: 4em;
  font-size: .8em;	
	}		  	
	
.center{
 text-align: center;
 }

.paluu{
 margin-left: 30em;
 }
 
.paluu ul li{
 padding-left: 1em;
 padding-right: 1em;
 padding-top: .3em;
 padding-bottom: .3em;
 background-color: #cccccc;
 border-left: 3px solid #0000ff;
 list-style-type: none;
 }
 
.paluu ul li a:link, a:visited{
  color: #0000ff;
	}    	

.valitut{
 list-style-type: none;
 font-size: 1.2em;
 margin-left: 6em;
/* color: #ff00aa;*/
 }
 
.ilm{
  border: 1px solid #cfcfcf;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	color: #cfcfcf; 	
}
.ilm h2{
  text-align: center;
  font-size: 1.2em;
	}
.ilm h3{
  text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #cc0001;
	padding-left: 1em;
  margin-right: 1em;
	/*	border: 2px solid #006666;
	padding-right: .5em;*/
	padding-top: .5em;
	padding-bottom: .5em;		
	}
	
.ilm ul.pukki li{
 color: #003321;
 margin-left: 7em;
 list-style-image: url("kuvat/pukki.jpg");
 }
 
.ilm ul li ul li{
  	margin-left: 1em;
		}

.ilm p.terkut{
  margin-left: 0;
	margin-right: 0;
	text-align: center;
	}

.ilm p.asia{
  margin-left: 0;
	margin-right: 0;
	text-align: center;
	} 		
	

.ilm p.aikapaikka{
 text-align: center;
 font-weight: bold;
 margin-right: 6em;
 }	

	
.jk{
 color: #cc0001;
 }
 
em{
  font-weight: bold;
	font-size: .9em;
	}	
	
.kello{
  display: inline;
	font-weight: bold;
	margin-right: 2em;
	}
	
.ohj{
  color: #003300;
	margin-left:7em;
	margin-bottom: 4em;
	}

.ohj p {
 color: #003300;
 font-size: .9em;
 font-style: italic;
 }		

.vappu{
 color: #003300;
 }
.vappu p{
 color: #003300;
 }  
 
.vappu ul li{
 color: #003300;
 } 

.asia{
 color: #003321;
 text-align: center;
 }
 
.pslink {
 font-size: .9em;
 color: #000;
 font-weight: normal;
 } 

.pun{
  color: #f00;
	font-weight: bold;
	padding-left: .5em;
	padding-right: .5em;
	} 

.footer .paiva{
  margin-right: 3em;
	margin-left: 7em;
	}
	
.footer p.selite{
 font-size: .7em;
 }

.nimet{
 display: inline;
 font-size: .9em;
 width: 10em;
 padding-right: 4em;
 margin-top:  .4em;
 margin-bottom: .4em;
 }

.nimeta{
 display: inline;
 font-size: .9em; 
 width: 10em;
 padding-right: 4em;
 margin-top:  .4em;
 margin-bottom: .4em;
 } 
.nimetb{
 display: inline;
 font-size: .9em; 
 width: 10em;
 padding-right: 4em;
 margin-top:  .4em;
 margin-bottom: .4em;
 } 		
/*.nimet ul li {
 text-align: center;*/
  /*display: inline;
 font-size: .9em;
width: 7 em;
 list-style-type: none;
 background-color: #fff;
 margin-top: 0em;
 Margin-bottom: 0em;
 }

.txt ul {
 display: list-item;
 list-style-image : url("kuvat/pukki.jpg");
 } */
 
.block{
 margin-top: .4em;
 }

.block ul {
 margin-left: 2em;
 list-style-type: none;
 } 
 
.block ul li{ 
  display: block; 
	margin-left: 8em;
	font-size: .8em;
	border-left: 0px;
	} 
	
.main .txt .block{
 margin-top: .4em;
 }

.main .txt .block ul {
 margin-left: 2em;
 list-style-type: none;
 } 
 
.main .txt .block ul li{ 
  display: block; 
	margin-left: 8em;
	font-size: .8em;
	border-left: 0px;
	} 
	

	
.tukif{
 float:left;
 display:inline;
 width: 20%;
 margin-left: 1em;
 }	

 .main .txt .oslohkov{
  position: relative;
	width: 30%;
  margin-top:  .5em;
	margin-bottom: .5em;
	margin-left: 1em;
	font-size: .8em;
	}
  .main .txt .oslohkov h3{
	color: #cc0001;
	background-color: fff;
	text-align: center;
	font-weight: bold;
	font-size: .9em;
	padding-left: 0em;
	margin-left: 2em;
	padding-right: .5em;
	padding-top: .5em;
	padding-bottom: .5em;		
	}
	
	
 .main .txt .oslohkoo{
 	width: 30%;
   position: relative;
  margin-top:  .5em;
	margin-bottom: .5em;
	margin-left: 20em;
	font-size: .8em;
	}	
	
main .txt .oslohkoov h3{
	color: #cc0001;
	background-color: fff;
	text-align: center;
	font-weight: bold;
	font-size: .9em;
	padding-left: 0em;
	margin-left: 2em;
	padding-right: .5em;
	padding-top: .5em;
	padding-bottom: .5em;		
	}