/* CSS Document */

@media print
{
.mediasignal {display:none;}
.kylpyla_teksti {display: inline;}
.kylpyla_teksti2 {display: inline;}
.kylpyla_hoitotarjoukset {display: inline;}
#yhteystiedot_print {display: inline;}
#sisaltoosa_yhteystiedot_oikea {display: none;}
#yhteystiedot_paakuva {display: none;}
#banneri_kylpylahotellit_tausta {display: none;}
#middle_kylpylahotellit_oik {display: none;}
#sisaltokuva {display: none;}
#sisaltoosa_vasen {display: none;}
#alanavigaatio {display: none;}
#kylpyla_paakuva {display: none;}
#kylpyla_oikpalsta {display: none;}
#ylaosa_punainen {display: none;}
#haku {display: none;}
#sryhma {display: none;}
#murupolku {display: none;}
#kylpyla_viiva {display: none;}
#navi {display: none;}
#vaihda_kohde {display: none;}
#kylpyla_vasen_palsta {display: none;}
#kylpyla_vasen_palsta2 {display: none;}
#kylpyla_tapahtumat {display: none;}
#tarjousnosto  {display: none;}
#alaosa {display: none;}
#kylpyla_kalenteri {display: none;}
#alakerta {display: none;}
a:link, a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c81b1f;
	text-decoration: none;
}
* {font-family: Arial, Helvetica, sans-serif;}
p {font-size: 11px;}
#kylpyla_teksti {padding-right: 40px;}
#kylpyla_teksti2 {padding-right: 40px;}
#kylpyla_hoitotarjoukset {padding-right: 40px;}
}


@media screen
{

body {
	background-image: url(kuvat/bg_test.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #f8f8f8;
	padding: 0;
	margin: 0;	
}
p {
	padding: 0;
	margin: 0;
}

h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;

}

 img, div { behavior: url(fileadmin/template/iepngfix.htc) }

a img {
	border: 0;
}

.pieni {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
/* Uutissivujen otsikko */
h4 {
	font-family: Georgia, serif;
	font-size: 16px;
	color: #D20308;
	margin-top: 0px;
	
}

a:link, a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c81b1f;
	text-decoration: none;
}

a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c81b1f;
	text-decoration: underline;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:20px;
}

#kylpylainfo_teksti p, #kylpyla_teksti p, #kylpyla_teksti2 p, #kylpyla_hoitotarjoukset p, #sisaltoteksti p, #yhteystiedot_teksti_2 p, #levea_pohja p {
	margin-bottom: 15px;
}

#kylpylainfo_teksti a {
font-size:11px;
}

#wrapper {
	width: 988px;
	border: none; 
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	
}



#left_shadow {
	float: left;
	width: 4px;	
	margin-bottom: -5000px; 
	padding-bottom: 5000px;	
	height: auto !important; /* for modern browsers */
	height: 565px; /* for IE5.x and IE6 */
	min-height: 565px; /* for modern browsers */
	
}
#left_shadow[id] {
	float: left;
	background-image: url(kuvat/varjo.png);
}



#main {
	float: left;
	width: 972px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #FFFFFF;
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
	
	
}


#right_shadow {
	float: left;
	width: 4px;	
	margin-bottom: -5000px; 
	padding-bottom: 5000px;
	/*background-color: red;*/
}
#right_shadow[id] {
	float: left;
	background-image: url(kuvat/varjo2.png);
}
/* Yl�kerta */

#ylaosa {
	float: left;
	width: 972px;
	height: 85px;
}
#ylaosa_punainen {
	float:left;
	background-image: url(kuvat/bg_alapalkki.gif);
	background-repeat: repeat-x;
	width: 972px;
	height: 4px;
	clear: both;
}
#ylaosa_ala {
	float:left;
	width: 972px;
	height: 70px;
}
#logo {
	float: left;
	width: 328px;
	padding-left: 28px;
	padding-top: 23px;
	height:47px;
}
#haku {
	float: left;
	height: 70px;
}
#kieliversiot{
	/*float: left;*/
	clear: right;
	
	width: 492px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c0bfbf;
	text-align: right;
	padding-right: 53px;
	padding-top: 15px;
}
#kieliversiot a:link, #kieliversiot a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c81b1f;
	text-decoration: none;
}

#kieliversiot a:hover, #kieliversiot a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a9a9a9;
	text-decoration: none;
}

#haku_ala {
	float: left;
	width: 545px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c0bfbf;
	padding-top: 10px;
}
#haku_ala a:link, #haku_ala a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c81b1f;
	text-decoration: none;
}
#haku_ala a:hover, #haku_ala a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a9a9a9;
	text-decoration: none;
}
.table_haku {
	width: 545px;
}
.haku_linkit {
	width: 390px;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.haku_linkit2 {
	width: 100px;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.hakuboxi {
	width: 125px;
	padding-left: 5px;
	text-align: left;
	vertical-align: top;
}
.haku_nappi {
	width: 35px;
	text-align: left;
	vertical-align: top;
}
input {
	
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*width: 115px;*/	
}

.lyhyt {
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 40px;
}

.radionappi {
	border:none;
	}

input.palaute {
	color: #c0bfbf;;
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 200px;
}

input.nappi {
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 100px;
}

textarea.palaute {
	color: #c0bfbf;;
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 250px;
}

select.pvm {
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.palaute {
	border: 1px solid #c0bfbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

#sryhma {
	float: left;
	width: 63px;
	padding-left: 8px;
	padding-top: 13px;
	height: 70px;
} 

/* Navigaatio */
#navi {
	float: left;
	width: 967px;
	height: 39px;
	background-image: url(kuvat/bg_navi.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-left: 3px;
}

#navi_horizontal td.viiva {
	background-image: url(kuvat/navi_viiva.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.active {
	height: 38px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #db0005;
	background-image: url(kuvat/bg_navibutton2.gif);
	background-repeat: repeat-x;
	background-position: 50% 30%;	
}
#navi_horizontal a:link, #navi_horizontal a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #db0005;
	text-decoration: none;
	padding-left: 25px;
	padding-right: 30px;
}
#navi_horizontal a:hover, #navi_horizontal a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a9a9a9;
	text-decoration: none;
	padding-left: 25px;
	padding-right: 30px;
}


/* P��kuvataso etusivulla */

#paakuvat {
	float: left;
	width: 972px;
	height: 242px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#paakuva1 {
	float: left;
	width: 728px;
	height: 242px;
	padding-right: 4px;
}
#slogan {
	float: left;
	width: 240px;
	height: 242px;
}
/* Keskiosa - sis�lt�osio etusivulla */

#middle {
	float: left;
	width: 972px;
	height: auto !important; /* for modern browsers */
	height: 565px; /* for IE5.x and IE6 */
	min-height: 565px; /* for modern browsers */
	background-image: url(kuvat/bg_keskiosa.gif);
	background-repeat: repeat;
	padding-top:4px;
	
}
/* Keskiosa - 1.rivi */
#middle_sisalto {
	float: left;
	width: 732px;
	
}
#nostot{
	float: left;
	width: 724px;
	padding-left: 4px;
	padding-right: 4px;
}
#tarjoukset {
	float: left;
	width: 224px;
	height: 229px;
	padding-left: 6px;	
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
}

html>body #tarjoukset {	
	 padding-right: 6px !important;
}

#tarjoukset a {
	text-decoration: none;
	color: #000000;
}


#tarjoukset_sisalto {
	float: left;
	width: 218px;
	height: 213px;
	padding-top: 16px;
	padding-left: 6px;
	background-image: url(kuvat/bg_tarjoukset.gif);
}
#table_tarjoukset {
	width: 206px;
}	
.tarjoukset_kuva {
	width: 106px;
}
.tarjoukset_vali{
	width: 66px;
}
.tarjoukset_nro {
	width: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #db0005;
	letter-spacing: 2px;
}
.tarjoukset_nro_musta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #bebebe;
}
.tarjoukset_teksti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top:10px;
	padding-bottom: 10px;
	width: 201px;
	padding-left: 5px;
}
.tarjoukset_hinta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #db0005;
}
.tarjoukset_viiva {
	width: 201px;
	height: 2px;
	padding-left: 5px;
	background-image: url(kuvat/bg_tarj_viiva.gif);
	background-repeat: repeat-x;
}
.tarjoukset_nappi_vas {
	width: 32px;
	text-align: left;
}
.tarjoukset_nappi_oik {
	width: 32px;
	text-align: left;
}
.tarjoukset_nappula {
	width: 142px;
	text-align: left;
}

.tarjoukset_nappula2 {
	width: 416px;
	text-align: right;
	padding-top: 10px;
}

#kylpyla_teksti2 .tarjoukset_teksti,
#kylpyla_teksti .tarjoukset_teksti,
#kylpyla_hoitotarjoukset .tarjoukset_teksti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top:0px;
	padding-bottom: 10px;
	width: 201px;
	padding-left: 5px;

}

#kylpyla_teksti h4,
#kylpyla_teksti2 h4,
#kylpyla_hoitotarjoukset h4 {
	margin-bottom:2px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	
}

#nosto1 {
	float: left;
	width: 233px;
	height: 234px;
	margin-left: 4px;
	padding-left: 7px;
	padding-top: 7px;
	background-color: #FFFFFF;
}
#nosto2 {
	float: left;
	width: 233px;
	height: 234px;
	margin-left: 4px;
	padding-left: 7px;
	padding-top: 7px;
	background-color: #FFFFFF;
}

/* Keskiosa - 2.rivi */

#nostot2 {
	float: left;
	width: 728px;
	padding-top: 4px;
	overflow: hidden;
}
#tapahtumat {
        position: relative;
	float: left;
	width: 468px;
	height: auto !important; /* for modern browsers */
	height: 220px; /* for IE5.x and IE6 */
	min-height: 220px; /* for modern browsers */
	padding-top: 20px;
	padding-left: 20px;
	background-image: url(kuvat/bg_tapahtumat.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	/* margin-bottom: -2000px; 
	padding-bottom: 2000px; */
}
#tapahtumat p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#banneri2{
	float: left;
	width: 224px;
	height: 208px;
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-color: #FFFFFF;
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
}
#table_tapahtumat {
	width: 443px;
	margin-top:20px;
}
.tapahtumat_pvm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 77px;
	text-align: middle;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
}
.tapahtumat_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d20308;
	width: 366px;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
}
.tapahtumat_otsikko_act {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a9a9a9;
	width: 366px;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
}
.tapahtumat_otsikko a:link, .tapahtumat_otsikko a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d20308;
	text-decoration: none;
	padding-left: 0px !important;
}
.tapahtumat_otsikko a:hover, .tapahtumat_otsikko a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a9a9a9;
	text-decoration: none;
}

.tapahtumat_viiva {
/*
	width: 443px;
	height: 1px;
	background-color: #e2e2e2;
*/
	width: 443px;
	height: 2px;
	background-image: url(kuvat/bg_tarj_viiva.gif);
	background-repeat: repeat-x;
}

.tapahtumat_nappula {
	width: 443px;
	height: 35px;
	vertical-align: bottom;
}


/* Keskiosa - 3.rivi */

#nostot3 {
	float: left;
	width: 728px;
	height: 84px;
	background-color: #FFFFFF;
}
#banneri1 {
	float: left;
	width: 488px;
	height: 80px;
	padding-left: 12px;
	padding-top: 3px;
}
#uutiskirje{
	float: left;
	width: 204px;
	padding-top: 3px;
	padding-left: 4px;
	height: 80px;
}

/* Keskiosa - Oikea palsta - Kalenteriosuus */

#middle_kalenteri {
	float: left;
	width: 240px;
	height: auto !important; /* for modern browsers */
	height: 545px; /* for IE5.x and IE6 */
	min-height: 545px; /* for modern browsers */
	text-align: center;
	padding-top: 10px;
}
#kalenteri {
	float: left;
	clear: both; 
	width: 240px;
	height: auto !important; /* for modern browsers */
	height: 275px; /* for IE5.x and IE6 */
	min-height: 275px; /* for modern browsers */
	text-align: center;
}
#yhteystiedot_kuva {
	float: left;
	clear: both;
	width: 240px;
	height: 90px;
	vertical-align: top;
}
#yhteystiedot_teksti {
	float: left;
	width: 240px;
	/*height: 50px;
	height:85px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6a6a6a;
}

#yhteystiedot_teksti h4 {display:none;}

.varausteksti {
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	width: 230px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6a6a6a;
	}


/* Alaosa*/

#alaosa {
	float: left;	
	width: 972px;
	height: 19 px;
	padding-top: 8px;	
}

#alaosa_punainen {
	background-image: url(kuvat/bg_alapalkki.gif);
	background-repeat: repeat-x;
	height: 4px;	
}

#alakerta {
	width: 988px;
	height: 45px;
	background-image: url(kuvat/bg_alakerta.gif);
	border: none; 
    	margin-left: auto;
    	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#s_etukortti {
	float: left;
	/*width: 110px;*/
	width:200px;
	height: 35px;
	padding-top: 10px;
	padding-left: 20px;
}
#s_etukortti img {
        margin-right: 10px;
}
#alalinkit {
	float: left;
	width: 658px;
	height: 35px;
	/*padding-left: 200px;*/
	padding-left:100px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #636363 !important;
	text-decoration: none !important;
}
#alalinkit a:link, #alalinkit a:visited, #alalinkit p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #636363 !important;
	text-decoration: none !important;
}

#alalinkit a:hover, #alalinkit a:active {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #d3d2d2 !important;
	text-decoration: none !important;
}
.nelio {
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

/* ------------------KYLPYLAHOTELLIT P��SIVU -----------------------*/

#middle_kylpylahotellit {
	width: 972px;
}
#middle_kylpylahotellit_vas {
	float: left;
	width: 728px;
}

#otsikko {
	float: left;
	clear: both;
	width: 698px;
	height: 38px;
	padding-left: 30px;
	padding-top: 24px;

}
#sisaltoosa_kylpylahotellit {
	float: left;
	clear: both;
	width: 728px;
	height: auto !important; 
	height: 410px; 
	min-height: 410px;
}



/*  Vasen palsta */
#sisaltoosa_vasen {
	float: left;
	width: 267px;

}

#kartta{
	float: left;
	clear: both;
	width: 233px;
	padding-left: 34px;
}

/*  Keskipalsta */

#sisaltoosa_oikea {
	float: left;
	width: 460px;
}
#sisaltokuva {
	float: left;
	clear: both;
	width: 460px;
}
#murupolku {
	float: left;
	clear: both;
	width: 445px;
	height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6a6a6a;
	padding-top: 19px;
	padding-left: 15px;
}
#murupolku a:link, #murupolku a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d20308;
	text-decoration: none;
}
#murupolku a:hover, #murupolku a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

#sisaltoteksti {
	float: left;
	clear: both;
	width: 430px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 26px;
}
#sisaltoteksti p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.6em;
}

/*  Oikea palsta, kalenteriosio */

#middle_kylpylahotellit_oik {
	float: left;
	width: 244px;
}
#kalenteri_yla_kylpylahotellit {
	float: left;
	clear: both;
	width: 244px;
	height: 62px;
}
#kalenteri_kylpylahotellit {
	float: left;
	width: 240px;
	background-color: #eaeaea;
	height: auto !important; 
	height: 561px; 
	min-height: 561px; 
	margin-left: 2px;
	text-align: center;
	padding-top: 10px;
}
html>body #kalenteri_kylpylahotellit {
	margin-left: 4px;
}
/*  Alarivi */

#banneri_kylpylahotellit_tausta {
	float: left;
	width: 702px;
	background-image: url(kuvat/bg_kylpylahot_banneri.gif)!important; 
	background-repeat: repeat-x !important; 
	height: auto !important; 
	height: 141px; 
	min-height: 141px; 
	padding-left: 22px;
	padding-right: 4px;
	padding-top: 22px;
}
#banneri_kylpylahotellit {
	float: left;
	width: 679px;
	height: 114px;
	background-color: #FFFFFF;
	padding-left: 4px;
	padding-top: 4px;
}

/* ------------------------KYLPYL�HOTELLI - KOHDESIVU -------------------------*/


#middle_kylpyla_omasivu {
	width: 972px;
	
}

/*  Yl�osa */

#middle_yla {
	float: left;
	clear:both;
	width: 972px;
	height: 47px;
}
#otsikko_kylpyla {
	float: left;
	width: 698px;
	height: 38px;
	padding-left: 30px;
	padding-top: 4px;
}
#otsikko_kylpyla_2 {
	float: left;
	width: 698px;
	height: 40px;
	padding-left: 30px;
	/*padding-top: 7px;*/
	padding-top: 4px;
}
/*
#saatiedot {
	float: left;
	width: 270px;
	text-align: right;
	padding-top: 5px;
	padding-right: 30px;
}

#otsikko_kylpyla {
	float: left;
	width: 398px;
	height: 38px;
	padding-left: 30px;
	padding-top: 9px;
}

*/

/*  Ala pohja */

#middle_ala {
	float: left;
	width: 972px;
	height: auto !important; 
	height: 500px; 
	min-height: 500px; 
	background-image:  url(kuvat/bg_wrapper.gif);
	background-repeat: repeat-y;
}

/*  Kylpyl� vasenpalsta */

#kylpyla_vasen_palsta, #kylpyla_vasen_palsta2, #kylpyla_vasen_palsta3 {
	float: left;
	width: 244px;
	
}

#alanavigaatio {
	float: left;
	clear: both;
	width: 232px;
	border: 4px solid #f1f1f1;
	height: auto !important; 
	height: 218px; 
	min-height: 218px; 
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #FFFFFF;
}
#sijainti_ajo {
	float: left;
	clear: both;
	width: 240px;
	padding-top: 4px;
	height: auto !important; 
	height: 29px; 
	min-height: 29px; 
}		
#ohjeita {
	float: left;
	clear: both;
	width: 240px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: auto !important; 
	height: 25px; 
	min-height: 25px; 
}
#kylpyla_tarjoukset {
	float: left;
	clear: both;
	width: 212px;
	background-color: #efefef;
	height: auto !important; 
	height: 211px; 
	min-height: 211px; 
	padding-top: 25px;
	padding-left: 14px;
	padding-right: 14px;
	text-align: left;
}
#table_kylpyla_tarjoukset{
	padding-top: 10px;
}

#kylpyla_tarjoukset3 {
	float: left;
	width: 425px;
/*	padding-top: 25px; */
	padding-left: 30px;
}

#kylpylainfo {
	float: left;
	clear: both;
	width: 214px;
	background-color: #efefef;
	height: auto !important; 
	height: 255px; 
	min-height: 255px; 
	text-align: center;
	padding-left:13px;
	padding-right: 13px;
}
#kylpylainfo_otsikko {
	width: 212px;
	text-align: left !important;
}
#kylpylainfo_teksti {
	width: 192px;
	text-align: left !important;
	border-top: 2px solid #db0005;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
#kylpylainfo_teksti p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}
/*  Alanavigaatio */

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	padding-left: 24px;
}
li {
	padding: 0px;
	margin: 0px;
	line-height: 1.6em;
}
.li_norm {
        display: block;
	background-image: url(kuvat/navi_norm.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left: 20px;

}
.li_act {
        display: block;
	background-image: url(kuvat/navi_act.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left: 20px;

}
li.li_sub {
	padding-left: 0px;
	line-height: 15px !important;
}
a.li_sub, a.li_sub_act {
	/*background-image: url(kuvat/navi_sub.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 15px;
	line-height: 15px  !important;*/
}



#if_sub {
	padding-left: 30px;
	background-image: url(kuvat/navi_sub.gif);
	background-repeat: no-repeat;
	background-position: 15px 4px;
	/*padding-left: 15px;
	line-height: 15px  !important;*/
}
a.li_norm:link, a.li_norm:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a.li_norm:hover, a.li_norm:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a9a9a9;
	text-decoration: none;
	font-weight: bold;
}
a.li_act:link, a.li_act:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a.li_act:hover, a.li_act:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a9a9a9;
	text-decoration: none
	font-weight: bold;
}
a.li_sub:link, a.li_sub:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6f6f;
	text-decoration: none;
}

a.li_sub:hover, a.li_sub:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none
}

a.li_sub_act:link, a.li_sub_act:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.li_sub_act:hover, a.li_sub_act:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none
}


/*  Kylpyl� oikeapalsta */

#kylpyla_oikea_palsta {
	float: left;
	width: 728px;
}
#kylpyla_viiva {
	float: left;
	clear: both;
	width: 716px;
	height: 7px;
	padding-left: 12px;
}
/*#kylpyla_paakuva {
	float: left;
	clear: both;
	width: 716px;
	padding-left: 12px;
}*/

#kylpyla_paakuva {
	float: left;
	clear: both;
	width: 452px;
	padding-left: 12px;
}

/*  Kylpyl� kuvan alla */

#wrapper_kylpyla_sisalto, #wrapper_kylpyla_sisalto2 {
	float: left;
	width: 728px;
}
#sisallot {
	float: left;
	clear: both;
	width: 484px;
}			
#kylpyla_teksti, #kylpyla_hoitotarjoukset{
	float: left;
	clear: both;
	width: 399px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 26px;
	padding-bottom: 23px;
}

#kylpyla_teksti2{
	float: left;
	clear: both;
	width: 680px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 26px;
	padding-bottom: 23px;
}

#kylpyla_teksti p, #kylpyla_teksti2 p, #kylpyla_hoitotarjoukset p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.6em;
}
#tarjousnosto {
	float: left;
	clear: both;
	width: 430px;
	padding-left: 15px;
}
#kylpyla_tapahtumat {
	float: left;
	width: 425px;
	padding-top: 25px;
	padding-left: 30px;
}
#table_tapahtumat_kylpyla {
	width: 415px;
}
#kylpyla_kalenteri {
	float: left;
	width: 244px;
	background-image: url(kuvat/bg_kalenteri_kylpyla.gif);
	background-repeat: repeat;
	height: auto !important; 
	height: 509px; 
	min-height: 509px; 
	text-align: center;
	padding-top: 5px;
}



/* ------------------------YHTEYSTIEDOT SIVUPOHJA -------------------------*/


#middle_yhteystiedot {
	width: 972px;
	height: auto !important; 
	height: 500px; 
	min-height: 500px;
	
}
#otsikko_yhteystiedot {
	float: left;
	clear: both;
	width: 942px;
	height: 38px;
	padding-left: 30px;
	padding-top: 24px;
}
#viiva_yhteystiedot {
	float: left;
	clear: both;
	width: 972px;
	height: 7px;
}
#sisaltoosa_yhteystiedot {
	float: left;
	width: 972px;
	background-image:  url(kuvat/bg_wrapper2.gif);
	background-repeat: repeat-y;
	 
}
#sisaltoosa_yhteystiedot_vasen {
	float: left;
	width: 720px;
}
#yhteystiedot_paakuva {
	float: left;
	clear: both; 
	width: 720px;
	height: 270px;
}
#sisaltoosa_wrapper {
	float: left;
	width: 720px;
	padding-top:4px;
}
#vasen_palkki_harmaa {
	float: left;
	width: 220px;
	height: auto !important; 
	height: 295px; 
	min-height: 295px;
	background-color: #f0efef; 
}
#yhteystiedot_sisalto {
	float: left;
	width: 496px;
}
#yhteystiedot_teksti_2 {
	float: left;
	width: 461px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 20px;
}
#yhteystiedot_teksti_2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#kylpyla_alasivu_banneritila {
	float: left;
	clear: both;
	width: 240px;
	background-color: #efefef;
	height: auto !important; 
	height: 335px; 
	min-height: 335px;	
	/*margin-bottom: -2000px; 
	padding-bottom: 2000px;*/
	text-align: center;
	
}
#alanavigaatio_yhteystiedot {
	float: left;
	clear: both;
	height: auto !important; 
	height: 218px; 
	min-height: 218px; 
	padding-top: 15px;
	padding-bottom: 25px;
}

/* Yhteystiedot kalenteri*/
#sisaltoosa_yhteystiedot_oikea {
	float: left;
	width: 246px;
	background-color: #f0efef;
	text-align: center;
	padding-top: 15px;
	padding-left: 6px;
}


/* ----------------LEVE� POHJA---------------------*/

#levea_pohja {
	float:left;
	width: 912px;
	/*width: 931px;*/
	height: auto !important; 
	height: 345px; 
	min-height: 345px; 
	/*padding-left: 30px;*/
	padding-left: 15px;
	padding-right: 25px;
	padding-top: 30px;
}
#levea_pohja p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.contenttable p, .contenttable img {
	margin:0px !important;
	}



#valitsekohde {
	float: left;
	clear: both;
	width: 267px;
	height: 45px;
	z-index: 10;
}
#vaihda_kohde {
	float: left;
	width: 244px;
	/*height: 43px;*/
	height: 36px;
	padding-top: 10px;
}

#etusivu_popup {
        overflow: visible;
	width: 181px;
	height: 24px;
	margin-left: 265px;
	z-index: 10;
	position: absolute;
}

div#valitsekohde li:hover, 
div#vaihda_kohde li:hover,
div#etusivu_popup li:hover {
  cursor:pointer;
  z-index:100;
}


div#valitsekohde:hover ul ul, 
div#vaihda_kohde:hover ul ul,
div#etusivu_popup:hover ul ul
{display:block;}

div#vaihda_kohde:hover iframe    /* ------------------ */
{z-index:2;}


#valitsekohde a, #vaihda_kohde a {
	display:block;
	margin: 0px 23px 0px 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#etusivu_popup a {
	display:block;
	margin: 0px 12px 0px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#valitsekohde a:hover,
#vaihda_kohde a:hover,
#etusivu_popup a:hover {
	text-decoration: underline;
}


#valitsekohde ul,
#vaihda_kohde ul {
list-style:none;
margin:0;
padding:0;
width: 236px;
}

#etusivu_popup ul {
list-style:none;
margin:0;
padding:0;
width: 181px;
}


#valitsekohde ul {
float:right; 
}


#valitsekohde li,
#vaihda_kohde li,
#etusivu_popup li
{
display:inline-block; 
}

#valitsekohde li,
#vaihda_kohde li
{
width: 236px;
line-height: 0.5em;
position:relative;
margin: 0;
display:block; 
}

#etusivu_popup li
{
width: 181px;
line-height: 0.4em;
position:relative;
margin: 0;
display:block; 
}


#valitsekohde li li,
#vaihda_kohde li li {
line-height: 1.4em;
display:block; 
}

#etusivu_popup li li {
line-height: 1.2em;
display:block; 
}

#valitsekohde ul ul,
#vaihda_kohde ul ul {
background-image: url(kuvat/bg_valikko.gif);
background-position: top right;
position:relative;
z-index:500;
display:none;
width:236px;
left:0px;
padding: 5px 0px 10px 0px; 
}

#vaihda_kohde ul ul a {

}

#etusivu_popup ul ul {
background-image: url(kuvat/bg_valikko.gif);
background-position: top right;
position:relative;
z-index:500;
display:none;
width:181px;
left:0px;
padding: 4px 0px 6px 0px; 
}


#valitsekohde iframe,
#vaihda_kohde iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute; /*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:230px;/*must have for any big value*/
	height:190px;/*must have for any big value*/
	margin: 20px;
	margin-left:10px;
}

h4.punainen_ots {
font-family:Georgia,serif !important;
color:#db0005 !important;
font-size:14px !important;
font-weight:bold !important;
text-transform:uppercase !important;
margin-bottom:20px !important;
}

h4.punainen_ots2 {
font-family:Georgia,serif !important;
color:#db0005 !important;
font-size:14px !important;
font-weight:bold !important;
text-transform:uppercase !important;
margin-bottom:10px !important;
}

#tarjoukset li {
line-height: 1em;
}


#kylpyla_oikpalsta {
	float: left;
	width: 244px;
	background-image: url(kuvat/bg_kalenteri_kylpyla.gif);
	background-repeat: repeat-y;;
	height: auto !important; 
	height: 499px; 
	min-height: 499px; 
	text-align: center;
	padding-top: 15px;
}

#lbCaption {
	height: auto !important; /* for modern browsers */
	min-height: 10px; /* for modern browsers */
}


/* OVERRIDE SITEMAP STYLE */

.tx-dropdownsitemap-pi1 DIV {
	border: solid 0px #DFE2E3 !important;
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight: normal;
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background: transparent !important;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
	border: solid 0px #DFE2E3 !important;
	background: transparent !important;
}
                 
.tx-dropdownsitemap-pi1, .tx-dropdownsitemap-pi1 * { text-align:left }
.tx-dropdownsitemap-pi1 ul, .tx-dropdownsitemap-pi1 li {
	padding: 0px 0px 0px 10px; 
	margin: 0px; 
	left:10px; 
	list-style: none; 
}
.tx-dropdownsitemap-pi1 .level_3 { 
	margin-bottom: 0px !important; 
}

.mediasignal {display:none;}

#yhteystiedot_print {display: none;}

#yhteystiedot_print p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.6em;
}


.tapahtumat_pvm p{
	font-size:11px !important;
	}

}


#kylpyla_teksti ul {
font-family:Arial;
font-size:12px;
list-style-type:disc;
}

#kylpyla_teksti ol {
font-family:Arial;
font-size:12px;
}

#banner_btm_right {
float:left;
margin:40px 0 0 0;
display:inline;
width:230px;
}

.etusivu #banner_btm_right {display:none;}

.punainen
{
color: #D60000; 
font-weight: bold;
}

.firefox {
background:url("kuvat/firefoxbghc.png") no-repeat scroll 10px 0 transparent;
font-family:arial;
font-size:12px;
height:244px;
padding:36px 0 0;
}

