body {
background: url(kuvat/pohja/t.png);
width:100%;
height:100%;
margin: 0px;
padding: 0px;
font-family: Arial;
}

img {
border: none;
}

hr {
border: none; height: 2px; background: #b6d7ea;
}

.kiitos { background:url(); font-size: 18px; margin: 20px;}

.huom {background-color: white; border: 1px solid red; padding: 20px; margin: 20px; width: 550px;}
.huomio_arrow { width: 487px; height: 83px; font-size: 13px; font-weight: bold;}
.huomio_arrow_green {background: url(kuvat/pohja/huom_green.png);}
.huomio_arrow_yellow {background: url(kuvat/pohja/huom_yellow.png);}
.huomio_arrow_red {background: url(kuvat/pohja/huom_red.png);}

.huomio_arrow span { display: block; padding-left: 100px; padding-right: 20px;}

.copy {font-size: 13px; color: black;}
.copy a:link, .copy a:visited {color: black;}

.body {
background: url(kuvat/pohja/y_l.png);
background-repeat: repeat-x;
background-position: top left;
width:100%;
height:100%;
text-align: center;
}
/* TEKSTIT */

.s {
font-family: Arial;
font-size: 12px;
color: white;
}
.s a:link, .s a:visited {text-decoration: none; color: white; }
.s a:hover { text-decoration: underline;}

.s2 {
font-family: Arial;
font-size: 12px;
color: #5479a6;
}
.s2 a:link, .s2 a:visited {text-decoration: none; color: #00306a;}
.s2 a:hover { text-decoration: underline; color: maroon;}

/* HINTA */
.hakut_y {background: url(kuvat/kuvitus/hakut_y.png); width: 174px; height: 21px; text-align: center;}
.hakut_y span { font-size: 11px; color: #3770a1; padding-top: 5px; display: block;}
.hakut_t {background: url(kuvat/kuvitus/hakut_t.png); width: 174px; text-align: center; line-height: 18px;}
.hakut_t li {list-style: none; padding-left: 15px;}
.hakut_t li b {color: maroon;}
.hakut_nappi2 {background: url(kuvat/kuvitus/hakut_nappi2.png); width: 174px; height: 38px; line-height: 32px; display: block; color: white;}
.hakut_nappit {text-align: center; font-size: 14px; font-weight: bold;}
.hakut_nappi1 {background: url(kuvat/kuvitus/hakut_nappi1.png); width: 174px; height: 38px; line-height: 32px; display: block; color: maroon;}

.hakut_kysymys {background: url(kuvat/kuvitus/hakut_kysymys.png); width:18px;height: 18px; display: block; float: right;}

.hakut_nappi1:link, .hakut_nappi1:visited {
color:white;
text-decoration: none;
font-family: Verdana;
}
.hakut_nappi1:hover { text-decoration: underline;}

.hakut_nappi2:link, .hakut_nappi2:visited {
color:white;
text-decoration: none;
}
.hakut_nappi2:hover { text-decoration: underline;}


.text_big { font-size: 18px; color: maroon; font-weight: bold;}


/* PÄÄKEHYS */

.kehys {
width: 900px;
margin-left: auto;
margin-right: auto;
}

.kehys .y {height: 25px;background: url(kuvat/pohja/y_t.png); }
.kehys .y_v {width: 11px; background: url(kuvat/pohja/y_v.png);}
.kehys .y_o {width: 12px;background: url(kuvat/pohja/y_o.png);}

.kehys .k_v_t {background: url(kuvat/pohja/k_v_t.png);}
.kehys .k_v_l {background: url(kuvat/pohja/k_v_l.png) top no-repeat;}

.kehys .v {background: url(kuvat/pohja/v_t.png);}
.kehys .v_l{background: url(kuvat/pohja/v_l.png); height: 298px; width: 11px;}

.kehys .k_t{background: url(kuvat/pohja/k_t.png); width: 100%;}
.kehys .k_l{background: url(kuvat/pohja/k_l.png); min-height: 415px; background-repeat: repeat-x; background-position: top;}

.kehys .k_o{background: url(kuvat/pohja/k_o.png);}
.kehys .k_o_l{background: url(kuvat/pohja/k_o_l.png); height: 298px; width: 12px;}

.kehys .a_v {height: 19px;background: url(kuvat/pohja/a_v.png):}
.kehys .a_j {background: url(kuvat/pohja/a_v_l.png);}
.kehys .a_t {background: url(kuvat/pohja/a_t.png);}
.kehys .a_o {background: url(kuvat/pohja/a_o.png);}

/* Y VALIKKO */

.y_valikko {font-family: Trebuchet MS1, Helvetica, sans-serif; font-size: 15px; color: #00306a; height: 35px; line-height: 35px;}
.y_valikko span {float: left; display: block; height: 35px;}
.y_valikko a:link, .y_valikko a:visited {color: #00306a; text-decoration: none;}
.y_valikko a:hover {color: #00306a; text-decoration: underline;}

.y_valikko .y_n_v_h {background: url(kuvat/pohja/y_n_v.png); width: 13px;}
.y_valikko .y_n_t_h {background: url(kuvat/pohja/y_n_t.png);}
.y_valikko .y_n_o_h {background: url(kuvat/pohja/y_n_o.png); width: 13px;}

.y_valikko .y_n_v {background: url(kuvat/pohja/y_t.png); width: 13px;}
.y_valikko .y_n_t {background: url(kuvat/pohja/y_t.png);}
.y_valikko .y_n_o {background: url(kuvat/pohja/y_t.png); width: 13px;}

/* HAKU */

.haku { color: white; width: 100%}
.haku .y {background: url(kuvat/pohja/haku_y.png);height: 30px;text-align: center; line-height: 30px;}
.haku .y span{color: white; line-height: 30px;}

.haku .l {
background: url(kuvat/pohja/haku_l.png);
background-position: top;
background-repeat: no-repeat;
}
.haku .j {
/* background: url(kuvat/pohja/haku_j.png); */
height: 6px;
}

.select {
margin-left: 8px;
width: 160px;
margin-top: 5px;
margin-bottom: 5px;
}

.select2 {
width: 70px;
margin-top: 5px;
margin-bottom: 5px;
}


/* sisa raamit */
h2 {
color: maroon;
font-size: 16px;
font-weight: bold;
margin: 0px;
height: 42px;
line-height: 42px;
background: url(kuvat/header2.png);
background-position: left;
background-repeat: no-repeat;
text-align: center;
}

.text {
font-family: Arial;
font-size: 13px;
}
/*
.text a:link, .text a:visited {
color: maroon;
font-weight: bold;
text-decoration: underline;
}
*/
.text h3 {
color: maroon;
font-size: 16px;
font-weight: bold;
margin: 0px;
height: 42px;
line-height: 42px;
background: url(kuvat/header.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.text h4 {
color: maroon;
margin: 0px;
height: 42px;
line-height: 42px;
background: url(kuvat/header.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}

.text p {
font-size: 13px;
}

.online_on {margin-top: 6px; margin-right: 3px; background: url(kuvat/pohja/online_logo.png); width: 13px; height: 13px; display: block; float:left;}

.sis {width: 640px; padding-top: 10px;}
.sis_y_v {width: 14px; height: 37px; background: url(kuvat/pohja/sis_y_v.png); }
.sis_y_t {background: url(kuvat/pohja/sis_y_t.png);color:maroon; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 25px;}
.sis_y_o {width: 14px; background: url(kuvat/pohja/sis_y_o.png);}

.sis_v {width: 14px; height: 14px; background: url(kuvat/pohja/sis_v.png);}
.sis_t {background: url(kuvat/pohja/sis_t.png);}
.sis_o {width: 14px; background: url(kuvat/pohja/sis_o.png);}

.sis_a_v {height: 14px; background: url(kuvat/pohja/sis_a_v.png);}
.sis_a_t {background: url(kuvat/pohja/sis_a_t.png);}
.sis_a_o {background: url(kuvat/pohja/sis_a_o.png);}


.sis2 {width: 640px; padding-top: 10px;}
.sis2_y_v {width: 14px; height: 37px; background: url(kuvat/pohja/sis2_y_v.png); }
.sis2_y_t {background: url(kuvat/pohja/sis2_y_t.png);}
.sis2_y_o {width: 14px; background: url(kuvat/pohja/sis2_y_o.png);}

.sis2_v {width: 14px; height: 14px; background: url(kuvat/pohja/sis2_v.png);}
.sis2_t {background: url(kuvat/pohja/sis2_t.png);}
.sis2_o {width: 14px; background: url(kuvat/pohja/sis2_o.png);}

.sis2_a_v {height: 14px; background: url(kuvat/pohja/sis2_a_v.png);}
.sis2_a_t {background: url(kuvat/pohja/sis2_a_t.png);}
.sis2_a_o {background: url(kuvat/pohja/sis2_a_o.png);}

.sis3 {width: 640px; padding-top: 10px;}
.sis3_y_v {width: 14px; height: 37px; background: url(kuvat/pohja/sis3_y_v.png); }
.sis3_y_t {background: url(kuvat/pohja/sis3_y_t.png);color:maroon; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 25px;}

.sis3_y_o {width: 14px; background: url(kuvat/pohja/sis3_y_o.png);}

.sis3_v {width: 14px; height: 14px; background: url(kuvat/pohja/sis3_v.png);}
.sis3_t {background: url(kuvat/pohja/sis3_t.png);}
.sis3_o {width: 14px; background: url(kuvat/pohja/sis3_o.png);}

.sis3_j_v {width: 14px; height: 26px; background: url(kuvat/pohja/sis3_j_v.png);}
.sis3_j_t {background: url(kuvat/pohja/sis3_j_t.png);color:maroon; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 25px;}
.sis3_j_t table {color:maroon; font-size: 12px; font-family: Verdana; font-weight: bold; height: 25px;}

.sis3_j_o {width: 14px; background: url(kuvat/pohja/sis3_j_o.png);}

.sis3_a_v {height: 14px; background: url(kuvat/pohja/sis3_a_v.png);}
.sis3_a_t {background: url(kuvat/pohja/sis3_a_t.png);}
.sis3_a_o {background: url(kuvat/pohja/sis3_a_o.png);}

.otsikko {color:maroon; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 25px;}
.otsikko a:link, a:visited {color: maroon; text-decoration: none;}

/* JARJESTYS */
.jarjestys {
font-family: Arial;
font-size: 13px;
color: black;
}

.nappi1 {padding:0; margin:0px; font-size: 14px;font-weight: bold; color: white;cursor: pointer;}
.nappi1 dt {display:none;}
.nappi1 dd {float:left; padding:0; margin:0; text-align:center;}
.nappi1 dd span.v {background: url(kuvat/pohja/n2_v.png); height:36px; width:25px; display:block;float:left;}
.nappi1 dd span.t {background: url(kuvat/pohja/n2_t.png); height:36px; float:left;line-height:34px;}
.nappi1 dd span.o {background: url(kuvat/pohja/n2_o.png); height:36px; width:25px; display:block;float:left;}

.nappi1 a:link, .nappi1 a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color:white; text-decoration:none; font-size:14px; cursor:pointer;}
.nappi1 a:hover {background-position:bottom;}
.nappi1 a:hover span {background-position:bottom;}

.poista2 {
width: 25px;
height: 25px;
background: url(kuvat/pohja/poista.png);
float:right;
cursor: pointer;
}

#val_kartta {
font-family: Arial;
font-size: 13px;
height: 30px;
text-align: center;
padding-top: 0px;
font-weight: bold;
color: black;
}

#kartta {
background: url(kuvat/pohja/haku_kartta.jpg);
width: 204px;
height: 220px;
}

#kartta area {
cursor: pointer;
}

.kartta_overlay {
width: 204px;
height: 220px;
position: absolute;
display: none;
opacity:0.25;
filter:alpha(opacity=25);
}

.hinnat {
width: 174px;
border-right: 1px solid #7da5ce;
margin-right: 10px;
text-align: left;
}
.hinnat li {
list-style: none;
line-height: 25px;
height: 25px;
}

.hinnat .vasen {
display: block;
float: left;
width: 50px;
text-align: right;
font-size: 10px;
margin-right: 6px;
}

.hinnat img {
padding-top: 8px;
}

.hinta {
font-size: 16px;
color: maroon;
padding-top: 8px;
}

.tiedot {
list-style: none;
padding-left: 10px;
margin: 0px;
}
.tiedot li {
margin-bottom: 10px;
}

span.kal_valko {
float: left;
background-image: url(vuokraus/kuvat/kal_valko.png);
width: 26px; 
height:20px; 
color: black; 
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
line-height: 20px;
text-decoration: none;}

span.kal_valko:hover {
background-position: bottom; 
font-weight: bold;
cursor: pointer;
text-decoration: none;
}

.kal_puna {
float: left;
background-image: url(vuokraus/kuvat/kal_puna.png);
width: 26px; 
height:20px; 
color: white; 
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
line-height: 20px;
text-decoration: none;
font-weight: bold;
}
.kal_val {
float: left;
background-image: url(vuokraus/kuvat/kal_puna.png);
width: 26px; 
height:20px; 
color: white; 
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
line-height: 20px;
text-decoration: none;
font-weight: bold;
}

.kal_harmaa {
float: left;
width: 26px; 
height:20px; 
color: #b7b7b7; 
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
line-height: 20px;}

#kal_pv {
float: left;
background-image: url(vuokraus/kuvat/kal_pv.png);
width: 26px; 
height:18px; 
color: black; 
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: 12px;
line-height: 18px;
text-decoration: none;
text-align: center;}


.alkunappi {
float: left;
display: block;
background-image: url(kuvat/alku/alku_v_1.png);
width: 227px;
height: 59px;
}

.alkunappi:hover {background-position: right;}

.alkunappi div {
line-height: 59px;
}

.alert { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; z-index: 9999; right: 33%; left: 33%; bottom: 33%; top: 33%; position: fixed;}
.alert ul {color: #b10000; font-size: 15px; font-weight: bold; font-family: Arial, Verdana, "Lucida Grande", sans-serif;}
.alert li { margin-bottom: 5px; margin-top: 5px;;}
.alert table { bottom: 1px; }

.minikal {
width: 210px;
height: 45px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
background-image: url(vuokraus/kuvat/kalenteri/mini_kal.png);
line-height: 45px;
}

.raamit {text-align: center; font-family: Verdana; font-size: 12px;}
.raamit .y_v {width: 14px;height: 30px;background: url(vuokraus/kuvat/raamit_y_v.png);}
.raamit .y_t {background: url(vuokraus/kuvat/raamit_y_t.png);}
.raamit .y_o {width: 14px;background: url(vuokraus/kuvat/raamit_y_o.png);}

.raamit .v {background: url(vuokraus/kuvat/raamit_v.png);}
.raamit .t {background: url(vuokraus/kuvat/raamit_t.png);}
.raamit .o {background: url(vuokraus/kuvat/raamit_o.png);}

.raamit .j_v {height:25px;background: url(vuokraus/kuvat/raamit_j_v.png);}
.raamit .j_t {background: url(vuokraus/kuvat/raamit_j_t.png);}
.raamit .j_t, .raamit .j_t table {font-size: 13px; text-align: center;}

.raamit .j_o {background: url(vuokraus/kuvat/raamit_j_o.png);}

.raamit .a_v {height:21px;background: url(vuokraus/kuvat/raamit_a_v.png);}
.raamit .a_t {background: url(vuokraus/kuvat/raamit_a_t.png);}
.raamit .a_o {background: url(vuokraus/kuvat/raamit_a_o.png);}

.kalenteri {width:208px;font-family: Verdana; font-size:12px; margin: 0px; padding: 0px;}

.kal_y_v {height:26px; width:33px;float:left;background: url(vuokraus/kuvat/kal_y_v.png); float: left}
.kal_y_t {width:142px;height:26px;text-align: center;background: url(vuokraus/kuvat/kal_y_t.png); line-height: 26px; color: white; float: left}
.kal_y_o {height:26px; width:33px;float:right;background: url(vuokraus/kuvat/kal_y_o.png); float: left}

.kal_v {width:10px;background: url(vuokraus/kuvat/kal_v.png);}
.kal_t {width:188px;background: url(vuokraus/kuvat/kal_t.png);}
.kal_o {width:10px;background: url(vuokraus/kuvat/kal_o.png);}

.kal_a_v {height:9px;background: url(vuokraus/kuvat/kal_a_v.png);}
.kal_a_t {background: url(vuokraus/kuvat/kal_a_t.png);}
.kal_a_o {background: url(vuokraus/kuvat/kal_a_o.png);}


div.pvm_valinta {
background: url(kuvat/pohja/valitse_aika.png);
width:170px;
height: 35px;
font-family: Arial;
font-size: 12px;
color: white;
line-height: 35px;
cursor:pointer;
text-align: center;
}
div.pvm_valinta span {padding-right: 7px;}
div.pvm_valinta:hover {background-position: right;}

div.auto_valinta2 {
background: url(kuvat/pohja/valitse_auto.png);
width:170px;
height: 35px;
font-family: Arial;
font-size: 12px;
color: white;
line-height: 35px;
text-align: center;
cursor: pointer;
color: black;
font-weight: bold;
}
div.auto_valinta2 span {padding-right: 7px;}
div.auto_valinta2:hover {background-position: right;color:white;}

div.auto_valinta {
background: url(kuvat/pohja/valitse_auto2.png);
width:170px;
height: 35px;
font-family: Arial;
font-size: 12px;
color: white;
line-height: 35px;
text-align: center;
cursor: pointer;
}
div.auto_valinta span {padding-right: 7px;}
div.auto_valinta:hover {background-position: right;}

div.haku_nappi {
background: url(kuvat/pohja/haku.png);
width:189px;
height: 42px;
font-family: Arial;
font-weight: bold;
font-size: 15px;
color: white;
line-height: 40px;
text-align: center;
cursor: pointer;
}
div.haku_nappi:hover {background-position: right;line-height: 41px;}

div.autotyyppi_val {
background: url(kuvat/pohja/autotyyppival.png);
width: 650px;
height: 32px;
font-family: Arial;
font-weight: bold;
font-size: 15px;
color: white;
line-height: 32px;
text-align: center;
cursor: pointer;
margin-top: 7px;
}

.autotyyppi_val a:link, .autotyyppi_val a:visited {float:right;padding-right: 40px; font-size: 13px; font-weight: normal; color: white; text-decoration: none;}

div.haku_nappi:hover {background-position: right;line-height: 41px;}

a.online_nappi {
background: url(kuvat/pohja/online.png);
width:140px;
height: 37px;
font-family: Arial;
font-weight: bold;
font-size: 15px;
color: white;
line-height: 36px;
text-align: center;
cursor: pointer;
background-position: left;
display: block;
}

a.online_nappi:link, a.online_nappi:visited {
color: white;
text-decoration: none;
line-height: 36px;
}

a.online_nappi:hover {
background-position: right;
line-height: 37px;
}



.autorivit {
background: url(kuvat/kuvitus/autorivi.png);
background-position: right;
background-repeat: repeat-y;
height: 75px;

}

.autorivi {
float: left;
width:195px;
line-height: 25px;
}
.autorivi .vasen {
width:120px;
display: block;
float: left;
text-align: right;
}
.autorivi .oikea {
width:75px;
display: block;
float: left;
font-weight: bold;
color: maroon
}

.autorivi_vasen {
width:120px;
display: block;
float: left;
text-align: right;
}
.autorivi_oikea2 {
display: block;
float: left;
font-weight: bold;
color: maroon
position:absolute;
}

.autorivi2 {
float: left;
width:480px;
line-height: 25px;
}
.autorivi2 .vasen {
width:120px;
display: block;
float: left;
text-align: right;
}
.autorivi2 .oikea {
width:360px;
display: block;
float: left;
font-weight: bold;
color: maroon
}

.autokuva_iso {
width: 130px;
height: 90px;
float: left;
padding-top:3px;
}
.auto_valikko {margin:0px; padding:0px;width: 225px; float: left; list-style: none;}
.auto_valikko li { line-height: 22px; cursor: pointer;}
.auto_valikko li:hover { background-color: maroon; color: white;}
.auto_valikko li span { padding-left: 10px;}

.autotyyppi_lista {
display: none;
width: 450px;
position: absolute;
}

.autotyyppi_val_y{ width: 450px;height:14px;background: url(kuvat/kuvitus/autotyyppival_y.png);}
.autotyyppi_val_t{ width: 450px; height:132px;background: url(kuvat/kuvitus/autotyyppival_t.png);}
.autotyyppi_val_a{ width: 450px;height:14px;background: url(kuvat/kuvitus/autotyyppival_a.png);}

/* Lisatiedot */

.lisatiedot_varjo {  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  

.lisatiedot {  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
width:450px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px; 
top: 50px; 
}