html {
	scrollbar-3dlight-color: #E5CEC5; 
	scrollbar-highlight-color: #E5CEC5;
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #E5CEC5;
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-arrow-color: #E5CEC5;
}
body {
	background-image:  url(./pics/stripe.jpg);
	font-size: 9pt;
	color: #000000;
	font-style: normal;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.ele_kokosivu { /* elementti, jonka sisään tulee koko höskä */
	position: absolute;
	top: 10px;
	left: 20px;
	width: 800px;
	height: 700px;
	background-image:  url(./pics/tausta.jpg);
	background-repeat: no-repeat;
}
.pagetable_top { position: absolute; top: 0px; left: 10px; width: 780px; height: 160px; letter-spacing: 1px;}
.pagetable_mid { position: absolute; top: 160px; left: 10px; width: 780px; height: 490px; letter-spacing: 1px;}
.pagetable_bot { position: absolute; top: 650px; left: 10px; width: 780px; height: 50px; letter-spacing: 1px;}
.main { width: 620px; height: 490px; overflow: auto; letter-spacing: 1px;}

.txt_design { font-size: 7pt; color: #999999; position: absolute; top: 710px; left: 30px; }
.txt_paivitetty { /* sivujen päivitystieto */ font-size: 7pt; color: #666666; }

.valikkolinkit { letter-spacing: 3px; }
table { letter-spacing: 1px; }

/*----------------------------------------------------------------------------------------------------------*/


.ele_leftCol { /* vasen elementti, jossa on pikkulinkit */
	position: absolute;
	top: 160px;
	left: 20px;
	width: 160px;
	height: 450px;
/*	background: #CCCCCC;  */
}
.ele_mainCol { /* keski elementti, jossa on tekstit */
	position: absolute;
	top: 160px;
	left: 200px;
	width: 390px;
	height: 450px;
}
.ele_rightCol { /* oikea elementti, jossa on kuvat */
	position: absolute;
	top: 160px;
	left: 610px;
	width: 170px;
	height: 450px;
	overflow: auto;
/*	background: #CCFFCC;  */
}
.ele_bottomCol { /* alapalkki */
	position: absolute;
	top: 650px;
	left: 100px;
	width: 600px;
	height: 40px;
	overflow: auto;
/*	background: #CCFFFF;  */
}
.ele_mainHinnastoCol { /* hinnasto-sivun oikea elementti, jossa on hinnasto */
	position: absolute;
	top: 160px;
	left: 200px;
	width: 580px;
	height: 450px;
	overflow: auto;
/*	background: #FFFFCC; */
}
/* TXT-SIJOITTELUT *************************************************************/
.txt_navilinkit { /* ylänavigointilinkit */
	position: absolute;
	top: 90px;
	left: 260px;
	letter-spacing: 3px;
}
.txt_navilinkit_eng { /* ylänavigointilinkit englannin- ja saksan kiel */
	position: absolute;
	top: 90px;
	left: 280px;
	letter-spacing: 3px;
}
.txt_navilinkit_de { /* ylänavigointilinkit englannin- ja saksan kiel */
	position: absolute;
	top: 90px;
	left: 300px;
	letter-spacing: 3px;
}
.txt_sivupolku { /* kielivalintaliput tässä samassa */
	position: absolute;
	top: 120px;
	right: 10px;
	font-size: 7pt;
}
.txt_alapalkkitxt { /* alapalkissa olevat yhteystiedot */
	font-size: 8pt;
}

.hinnastotxt {
	margin-left: 40px;
	margin-right: 30px;
}
h1 { /* osa-alueen pääotsikko esim: Palvelut */
	position: absolute;
	top: 130px;
	left: 10px;
	font-size: 11pt;
	letter-spacing: 3px;
}
h2 { /* sivun oma otsikko esim: Ulkoilu & patikointi */
	margin-left: 0px; 
	font-size: 10pt;
	letter-spacing: 2px;
}
h4 { /* Hinnasto-sivun alaotsikko (huoneet, tyynelä, aitat */
	font-size: 9pt;
	margin-left: 40px;
	letter-spacing: 2px;
}
/* LINKIT **********************************************************************/
a:link, a:visited, a:active {
    color: #336633;
    text-decoration: none;
}
a:hover {
	color: #663300;
	text-decoration: underline;
}
a:link.vas_paa, a:visited.vas_paa, a:active.vas_paa { /* leftCol:ssa olevat päänavigointilinkit */
	color: #336633;
	text-decoration: none;
}
a:hover.vas_paa {
	color: #663300;
	text-decoration: underline;
}
a:link.vas_ala, a:visited.vas_ala, a:active.vas_ala { /* leftCol:ssa olevat alanavigointilinkit */
	margin-left: 10px;
	font-size: 8pt;
	color: #336633;
	text-decoration: none;
}
a:hover.vas_ala {
	color: #663300;
	text-decoration: underline;
}

/* TAULUKOT, LOMAKKEET YMS ****************************************************/
.hinnasto_table {
	margin-left: 50px;
	width: 500px;
	font-size: 9pt;
	color: #000000;
	font-style: normal;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	letter-spacing: 1px;
}
td, tr {
	font-size: 9pt;
	color: #000000;
	font-style: normal;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
}
/* KUVAT **********************************************************************/
.img_malo {  /* Malon ja Hostellin logopaikka mökeissä ja huoneissa */
	position: absolute;
	top: 570px;
	left: 50px;
}
/* POPUP -IKKUNAN ASETUKSET ***************************************************/
.ele_popMain { 
	position: absolute;
	top: 10px;
	left: 10px;
	width: 530px;
	height: 465px;
	background-image:  url(./pics/tausta_530.jpg);
	background-repeat: no-repeat;
	/* window.open('popup/popup.php', 'NewWindow','scrolling=auto,toolbar=no,location=no,directories=no,status=no,menubar=no,width=550,height=480' */
}
.popup_kuva1 { /* popupissa oleva vaakakuva (leveys 480px) */
	position: absolute;
	top: 90px;
	left: 25px;
}
.ele_popMain_pysty {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 530px;
	height: 590px;
	background-image:  url(./pics/tausta_530_pysty.jpg);
	background-repeat: no-repeat;
}
.popup_kuva2 { /* popupissa oleva pystykuva (korkeus 480px) */
	position: relative;
	top: 80px;
	}
.popuptxt { position: absolute; bottom: 5px; text-align: center; }
	/* window.open('popup/popup.php', 'NewWindow','scrolling=auto,toolbar=no,location=no,directories=no,status=no,menubar=no,width=550,height=620' */