html, body {
 background-color: #fff; 
 /*background-image: url("iso.jpg")
 background-repeat: no-repeat;
 background-position: center center;*/ 
 }
 
h1 {
font-size: 1.2em;
 color: #a40000;
 } 
 
h2 {
 color: #a40000;
 } 

h3 {
 color: #a40000;
 }
 
  

.main {
        margin-top: 1em;
        margin-left: 3em;
        width: 80%;
        z-index:2;
       }
.txt{
 margin-left: 8em;
 z-index: 3;
 }				

 
.txt h1 {
 width: 100%;
 font-size: 1.2em;
 background-color: #a40000;
 color: #fff;
 margin-left: 0em;
 margin-right: 0em;
 font-family: "Times New Roman"; 
 font-style: oblique; 
 } 
 
h2 {
 width: 100%;
 background-color: #a40000;
 color: #fff;
 margin-left: 0em;
 margin-right: 0em;
 font-family: "Times New Roman"; 
 font-style: oblique;
  clear: left; 
 } 

h3 {
 width: 100%;
 background-color: #a40000;
 color: #fff;
 margin-left: 0em;
 margin-right: 0em;
 font-family: "Times New Roman"; 
 font-style: oblique;
 clear: left;
 } 
 
 
 
.kuvad{
  text-align: center;
  margin-bottom: 1em;
  padding-left: 1em;  
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right:2em;  
  /*background-color: #fff;*/
  }
img{
  text-align: center;
  padding: 0;
  margin: 0;
  /*background-color: #fff;*/
}
  
.kuva{

 left:0;
 /*background-color: #fff;*/

  }  
.teematb{
  font-size: 1.1em;
	font-weight: 600;
	margin-top: 1.5em;
	/*margin-bottom: 1em;*/
	margin-left: .5em;
	}
.oikea{
 position:absolute;
 margin-top: 1em;
 margin-left:15em;
 width: 100%;
 clear: none;
 } 	

.vasen{
 margin-top:9em;
 position: fixed;
 width: 13em;
 left: -2em;
 } 

.vasen p{
 margin-top:0.5em;
 width: 13em;
}    
 
 .main .txt p {
 margin-left: 0em;
 font-size: .8em;

 }

ul {
padding-top: 1em;
padding-bottom: 0em;
 } 

table {
 margin-top: 0em;
 padding-top: 1em;
 } 

table tr td {
 background-color: #eecc44;
 margin: 1em;
 color:#000;
 font-weight: normal;
 padding:1em;
 border: 2px solid #fff;
 }

 
 
button{
 margin-left: 0em;
 margin-right: 4em;
 } 

fieldset{
 padding-left: 6em; 
 padding-bottom:1em;
 background-color:#eef;
 } 

label{
 margin-right: 3em;
 width: 150px;
 font-weight: 600;
 padding-bottom: .5em;
 } 
 
.iso{
 font-size: 1.1em;
 line-height: 1.5em;
 font-weight: 700;
 }

.otsakesivu{
 margin-left: 2em;
 background-color: #fff;
 padding-left: 1em;
 border-left: 1px solid #ccc;
  }  

.main .txt .aakkoslinkki{
 display: block;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 width: 100%;
 height: 40px;
 text-align: center;
 } 
 
.main .txt .aakkoslinkki .koloa{
 display: inline;
 width: 100px;
 height: 40px;
 padding-left: 3em;
 padding-right: 2em;
 margin: 0em;
 border: 0px;
 background-image: url("matsku/linkintausta.jpg");
  background-repeat: no-repeat;
 }
 
.main .txt .aakkoslinkki .kolol{
 display: inline;
 list-style-type: none;
 width: 100px;
 height: 40px;
 padding: 0px;
 margin: 0em;
 border: 0px;
 background-image: url("matsku/linkintaustav.jpg");
 background-repeat: no-repeat;
 } 

.main .txt .aakkoslinkki a:link{
 margin: 1em;
 padding-left: 2em;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-top: 1em;
 }

 .main .txt .aakkoslinkki a:active{
 margin: 1em;
 padding-left: 2em;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-top: 1em;
 }
  
.main .txt .aakkoslinkki a:visited{
 margin: 1em;
 padding-left: 2em;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-top: 1em;
 }

.main .txt h2.toinen{
 background-color: #fff;
 color: #a40000;
 margin-left: 4em;
 text-align: left;
 clear: none;
 }
 
.main .txt h3.toinen{
 background-color: #fff;
 color: #a40000;
 margin-left: 4em;
 text-align: left;
 clear: none;
 } 
 
.main .txt h3.toinenb{
 background-color: #fff;
 color: #a40000;
 margin-left: 4em;
 text-align: left;
 clear: left;
 } 
 
.main .txt .oikea  h2{
 clear: none;
 background-color: #fff;
 color: #a40000;
 text-align: left;
 }
 
.main .txt .oikea  h3{
 clear: none;
  background-color: #fff;
  color: #a40000;
 }
  
.sit {
  margin: .5em;
  font-weight: 300;
  font-style: italic;
}  

.alku{
 text-align: right;
 font-size: .8em;
 font-weight: 700;
 margin-right: 5em;
 clear: left;
 }

.main .txt p.otsake{
 font-size: 1.5em;
 font-weight: 600;
 color: #a40000;
 margin-top: 3.5em;
 margin-bottom: 1em;
 text-align: center;
 } 
 
.main .txt p.aikapaikka{
 font-size: 1.0em;
 font-weight: 600;
/* color: #a40000;*/
 margin-top: 0.5em;
 margin-bottom: 1em;
 text-align: center; 
 } 

.main .txt p.alaotsake{
 font-size: 0.9em;
 font-weight: 600;
/* color: #a40000;*/
 margin-top: 1.5em;
 margin-bottom: 0.5em;
 text-align: center; 
 }   

.main .txt p.juttu{
 font-size: 0.8em;
 font-weight: 600;
/* color: #a40000;*/
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 text-align: center; 
 } 

.main .txt .ilm {
 padding-right: 1em;
 }
 
	
/*.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;
 }*/ 
 
 
.main .txt .ilmo {
 margin-left: 55%;
 padding-right: 1em;
 font-size: 1.1em;
	font-weight: 600;
	margin-top: .5em;
	margin-bottom: .5em;
	clear:none;
 }
 
.main .txt .ilmo  p{
 font-size: .8em;
 font-weight: normal;
 color: #003321;
 margin-top: .5em;
 margin-bottom: 1em;
 text-align: left;
 } 
 
 .main .txt .ilmo  p.otsake{
 font-size: 1.1em;
 font-weight: 600;
 color: #a40000;
 margin-top: 1.4em;
 margin-bottom: 1em;
 text-align: center;
 } 

.main .txt .ilmo h3.toinen{
 margin-top: 1em;
 } 
 
.main .txt .ilmo  .block{
 margin-top: 0em;
 fot-size: .9em;
 }

.main .txt .ilmo .block ul {
 margin-left: 1em;
 margin-top: 0;
 margin-bottom:1em;
 font-size: .8em; 
 list-style-type: none;
 color: #003321;
 } 
 
.main .txt .ilmo .block ul li{ 
  display: block;
	margin-top: 0;
	margin-bottom: 0; 
	border-left: 0px;
	margin-left: 1em;
	} 

	.main .txt .oslohko{
   font-size: .9em;
	 clear: left;
 
	}
	
	.main .txt .oslohko	table { 
       width: 50%;
       margin-top: 1em;
       margin-left: 1em;
       padding-top: .5em;
       padding-left: 2em;
			 padding-bottom: .5em;
}

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

.main .txt .oslohko table td p {
 color: #003321;
	}	
	
	
	.main .txt .oslohko table td h3{
	color: #a40000;
	background-color: #fff;
	text-align: left;
	font-weight: 700;
	font-size: 1.3em;
	margin-left: 1em;

	}