/*
Theme Name: Vuokraturva - Mobile
Theme URI: http://wordpress.org
Description: The Mobile Vuokraturva theme by <a href="http://www.activeark.fi">Activeark Oy</a>.
Version: 1.0
Author: Activeark
Author URI: http://www.activeark.fi
*/
a{outline: none;}
body	{
margin:0;
padding:0;
}

table.hkunta {
 margin: 0 0 15px 15px;
 width:100%;
}
table.hkunta td img{float: left !important;}

table.hakijat {
font-family: verdana, arial;
font-size: 12px;
color: #666666;
margin-left: 15px;
}

table.intable {
font-family: verdana, arial;
font-size: 12px;
color: #666666;
}

td	{
vertical-align: top;
}

img	{
border: 0px;
}

h1	{
font-family: verdana, arial;
font-size: 12px;
color: #000000;
margin:0 10px 15px 15px;
text-transform:uppercase;
}

h2,h3,h4	{
font-family: verdana, arial;
font-size: 12px;
color: #999999;
margin:25px 10px 15px 15px;
}
h2 { color:black; }
h3,h4 { font-size:12px; }

p	{
font-family: verdana, arial;
font-size: 12px;
color: #333333;
margin:15px;
/*width:400px;*/
}

li	{
font-family: verdana, arial;
font-size: 12px;
color: #333333;
margin:15px 50px 15px 0;
}

p.tableh2{
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
color: #056ace;
margin:0px;
}

input,textarea	{
font-family: verdana, arial;
font-size: 12px;
color: #000000;
}

input#hakijat {
font-family: verdana, arial;
font-size: 12px;
color: #666666;
}

a:link,a:visited {
text-decoration : none;
color: #056ace;
font-family: verdana, arial;
font-size: 12px;
}

a:hover,a:active
 {
text-decoration : none;
color: #2369B5;
font-family: verdana, arial;
font-size: 12px;
}

form { margin: 0; }
input.txt { width:200px; }

body {text-align:center;}
div#site {
 text-align:left;
}

div#top { 
	background: url(http://www.vuokraturva.fi/images/mobile/mobile-header1.jpg) top left no-repeat #507399; 
	height:68px; 
	position: relative;
	display: block;
}
div#top-right { 
	background: url(http://www.vuokraturva.fi/images/mobile/mobile-header2.jpg) top left no-repeat #ffffff; 
	height:68px; 
	width:178px; 
	position: absolute;
	right: 0;
}


table.menutable a:link,table.menutable a:visited,table.menutable a:hover,table.menutable a:active {
 color:white;
 font-size: 10px;
}

div#content {
 margin:0;
 padding:0;
}



div#vasen {
 width:189px;
 vertical-align:bottom;
 padding:35px 0 0 0;
 margin:0;
 float:left;
}
div#vasen p {width:170px;font-size:11px;margin:0 0 10px 15px;color:#3e3333;}
div#vasen p span {display:none;}
div#vasen p.puh {font-size:16px;font-weight:bold;}
div#vasen a:link,div#vasen a:hover,div#vasen a:visited,div#vasen a:active {font-size:10px;color:#3e3333;letter-spacing:-0.05em;}
div#vasen p.ytunnus {font-size:10px;letter-spacing:-0.05em;}

div#oikea {
 background:white;
 padding: 0 0 15px 0;
}
div#oikea div {
 clear:both;
}
div#oikea table p {
 width:auto;
}

div#footer {
 clear:both;
 background: #0065a4;
 margin:0;
 padding:10px;
 color:white;
 font-family: verdana, arial;
 font-size: 8px;
 vertical-align:middle;
}

.logo { margin:30px 0 0 10px; }
.menuitem { border-bottom:1px solid #ffffff; padding:10px 5px 10px 10px; color:#666666; font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; cursor:pointer; }

form#searchform {margin:35px 0 0 -120px; float: left;display: block; z-index: 100; position: relative;}
form#searchform input#s {width:120px;border:1px solid white;background:white;font-size:8px;margin:0;}
input#searchsubmit {margin-bottom:-4px;padding-top:4px;}

.icon { margin-bottom:-2px; }

table.hkunta p { padding:0; margin:0 0 10px 10px; width:100%; font-size: 11px; }
table.hkunta a:link,table.hkunta a:visited,table.hkunta a:hover,table.hkunta a:active { font-size: 11px; }

/* mm. asiakastilaisuudet */
table.lista {
margin:10px 10px 15px 15px;
font-family: verdana, arial;
font-size: 12px;
color: #333333;
border-top:1px solid #999999;
border-left:1px solid #999999;
}
table.lista td {
padding:3px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}

table.idea { margin-left:15px; border:1px solid #2f5e8c; }
table.idea td { text-align:center; padding:10px 10px; white-space:nowrap; font-family: verdana, arial; font-size: 12px; color: #333333; }
table.idea hr { display:block; border:0; border-bottom:1px solid #333333; }

span.searchword { background:yellow; }

div#oikea li {margin-bottom:2px;}

@media print {
 div#site {width:700px;}
 div#top{display:none;}
 table.menutable{display:none;}
 div#content {background:none;}
 div#oikea {clear:both;width:600px;padding:0;}
 div#vasen {clear:both;width:600px;border-top:1px solid #cccccc;padding:10px 0 0 0;}
 p {width:600px;}
 div#footer{display:none;}
}


/* Kielivalikko */

div#kielivdiv {
 text-align: right;
 padding: 3px 0 0 0;
}

p#kielivp { 
 margin-top:0px;
 width: 100%;
 margin: 0px;
 padding: 0px;
 color: #ffffff;
}
p#kielivp a {
 font-size: 10px;
 color: #000;
} 
p#kielivp a  span{
 vertical-align: top;
 line-height: 16px;
 height: 22px;
}


/* Etusivun boxit */
div#index_boxes {
 margin-left: 15px;
 width: 570px;
}
div#index_boxes p {
 margin-left: 0px;
 padding:0;
}

div#index_boxes div#index_box_01 {
float: left;
border: 1px solid #cfd0d2;
padding: 5px 0px;
background: #ebebeb none repeat scroll 0% 50%;
cursor: pointer;
width: 236px;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_01 p {
 padding:0;
}
div#index_boxes div#index_box_02 {
float: left;
border: 1px solid #cfd0d2;
padding: 5px 0px;
background: #ebebeb none repeat scroll 0% 50%;
cursor: pointer;
width: 236px;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_02 p {
 padding:0;
}
div#index_boxes div#index_box_03 {
clear:both;
float: left;
padding:0;
margin:0 12px 10px 0;
_margin-right:10px;
}
div#index_boxes div#index_box_03 p {
 padding:0;
}
div#index_boxes div#index_box_04 {
float: left;
padding:0;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_04 p {
 padding:0;
}

div#index_boxes div#index_box_03 img,div#index_boxes div#index_box_04 img {
 margin:0;
 float:left;
}

div#index_boxes div#index_box_05 {
clear:both;
float: left;
border: 1px solid #cfd0d2;
padding: 5px 0 5px 0;
background: #ebebeb none repeat scroll 0% 50%;
cursor: pointer;
width: 236px;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_05 p {
 padding:0;
}
div#index_boxes div#index_box_06 {
float: left;
border: 1px solid #cfd0d2;
padding: 5px 0 5px 0;
background: #ebebeb none repeat scroll 0% 50%;
cursor: pointer;
width: 236px;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_06 p {
 padding:0;
}
div#index_boxes div#index_box_07 {
float: left;
text-align: center;
}
div#index_boxes div#index_box_07 p {
text-align: center;
}
div#index_boxes div#index_box_08 {
float: left;
text-align: center;
}
div#index_boxes div#index_box_08 p {
text-align: center;
}
div#index_boxes div#index_box_09 {
float: left;
border: 1px solid #bbbcbe;
padding: 5px 0px;
background: #cfd0d2 none repeat scroll 0% 50%;
cursor: pointer;
width: 236px;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_09 p {
 padding:0;
}
div#index_boxes div#index_box_10 {
float: left;
border: 1px solid #bbbcbe;
padding: 5px 0px;
background: #cfd0d2 none repeat scroll 0% 50%;
cursor: pointer;
width: 236px;
margin:0 10px 10px 0;
}
div#index_boxes div#index_box_10 p {
 padding:0;
}

div#index_boxes div.index_box_left {
 margin: 5px 5px 5px 0px;
 width: 236px;
}
div#index_boxes div.index_box_left p {
 width: 100%;
 margin: 0px;
 text-align: center;
}

div#index_boxes div.index_box_right {
 margin: 5px 0px 5px 8px;
 width: 236px;
}
div#index_boxes div.index_box_right p {
 width: 100%;
 margin: 0px;
 text-align: center;
}

/* Etusivun toimialueemme */
.muotoa {
margin-left: 15px;
width: 250px
}

div#toimialueemme {
font-family: arial;
 margin-left: 15px;
 margin-bottom: 10px;
 margin-top: 15px;
 width: 200px;
 border: 1px solid #cfd0d2;
 padding: 5px 10px;
 background: #ffffff none repeat scroll 0% 50%;
}
div#toimialueemme p#toimialueemme_title {
 font-size: 10px;
 width: 110px;
 margin: 8px 0px 3px 9px;
 margin: 0px;
 padding-bottom: 10px;
}
div#toimialueemme div.toimialueemme_first {
 width: 90px;
 float: left;
 margin-right: 5px;
 margin-left: 5px;
 margin: 0px;
}

div#toimialueemme div.toimialueemme_all {
 width: 90px;
 float: left;
 margin: 0px;
}

div#toimialueemme div.toimialueemme_first p {
 font-size:10px;
 width:90px;
 margin: 0px;
}
div#toimialueemme div.toimialueemme_all p {
 font-size:10px;
 width:90px;
 margin: 0px;
}



p#yhteistyossa_title {
 font-size: 10px;
 margin: 8px 0px 3px 25px;
}
}

/* Lighter links on front page */
a.light {
color: #666666;
}

div#mediasivu p {
width:550px;
}


/* Asuntoetulaskuri */
div.laskuri {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.laskuri p {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 0px 15px;

}
div.laskuri h1 {
	margin-left: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #47484a;
}
div.laskuri h1 a#laske_arvo {
	color: #ffffff;
}
div.laskuri div.laskuri-tiedot {
	width: 420px;	
	margin: 0px 10px 0px 20px;
	float: left;
}

div.laskuri div.laskuri-header {
	width: 420px;	
	color: #ffffff;
	background: #0065a4 url('/images/asuntoetu-logo.jpg') no-repeat scroll center right;
	height: 40px;
}
div.laskuri div.laskuri-header h2 {
	color: #ffffff;
	vertical-align: middle;
	padding: 10px 20px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

div.laskuri div.laskuri-arvo {
	float: left;
}
div.laskuri div.laskuri-txt {
	width: 420px;
	color: #ffffff;
	background-color: #2f5e8c;
	margin-top: 1px;
}
div.laskuri div.laskuri-txt p {
	color: #ffffff;
}	
div.laskuri div.laskuri-txt p.laskuri-tulos {
	font-size: 25px;
	font-weight: bold;
}	
div.laskuri div.laskuri-txt label {
	color: #ffffff;
	font-size: 11px;
	font-family:verdana,arial;
	font-weight: normal;
}
div.laskuri div.laskuri-txt h3 {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;	
	margin: 10px 0px 0px 7px;
	padding: 0px;
}

div.laskuri-desc {
	clear: both;
}
div.laskuri-desc p {
	font-size: 9px;
	font-weight: normal;
	color: #9e9e9e;
	margin-left: 0px;	
	padding-left: 0px;	
	margin-right: 0px;	
	padding-right: 0px;	
}
div.laskuri-desc p a#erikoistapaukset {
	font-size: 9px;
	font-weight: normal;
	color: #9e9e9e;
	text-decoration: underline;
}

table.laskuri-neliot {
	vertical-align: middle;
	margin: 5px 0px 0px 0px;	
}
div.laskuri form input {
/*	height: 20px; */
	font-size: 10px;
	font-weight: normal;
	font-family:verdana,arial;
}
div.laskuri div.laskuri-form {
	margin: 0px 5px 0px 15px;
}
div.laskuri div#laske_box {
	margin: 10px 10px 0px 10px;
	padding: 5px 0px 5px 5px;
	background-color: #0065A4;
	width: 150px;
	border: thin solid #ffffff;
}
div.laskuri div#laske_box h1 {
	margin: 0px;
	padding: 0px;
}
div.laskuri td.laskurilbl {
	padding-top: 4px;
}
div.laskuri-form p {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;

}
#vuosi_lbl2 {
	font-size: 9px;
}
#laskuri-sijainti {
	margin-top: -15px;
}
div.mobile-indexbox, div.mobile-contentbox{
	margin: 10px 20px 0 10px;
	display: block;
	border-top: 2px #8a8a8a dotted;
	padding: 0 0 0 10px;
	font-size: 9px;
}
div#oikea h1{margin: 15px 0 10px 15px;color: #444444;}
div.mobile-indexbox h2,div.mobile-contentbox h1, div.mobile-contentbox h2{
	margin: 15px 0px 10px 0px !important;
	color: #444444;
}
div.mobile-indexbox p{
	font-size: 9px;
	margin: 5px 0 5px 0;
	width: auto;
}
div.mobile-indexbox a{
	font-size: inherit;
	color: inherit;
}
div.mobile-contentbox h2{
	font-size: 11px;
}
div.mobile-contentbox h2, div.mobile-contentbox p{
	margin: 10px 0 0 0px;
	padding: 0;
}
div.mobile-contentbox ul{
	margin: 10px 0 0 15px;
	padding: 0;
}
div.mobile-indexbox ul{
	margin: 10px 0 0 0;
	padding: 0;
}
div.mobile-indexbox ul li{
	line-height: 10px;
	margin: 0px;
	color: #2f5e8c;
	padding-left: 10px; 
	font-family: arial;
	font-size: 9px;
	list-style: none;
	background: url('/images/li-arrow-new.gif') no-repeat left 2px;
}
div#mobile-navi{
	margin-top: 20px;
	padding: 0 0 0 20px;
}
div#mobile-navi a{
	display: block;
	line-height: 15px;
	margin: 3px 0 0 0;
	color: #2f5e8c;
	padding-left: 10px; 
	font-family: arial;
	background: url('/images/li-arrow-new.gif') no-repeat left 4px;
}
a.mobile-imglink{
	text-indent: -9000px;
	display: block;
	float: left;
}