body 		{
			margin-left: 15%;
			margin-right: 15%;
			margin-top:2%;
			}
 div.hr {
 			margin-left: 25%;
			margin-right: 25%;
 		 	height: 1px;
  			background: #D9F7FD url(../images/horisontal.gif) no-repeat center;
			}
div.hr hr {
  display: none;
}
				

.yla2		{
			height: 100px;
			}
			
.yla3		{
			height: 10px;
			}
.keski 		{
			background-color: #D9F7FD;
			border: thin solid rgb(246,149,78);
			background-image:url('../images/taustapullo.gif');
			background-repeat: no-repeat;
}
a.vasen		{
			text-decoration: none;
			color:#FFFFFF;
			font: 11px verdana;	
			}
a			{text-decoration: none;
			}
a:hover 	{
			text-decoration: underline; 
			}
p.leipa {
		font: 11px verdana;
		margin: 0.3cm 0.1cm 0.1cm 0.3cm;
		}

h3.vasen		{color:#FFFFFF;
				font:  12px Verdana;
				margin-left: 2px;
				margin-top: 0.1cm;
				}

h1 		{
		font: Trebuchet, Helvetica, sans-serif;
		font-size: 13px;
		margin: 0.3cm;
		}
		
h2		{
		font: 900 11px verdana;
		margin: 0.3cm 0.1cm -0.2cm 0.3cm;
		}
h3 		{
		font: Trebuchet, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0.3cm;
		color:#003366;
		}		
		
a.olink			{font:  14px Verdana;
			color: #FFFFFF;
			text-decoration: none;
			margin-top: 0.1cm;
			margin-left: 0.3cm;
							
			}
a:hover.olink  {text-decoration: underline;
				}

.kuvitus		{
				float: right;
				margin: 1px 6px 3px 3px;
				border: thin solid rgb(255,255,255);
				} 
				
.kuvitus2		{
				float: right;
				margin: 1px 6px 3px 3px;
								} 
iframe					{
						align: left;
						height: 80px;
						frameborder: 0;
						scrolling: auto;
						margin: -3px 0px 0px 0px;
						border: thin hidden #D9F7FD;
						}
li				{
				margin: 0.2cm;
				padding: 5px;
				list-style-type: none;
				}
ol				{
				margin: 0;
				padding: 0;
				}
li.mat		{
			font: 11px verdana;
			list-style-type: none;
			margin-bottom: -15px;
			}