body { color: #231707; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #efefef; background-image: url(../images/bg/main_bg.gif); background-repeat: repeat-x; margin: 0; }
h2 { color: #ff7d00; font-size: 12px; font-weight: bold; margin: 0.83em 0; border-bottom: 1px dotted #a1a1a1; }
h3 { color: #2567af; font-size: 12px; font-weight: bold; margin: 1em 0; }
h1 { color: #2567af; font-size: 14px; font-weight: bold; margin: 1em 0; }
.oranssi { color: #f1921a; }
.sininen { color: #2567af; }
.harmaa { color: #231707; }
a:link, a:visited { color: #2567af; text-decoration: underline; }
a.oranssi:link, a.oranssi:visited { color: #f1921a; text-decoration: underline; }
a:active, a:hover { color: #2567af; text-decoration: none; }
a.oranssi:active, a.oranssi:hover { color: #f1921a; text-decoration: none; }
#main_container { width: 811px; clear: both; margin-right: auto; margin-left: auto; }
#yla { background-image: url(../images/bg/yla_bg.gif); background-repeat: no-repeat; width: 811px; height: 127px; }
#container_bg { background-image: url(../images/bg/content_bg.gif); background-repeat: repeat-y; width: 811px; float: left; }
#ala { color: #a1a1a1; font-size: 10px; text-align: center; width: 811px; height: 50px; }
/* Navigaatio */
#navi { position: relative; top: 36px; left: 190px; width: 600px; height: 81px; }
#menuList { position: relative; margin: 0 0 0 90px; padding: 0; }
#menuList ul {
	margin: 0px;
	padding: 0px;
}
#menuList li {
	display: inline;
	list-style: none;
	margin: 0 -6px 0 0;
	padding: 0;
}
/*2. taso */
#content_vasen { position: relative; left: 25px; width: 204px; float: left; }
#content_oikea { position: relative; left: 25px; width: 556px; float: left; }
#subnavi { font-size: 10px; background-image: url(../images/bg/subnavi_bg.gif); background-repeat: no-repeat; width: 184px; height: 202px; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
#subnavi_pitka { font-size: 10px; background-image: url(../images/bg/subnavi_bg.gif); background-repeat: no-repeat; padding: 10px; width: 184px; }
#asunnot_boksi { background-color: #f3f3f3; width: 204px; height: 140px; }
#asunnot_boksi_tekstit { font-size: 10px; width: 184px; padding-right: 10px; padding-left: 10px; }
#boksi_vasen { background-color: #f1f1f1; width: 266px; float: left; margin-left: 11px; }
#boksi_oikea { background-color: #f1f1f1; width: 266px; float: left; margin-left: 12px; }
#pageheader { background-image: url(../images/bg/pageheader_bg.gif); width: 555px; height: 55px; }
#content_margins { width: 545px; margin-top: 5px; margin-left: 10px; }
div.boksi_teksti { width: 246px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
/* Asuntolistaus */
div.lista_hakutulos { color: #fff; font-size: 12px; font-weight: bold; background-color: #ff7d00; width: 533px; height: 20px; padding-top: 4px; padding-left: 10px; }
div.lista_selitykset { font-size: 10px; width: 543px; height: 26px; clear: both; margin-top: 2px; margin-bottom: 2px; border-top: 1px dotted #2567af; border-bottom: 1px dotted #2567af; }
div.selitykset_huoneet { position: relative; left: 30px; width: 100px; float: left; }
div.selitykset_yhtio { text-align: center; position: relative; left: 90px; width: 100px; float: left; }
div.selitykset_maksut { text-align: center; position: relative; left: 145px; width: 120px; float: left; }
div.selitykset_paiva { text-align: center; position: relative; left: 120px; width: 120px; float: left; }
div.selitykset2_nro { text-align: center; position: relative; width: 40px; float: left; padding-top: 6px; }
div.selitykset2_yhtio { text-align: center; position: relative; left: 90px; width: 60px; float: left; padding-top: 6px; }
div.selitykset2_tyyppi { text-align: center; position: relative; left: 220px; width: 60px; float: left; padding-top: 6px; }
div.selitykset2_pintaala { text-align: center; position: relative; left: 258px; width: 60px; float: left; padding-top: 6px; }
div.selitykset2_tilanne { text-align: center; position: relative; left: 260px; width: 60px; float: left; padding-top: 6px; }
div.lista_asunto { font-weight: normal; background-color: #e2e2e2; width: 543px; height: 40px; clear: both; margin-bottom: 10px; }
div.lista_asuntorivi { font-weight: normal; background-color: #e2e2e2; margin-bottom: 10px; width: 543px; height: 30px; clear: both; }
div.lista_asunto:hover { font-weight: normal; background-color: #cecece; margin-bottom: 10px; width: 543px; height: 40px; clear: both; }
div.lista_asuntorivi:hover { font-weight: normal; background-color: #cecece; margin-bottom: 10px; width: 543px; height: 30px; clear: both; }
div.huoneet { text-align: center; width: 120px; height: 40px; float: left; padding-top: 3px; padding-left: 5px; border-right: 1px solid #fff; }
div.yhtio { font-size: 10px; text-align: center; width: 220px; height: 40px; float: left; padding-top: 8px; padding-left: 5px; border-right: 1px solid #f4f4f4; }
div.maksut { font-size: 10px; text-align: center; width: 100px; height: 40px; float: left; padding-top: 8px; padding-left: 5px; border-right: 1px solid #f4f4f4; }
div.paiva { font-size: 10px; width: 70px; height: 40px; float: left; padding-top: 8px; padding-left: 5px; }
div.lista_numero { text-align: center; padding-top: 7px; padding-left: 5px; width: 30px; height: 23px; float: left; border-right: 1px solid #fff; }
div.lista_yhtio { font-size: 10px; text-align: center; padding-top: 7px; padding-left: 5px; width: 240px; height: 23px; float: left; border-right: 1px solid #fff; }
div.lista_huoneet { text-align: center; padding-top: 7px; padding-left: 5px; width: 125px; height: 23px; float: left; border-right: 1px solid #fff; }
div.lista_pinta-ala { text-align: center; padding-top: 5px; padding-left: 5px; width: 60px; height: 23px; float: left; border-right: 1px solid #fff; }
div.lista_tilanne { text-align: center; padding-top: 7px; padding-left: 5px; width: 50px; height: 23px; float: left; }
#asunto_tiedot { width: 300px; float: left; }
#asunto_kuvat { text-align: center; width: 230px; float: left; margin-left: 10px; border: solid 1px #a1a1a1; }
#asunnot_info { width: 280px; float: left; margin-right: 20px; }
#asunnot { background-color: #f1f1f1; margin-left: 10px; width: 220px; float: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
td.harmaa { background-color: #f1f1f1; }
img.thumb { margin-top: 10px; margin-left: 10px; border: solid 1px #a1a1a1; }
/* piiloon IE-mac \*/
* html #boksi_vasen  { margin-left: 6px; }
* html #asunnot  { margin-left: 6px; }
/* esiin IE-mac */
