body
{

	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(/kuvat/taustakuva.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}

html
{
	min-height: 100%;
	margin: 0;
	padding: 0;
}
 
label
{
float: left;
width: 160px;
font-weight: normal;
color: #4B4B4B;
FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
}
		
h1
{
	COLOR: #97691F;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 16pt;
	margin: 0 0 10px 0;
	font-weight: normal;
	LINE-HEIGHT: 20pt;
}

h2
{
	COLOR: #97691F;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 14pt;
	margin: 10px 0 10px 0; 
	font-weight: normal;
	LINE-HEIGHT: 18pt;
}
 

h3
{
	COLOR: #97691F;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 12pt;
	margin: 10px 0 0 0; 
	font-weight: normal;
	LINE-HEIGHT: 16pt;
} 


 

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

li 
{
	background-image: url(/kuvat/li.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	COLOR: #B3B5B5;
	FONT-FAMILY:  sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	LINE-HEIGHT: 14pt;
	padding-left: 12px;
}


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

li ul
{
	list-style: none;
}





P, div, li, td
{
	COLOR: #B3B5B5;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
}

A:link, A:visited, A:active
{
	COLOR: #97691F;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	text-decoration: none;
}

A:hover
{
	COLOR: #C19349;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	text-decoration: underline;
}
 
.hide { display: none; }
 

#container 
{
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
padding: 229px 0 0 0;
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
 
#runko

{
margin: 0 auto 0 auto;
padding: 0;
clear: both;
} 
 

.clear { width: 100%; height: 50px; clear: both; margin: 0; padding: 0;} 
 
.reuna { width: 2px; margin: 0; padding: 0;}
.vasen 
{
background-color : transparent;
background-image: url(/kuvat/sivupalkki.jpg);
background-repeat: no-repeat;
}

.oikea 
{
background-color : transparent;
background-image: url(/kuvat/sivupalkki.jpg);
background-repeat: no-repeat;
} 
 
 
  
#keskiosa
{
width: 960px;
height: 100%;
min-height: 100%;
margin: 0;
padding: 20px;
}

.logo
{
width: 508px;
float: left;
margin: 0 0 40px 0;
padding: 0;
}

.navigaatio
{
width: 400px;
float: right;
margin: 45px 0 40px 0;
padding: 0 0 0 50px;
} 


#navlist a:link, #navlist a:visited
{
	color: #774D00;
	float: left;
	margin: 0;
	padding: 10px 8px 10px 8px;
	text-decoration: none;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: #000000 url(/kuvat/naviviiva.jpg) no-repeat right;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	background: transparent;
	color: #DE9B1E;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	background: #000000 url(/kuvat/naviviiva.jpg) no-repeat right;
}

#navlist a.eka:link, #navlist a.eka:visited
{
	margin: 0;
	padding: 10px 1px 10px 1px;
	background: #000000 url(/kuvat/naviviiva.jpg) no-repeat right;
}


#navlist a:hover
{
	color: #DE9B1E;
}


.isoylakuva
{
width: 980px;
margin: 10px 0 10px 0;
clear: both;
text-align: center;
}


.vasenpalsta
{
float: left;
margin: 0 0 20px 0;
padding: 0 20px 0 0;
width: 508px;
}

 
 



 
 
 

.yhteystiedot
{
clear: both;
}

.yhteystiedot_vasen
{
float: left;
width: 234px;
margin: 0 20px 0 0;
padding: 0;
}

.yhteystiedot_oikea
{
float: right;
width: 234px;
margin: 0;
padding: 0;
}

.oikeapalsta
{
float: right;
margin: 0 0 20px 0;
padding: 0;
width: 432px;
}

.huvilat
{
clear: both;
margin: 0;
padding: 0;
width: 432px;
}

.huvilat_vasen
{
float: left;
width: 213px;
margin: 0 5px 0 0;
padding: 0;
}

.huvilat_oikea
{
float: right;
width: 213px;
margin: 0;
padding: 0;
}

.huvila
{
width: 203px;
margin: 0 0 10px 0;
padding: 5px;
background-color: #32312E;
}

.huvila_kuva
{
width: 203px;
overflow: hidden;
clear: both;
margin: 0 0 5px 0;
padding: 0;
}

.huvila_otsikko
{
	COLOR: #97691F;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
}

.huvila_otsikko A:link, .huvila_otsikko A:visited, .huvila_otsikko A:active
{
	COLOR: #C19349;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 12pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 15pt;
	text-decoration: none;
}

.huvila_otsikko A:hover
{
	COLOR: #734804;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 12pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 15pt;
	text-decoration: none;
}
 

.iso_huvila
{
width: 422px;
margin: 0;
padding: 5px;
background-color: #32312E;
}

.iso_huvila_kuva
{
width: 422px;
overflow: hidden;
clear: both;
margin: 0 0 5px 0;
padding: 0;

}


.lisakuvat img
{ 
margin: 1px 0 0 1px;
padding: 0;
}
 
 
 
.varusteet_vasen
{
float: left;
width: 234px;
margin: 0 20px 0 0;
padding: 0;
}

.varusteet_oikea
{
float: right;
width: 234px;
margin: 0;
padding: 0;
}

.kartalla, .varusteet_otsikko
{
clear: both;
margin: 10px 0 0 0;
}

.huvila h4, .huvila p {font-size: 10pt; margin: 0;}
.tarjousviikkoja { color: #7D0C0C; font-size: 10pt;}

#navlist
{
	margin: 0;
	padding: 5px 10px 10px 0;
}

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

#navlist li
{
	display: inline;
	margin: 0;
	padding: 0;
}


#alaosa
{

position: absolute;
bottom: 0;
width: 100%;
height: 88px; 
margin: 10px 0 0 0;
padding: 0;
clear: both;
}

#kumppanit
{
width: 100%;
height: 88px; 
margin: 0 auto 0 auto;
padding: 0;
background: url(/kuvat/taustakuva_kumppanit.jpg);
background-color: #000000;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}

.yhteistyossa
{
clear: both; 
padding: 15px 0 0 0;
margin: 0;
}

.etu_copyright
{

	clear: both;
	margin: 10px 0 10px 0;
	COLOR: #464542;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
}


.copyright
{
clear: both;
width: 958px;
	COLOR: #464542;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
}

.copyright A:link, .copyright A:visited, .copyright A:active,
.etu_copyright A:link, .etu_copyright A:visited, .etu_copyright A:active
{
	COLOR: #464542;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	text-decoration: underline;
}

.copyright A:hover, .etu_copyright A:hover
{
	COLOR: #C19349;
	FONT-FAMILY: sans-serif, Arial, Verdana, Helvetica;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 14pt;
	text-decoration: underline;
}
 
#topSet
{
width: 100%;
clear: both;
padding: 5px; 
margin: 0;
background: red; 
text-align: center;
color: #ffffff;
}

#topSet A:link, #topSet A:visited, #topSet A:active
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: none; 
	margin: 0 15px 0 0;
}
#topSet A:hover
{
	COLOR: #ffffff;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-decoration: underline; 
}

#gmap_canvas
{
	width: 100%;
	padding: .3em;
	margin: 3px 0;
	height: 320px;
	border: 10px solid #32312E;
}