/*
  * arki.css
*/



.pohja {

	width:				750px;
	margin-left: 		auto;
   margin-right: 		auto;
	text-align: 		center;
	
}

#logo {
 	width:				165px;
	height:				162px;
	
	}
	
.otsikko {
 	
	font-weight: 		bold;
	text-align: 		center;
	vertical-align: 	top;
	color: 				#000000;
	background-color:	#ffffff;
	
	}


A.button1:link 	{ color: #ffffff; 	font-weight:	bold; }
A.button1:visited { color: #ffffff;  	font-weight: 	bold; }
A.button1:hover 	{ color: #ffffff;  	font-weight: 	bold; }


.nappain0 a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#ffffff;
	outline: 				thin solid  #3da450;
	color: 					#ffffff;
	background-color:		#3da450;
	font-weight: 			bold;
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
	}
.nappain0:hover a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#cccccc;
	outline: 				thin solid	#000000;
	background-color:		#33c64f;
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
	}

.nappain1 a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#ffffff;
	outline: 				thin solid  #a020f0;
	color: 					#ffffff;
	background-color:		#a020f0;
	font-weight: 			bold;	
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
   }
.nappain1:hover a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#cccccc;
	outline: 				thin solid	#000000;
	background-color:		#cd20f0;
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
	}

.nappain2 a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#ffffff;
	outline: 				thin solid  #ed6e00;
	color: 					#ffffff;
	background-color:		#ed6e00;
	font-weight: 			bold;
	text-align: 			center;
	margin-left: auto;
   margin-right: auto;
	}
.nappain2:hover a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#cccccc;
	outline: 				thin solid	#000000;
	background-color:		#ed8a00;
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
	}

.nappain3 a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#ffffff;
	outline: 				thin solid  #d8d508;
	color: 					#ffffff;
	background-color:		#d8d508;
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
	}
.nappain3:hover a{
	width:					120px;
	height:					100%;
	display: 				block;
	border:					thin solid	#cccccc;
	outline: 				thin solid	#000000;
	background-color:		#e7e40c;
	text-align: 			center;
	margin-left: 			auto;
   margin-right: 			auto;
	}


#sarake1 {

	width:					280px;
	
	vertical-align: 		top;
	
	font-weight: 			bold;
	text-align: 			center;
	
	color: 					#000000;
	background-color:		#ffffff;
}	
	
#sarake2 {
	
	width:					270px;
	padding-left: 				1em;
	vertical-align: 		top;
	
	
	text-align: 			left;
	
	color: 					#000000;
	background-color:		#ffffff;
}	
	
#sarake3 {

	width:					200px;
	
	vertical-align: 		top;
	
	
	text-align: 			center;
	
	color: 					#000000;
	background-color:		#ffffff;
	
	border-left-style: 	solid;
   border-left-width: 	thin;
	border-left-color:	#3da450;
}		

#sarake3l {

	width:					200px;
	
	vertical-align: 		top;
	
	
	text-align: 			center;
	
	color: 					#000000;
	background-color:		#ffffff;
	
	border-left-style: 	solid;
   border-left-width: 	thin;
	border-left-color:	#a020f0;
}		

#sarake32 {

	width:					200px;
	
	vertical-align: 		top;
	
	
	text-align: 			center;
	
	color: 					#000000;
	background-color:		#ffffff;
	
	border-left-style: 	solid;
   border-left-width: 	thin;
	border-left-color:	#ed8a00;
}		

#sarake33 {

	width:					200px;
	
	vertical-align: 		top;
	
	
	text-align: 			center;
	
	color: 					#000000;
	background-color:		#ffffff;
	
	border-left-style: 	solid;
   border-left-width: 	thin;
	border-left-color:	#d8d508;
}		

#sarake4 {

	width:					550px;
	
	vertical-align: 		top;
	

	text-align: 			center;
	padding-right:			1em;
	color: 					#000000;
	background-color:		#ffffff;
}	

.o1{

	font-weight: 		bold;
	text-align: 		center;
	vertical-align: 	middle;
	color: 				#000000;
	background-color:	#ffffff;
	}	

.kuva {

	text-align: 			center;
	}

.txt {
	text-align: 			left;
	}
.txt01 {
	text-align: 			center;
	}
	
.up {
	text-align: 			right;
	}
	
.flag { 
	width:					200px; 
	text-align: 			right;
	}

.smenu {
	width:					200px; 
	text-align: 			right;
	}	
	
.kuva {

	text-align: 			center;
	}

.kuva0 {

	text-align: 			left;
	}
#mrivi {

	width:					200px;
	
	border-top-style: solid;
	border-top-color:	#3da450;
	border-top-width:	thin;
	margin-left: auto;
   margin-right: auto;
}	

#mrivil {

	width:					200px;
	
	border-top-style: solid;
	border-top-color:	#a020f0;
	border-top-width:	thin;
	margin-left: auto;
   margin-right: auto;
}	

#mrivi2 {

	width:					200px;
	
	border-top-style: solid;
	border-top-color:	#d8d508;
	border-top-width:	thin;
	margin-left: auto;
   margin-right: auto;
}	

#orivi1 {

	width:					200px;
	
	border-top-style: solid;
	border-top-color:	#ed8a00;
	border-top-width:	thin;
	margin-left: auto;
   margin-right: auto;
}	


#privi {

	width:					750px;
	
	border-top-style: solid;
	border-top-color:	#d4281c;
	border-top-width:	medium;
	margin-left: auto;
   margin-right: auto;
}		
	
#vrivi {

	width:					750px;
	
	border-top-style: solid;
	border-top-color:	#3da450;
	border-top-width:	medium;
	margin-left: auto;
   margin-right: auto;
}		
	
#lrivi {

	width:					750px;
	
	border-top-style: solid;
	border-top-color:	#a020f0;
	border-top-width:	medium;
	margin-left: auto;
   margin-right: auto;
}	
	
#orivi {

	width:					750px;
	
	border-top-style: solid;
	border-top-color:	#ed8a00;
	border-top-width:	medium;
	margin-left: auto;
   margin-right: auto;
}	

#krivi {

	width:					750px;
	
	border-top-style: solid;
	border-top-color:	#d8d508;
	border-top-width:	medium;
	margin-left: auto;
   margin-right: auto;
}		
	
#ala {

	width:					750px;
	margin-left: auto;
    margin-right: auto;
	text-align: 			center;
}