body.vasen			{
						margin: 0px;
						padding: 0px;
						background-color: #E8F2FA;
						background-image: url('kuvat/koissu.png');
						background-repeat: no-repeat;
						background-attachment: fixed;
						background-position: 5px 0px;
						cursor: default;

					}
					
body.yla		{		margin: 5px;
						padding: 0px;
						background-color: #C0C0FF;
						background-image: url('kuvat/ylajuttu2.png');
						background-repeat: no-repeat;
						background-attachment: fixed;
						background-position: left ;
						cursor: default;

					}
body.ala		{		margin: 5px;
						padding: 0px;
						background-color: #C0C0FF;
						background-image: url('kuvat/alajuttu2.png');
						background-repeat: no-repeat;
						background-attachment: fixed;
						background-position: left ;
						cursor: default;

					}
.ylateksti1		{
						position: absolute;
						left: 258px;
						top: 60px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}
.ylateksti2		{
						position: absolute;
						left: 124px;
						top: 60px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}
.ylateksti3		{
						position: absolute;
						left: 390px;
						top: 60px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}
.ylateksti4		{
						position: absolute;
						left: 530px;
						top: 60px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}
.pennut			{
	background-color:#C0C0FF;
	position:absolute;
	float:left;
	left: 201px;
	font-family: Arial;
	font-size: 12 px;
	top: 4px;
						
					}

.otsikko	{
						position: absolute;
						left: 271px;
						top: 25px;
						color: #3C4356;
						font-family: Verdana, sans-serif; 
						font-size: 22px;
						font-weight: bold;
						letter-spacing: 1px;
						white-space: nowrap;
					}
.teksti1		{
						position: absolute;
						left: 271px;
						top: 108px;
						width: 350px;
						color: #333333;
						padding-right: 15px;
						font-family: Verdana, sans-serif;
						font-size: 12px;
						letter-spacing: 1px;
						line-height: 110%;
						height: 85px;
						}

.teksti2		{
						position: absolute;
						left: 271px;
						top: 207px;
						width: 350px;
						color: #333333;
						padding-right: 15px;
						font-family: Verdana, sans-serif;
						font-size: 12px;
						letter-spacing: 1px;
						line-height: 110%;
						height: 165px;
						}
.teksti3		{
						position: absolute;
						left: 271px;
						top: 385px;
						width: 350px;
						color: #333333;
						padding-right: 15px;
						font-family: Verdana, sans-serif;
						font-size: 12px;
						letter-spacing: 1px;
						line-height: 110%;
						height: 66px;
						}
.alateksti1		{
						position: absolute;
						left: 248px;
						top: 1px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}		
.alateksti2		{
						position: absolute;
						left: 404px;
						top: 1px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}
.alateksti3		{
						position: absolute;
						left: 560px;
						top: 1px;
						font-family: Arial;
						font-size: 15px;
						letter-spacing: 2px;
						font-weight: bold;
						width: 118px;
					}
						
.mini  				{
						margin: 0;
						position: right;
						right: 5px;
						font-family: Verdana, sans-serif; 
  						font-style: italic; 
 					 	color: #00519C; 
 						font-size: 10px ;
 						}
 table				{	position: absolute;
						left: 271px;
						top: 108px;
						width: 450px;
						color: #333333;
						padding-right: 15px;
						font-family: Verdana, sans-serif;
						font-size: 12px;
						letter-spacing: 1px;
						line-height: 120%;
						
						} 
tr					{	border-spacing: 35px;
						}						
												
B					{	font-family: Verdana, sans-serif; 
  						font-style: italic; 
  						color: #005BB7; 
  						font-size: 11pt; 
  						font-weight: bold
  						}
H1					{	font-family: Verdana, sans-serif; 
  						font-size: 16pt; 
  						color: #000000
  						}


#showimage{ 
position:absolute; 
visibility:hidden; 
border: 1px solid gray; 
} 

#dragbar{ 
cursor: hand; 
cursor: pointer; 
background-color: #EFEFEF; 
min-width: 100px; /*NS6 style to overcome bug*/ 
} 

#dragbar #closetext{ 
font-weight: bold; 
margin-right: 1px;
}

.marki
  {
  background-color: #E8F2FA;
  margin-top: 1em;
  margin-right: 2em;
  margin-bottom: 2em;
  margin-left: 2em
  } 




H2
  {
  font-family: Verdana, sans-serif; 
  font-size: 11pt; 
  color: #000000
  }
H3
  {
  font-family: Verdana, sans-serif; 
  font-size: 9pt;
  font-weight: bold; 
  color: #000000
  }

A:link
  {
  color: #005BB7;
  text-decoration: none
  }


A:visited
  {
  color:  #005BB7;
  text-decoration: none
  }


A:active 
  {
  color:  #000000;
  text-decoration: none
  }


A:hover
  {
    color: blue;
  text-decoration: none
  }


 .viivat
 {
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
  border-left: solid 2px #FFFFFF
   }


@media print {
body { font-size: 10pt }
}
@media screen {
body { font-size: 12pt }
}
@media screen, print {
body { line-height: 1.2 }
} 

@page :first {size: 210mm 210mm; margin-left: 4cm; margin-right: 4cm;}