/* RAKENNE */

body { 
	margin: 0; padding: 0;
	background-color: #FFFFFF; margin-bottom: 20px; margin-top: 30px;
}

#kehys { 
	width: 840px; 
	margin-left: auto; margin-right: auto;
}


/* YLÄPALKKI - LOGOT */

#ylapalkki { 
	width: 840px; height: 66px; clear: both;
	margin-bottom: 15px; 
}

#tekstipalkki {
	width: 840px; height: 12px; clear: both;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 10px; color: #cccccc; 
	text-decoration: none;
}

#ha_logo { 
	float: left;
	padding-bottom: 6px;
	width: 289px; height: 68px; 
	background-image: url(../picc/rakenne/yla_logo_ha.jpg); background-repeat: no-repeat; 
}

#yht_logot { 
	float: right; 
	height: 66px; 
	border-left-color: #CCCCCC; border-left-style: solid; border-left-width: 1px; 
}

#yht_logot img { 
	padding-left: 20px; padding-right: 20px; 
	border-right-color: #CCCCCC; border-right-style: solid; border-right-width: 1px;
}


/* NAVI */

#navi { 
	width: 840px; height: 28px; /*margin-bottom: 5px;*/ 
	background-image: url(../picc/rakenne/bg_navi.jpg); 
	background-repeat: repeat; 
	clear: both;
}

#navi img { 	
	/* margin-left: 20px; padding-right: 20px;
	background-image: url(../picc/rakenne/navi_vviiva.gif); 
	background-repeat: no-repeat;
	background-position: right;	*/
}



/* SISÄLTÖ */

#sis_kehys { 
	float: left; width: 840px; 
	background-image: url(../picc/rakenne/bg_sis.jpg); background-repeat: repeat-y; background-position: right; 
}

#sis { float: left; width: 620px; margin-left: 20px; margin-top: 20px; padding-bottom: 20px; margin-bottom: 7px; display: inline; clear: both; }

td { vertical-align: top; } 

.sininen { color: #0066CC; }


/* SUBNAVI */

#subnavi { background-color: #006699; width: 175px; float: left; margin-left: 25px; display: inline; }

#subnavi_valk { background-color: #FFFFFF; width: 175px; padding-top: 7px; padding-bottom: 7px; }

#subnavi_nosto { width: 173px; background-color: #FFFFFF; border-color: #CCCCCC; border-width: 1px; border-style: solid; } 

#subnavi_nosto #teksti { padding: 7px 0px 7px 7px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; ; font-size: 12px; color: #000000;
}

#subnavi_nosto #teksti a:link, #subnavi_nosto #teksti a:visited, #subnavi_nosto #teksti a:active { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; ; font-size: 12px; color: #000000; text-decoration: none;
}

#subnavi_nosto #teksti a:hover { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; ; font-size: 12px; color: #0066CC; text-decoration: none;
}

/* ALAPALKKI */

#alapalkki { 
	text-align: right; padding-right: 5px; padding-top: 1px; float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; 
	text-decoration: none;
	width: 835px; height: 16px; background-color: #999999; margin-top: 7px; margin-bottom: 20px;
	clear: both;
}
	
	
/* ETUSIVU */
/* AJANKOHTAISTA */

#ajankohtaista { 
	width: 620px; height: 100%; padding-top: 10px; 
	background-image: url(../picc/rakenne/bg_ajankohtaista.jpg); background-position: top; background-repeat: no-repeat; 
	background-color: #006699; display: table;
} 

#ajankohtaista #kuva { width: 210px; float: left; }

#ajankohtaista #teksti { 
		width: 400px; float: left; padding-left: 10px; 
		font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;
}

#ajankohtaista #teksti a:link, #ajankohtaista #teksti a:active, #ajankohtaista #teksti a:visited { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; }

#ajankohtaista #teksti a:hover { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; color: #CCCCCC; text-decoration: none; }

#ajankohtaista #teksti h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #CCCCCC;
	margin-bottom: 10px; margin-top: 10px; padding: 0px;
}

/* YHTEYSTIEDOT */

#yht_kuva { width: 470px; float: left; margin-top: 50px; }

#yht_teksti { width: 140px; float: left; margin-top: 35px; padding-left: 7px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; color: #000000;
	border-left-color: #006699; border-left-width: 2px; border-left-style: solid;
}

#yht_teksti a:link, #yht_teksti a:active, #yht_teksti a:visited { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; color: #0066CC;
	text-decoration: none;
}

#yht_teksti a:hover { 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; color: #666666;
	text-decoration: none;
}

#yht_frame { float: left; clear: both; margin-bottom: 15px; width: 500px; }
#yht { float: left; margin-right: 15px; width: 150px; }
#yhtlevennetty { float: left; margin-right: 5x; width: 150px; }
#yhtlevennettypaljon { float: left; margin-right: 5x; width: 150px; }

/* SISÄSIVU */
/* SUBNAVI VAS */

#subnavi_vas { width: 100px; float: left; display: inline; }

li#subnavi_vas a:link, li#subnavi_vas a:active, li#subnavi_vas a:visited { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0066CC; text-decoration: none; background-image: url(../picc/rakenne/sininelio.jpg); background-repeat: no-repeat; padding-left: 12px; }

li#subnavi_vas a:hover { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; }

li#subnavi_vas a.ind:link, li#subnavi_vas a.ind:active, li#subnavi_vas a.ind:visited { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003399; text-decoration: none; }

li#subnavi_vas a.ind:hover { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; }

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


/* SISÄLTÖPALSTA */

#sis_palsta { width: 500px; float: left; display: inline; margin-left: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; ; font-size: 13px; color: #000000;
}

#sis_palsta a:link, #sis_palsta a:visited, #sis_palsta a:active { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; text-decoration: none; }

#sis_palsta a:hover { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; color: #999999; text-decoration: none; }

#sis_palsta h1 { 	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #333333; margin-top: 10px; margin-bottom: 7px;
}

.kuva { float: left; margin-right: 10px; }

.hinta {
color: #0066CC;
font-size: 18px;
}
.taulut {
	background-color: #ffffff;
	border: 2px solid #006699;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; color: #333333;
}
.tauluotsikko {
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; font-weight: bold; color: #333333;
}
.isohinta {
color: #0066CC;
font-size: 28px;
}