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

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

h2 			{			
			font-family: Georgia,serif;
			font-size: 25px;
			font-weight: normal;
			font-style:italic;
			color:#808080;
			margin:0px;
			}
/* Basic body heading */

h3 			{
			font-family: Arial,Verdana,sans-serif;
			font-size: 17px;
			font-weight: normal;
			letter-spacing:px;
			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;
			font-weight:;
			letter-spacing:px;
			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;
			}

#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 dotted;
			border-color:#909090;
			margin-bottom:30px;
			}

.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		{
				float: left;
				position: relative;
				width: px;
				font-family: Verdana,sans-serif;
				font-size: 8px;
				color: #707070;
				text-align: left;
				line-height: 15px;
				margin-top:-42px;
				margin-right: 5px;
				}
			
.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_p2,
.footer_p3,
.footer_p4		{
				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-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;
				}


/* Clear Floats
----------------------------------------------------------------------------------------------------*/

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;
}