/* CSS Document */

a { color:#71513a;
	text-decoration:underline; }

a span.link { text-decoration:none; }

body { background-color:#fde6af;
	font-family:Arial, Helvetica, sans-serif;
	color:#5c422d; }
	
h1 { margin:15px;
	font-size:1em; }

h2 { font-size:0.8em;
	margin:20px 15px 15px 15px; }
	
li { font-size:0.8em; }

p { margin:15px;
	text-align:left;
	font-size:0.8em;
	color:#71513a; }

p#pieni { font-size:0.65em;
	margin-top:120px; }
	
table#hinnasto { font-size:0.8em;
	margin-left:15px;
	margin-right:15px; }

table { font-size:0.9em;
	margin-left:15px;
	margin-right:15px; }

table span { font-weight:bold; }

table span.link { font-weight:normal; }

.box { width:735px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/kuva_tausta.gif);
	background-repeat:repeat-y; }

.lang { height:34px;
	width:735px;
	background-image:url(images/kuva_ala.gif);
	font-size:0.9em; }

.lang span { margin-left:88%; }

.navi { width:735px;
	padding-bottom:20px;
	text-align:center; 
	word-spacing:14px;
	font-size:0.9em; }

.content { min-height:300px;
	padding-left:12%;
	padding-right:12%; }
	
.vali { padding-top:15px; }

#hiidenmaki { background-image:url(images/hiidenmaki_ala.jpg);
	background-position:center;
	min-height:180px;
	background-repeat:no-repeat; }
	
#hiidenmaki_en { background-image:url(images/hiidenmaki_ala_en.jpg);
	background-position:center;
	min-height:180px;
	background-repeat:no-repeat; }

#index { background-image:url(images/index_ala.jpg);
	background-position:center;
	min-height:150px; }

#kartta { width:176px; 
	position:relative;
	left:310px; }

#lomake { min-height:150px; }

#majoitus { background-image:url(images/majoitus_ala.jpg);
	background-position:center;
	min-height:150px; }

#tilaisuudet { background-image:url(images/tilaisuudet_ala.jpg);
	background-position:center;
	min-height:150px; }

#vapaa-aika { background-image:url(images/vapaa-aika_ala.jpg);
	background-position:center;
	min-height:150px; }

#tilpalsta1 { width:275px;
	position:absolute; }

#tilpalsta2 { width:275px;
	position:relative;
	left:310px; }

#yhteys { width:275px; 
	position:absolute; }

#posti { padding-top:4px; }

/*Kuvagallerian tyylimäärittelyt alkavat tästä*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* The outer container with a relative position */
#gallery { width:538px;
	height:455px;
	position:relative;
	background:#ebe7df;
	border:1px solid #ccc7be; }

/*  */
#gallery ul { list-style:none;
	padding:0;
	margin:8px 0 0 8px;
	width:540px;
	float:none; }

/* remove the border from the list and style it on the link instead */
#gallery ul li { width:50px;
	height:50px;
	border:0;
	display:inline;
	float:left;
	margin:4px; } 

#gallery ul li a { display:block;
	width:48px;
	height:48px;
	border:2px solid #FFFFFF;
	cursor:default; }

/* Change the li border to white */
#gallery ul li a:hover { border-color:#76573f;
	cursor:default; }

/* Position the span using an absolute position and specify the width and height */
#gallery ul li a:hover span { position:absolute;
	left:0px;
	top:135px;
	width:538px;
	height:355px; }

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
#gallery ul li a:hover span i { width:538px;
	height:355px;
	display:table-cell;
	vertical-align:middle; }

/* Make the image actual size using auto width and height */
#gallery ul li a:hover span i img { display:block;
	width:400px;
	height:300px;
	border:1px solid #fff;
	margin:0 auto; }

/* remove the default image */
#gallery ul li.default { display:none; }

/* Set up the thumbnail images as the background images */
#gallery ul li.tb1 { background:url(images/paarakennus_thumb.jpg); }
#gallery ul li.tb2 { background:url(images/ulkoyo_thumb.jpg); }
#gallery ul li.tb3 { background:url(images/ylakerta1_thumb.jpg); }
#gallery ul li.tb4 { background:url(images/ylakerta4_thumb.jpg); }
#gallery ul li.tb5 { background:url(images/hirsihuone_thumb.jpg); }
#gallery ul li.tb6 { background:url(images/amme_thumb.jpg); }
#gallery ul li.tb7 { background:url(images/sauna_thumb.jpg); }
#gallery ul li.tb8 { background:url(images/keittio_thumb.jpg); }
#gallery ul li.tb9 { background:url(images/makuuhuone_thumb.jpg); }
#gallery ul li.tb10 { background:url(images/ruokailuhuone_thumb.jpg); }
#gallery ul li.tb11 { background:url(images/olohuone_thumb.jpg); }
#gallery ul li.tb12 { background:url(images/juhlat_thumb.jpg); }
#gallery ul li.tb13 { background:url(images/viikveneke_thumb.jpg); }
#gallery ul li.tb14 { background:url(images/kota_thumb.jpg); }
#gallery ul li.tb15 { background:url(images/jukola2_thumb.jpg); }
#gallery ul li.tb16 { background:url(images/jukola4_thumb.jpg); }
#gallery ul li.tb17 { background:url(images/jukola8_thumb.jpg); }
#gallery ul li.tb18 { background:url(images/jukola10_thumb.jpg); }

/*
#gallery ul li.tb21 { background:url(images/_thumb.jpg); }
*/

/* Hide the full size images */
#gallery ul li span i img { display:none; }

/* set up the .click style which will be added using javascript */

/* Change the li border to white */
/*#gallery ul li.click { border-color:#000;
	cursor:default; }*/

/* Position the span using an absolute position and specify the width and height */
/*#gallery ul li.click span { position:absolute;
	left:0;
	top:0;
	width:538px;
	height:455px; }*/

/* Set up the i so that it is the same size as the span BUT this has a static position so that the image can be both vertically and horizontally centered in all browsers except IE using display:table-cell */
/*#gallery ul li.click span i { width:538px;
	height:455px;
	display:table-cell;
	vertical-align:middle;
	text-align:center; }*/

/* Make the image actual size using auto width and height */
/*#gallery ul li.click span i img { display:block;
	width:400px;
	height:300px;
	border:1px solid #fff;
	margin:136px auto; }*/

/* set up the default image */
/*#gallery ul li.default { width:0;
	height:0;
	border:0; }*/
	
/*#gallery ul li.default span { position:absolute;
	left:0;
	top:0;
	width:538px;
	height:455px; }*/
	
/*#gallery ul li.default span i { width:538px;
	height:455px;
	display:table-cell;
	vertical-align:middle;
	text-align:center; } */
	
/* specify the image width and height for IE6 */
/*#gallery ul li.default span i img { display:block;
	width:400px;
	height:300px;
	border:1px solid #fff;
	margin:136px auto; }*/
	
/*#gallery ul li.off { display:none; }*/