html						{
						overflow-y: scroll;
						} 


body					{ 
						border: 0;
						padding: 0;
						margin: 0;
						overflow: visible;
						}
/* Main */

h1 						{			
						font-family: "Minion Pro",Times,Georgia,serif;
						font-size: 42px;
						font-weight: normal;
						letter-spacing: 0px;
						color: #505050;
						padding: 0px;
						margin: 0px;
						}
/* Intro */

h2 						{			
						font-family: "Minion Pro",Times,Georgia,serif;
						font-size: 26px;
						font-weight: normal;
						font-style: italic;
						color: #808080;
						margin-top: -10px;
						line-height: 30px;
						}
/* Basic body heading */

h3 						{
						font-family: Arial,Verdana,sans-serif;
						font-size: 17px;
						font-weight: normal;
						margin-top: 0px;
						margin-bottom: -6px;
						color: #3399cc;
						}
/* News heading (navbar) */

h4 						{			
						font-family: "Trebuchet MS",Arial,sans-serif;
						font-size: 12px;
						letter-spacing: 1px;
						padding-left: 5px;
						margin-top: 0px;
						margin-bottom: 10px;
						background-color: #63c6d2;
						color: #ffffff;
						}
/* Personel */

h5 						{			
						font-family: Arial,sans-serif;
						font-size: 13px;
						margin-top: 0px;
						margin-bottom: 0px;
						color: #3399cc;
						}

ul 						{
						list-style-type: none;
						padding: 0px;
						margin: 0px;
						}

.tausta					{	
						position: fixed;
						z-index: 1;
						width: 100%;
						height: 100%;
						}
			
.box h5 a:hover			{
						color: #ffffff;
						}

.head_logo 				{			
						display: block;
						}

.henk a:hover 			{		
						color: #ffffff;	
						text-decoration: none;
						}

.navstyle li 				{			
						margin-top: 6px;
						padding-left: 0px;
						}
				
.navstyle li a 			{		
						padding-left: 12px;
						font-family: Verdana,sans-serif;
						color: #707070;
						text-decoration: none;
						background-image: url(images/nuoli.png);
						background-repeat: no-repeat;
						background-position: center left;
						border-bottom: 0px;
						}

.navstyle a:hover 		{		
						color: #ffffff;
						background-color: #000000;
						text-decoration: none;
						border-bottom: 0px;
						}


.navstyle a:active		{
						color: #ffffff;
						background-color: #000000;
						text-decoration: none;
						border-bottom: 0px;
						}

.navstyle a:visited		{
						border-bottom: 0px;
						}

.tiedot 					{		
						margin-left: 20px;
						}

.lsmin					{		
						letter-spacing: -1px;
						}

.gray					{		
						color: #606060;
						}
						
.button				{  
						font-size: 11px;  
						background-color: #E0E0E0;  
						color: #000;  
						}

#cont					{	
						position: relative;
						z-index: 2;
						}			
			
#header 					{		
						height: 100px;
						width: 940px;
						margin-bottom: 50px;
						margin-top: 10px;
						}

#navi 					{
						width: 220px;
						}

#otsikko 				{
						height: 150px;
						width: 700px;
						}

#otsikkoyhteys 			{
						height: 150px;
						width: 700px;
						}

#leipis 					{
						height: 550px;
						width: 700px;
						}

#leipisetu 				{	
						height: 500px;
						width: 700px;
						}

#ajankohtaista			{
						height: 400px;
						width: 220px;
						}

#footer					{		
						width: 700px;
						border-top: 1px solid;
						border-bottom: 1px dotted;
						border-color: #909090;
						padding-bottom: 10px;
						}

#copy					{		
						width: 700px;
						display: inline;
						float: left;
						position: relative;
						border-color: #909090;
						font-family: Verdana,sans-serif;
						font-size: 10px;
						color: #707070;
						margin-top: 5px;
						margin-bottom: 10px;
						}		
			
.kielet					{		
						float: right;
						font-family: Arial,Verdana,sans-serif;
						font-weight: bold;
						font-size: 11px;
						}

.kielet a:link			{						
						border-bottom: 0px;
						}			

.kielet a:visited  		{
						border-bottom: 0px;
						}

.kielet a:hover 			{
						border-bottom: 0px;
						}

.kielet a:active  		{
						border-bottom: 0px;
						}
				
.rfloat					{
						text-align: right;
						}

.titteli				{		
						color: #707070;
						font-size: 12px;
						font-family: Arial,sans-serif;
						}

.osakas					{		
						color: #707070;
						font-size: 10px;
						font-family: Arial,sans-serif;
						font-weight: bold;
						text-transform: uppercase;
						}

.pvm 					{		
						font-family: Verdana,sans-serif;
						color: #606060;
						font-size: 10px;
						font-weight: bold;
						}

.navstyle				{
						font-family: Verdana,sans-serif;
						font-size: 10px;
						}

.infostyle				{
						font-family: Verdana,sans-serif;
						font-size: 11px;
						color: #000000;
						margin-top: 5px;
						margin-bottom: 15px;
						}

.osaaminen				{		
						margin-bottom: 10px;
						margin-top: 5px;
						padding-left: 15px;
						list-style-type: circle;
						font-family: Verdana,sans-serif;
						font-size: 10px;
						color: #000000;
						}

.ytun 					{
						margin-left: 20px;
						}

.lomake					{
						font-family: Arial,sans-serif;
						font-weight: bold;
						font-size: 10px;
						color:#606060;
						margin-bottom:10px;
						}

.box					{
						height:230px;
						}

.henk					{
						float: left;
						position: relative;
						width: 220px;
						margin-right: 10px;
						font-family: Verdana,sans-serif;
						font-size: 11px;
						color: #000000;
						text-align: left;
						line-height: 16px;
						}  
			
.henk p					{
						font-family: Arial,sans-serif;
						font-size: 11px;
						color: #606060;
						}  

.footer_puh				{
						border-top: 1px dotted;
						border-bottom: 0px dotted;
						float: left;
						position: relative;
						width: 200px;
						font-family: Verdana,sans-serif;
						font-size: 9px;
						color: #707070;
						text-align: left;
						line-height: 15px;
						margin-top: -42px;
						margin-right: 5px;
						padding-top: 10px;
						padding-bottom: 10px;
						}
			
.footer_p1				{
						float: left;
						position: relative;
						width: 170px;
						font-family: Verdana,sans-serif;
						font-size: 10px;
						color: #707070;
						text-align: left;
						line-height: 15px;
						margin-top: 5px;
						}

.footer_p4				{
						float: right;
						position: relative;
						width: 170px;
						margin-right: 0px;
						font-family: Verdana,sans-serif;
						font-size: 10px;
						color: #707070;
						text-align: right;
						line-height: 15px;
						margin-top: 5px;
						}
				
.footer_p2,
.footer_p3				{
						float: left;
						position: relative;
						width: 170px;
						margin-right: 5px;
						font-family: Verdana,sans-serif;
						font-size: 10px;
						color: #707070;
						text-align: right;
						line-height: 15px;
						margin-top:5px;
						}  

.leipis1_2pal, 
.leipis2_2pal			{
						float: left;
						position: relative;
						width: 300px;
						margin-right: 10px;
						font-family: Arial,sans-serif;
						font-size: 11px;
						color: #606060;
						text-align: left;
						line-height: 18px;
						}  
				
.leipis2_2pal			{
						margin-left: 20px;
						}				

@font-face 				{
						font-family: "Galatia SIL Regular";
						src: url("type/GalSILR.eot");
						src: local("Galatia SIL Regular"), local("GalatiaSIL-Regular"),
						url("type/GalSILR.woff") format("woff"),
						url("type/GalSILR.ttf") format("truetype"),
						url("type/GalSILR.svg#GalSILR") format("svg");
						}

a:link					{
						color: #000000;
						text-decoration: none;
						border-bottom: 1px dotted;
						}      

a:visited				{
						color: #000000;
						text-decoration: none;
						border-bottom: 1px dotted;
						}  

a:hover					{
						color: #ffffff;
						background-color: #000000;
						text-decoration: none;
						}  

a:active				{
						color: #ffffff;
						background-color: #000000;
						text-decoration: none;
						}

.ajan_button			{
						margin-bottom: 10px;
						margin-top: 20px;
						margin-left: -10px;
						}


.container_main 			{
						margin-left: auto;
						margin-right: auto;
						width: 960px;
						text-align: left;
						}

.grid2foot_ajan			{
						display: inline;
						float: left;
						position: relative;
						margin-top: 114px;
						padding-top: 5px;
						}

.grid2foot_yksityis		{
						display: inline;
						float: left;
						position: relative;
						margin-top: 39px;
						padding-top: 5px;
						}

.grid2foot_yht			{
						display: inline;
						float: left;
						position: relative;
						margin-top: 16px;
						padding-top: 5px;
						}

.grid2foot				{
						display: inline;
						float: left;
						position: relative;
						margin-top: 5px;
						padding-top: 5px;
						}

.grid2foot_henk			{
						display: inline;
						float: left;
						position: relative;
						margin-top: -100px;
						padding-top: 5px;
						}
					
.grid2foot_er			{
						display: inline;
						float: left;
						position: relative;
						margin-top: 20%;
						padding-top: 5px;
						}

.grid_1,
.grid_2,
.grid_3,
.grid_4					{
						display: inline;
						float: left;
						position: relative;
						margin-left: 10px;
						margin-right: 10px;
						}

html body div.clear,
html body span.clear
						{
						 background: none;
						 border: 0;
						 clear: both;
						 display: block;
						 float: none;
						 font-size: 0;
						 margin: 0;
						 padding: 0;
						 position: static;
						 overflow: hidden;
						 visibility: hidden;
						 width: 0;
						 height: 0;
						}


.form					{	
						width: 75%; 
						border: 1px;
						margin-bottom: 10px;
						background: #ffffff;
						padding-bottom:5px;
						margin-top:5px;
						}

#bg 						{
						position: fixed;
						z-index: 0;
						width: 100%;
						overflow: hidden;
						}

a#print 					{
						margin-top: 3px;
						display: block;
						height: 18px;
						width: 28px;
						background-image: url(images/print_bg.png);
						background-position: top;
						text-decoration: none;
						border-bottom: 0px;
						float: left;
						position: relative;
						outline:none;
						}
a#print:hover 			{
						background-position: bottom;
						text-decoration: none;
						background-color: transparent;
						}
a#email 					{
						margin-top: 4px;
						margin-left: 10px;
						display: block;
						height: 13px;
						width: 24px;
						background-image: url(images/email_bg.png);
						background-position: top;
						text-decoration: none;
						border-bottom: 0px;
						float: left;
						position: relative;
						}
a#email:hover 			{
						background-position: bottom;
						text-decoration: none;
						background-color: transparent;
						}

img 						{
						border: none;
						}

.copy_text				{
						float: right;
						margin-right: 240px;
						margin-top: 5px;
						display: inline;
						}