/* @override http://www.westhouse.fi/css/style.css */

/* ------------------------------------------------------------

    Company:   Westhouse
    Author:    Matias K	 
    Updated:   29.11.2007

------------------------------------------------------------ */

html, body {
	background: transparent url(../img/bgtop.jpg) repeat-x 0 0;
	color: #ffffff;
	text-align: center; /*ie hack for centered layout*/
}
#bg { background: transparent url(../img/backgroundtop.jpg) no-repeat center top; }
#bgg { background: transparent url(../img/backgroundbottom.jpg) no-repeat center bottom; }


/* ------------------------------------------------------------

	Reset

------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
select { margin: 0; padding: 0; }

/* ------------------------------------------------------------

	Typography

------------------------------------------------------------ */
body {
  font-family: arial, sans-serif, Arial, Verdana, "Lucida Grande";
  line-height: 1.4; /* Unitless for proper inheritance */
  text-align: center;
  z-index: 1;
}

	/*The top one is for IE: The percentage is of 16px (default IE text size)
	10px is 62.5%, 11px is 68.75%, 12px is 75%, 13px is 81.25%, and so forth).
	The second value is what all other browsers see (the wanted font size). */

body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

h1,h2,h3,h4,h5,h6 { 
  font-family: Arial, sans-serif, Verdana, "Lucida Grande" ;
  color:#666666; 
}

h1 { font-size: 3em; }
h2 { font-size: 24px; }
h3 { font-size: 16px; line-height:2;}
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }

p           { margin: 0 0 0.92em 0; text-align:left; color: #272727; }
p.last      { margin-bottom:0; }
p img       { margin: 0.45em 0.5em 0 0;  padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */


ul, ol      { margin: 0 0 1.5em 1.5em; color: #d8d6d6;}
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #999999; text-decoration: none; outline: none;}
a:hover     { color: #cccccc; }
a:focus, a:active { outline: none; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

label     { font-weight: normal; }
textarea  { height: 180px; width: 300px; }
form      { margin: 0 0 0 0; text-align:left; color: #5e5034; font-size: 1.1em; }

h3 span, .hl span, .sj span, .vm span, .at span, .pa span { visibility: hidden; }

#wrapper {
	margin: auto;
	width: 922px; 
	background: transparent;
	height: 100%;
	position: relative;
	text-align: left;
	/*margin-bottom: -46px;*/
}
#leftbgvert {
	position: absolute;
	top: 0;
	left: -141px;	
}
#rightbgvert {
	position: absolute;
	right: -140px;
	top: 0;
}
#content {
	width: 894px;
	margin: auto;
	background: #fff;
}


/* ------------------------------------------------------------

	Header

------------------------------------------------------------ */

#header {
	background: transparent url(../img/headerbg.jpg) no-repeat 0 0;
	height: 87px;
	padding-bottom: 1px;
}
#headerlogo {
	padding-top: 27px;
	text-align: left;
	height: 60px;
	width: 893px;
	position: relative;
}
#headerlogo h1 {
	display: block;
	height: 37px;
	width: 281px;
	position: absolute;
	top: 27px;
	left: 19px;
	background: transparent url(../img/westhouselogo.gif) no-repeat 0 0;
	text-indent: -9000px;
}
#swe, #eng { position: absolute; top: 34px; right: 19px;}
#eng { right: 63px; }
#swe:hover, #eng:hover { margin: 1px 0 0 0; }
.slogan { position: absolute; top: 27px; left: 300px; }



/* ------------------------------------------------------------

	Navigation

------------------------------------------------------------ */
#navi { 
	width: 893px;
	height: 52px;
	text-indent: -9000px;
	background: transparent url(../img/navi.gif) no-repeat 0 0;
	position: relative;
}
#navi a { 
	display: block;
	height: 52px; 
	float: left;
	text-indent: -9000px;
}
#lang_navi {
	width: 114px;
	height: 52px;
	position: absolute;
	top: 0;
	right: 42px;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 { 
	background: transparent url(../img/navi.gif) no-repeat 0 0; 
}
#menu1 { width: 98px; background-position: 0 0; }
#menu2 { width: 87px; background-position: -98px 0px; }
#menu3 { width: 82px; background-position: -185px 0px; }
#menu4 { width: 105px; background-position: -267px 0px; }
#menu5 { width: 98px; background-position: -372px 0px; }
#menu6 { width: 106px; background-position: -470px 0px; }
#menu7 { width: 58px; background-position: -737px 0px; }
#menu8 { width: 56px; background-position: -795px 0px; }

#menu1:hover { width: 98px; background-position: 0 -52px; }
#menu2:hover { width: 87px; background-position: -98px -52px; }
#menu3:hover { width: 82px; background-position: -185px -52px; }
#menu4:hover { width: 105px; background-position: -267px -52px; }
#menu5:hover { width: 98px; background-position: -372px -52px; }
#menu6:hover { width: 106px; background-position: -470px -52px; }
#menu7:hover { width: 58px; background-position: -737px -52px; }
#menu8:hover { width: 56px; background-position: -795px -52px; }

#menu1.selected { width: 98px; background-position: 0 -52px; }
#menu2.selected { width: 87px; background-position: -98px -52px; }
#menu3.selected { width: 82px; background-position: -185px -52px; }
#menu4.selected { width: 105px; background-position: -267px -52px; }
#menu5.selected { width: 98px; background-position: -372px -52px; }
#menu6.selected { width: 106px; background-position: -470px -52px; }
#menu7.selected { width: 58px; background-position: -737px -52px; }
#menu8.selected { width: 56px; background-position: -795px -52px; }

.with_subnavi { background: transparent url(../img/subnavi.gif) no-repeat 0 0; }
#subnavi { 
	height: 40px;
	position: relative;
	margin-left: -37px;
	padding-left: 29px;
	line-height: 40px;
	
}
#subnavi a { height: 40px; line-height: 40px; color: #5b502d !important; padding: 0 8px 0 8px; text-decoration: none !important; }
#subnavi a:hover { color: #7f2d0a !important; }
#subnavi .selected { color: #7f2d0a !important; }
/*#subnavi #first { background: none; }*/


/* ------------------------------------------------------------

	Content

------------------------------------------------------------ */
#flash { height: 379px;	width: 893px; }

.flashcontent {  }
#flash1 { width: 555px; }

#contentbottom { width: 893px; /*padding-bottom: 46px;*/ }
/*#contentbottom p { color: #272727; }*/

#colright {	float: right; width: 293px; position: relative; _margin-right: -7px; }
#colmiddle { float: right; width: 293px; height: 100%; }
#colleft { width: 293px;}

#text_padding { padding-left:37px; }

#header_pic { float:left; margin-bottom:10px;}

.henkilorivi { width: 555px; xheight: 240px; margin-bottom: 20px; }
.henkilo { float: left; width: 130px;  }
.henkilo p { width: 120px; }

.henkilorivi  { display: inline-block; } 
.henkilo { float: left; width: 150px; padding-right: 5px; }

.office { float: left; width: 250px !important; margin-top: 20px; }
.office p { width: 250px !important; }

.office { /*float: left !important; width: 260px !important; margin: 18px 0 8px 0 !important;*/}

.box { padding: 20px 15px 25px 11px; text-align: left; position: relative; }
.box h2 { color: #272727; background: transparent url(../img/ostamassa.gif) no-repeat 0 0; }
.box h2 span,.box2 h2 span { visibility: hidden; }
.box img, .box2 img { padding-left: 6px; float: right;}
.box select, .box2 select { width: 250px; margin-bottom: 12px; } 
.box form { padding-left: 0; }

.box2 {
	padding: 20px 15px 25px 0;
	text-align: left;
	float: right;
	position: relative;
	width: 266px;
}
.box2 h2 { background: transparent url(../img/myymassa.gif) no-repeat 0 0; }
.box2 form { padding-left: 0; }
.box2 .blue { color: #0339af !important; }

.box3 {
	padding: 20px 15px 0 15px;
	text-align: left;
	font-size: 0.91em;
	color: #fff;
	height: 100%;
	background: transparent url(../img/kohdehakubg.jpg) no-repeat 0 0;
	float: left;
}
.line { background: transparent url(../img/kohdehakubg_line.jpg) no-repeat 0 0; padding-top: 30px; }
.box3 p, .box3 form { color: #fff; height: 100%; }
.box3 label { line-height: 18px; }
.box3 h3 {
	height: 28px;
	width: 218px;
	display: block;
	background: transparent url(../img/kohdehaku.gif) no-repeat 0 0;
	font-size: 24px; 
	color: #fff; 
	padding: 0px 0 10px 0;
}
.box3 p { }
.hl, .sj, .vm, .at, .pa {
	display: block;
	margin: 0;
	padding: 0 0 2px 0;
	overflow: hidden;
}
.hl { width: 89px; height: 16px; background: transparent url(../img/huonelukumaara.gif) no-repeat 0 0; }
.sj { width: 36px; height: 17px !important; background: transparent url(../img/sijainti.gif) no-repeat 0 0; margin: 6px 0 0 0; float: left;}
.vm { width: 113px; height: 15px !important; background: transparent url(../img/velatonmaksimihinta.gif) no-repeat 0 0; margin: 8px 0 2px 0; }
.at { width: 68px; height: 16px !important; background: transparent url(../img/asuntotyyppi.gif) no-repeat 0 0; }
.pa { width: 76px; height: 16px !important; background: transparent url(../img/pinta-ala.gif) no-repeat 0 0; margin: 8px 0 2px 0; }

.nuoli { position: absolute; top: 88px; right: 14px; }
.myymassa { color: #0339af; }

#secondboxmain {
	float: left;
	position: relative;
	width: 590px;
	height: 295px;
	padding-bottom: 80px;
}

.secondbox {
	background-color: #f4f2ed;
	width: 293px;
	font-size: 0.91em;
	height: 142px;
	float: left;
}
.secondbox p { padding: 0 15px 0 15px; margin-bottom: 0;}
.secondbox a { color: #b08200;}

.secondbox2 {
	background: transparent url(../img/helsingintoimistobg.gif) no-repeat 0 0;
	height: 146px;
	width: 293px;
	font-size: 0.91em;
	margin-top: 3px;
	clear: left;
	float: left;
}
.secondbox2 p {	padding: 49px 15px 15px 15px; }
.secondbox2 a { color: #b08200; }

.secondbox3, .loginbox {
	width: 259px;
	height: 250px;
	font-size: 0.91em;
	text-align: left;
	background: transparent url(../img/vahtipalvelubg.gif) no-repeat 0 0;
	padding: 49px 20px 17px 20px;
	position: absolute;
	top: 0;
	right: -9px;
}
.loginbox { position: static; margin-top: 12px; padding-bottom: 130px; }
.secondbox3 strong, .loginbox strong { color: #0339af;}
.secondbox3 p, .loginbox p {	color: #272727; margin-bottom: 3px;}
.secondbox3 a, .loginbox a {
	color: #0339af;
	background: transparent url(../img/arrow.gif) no-repeat center right;
	padding-right: 12px;
	margin-right: 8px;
}
.secondbox3 a:hover, .loginbox a:hover { text-decoration: underline; }
.secondbox3 form, .loginbox form {
	padding-left: 0;
	line-height: 0.7em;
	/*width: 147px;*/
}

.lighter { color: #737272 !important; margin-top: 0; float: left; }

#login_form {
	width: 258px;
	height: 85px;
	position: relative;
	margin: 4px 0 4px 0;
}
#login_form p {
	color: #0339af;
	font-weight: bold;
	width: 180px;
	margin: 0 0 2px 0;
}
.sisaan { float: right; }
.sisaan:hover { }

#asunto_tyyppi { display: block;}
#kohdeleft { width: 121px; padding: 8px 0 5px 0; }
#kohdeleft select, #kohderight select {
	margin: 0 0 4px 0;
	text-indent: 4px;
	width: 110px;
	float: left;
}
#kohdeleft select {	float: left; }
#kohderight {
	width: 131px;
	float: right;
	padding: 8px 0 5px 5px;
}
#kohderight select { margin: 5px 0 5px 0; }
#stripe { clear: both; margin-bottom: 6px; }

.kohde_btn { margin-top: 8px; padding: 0 0 0 160px; height: 22px; }
.hae_kohde { background: transparent; cursor: pointer; }
.hae_kohde:hover {  }
input.hae_kohde { 
	background: transparent url(../img/haekohde.gif) no-repeat scroll left center !important;
    border: none;
    width:110px;
    height:24px; 
}

#otayhteytta input { margin-bottom: 4px; text-indent: 11px; }

#vertical_container { height: 100%; overflow: hidden; }
.accordion_content { height: 100%; overflow: hidden; }

#kohde_btn { display: inline-block; }
#kohde_btn a { margin-right: 12px; float: left; }

.kohde_seuraavanaytto { display: block; width: 293px; height: 103px; background: transparent url(../img/seuraava_naytto_ani.gif) no-repeat 0 0; margin-top: 6px; position: relative; }
.kohde_seuraavanaytto p { background: transparent; text-indent: 22px; padding-top: 60px; }

.logobutton .virtualimage { position: absolute; top: 40px; right: 98px; }

/* ------------------------------------------------------------

	Footer

------------------------------------------------------------ */

#footer {
	background: transparent url(../img/footerbg.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 93px;
}
.footertext {
	position: absolute;
	bottom: -42px;
	left: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #0339af;
	/*padding-top: 21px;*/
	clear: both;
}
#cornerleft { position: absolute; bottom: 0; left: -141px;}
#cornerright { position: absolute; bottom: 0; right: -210px;}

/* ------------------------------------------------------------

	Sub content

------------------------------------------------------------ */

#sub_content { float: left; width: 555px; padding-left: 37px; padding-bottom: 46px; background: transparent url(../img/bg_sub_content.gif) repeat-y 0 0; position: relative; height: 100%; }
.with_subnavi #sub_content { background: transparent url(../img/bg_sub_content_with_menu.gif) no-repeat 0 0; }
#sub_content a { color: #0339af; text-decoration: underline; }
#sub_content a:hover {  }
#sub_content h2 { color: #083cb1; clear: left; }
#sub_content h3 { /*color: #083cb1;*/ clear: left; }
#sub_content h4 { color: #083cb1; margin-bottom: 10px; font-weight: normal; width: 410px; }

.jarjestakohteet {
	width: 549px;
	height: 61px;
	padding: 2px 0 16px 6px;
}
.jarjestakohteet p { font-size: 11px; color: #000;}

.olettaalla {
	width: 350px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.olettaalla span { color: #083cb1;}

.jarjesta {
	width: 169px;
	height: 50px;
	background: transparent url(../img/brownbg.gif) no-repeat 0 0;
	float: right;
	padding: 7px 5px 0 5px;
	position: relative;	
}
#sub_content .jarjesta p { color: #fff; font-weight: bold; text-align: center; }
.jarjesta fieldset { position: absolute; top: 27px; left: 14px; }
.jarjesta fieldset option { width: 120px; }
.jarjesta fieldset select { text-indent: 4px; }

.hakubox { width: 538px; position: relative; border-bottom: 3px double #ddd; margin-top: 10px; }
.katsokohdetta { position: absolute; top: 10px;	right: 0; }
.kohdethumb { width: 130px;	padding: 15px 18px 12px 0; text-align: left; float: left; }
.logobutton { padding: 0 10px 0 0; /*position: absolute; top: 0; left: 156px;*/ }
.logobutton img { margin-right: 8px; }

.kohdetext { width: 385px; float: right; text-align: left; padding-top: 8px; }
.kohdetext h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #272727;
	width: 275px !important;
	padding-right: 10px;
}
.kohdetext h4 {
	font-size: 11px;
	font-weight: bold;
	color: #272727;
	width: 370px !important;
	padding: 0 10px 4px 0;
}
.kohdetext h4 span { color: #dc3535; }
.kohdetext p { padding-right: 10px; width: 374px; }

.pagelink { font-size: 11px; color: #000000; padding: 25px 1px 3px 6px;}
.pagelink2 { padding: 0 1px 3px 0; width: 360px; }
.pagelink a, .pagelink2 a {
	font-size: 11px;
	color: #000000;
	padding: 0 1px 0 4px;
}
.pagelink span a, .pagelink2 span a { font-weight: bold;}
.pagelink span a:hover, .pagelink2 span a:hover{ color: #cf0000; }
.pagelink span a:active, .pagelink2 span a:active{ color: #cf0000;}
/*.pagelink span, .pagelink2 span {
	background: transparent url(../img/pagelinkbg.gif);
	background-repeat: repeat-x;
	padding: 3px 6px 3px 6px;
}*/

#naytto_container { margin-top: 5px;  float: left; }
.seuraavanaytto { background: transparent url(../img/seuraavanaytto.gif) no-repeat 0 0;	width: 293px; height: 120px; position: relative; }
.seuraavanayttotext { width: 130px;	padding: 47px 10px 0 24px; font-size: 10px;	font-weight: bold; }
.seuraavanayttotext a,.tarjotutkohteettext a {	color: #0247c7; font-weight: bold;}
.seuraavanayttotext a:hover,.tarjotutkohteettext a:hover {	color: #0247c7; font-weight: bold; text-decoration: underline;}

.tarjotutkohteet {
	background: transparent url(../img/tarjotutkohteet.gif) no-repeat 0 0;
	width: 293px;
	height: 120px;
}
.tarjotutkohteettext {
	width: 140px;
	padding: 47px 10px 0 24px;
	font-size: 10px;
	font-weight: bold;
}

.breadcrumb { margin-top: 14px; width: 370px; float: left; }
.breadcrumb p { color: #000; font-weight: bold; font-size: 11px; }
.breadcrumb span, .breadcrumb a { color: #083cb1; }
.breadcrumb a:hover { text-decoration: underline; }

#form_myymassa, #form_palaute { width: 525px; }
.formleft input, .formright input { margin: 0 0 4px 0; width: 250px; }
#form_myymassa textarea { width: 250px; }
#form_palaute textarea { width: 525px; height: 300px; }
#form_myymassa label, #form_palaute label { color: #083cb1; font-weight: bold; margin: 0; font-size: 12px; }
#form_myymassa .top_field { padding-bottom: 15px; }
#form_myymassa .formleft, #form_palaute .formleft { float: left; width: 250px; margin-bottom: 10px; }
#form_myymassa .formleft h2 { }
#form_myymassa .formleft select { width: 250px; }
#form_myymassa .formright, #form_palaute .formright { float: right; width: 250px; }
#form_myymassa .bottom_field { clear: both; border-top: 3px double #ddd; padding: 12px 0 12px 0; }
#form_myymassa .hide { visibility: hidden; }
#form_myymassa .buttons, #form_palaute .buttons { text-align: right; border-top: 3px double #ddd; padding-top: 14px; }
#form_palaute .buttons { border-top: none; }
.select_konttori { display: block; width: 250px; height: 61px; margin-top: 20px; background: url(../img/bg_select_konttori.gif) no-repeat 0 0; }
.select_konttori label { color: #fff !important; padding-left: 12px; line-height: 30px; }
.select_konttori fieldset { padding-left: 12px; }
.select_konttori select { width: 220px; }

#rightcolnavitop { width: 293px; background-color: #e8e1ce; }
#rightcolnavitop h4 { width: 293px; height: 39px; display: block; text-indent: -9000px; background: transparent url(../img/bg_useful_links.gif) no-repeat 0 0; }
#sidenavi { padding: 27px 0 12px 17px; width: 277; background-color: #e8e1ce; }
#sidenavi a { /*float: left;*/ display: block; width: 260px; height: 29px; background: #e8e1ce url(../img/bg_sidenavi_link.gif) no-repeat 0 0; color: #083cb1; font-weight: bold; line-height: 30px; overflow: hidden; }
#sidenavi a:hover { color: #7f2d0a; background-position: 0 -29px; }

#valittajasi { background: transparent url(../img/bg_valittaja.gif) repeat-y 0 0; }
.valittajamain { position: relative; padding: 15px 10px 15px 10px; }
.tulostabtn { float: right; }
.valittajaphoto { float: left; }
.valittajatext { width: 130px; margin: 0 0 0 80px; line-height: 1.2; font-size: 11px; }
.valittajatext h5 { color: #272727; }
.valittajatext a { color: #272727; }
.valittajatext a:hover { color: #272727; text-decoration: underline; }

#ajankohtaista { height: 100%; display: inline-table; width: 100%; }
#ajankohtaista h6, #sub_content h6 { color: #083cb1; margin-bottom: 12px; font-weight: bold; }
#sub_content h6 { font-size: 16px; font-weight: normal; display: block; clear: both; }
#ajankohtaista p { width: 520px; }
#ajankohtaista p.ingress {color:#0247c7}
#ajankohtaista p img { float: left; padding: 0 8px 8px 0; margin: 0; }

.news_teaser { border-top: 3px double #ddd; margin-top: 16px; }
.news_teaser h2 { font-size: 14px; font-weight: bold; margin-top: 12px; }
.news_teaser .read_more { text-align: right; height: 25px; }



/* ------------------------------------------------------------

	RightColKohdetiedot

------------------------------------------------------------ */

#rightcolkohdetiedotmain { width: 293px; position: relative;}
.bluestripe { padding: 79px 22px 14px 18px; }
.kohdepaikka {
	width: 140px;
	font-size: 11px;
	font-weight: bold;
	color: #fff !important;
	position: absolute;
	top: 53px;
	left: 20px;
	text-align: left;
}

.kohdetiedottop {
	background: transparent url(../img/kohdetiedot.jpg) no-repeat 0 0;
	width: 293px;
	border-bottom: 1px solid #fff;
}
.kohdetiedottop table { width: 271px; margin-left: 18px; }
.kohdetiedottop table tr { float: left; margin-bottom: 10px; }
.kohdetiedottop table th { width: 125px; }
.kohdetiedottop table td { font-weight: bold; width: 125px; }
.kohdetiedotbottom { border-bottom: 1px solid #fff; clear: left; background-color: #0a58bf;}
.colrightmap { padding: 5px 0 0 5px; }

#isokuva { width: 430px; position: relative; overflow: hidden; margin-bottom: 10px; }
#isokuva img { max-width: 430px;}
.kuvatransp { position: relative;}
.kuvatransp img { margin: 0 !important; padding: 0 !important; opacity:0.3; filter:alpha(opacity=30); position: relative; }
.kuvatop { position:absolute; top:8px; left: 8px; overflow: hidden; }
.kuvatop img { margin:-8px -8px -12px -8px; _margin: -8px;}

#back_navi { float: left; margin: 0px 0 10px 0; width: 185px; }
#next_navi { float: right; padding-right: 37px; margin: 0px 0 10px 0; }
#back_navi a, #next_navi a { font-size: 14px; font-weight: bold; color: #272727; }
#back_navi a { padding-left: 16px; background: transparent url(../img/arrow_left.gif) no-repeat left center; }
#next_navi a { padding-right: 16px; background: transparent url(../img/arrow.gif) no-repeat right center; }
#back_navi a:hover, #next_navi a:hover { text-decoration: underline; }

#kohde_details { float: left; width: 430px; }
#kohde_details h4 { font-size: 16px; font-weight: bold; color: #0247c7; margin-top: 18px; }
#kohde_details img {  }
#kohde_details em { font-style: normal; font-weight: bold; color: #0247c7; }
#kohde_sidebar { float: right; width: 115px; xbackground: red; }
#kohde_thumbs { margin: 0 0 70px 0; width: 115px;}
#kohde_btn img { float: left; }

#myos_kohteet { clear: both; border-top: 3px double #ddd; }

.virtualimage { float: right; margin-top: -30px; }

#watchdog_user, .recoveryform form { color: #272727; padding-left: 30px; }
#watchdog_user input, .recoveryform form input { color: #272727; display: block; margin-bottom: 10px; }
.required { color: red; }
.filler { height: 300px; }
#nayta_kaikki { position: absolute; right: 20px; bottom: 20px; }

.userinfo { clear: both; }
.logoutlink { position: absolute; right: 10px; top: 115px}
/*Vahti(lisäykset/muutokset)*/
.linkspace { padding-right: 5px; padding-top: 6px; float: right; }
.vahtisin { float: right; padding-right: 35px; display: inline; margin-top: -90px;}
.vahtisin img { padding-top: 3px;}
.watchdog { margin-bottom: 10px; margin-top: 0px; background: url("../img/bgshades.jpg") repeat-y ; }
.watchdog table{ width: 500px; color: #000; margin-left: 20px;}
.wdotsikko { width: 150px; }
#ajankohtaista h2 { font-weight: bold; color: #0247c7;}
#ajankohtaista h3 { font-weight: bold; color: #0247c7; padding-top: 20px;}
.lisaavahti { font-weight: bold; font-size: 11px;}
.topdiv { margin-top: 0px; padding-left: 0px;}
.topdiv img { padding-left: 0px; border: 0px; vertical-align: top;}
.bottomdiv { margin-top: 0px; padding-left: 0px;}
.bottomdiv img { padding-left: 0px; border: 0px; vertical-align: bottom;}
/*omat tiedot(lisäykset/muutokset)*/
.tallenna { float: right; margin-top: -32px; margin-right: 60px;}
.registerform { background: url(../img/asetukset_shade.jpg) repeat-y; padding: 0px; margin: 0px;}
.registerform h2 { font-size: 12px; font-weight: bold; padding-left: 15px; padding-bottom: 10px; padding-top: 10px;}
.asetukset_topshade { margin-top: 0px; padding-top: 0px; }
.asetukset_topshade img { vertical-align: top; border: 0px; padding: 0px; margin: 0px;}
.asetukset_bottomshade { margin-bottom: 0px; padding-bottom: 0px; }
.asetukset_bottomshade img { vertical-align: bottom; border: 0px; padding: 0px; margin: 0px;}
/*vahdin lisäys(lisäykset/muutokset)*/
.vahdin_lisays { border-bottom: #646464 dotted 1px; width: 460px; margin-left: 25px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
.lisays_otsikot { color: #0247c7; font-size: 12px; font-weight: bold; padding-left: 10px;}
.vahdin_lisaysalin { width: 460px; margin-left: 25px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
.tallennavahti { float: right; padding-right: 40px; }
/* ------------------------------------------------------------

	Käyntikortti

------------------------------------------------------------ */
#card { margin-left: 5%; margin-right: 5%; width: 90%; text-align: left; position: relative; height: 900px; }
#card h1, #card h2, #card h3, #card p { color: #005faf; }
#card h1 { margin-bottom: 1%; }
#card h2 { margin-bottom: 1%; }
#card_logo { margin-bottom: 9%; margin-top: 2%; }
#card_logo img {  }

.card_person { width: 75%; }
.card_person img { float: right; }

#toimistot { position: absolute; bottom: 0; width: 90%; }
#espoo { float: left; width: 40%; }
#espoo img, #helsinki img { float: right; }
#helsinki { float: right; width: 40%; }



/* ------------------------------------------------------------

	Images

------------------------------------------------------------ */
a img {	border: none;}
p img {	padding: 0;	max-width: 100%;}
.alignleft { float: left;}

/* ------------------------------------------------------------

	Common, Misc...

------------------------------------------------------------ */
.hidden, hr { display: none; }
.clear { clear: both; }

#sposti_container, #pword_container, .field_container, .field_container2 {
	position: relative;
	color: #333;
}
#sposti_container {	margin-bottom: 4px;}
#pword_container { width: 250px;}
input#pword { float: left;}

#sposti { }
.field_container, .field_container2 { margin-bottom: 2px; height: 100%; overflow: hidden;}

label.overlabel {
	color: #333;
	font-size: 11px;
}
label.overlabel-apply {
	position: absolute;
	top: 1px;
	left: 5px;
	z-index: 1;
	color: #333;
	font-size: 11px;
	line-height: 22px;
	font-weight: normal;
}

.thumb { max-width:112px; width: expression(this.width > 112 ? 112: true); }
.facethumb { max-height:120px; height: expression(this.height > 120 ? 120: true); }

.msg_notice { border: solid 5px #66CC33; padding: 8px; clear: both; }
.msg_error { border: solid 5px #dc3535; padding: 8px; clear: both; }
.msg_error a { text-decoration: underline; color: #dc3535; }
.msg_error a:hover { text-decoration: none; color: #dc3535; }
.msg_notice p, .msg_error p { text-align: center; font-weight: bold; }








/* ------------------------------------------------------------

	Ostamassa sivu

------------------------------------------------------------ */

.brownbox {
  background:transparent url(../img/ostamassa/brownbg.gif) repeat-y 0 0;
  width: 528px;
  min-height: 172px;
  height: auto !important;
  height: 172px;
  margin-bottom: 8px;
}
.brownbox p { color: #fff;  }
.col_right_details {
  float: right;
  width: 294px;
  padding: 21px 19px 0 0;
}
.col_right_details img { float: left; }
.col_right_details p {
  clear: both;
  _margin-top: -10px;
  *margin-top: -10px;
}
.viiva {
  padding: 4px 0 12px 0;
  _padding: 4px 0 0 0;
  *padding: 4px 0 0 0;
  clear: both;
}
.col_left_image {
  float: left;
  padding: 13px 0 0 11px;
}
.col_left_image img { border: 3px solid #a08c5d; } 
.linkbox {
  width: 92px;
  height: 25px;
  background: transparent url(../img/ostamassa/linkbox.gif) no-repeat 0 0;
  float: right;
  margin-right: -5px;
  clear: both;
  margin-bottom: 10px;
}
.linkbox a {
  line-height: 18px;
  text-indent: 5px;
  color: #fff !important;
  width: 100%;
  height: 100%;
  font-size: 10px;
  text-align: left;
  float: left;
}