@media print{																				/*tulostus määritykset*/						
			 #masthead{display:none;}						
			 body{font-family:Times New Roman 12pt;
			 			margin:0;}								 
			 #content{display:none;}
			 h2 h3 h4{page-break-after:avoid;
  			 	 		 		page-break-inside:avoid;
									padding:0;}
			 #navcontainer{display:none;}
			#footer{display:none;}
			p{margin:0;}
			ul{margin:0;}
			#img{display:none;}
			 			}											 

body{															 					 /*bodyn määritykset*/	
		 width:100%;																	/*leveys*/			
		 font-family: Arial, verdana, sans-serif;				/*fotti*/
		 color:#333333;							 										 /*fontin väri*/
		 font-size:0.9em;																 	/*fontin koko*/																				
		 padding:0px;																						 
		 background-image:url(koivu.jpg);										/*bodyn taustakuva*/		 
		 background-color:#ffffff;													/*taustaväri ellei kuvaa*/
		 text-align:center;
		 }															 										/*tekstin keskitys*/

#masthead{																							/*Yläpalkki*/	
				height:190px;																		/*korkeus*/
 				width:760px; 																					/*leveys*/
				background-image:url(yla.jpg);												/*tustakuva*/
				background-repeat:no-repeat;											/*taustakuva ei toistu*/
				left:10%;																					/*sijainti vasemmalta*/
				right:10%;																				 /*sijainti oikealta*/
				padding:0px;																				/*ei paddingia*/ 												
																	/*marginaali automaattisesti*/
				}
#page{	 				 																	/*sivu keltaisin reunoin*/
			width:760px;																/*leveys*/
			left:10%;																							/*sij vasemmalta*/
			right:10%;																						/*sij. oikealta*/
			top:1%;																								/*sij ylhäältä*/
			 border:2px solid #ffcc66;															/*reunaviiva*/
			padding:0px;			 																		/*ei paddingiä*/
			}

#content{		
					width:760px;
					left:10%;																							/*sij vasemmalta*/
					right:10%; 
				 	background-image:url(yla2.jpg);								/*taustakuva*/
					background-repeat:no-repeat;	
					padding-top:2px;	
					text-align:left;	
					background-color:#fefeda;											/*taustaväri*/
				 color:#333333;	
				
										}
	
.item{
margin-top:90px;
margin-left:120px;
}
	
	
h2{padding-top:35px;
	padding-left:20px;	
	font-size:1.5em;				
	}
#content h3{	
margin-left:20%;

}
#content h4{
 text-align:center;
margin-left:10%;
background-color:#ffcc66;	
width:400px;
}

#navi{position:absolute;
			top:70%;
			padding-left:0px;
						}

#navcontainer{																					
					width:120px;	
					padding-left:0px;										
					}


#navcontainer ul{																			/*jos on järjestämätön listan*/
						margin-left:0px;														/*ei vasenta marginaalia*/															
						list-style-type:none;											/*ei luettelomerkkejä*/
						font-family:Arial, verdana, sans-serif;		/*fonttiperhe*/
						font-size:1em;		 												/*suhteellinen fontin koko*/
						background-color:#fefeda;
						color:#009966;
						width:120px;
						padding-left:0px;															/*tekstin väri*/
						}

#navcontainer a{																			/*linkin määritykset*/
						display:block;
						padding:4px;
						padding-left:2px;																/*väljyys*/
						width:120px;																			 /*linkki palkin leveys*/
						background-color:#fefeda;									/*linkin taustaväri*/
						color:#009966;					 									/*tekstin väri*/
						border-bottom:1px solid #eee;														/*alareunan viiva valkoinen*/
						}

#navcontainer a:link, #navlist a:visited{							/*käydyn linkin määritys*/
 						color:#ff0000;	
						width:120px;	 												/*tekstin väri*/
						background-color:#ffcc66;									/*taustaväri*/
						text-decoration:none;											/*ei korostuksia*/
						padding:4px;
						padding-left:3px;
						}

#navcontainer a:hover{																/*kun linkissä hiiri päällä*/
							background-color:#fefee8;								/*taustaväri*/
							color:#009966;													
							padding:4px;
							}
					
#kuva1{				 												 /*kuva ja sen sijoittumisen määritykset*/
			 float:left;										 /*liuku vasemmalle*/
			 margin-top:0px;								 /*ei ylämarginaalia*/	 						
 			  }
#kuva2{	 
			margin-top:9%;	
			 margin-left:4%;								 /*kuva*/
			padding-top:10px;			 				 
						 }
#kuva3{							 									 /*kuva*/
			 margin-top:0px;	 
			 }	
			 
.eka{	 									 							 /*kuva */
		 float:left;
			width:290px;
		height:230px;
	
		}
.toka{					 	 			 							 	 /*kuva*/
			float:left;
			width:290px;
			height:230px;
			margin-left:15px;
	}
	 
			 				

#kartta{					 	 		 							 	 /*kuvan määrityksiä*/
				margin-left:20%;
				padding:1em;
								} 


#alue{					 				 							 	 /*kuvan määrityksiä*/
			margin-top:5%;
			margin-left:25%;
			padding:1px;
}

.item p{text-align:left;
margin-left:10%;
margin-right:5%;
padding:10px;	
	}	 							 	 /*kappaleen määrityksiä*/
	 
a{		
	 color:#ff0000;
		}
a:link{color:#ff0000;}
 a:visited{color:#009966;}
a:hover{		
		color:#ffcc66;
		}

.menu{						
text-align:left;	
margin-left:8%;

}

.menu ul{list-style-type:none;

	}
.menu li{padding:5px;}

.lakis{background-color:#fefee8;
width:500px;
margin-left:10%;}


#img{		 								 							 	 /*kuvan määrityksiä*/
		 float:left;
		 margin-left:2%;

		 		 }



.k1{						 				 							 	 /*kuvien määrityksiä*/
float:left;															 /*vasen liuku*/
width:290px;														 /*kuvan leveys*/
height:218px;														 /*kuvan korkeus*/
}
.k2{	
 float:left;
		margin-top:3%;
		width:290px;
		height:223px;
		padding:1em;
}
.lista{					 				 							 	 							/*luettelon määritykset*/
			 text-align:left;																/*tekstin keskitys*/
			 margin-left:15%;
			 padding:1em;
			 }
.hinnat{															/*tekstin keskitys*/
				 margin-left:8%;
				 margin-right:5%;
				}
table{ 						 		 	 							 	 							/*taulukko*/		
			border:1px solid #ffcc66;												/*taulukon reuna*/
			font-family: Arial, verdana, sans-serif;				
			color:#333333;							 										 
		 	font-size:0.9em;	
			text-align:left;
			background-color:#fefee8;
			margin-bottom:2%;
                        }												 

td{														 												 /*taulukon solu*/
	 border:1px solid #ffcc66;
	 padding:8px;
	 }

table a:link{text-decoration:none;}

.clear{				 								 												/*vasemman liun lopetus*/
clear:left;
}

#footer{	 		 								 												 /*alapalkki*/
padding:10px;
}
 					
address{			 								 												 /*osoite-elementti*/
				text-align:center;														 /*tekstin keskitys*/
				font-style:normal;
				}
form{											
		 margin-left:10%;																													
		 width:70%;																		 /*lomakkeen leveys*/
		text-align:center;
		border:2px solid #ffcc66;			
}
fieldset{							 																 /*lomakeryhmä*/
				 border:1px solid #ffcc66;										 /*reunaviiva*/
				 background-color:#fefeda;										 /*taustaväri*/
				 color:black;																	 /*tekstiväri*/
}
input{background-color:#fefee8;
color:black;																						/*tekstin väri*/
font-size:1em;	
}
legend{	 
				 font:italic bold 1em arial, verdana, sans-serif;																							 /*lomakeryhmän otsikko*/
			 font-size:1.1em;
			 background-color:#ffcc66;
			 color:#ff0000;
			 }
label{ 							 							 										 /*tekstikentän otsikko*/
			font:italic bold 1em arial, verdana, sans-serif;
			text-align:center;
			color:black;
			background-color:#fefee8;																																				
}
textarea{																								/*tekstialue*/																							
background-color:#fefee8;																/*taustaväri*/
color:black;																						/*tekstin väri*/
font-size:1em;																					/*fontin koko*/
}

#galleria{																							/*kuvagallerian määrityksiä*/																																							
float:left;
padding-left:180px;														
}

.viiva{border-bottom:1px solid #ffcc66;											/*korvaa hr:n*/																					
width:100%;}						 			 															/*leveys*/

.oma{										 			 				 							/*oman nimen määritykset*/																									
float:right;																					/*liuku oikealle*/
background-color:#fefeda;																			
color:#ffcc66;																			/*tekstin väri*/
font:italic 0.8em arial, verdana, sans-serif;						/*fontin vahvuus*/
}
