body { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;	
       background-color: #808080;
       margin: 0px; }	

p    { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin-left: 10px;
       margin-right: 10px;
       margin-top: 10px;
       margin-bottom: 20px; }
	   
p.sivuinfo {	 font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin-left: 10px;
       margin-right: 10px;
       margin-top: 20px;
       margin-bottom: 0px; }

p.esittely {	 font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin-left: 10px;
       margin-right: 10px;
       margin-top: 10px;
       margin-bottom: 0px; }
	   
.etu { text-align: justify; }	   
	   
p.loota {	 font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin-left: 10px;
       margin-right: 10px;
       margin-top: 5px;
       margin-bottom: 5px; }

p.iso { font-family: Verdana, Arial, Sans-Serif;
       font-size: 14pt;
       color: #000000;
       margin-left: 10px;
       margin-right: 10px;
       margin-top: 20px;
       margin-bottom: 0px; }
	   
span.kalu { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
	  vertical-align: middle; }	   
	   
table.kalenteri   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin: 10px;
       border: 0px; }

td.kalenteri   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin: 10px;
       border: 1px solid #D3D3D3;
       background-color: #FFFFFF;	}
	   
td.kalenteriotsikko   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 10pt;
	font-weight: bold;
       color: #000000;
       text-transform: uppercase;
       border: 1px solid #808080;
       background-color: #D3D3D3; }
	   
td.kalenteripvm   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       font-weight: bold;
       background-color: #D3D3D3;
       margin: 10px;
       border: 1px solid #808080; }
	   
td.kalenterikkyla   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       background-color: #D3D3D3;
       margin: 10px;
       border: 1px solid #808080; }

td.kalenterikkyla2   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 7pt;
       color: #000000;
       background-color: #D3D3D3;
       margin: 10px;
       border: 1px solid #808080; }

	   
td.kalenteriyla   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #FFFFFF;
       font-weight: bold;
       background-color: #808080;
       margin: 10px;
       border: 1px solid #000000; }

h1,h2,h3,h4,h5 { margin-left: 10px;
	         margin-right: 10px;
	         margin-top: 10px;
	         margin-bottom: 20px; 
                 color: #000080; }
				 
h5.huomio { margin: 10px; }

img.seka { vertical-align: middle;
				margin: 10px; }

.sivu { background-color: #D3D3D3;
        margin: 0px; 
        border: 1px solid #000000; }

.reuna { border-bottom: 1px solid #000000;
         background-color: #B22222; }
		 
.etusivukuva { border-left: 1px solid #D3D3D3; }		 
		 
div.huomioloota { border: 1px solid #B22222;
                             margin: 10px;	
                             background-color:	#F5F5F5; }

p.ylaheader { font-family: Verdana, Arial, Sans-serif;
             font-size: 24pt;
	     color: #FFFFFF;		
	     background-color: #000000;
             margin: 10px; }


p.ylaheader2 { font-family: Verdana, Arial, Sans-serif;
             font-size: 16pt;
	     color: #FFFFFF;		
	     background-color: #B22222;
             margin: 10px;}

td.ylaheader { font-family: Verdana, Arial, Sans-serif;
             font-size: 24pt;
	     color: #FFFFFF;		
	     background-color: #000000;
             border-bottom: 1px solid #000000; }

td.ylaheader2 { font-family: Verdana, Arial, Sans-serif;
             font-size: 24pt;
	     color: #FFFFFF;		
	     background-color: #B22222;
	     background-image: url("liuku.jpg"); }

.junnunaamat {  margin-top: 0px;
	        margin-left: 10px;
	        margin-right: 10px;
	        margin-bottom: 10px;
	        border: 1px solid #808080;
                font-family: Verdana, Arial, Sans-Serif;
       		font-size: 8pt; }

.junnunro    {  font-family: Verdana, Arial, Sans-Serif;
       		font-size: 14pt;
                color: #FFFFFF;
                font-weight: bold;
		background-color: #B22222; }

.junnunimi    {  font-family: Verdana, Arial, Sans-Serif;
       		font-size: 8pt;
                color: #FFFFFF;
                font-weight: bold;
		background-color: #B22222; }

.junnukuva    { font-family: Verdana, Arial, Sans-Serif;
       		font-size: 14pt;
                color: #FFFFFF;
		background-color: #808080; }

.junnuvali   { font-family: Verdana, Arial, Sans-Serif;
       		font-size: 8pt;
                color: #FFFFFF;
		background-color: #D3D3D3; }

.sisalto { background-color: #FFFFFF;
           border-bottom: 1px solid #000000; 
           border-left: 1px solid #000000;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-right: 0px; }

.kuvag { 	margin-left: 0px;
	        margin-right: 10px;
	        margin-top: 0px;
	        margin-bottom: 10px;
                border: 0px;
                font-family: Verdana, Arial, Sans-Serif;
       		font-size: 8pt;
      		color: #000000; }

.margin {  	font-family: Verdana, Arial, Sans-Serif;
       		font-size: 8pt;
	        color: #000000;
	        margin-left: 10px;
       		margin-right: 10px;
       		margin-top: 10px;
       		margin-bottom: 10px; }
			
.vanimargin {  margin-left: 10px;
       		margin-right: 0px;
       		margin-top: 10px;
       		margin-bottom: 0px; }

.pibo1	    {   background-color:  	#A9A9A9; }

.pibo2 	    {   background-color: #D3D3D3; }

.kuvaback {   background-color: #D3D3D3;
              border: 1px solid #000000; }

td.navigointi { border-bottom: 1px solid #D3D3D3;
                background-color: #B22222; }
				
td.navigointiy { border-bottom: 1px solid #D3D3D3;
			border-top: 1px solid #D3D3D3;
                background-color: #000000; }
				
span.navigointiy {  font-size: 8pt;
	color: #FFFFFF; }

td.navigointia { background-color: #B22222; }

.kentta { border: 1px solid #808080;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 8pt;
          color: #000000;
          margin-top: 2px;		  }

.nappi  { border: 1px solid #000000;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 8pt;
          color: #FFFFFF;
	  background-color: #B22222;
	  font-weight: bold;
	margin: 0px; }

.marginkentta { border: 1px solid #808080;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 8pt;
          color: #000000;
             margin: 10px; }
			 

.marginnappi  { border: 1px solid #000000;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 8pt;
          color: #FFFFFF;
	  background-color: #B22222;
	  font-weight: bold;
             margin: 10px; }

span.apu {  font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
       margin: 2px 0px 0px 0px; }

.navy { color: #000080; }
			 
td.navigointi:hover { background-color: #DC143C; }

td.navigointia:hover { background-color: #DC143C; }

a.navigointi:link { font-size: 8pt;
                    color: #FFFFFF;
                    text-decoration: none; }

a.navigointi:visited { font-size: 8pt;
                    color: #FFFFFF;
                    text-decoration: none; }

a.navigointi:hover { font-size: 8pt;
                    color: #FFFFFF;
                    background-color: #DC143C
                    text-decoration: none; }
					
a.huomio:link { color: #000080;
                    text-decoration: none; }

a.huomio:visited { color: #000080;
                    text-decoration: none; }

a.huomio:hover { color: #000080;
                              text-decoration: underline overline; }
							  
a.kalenteriyla:link   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #FFFFFF;
       font-weight: bold;
	  text-decoration: underline;
        }

a.kalenteriyla:visited   { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #FFFFFF;
       font-weight: bold;
	  text-decoration: underline;
        }
		
a.kalenteriyla:hover  { font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #FF0000;
       font-weight: bold;
	  text-decoration: none;
        }

span.apu {  font-family: Verdana, Arial, Sans-Serif;
       font-size: 8pt;
       color: #000000;
	   margin: 2px 0px 0px 0px; }
	   
.apumargin { margin: 0px 10px 10px 10px; }
		
a:link { color: #FF0000; }
a:visited { color: #8B0000; }
a:hover { text-decoration: none; }


table.esittely { background-color: #D3D3D3;
		border: 1px solid #000000;
margin: 10px;		}

td.esittelypuna {  font-family: Verdana, Arial, Sans-Serif;
          font-size: 12pt;
		font-weight: bold;
          color: #FFFFFF;
		background-color: #B22222;
		border: 1px solid #000000; }
		  
td.esittelyharmaa {  		  background-color: #D3D3D3;
           border: 1px solid #000000;  }
		   
td.esittelyvalkoinen {  font-family: Verdana, Arial, Sans-Serif;
		  background-color: #FFFFFF;
           border: 1px solid #000000;  }
		   
.margin2 { margin-top: 0px;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 10px; }
		   
.yhteystieto { margin: 0px 0px 15px 0px; }		   
.yhteystieto2 { margin: 10px 0px 10px 10px; }

.reenikentta { border: 1px solid #B22222;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 12pt;
		font-weight: bold;
          color: #000000;
		background-color:  #FFFFFF;
		margin: 10px 0px 0px 0px;}
		
td.pulu1 {  background-color: #FF6347;
           border: 1px solid #D3D3D3;  }
		   
td.pulu2 {  background-color: #40E0D0;
           border: 1px solid #D3D3D3;  }

td.pulu3 {   background-color: #9ACD32;
           border: 1px solid #D3D3D3;  }
		   
td.pulu4 {   background-color: #000080;
           border: 1px solid #D3D3D3;  }
		   
td.pulu0 {   background-color: #D3D3D3;
           border: 1px solid #D3D3D3;  }

td.pulu {   background-color: #FFFFFF;
           border: 1px solid #D3D3D3; }
		   
.puluvalikko { border: 1px solid #808080;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 8pt;
          color: #000000;
          margin: 0; }
		  
.pulunappi { border: 1px solid #000000;
          font-family: Verdana, Arial, Sans-Serif;
          font-size: 8pt;
          color: #FFFFFF;
	  background-color: #B22222;
	  font-weight: bold;
	margin: 5px 0 5px 0; }

