/* nollataan kaikki oletusvalit */
body, div, p, tr, td, ol, ul, li, img, table {
    margin: 0;
    padding: 0;
    border: none;
}



img {
    border: none;
	 margin: 0 0 0 0;
}



body {
	background: url('/pix/bg_rtg.gif') repeat-x;
	
	background-color: #B5D5F0;
}

#ylapalkki {
width: 960px;
margin: 0 auto;
position: relative;
left: 50%;
margin-left: -480px; /* siirretaan puolikkaan leveyden verran vasemmalle, siis keskelle*/
/*background-color: #ff0000;*/
/*background: url('/pix/body_bg1px.gif') repeat-y;*/

}

#loading {
width: 860px;
padding-top: 100px;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
}

#sisalto {
width: 860px;
margin-left: 20px;
margin-right: 10px;
background-color: #00ffff;
text-align: left;
}


table.listing {
width: 840px;
border: 0px;
margin: 0 auto 2em;
border-collapse: collapse;
}

table.listing_kohde {
width: 600px;
border: 0px;
margin: 0 auto 2em;
border-collapse: collapse;
}

td{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}



td.hakupalkki{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

td.navipalkki{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

td.item_list_header{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4D8BD9;
	font-weight: bold;
}

b.item_list_header{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4D8BD9;
	font-weight: bold;
}

b.green{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #00CC66;
	font-weight: bold;
}

a.item_list_name{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4D8BD9;
	font-weight: bold;
	
}

a.item_list_name:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4D8BD9;
	font-weight: bold;
	text-decoration: underline;
}

a.item_varaa{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4D8BD9;
	font-weight: bold;
	text-decoration: underline;
	
}

a.item_varaa:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
	
}

a{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333399;
	text-decoration: none;
}


a:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #ff0000;
	text-decoration: none;

	
}

a.red{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;

	
}

a.remark_go{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #4D8BD9;
	text-decoration: underline;

	
}

a.ylanavi_kielet{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a.ylanavi_kielet:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	
	
}

a.ylanavi{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

a.ylanavi:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: underline;
	
	
}

a.ylanavi_on{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.ylanavi_on:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.prev_next{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

a.prev_next:hover{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}





/*<!--- calendar style --->*/


table.kohde_kalenteri {

border: 1px solid #4D8BD9;
border-collapse: collapse;


} 
	
	 td.calendar_next_prev{
       
       font-size: 8pt;
       color: #666666;
       border: 1px solid #4D8BD9;
       font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
       text-decoration: none;
       
      }
	  
 
   
      a.calendar{
        
       font-size: 8pt;
       color: #666666;
       
       font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
       text-decoration: underline
      }
      td.calendar_today{
        
        font-size: 8pt;
        color: #9c0000;
        border: 1px solid #4D8BD9;
        font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
        text-decoration: none
       }
	   
	   td.calendar_day{
       
        font-size: 8pt;
        color: #000000;
        border: 1px solid #4D8BD9;
        font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
        text-decoration: none;
       }


#main_wrapper {
width: 880px;
margin: 0 auto;
margin-top: 0px;
position: relative;
/*height: 300px;*/
left: 50%;
margin-left: -440px;
/*background-color: #ffffff;*/
}

#action_area {
width: 880px;
margin: 0 auto;
margin-top: 0px;
position: relative;
float: left;
/*height: 300px;*/
/*left: 50%;*/
/*margin-left: -440px;*/
background-color: #ffffff;

}

#res_remark {
width: 440px;
margin: 0 auto;
margin-top: 0px;
position: relative;
float: left;
margin-bottom: 3px;
/*height: 300px;*/
/*left: 50%;*/
/*margin-left: -440px;*/
font-size: 12px;
color: #ff0000;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
text-decoration: none;

}


#listing_main {

width: 880px;
float: left;
margin-top: 0px;
background-color: #ffffff;
position: relative;
min-height: 300px;
padding-top: 7px;
}  

#listing_upper {
width: 880px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
padding-bottom: 7px;
} 

#listing_alue {
width: 840px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
padding-bottom: 7px;
padding-left: 20px;
font-size: 12px;
color: #333333;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
text-decoration: none;
}

#listing_upper_left {
width: 520px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
float: left;
padding-left: 20px;
padding-top: 7px;
font-size: 12px;
color: #333333;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
text-decoration: none;
} 

#listing_upper_right {
width: 320px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
float: right;
padding-right: 20px;
padding-top: 7px;
} 

#listing_upper_alue {
width: 140px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
float: left;
padding-right: 0px;
padding-top: 0px;
}

#listing_upper_free {
width: 130px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
float: left;
padding-right: 0px;
padding-bottom: 7px;
}
#listing_upper_hae{
width: 40px;
margin-top: 0px;
background-color: #ffffff;
position: relative;
float: right;
padding-right: 0px;
padding-top: 0px;
}

#listing_row {
float: left;
width: 840px;
margin-left: 0px;
margin-right: 0px;
background-color: #f9f9f9;
position: relative;
}

#listing_550 {
float: left;
width: 550px;
margin-left: 0px;
margin-right: 0px;

position: relative;
color: #4D8BD9;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

#listing_290 {
float: right;
width: 290px;
margin-left: 0px;
margin-right: 0px;
background-color: #0000ff;

}

#listing_header {
float: left;
width: 840px;
margin-left: 0px;
margin-right: 0px;
background-color: #E3EAF8;
height: 20px;
_height: 20px;
position: relative;
}

#listing_pic_header {
width: 100px;
margin-left: 0px;
margin-right: 0px;
background-color: #E3EAF8;
position: relative;

}
	  

#listing_pic2_header {
width: 50px;
margin-left: 0px;
margin-right: 0px;
background-color: #E3EAF8;
}

#listing_itemid_header {
width: 100px;
margin-left: 0px;
margin-right: 0px;
background-color: #E3EAF8;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4D8BD9;

}

#listing_itemname_header {
width: 100px;
margin-left: 0px;
margin-right: 0px;
background-color: #E3EAF8;
color: #4D8BD9;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

#kohde_ylaback {
width: 40px;
height: 40px;
min-height: 40px;
vertical-align: middle;
text-align: left;
margin-left: 20px;
padding-top: 5px;
position: relative;
float: left;
background-color: #ffffff; 
}

#kohde_ylaback_text {
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
width: 800px;
height: 40px;
min-height: 40px;
vertical-align: middle;
text-align: left;
margin-left: 10px;
padding-top: 10px;
padding-left: 5px;
position: relative;
background-color: #ffffff;
float: left;
}

#kohdepalkki {
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #4D8BD9;
width: 840px;
background-color: #E3EAF8;
height: 20px;
border-bottom: 4px solid #4D8BD9;
text-align: left;
position: relative;
margin-left: 20px;
position: relative;
padding-top: 5px;
padding-left: 10px;
clear: both;
}

#kohde_ylaleft {
width: 420px;
min-height: 300px;
background-color: #ffffff;
float: left;
margin-left: 20px;
position: relative;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333333;
padding-top: 15px;
}

#kohde_pics {
width: 420px;
min-height: 300px;
background-color: #ffffff;
float: right;
margin-left: 20px;
position: relative;

}

#kohde_pic {
width: 420px;
position: relative;
margin-top: 15px;
margin-bottom: 5px;
float: left;
}

#kohde_thumb {
width: 75px;
position: relative;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
float: left;
}

#kohde_ala {
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333333;
width: 840px;
text-align: left;
margin-left: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
background-color: #ffffff;
float: left;
}

#kielet {
width: 440px;

float: left;

margin-bottom: 3px;
/*background-color: #00ff00;*/
position: relative;
}

#ylanavi {
width: 880px;
height: 28px;
float: left;
min-height: 28px;
margin-bottom: 3px;
/*background-color: #00ff00;*/
position: relative;
}

#ylaryhmat {
width: 385px;
height: 28px;
min-height: 28px;
position: relative;
float: left;
background: url('/pix/navi_tausta.gif') no-repeat;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #ffffff;
text-align: center;
padding-top: 5px;
}

#ylaosoite {
width: 493px;
height: 28px;
min-height: 28px;
position: relative;
float: right;
background: url('/pix/osoitepalkki_tausta.gif') repeat-y;
}

#ylahaku {
width: 880px;
float: left;
margin-bottom: 3px;
/*background-color: #00ff00;*/
position: relative;
}

#hakutable_left {
width: 385px;
position: relative;
float: left;
}

#hakutulo {
width: 191px;
position: relative;
float: left;
background-color: #ffffff;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ffffff;
text-align: center;
min-height: 55px;
_height: 55px;
}

#tulo_otsikko {
width: 191px;
position: relative;
float: left;
background: url('/pix/hakupalkki_tausta.gif') repeat-x;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ffffff;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

#hakulahto {
width: 191px;
position: relative;
float: right;
background-color: #ffffff;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ffffff;
text-align: center;
min-height: 55px;
_height: 55px;
}

#lahto_otsikko {
width: 191px;
position: relative;
float: left;
background: url('/pix/hakupalkki_tausta.gif') repeat-x;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ffffff;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

#hakutable_right {
width: 493px;
position: relative;
float: right;
}

#haku_right_1 {
width: 323px;
position: relative;
float: left;
}

#haku_hlo {
width: 100px;
position: relative;
float: left;
background-color: #ffffff;
text-align: center;
min-height: 55px;
_height: 55px;
}
#hlo_otsikko {
width: 100px;
position: relative;
float: left;
background: url('/pix/hakupalkki_tausta.gif') repeat-x;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ffffff;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}
#hlo_select {
width: 100px;
position: relative;
float: left;
color: #ffffff;
text-align: center;
padding-top: 7px;
padding-bottom: 3px;
}

#haku_alue {
width: 220px;
position: relative;
float: right;
background-color: #ffffff;
text-align: center;
min-height: 55px;
_height: 55px;
}
#alue_otsikko {
width: 220px;
position: relative;
float: left;
background: url('/pix/hakupalkki_tausta.gif') repeat-x;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ffffff;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}
#alue_select {
width: 220px;
position: relative;
float: left;
color: #ffffff;
text-align: center;
padding-top: 7px;
padding-bottom: 3px;
}

#haku_right_2 {
width: 167px;
position: relative;
float: right;
background-color: #ffffff;
text-align: center;
min-height: 45px;
_height: 45px;
padding-top: 7px;
padding-bottom: 3px;
}

#lisahaku {
width: 865px;
float: left;
margin-top: 3px;
/*background-color: #00ff00;*/
position: relative;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333333;
background-color: #ffffff;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
}


#alanavi {
width: 880px;
height: 28px;
float: left;
min-height: 28px;
margin-top: 3px;
/*background-color: #00ff00;*/
}

#alaryhmat {
width: 385px;
height: 28px;
min-height: 28px;
position: relative;
float: left;
background: url('/pix/navi_tausta.gif') no-repeat;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #ffffff;
text-align: center;
padding-top: 5px;
}

#alaosoite {
width: 493px;
height: 28px;
min-height: 28px;
position: relative;
float: right;
background: url('/pix/osoitepalkki_tausta.gif') repeat-y;
}

#credits {
width: 880px;
height: 40px;
float: left;
min-height: 40px;
margin-top: 3px;
text-align: right;
/*background-color: #00ff00;*/
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
font-size: 10px;
}


label {
 float: left;
 width: 10em;
}


#lomake_body {
	
	/*width: 471px;*/
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4D8BD9;
	
}

p.lomake_p {
	
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4D8BD9;
	padding: 5px;
	
}

input {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #f3f3f3;
	border: solid 1px #4D8BD9;
}

input.plain2 {
	
	border: 0px;
}

select {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #f3f3f3;
	border: solid 1px #4D8BD9;
}

input.radio {
	
	border: 0px;
}

input.checkbox {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #f3f3f3;
	border: solid 1px #4D8BD9;
}

textarea { 
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #f3f3f3;
	border: solid 1px #4D8BD9;
}

input:focus, textarea:focus {
	background: #E3EAF8;
}