@import url(psoas-tausta.php);

HTML, BODY {
	margin: 0;
	padding: 0;
}

BODY {
	background: #FFFC00 url(../_img/bg/bg-site.jpg) 0 0 repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
}

DIV, IMG, P, H1, H2, H3, H4, H5, UL, OL, FORM, DL, DT, DD {
	display: block;
	margin: 0;
	padding: 0;
}

A, A:VISITED {
	text-decoration: none;
	color: #01A6D7;
	cursor: pointer;
	outline: none;
}

A:HOVER, A:VISITED:HOVER {
	color: #999 !important;
}

A IMG {
	display: inline;
	border: 0;
}

@font-face {
	font-family: 'ABB';
	src: url('font/abb-webfont.eot');
	src: local('☺'), url('font/abb-webfont.woff') format('woff'), url('font/abb-webfont.ttf') format('truetype'), url('font/abb-webfont.svg#webfontXzdTI8sa') format('svg');
	font-weight: normal;
	font-style: normal;
}

BIG {
	font: normal 1.25em/1 Arial, Helvetica, sans-serif;
}

SMALL {
	font: normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
}

A.ico {
	background: transparent url(../_img/misc/linkico.gif) 0 4px no-repeat;
	padding: 0 0 0 13px;
}

A.pdfico {
	background: transparent url(../_img/misc/acrobat.png) 0 0 no-repeat;
	padding: 1px 0 1px 22px;
}

DIV#col-right A.pdfico {
	padding-bottom: 2px;
	line-height: 21px;
}

A.current {
	font-weight: bold;
}



DIV#site {
	width: 950px;
	margin: auto;
	padding-bottom: 15px;
	font-size: 0.75em;
	line-height: 1.75;
}

DIV#tabs {
	position: relative;
	width: 950px;
	height: 62px;
	overflow: hidden;
}

DIV#tabs A#tab-omapsoas,
DIV#tabs A#tab-elaherroiksi,
DIV#tabs A#tab-40th {
	display: block;
	position: absolute;
	top: 27px;
	width: 126px;
	height: 35px;
	background: transparent none 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

DIV#tabs A#tab-omapsoas {
	left: 31px;
	width: 106px;
	background-image: url(../_img/ui/tabit-omapsoas.png);
}

DIV#tabs A#tab-elaherroiksi {
	left: 140px;
	background-image: url(../_img/ui/tabit-elaherroiksi.png);
}

DIV#tabs A#tab-40th {
	left: 269px;
	background-image: url(../_img/ui/tabit-40th.png);
}



DIV#tabs UL {
	position: absolute;
	top: 27px;
	left: 486px;
	width: 436px;
	height: 35px;
	list-style: none;
}

DIV#tabs UL LI {
	display: block;
	width: 106px;
	height: 35px;
	background: transparent url(../_img/ui/tabit.png) -9999px -9999px no-repeat;
	line-height: 35px;
	margin-right: 3px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

.en DIV#tabs UL LI { background-image: url(../_img/ui/tabit-en.png); }

DIV#tabs UL LI#tb1 { background-position: 0 0; }
DIV#tabs UL LI#tb2 { background-position: -109px 0; }
DIV#tabs UL LI#tb3 { background-position: -218px 0; }
DIV#tabs UL LI#tb4 { background-position: -327px 0; }

DIV#tabs UL LI#tb1.current { background-position: 0 -35px; }
DIV#tabs UL LI#tb2.current { background-position: -109px -35px; }
DIV#tabs UL LI#tb3.current { background-position: -218px -35px; }
DIV#tabs UL LI#tb4.current { background-position: -327px -35px; }

DIV#tabs UL LI A {
	display: block;
	width: 121px;
	height: 35px;
}


DIV#head {
	position: relative;
	width: 950px;
	height: 155px;
	background: #FFF url(../_img/bg/bg-head.gif) 0 bottom repeat-x;
	overflow: hidden;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border-radius: 9px 9px 0 0;
}

A#logo {
	position: absolute;
	left: 25px;
	top: 18px;
	width: 150px;
	height: 119px;
	background: transparent url(../_img/misc/logo-head-40.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}



UL#helpnavi {
	position: absolute;
	right: 39px;
	top: 15px;
	height: 25px;
	font: bold 1em/25px Arial, Helvetica, sans-serif;
	list-style: none;
}

UL#helpnavi LI {
	display: block;
	height: 25px;
	padding: 0 9px;
	float: left;
}

UL#helpnavi LI A {
	display: block;
	height: 25px;
	color: #111;
	float: left;
}

UL#helpnavi LI#search {
	position: relative;
	width: 210px;
	padding: 0;
}

DIV#qry {
	position: absolute;
	left: 11px;
	top: 0;
	width: 135px;
	height: 25px;
	background: transparent url(../_img/ui/search-text.gif) 0 0 no-repeat;
	padding-left: 12px;
}

DIV#qry INPUT {
	width: 135px;
	height: 25px;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 23px;
}

BUTTON#btn {
	position: absolute;
	left: 158px;
	top: 0;
	width: 52px;
	height: 25px;
	border: 0;
	background: transparent url(../_img/ui/search-btn.gif) 0 0 no-repeat;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.en BUTTON#btn { background: transparent url(../_img/ui/search-btn-en.gif) 0 0 no-repeat; }



UL#mainnavi {
	position: absolute;
	right: 26px;
	top: 64px;
	height: 40px;
	font: normal 16px/35px ABB, Georgia, "Times New Roman", Times, serif;
	list-style: none;
}
UL#chat {
	position: absolute;
	right: 26px;
	top: 94px;
	height: 40px;
	font: normal 16px/35px ABB, Georgia, "Times New Roman", Times, serif;
	list-style: none;
}
UL#mainnavi LI {
	display: block;
	height: 40px;
	padding: 0 1px;
	float: left;
}

UL#mainnavi LI.current {
	background: transparent url(../_img/misc/mainnavi-current.gif) center bottom no-repeat;
}

UL#mainnavi LI A {
	display: block;
	height: 35px;
	padding: 0 15px;
	text-shadow: #E8E8E8 0 1px 2px;
	color: #111;
	float: left;
}

UL#mainnavi LI.current A {
	background: #F0F0F0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}



DIV#bigimg {
	width: 950px;
	height: 240px;
	background: transparent url(../_img/big/big6.jpg) 0 0 no-repeat;
	overflow: hidden;
}

DIV#bigimg.kohteet,
DIV#bigimg.locations { background-image: url(../_img/big/big1.jpg); }

DIV#bigimg.hakeminen,
DIV#bigimg.applying { background-image: url(../_img/big/big2.jpg); }

DIV#bigimg.asukkaille,
DIV#bigimg.tenants { background-image: url(../_img/big/big3.jpg); }

DIV#bigimg.ajankohtaista,
DIV#bigimg.news { background-image: url(../_img/big/big4.jpg); }

DIV#bigimg.psoas { background-image: url(../_img/big/big5.jpg); }

DIV#bigimg.yhteystiedot,
DIV#bigimg.contact { background-image: url(../_img/big/big6.jpg); }

DIV#bigimg.elaherroiksi { background-image: url(../_img/big/big-elaherroiksi.jpg); }



DIV#crumbs {
	width: 950px;
	height: 34px;
	background: #252424 url(../_img/bg/bg-crumbs.gif) 0 0 repeat-x;
	padding-bottom: 8px;
	line-height: 34px;
	color: #FFF;
}

DIV#crumbico {
	width: 31px;
	height: 34px;
	background: transparent url(../_img/misc/crumbico.gif) 17px 13px no-repeat;
	float: left;
}

DIV#crumbs A {
	color: #02B0DD;
}

DIV#crumbs A.last {
	font-weight: bold;
}



DIV#content {
	width: 910px;
	min-height: 200px;
	background: #FFF url(../_img/bg/bg-content.gif) 0 bottom repeat-x;
	padding: 24px 23px 31px 17px;
	float: left;
}

DIV#content.wide {
	width: 882px;
	padding: 24px 51px 31px 17px;
}

DIV#content.superwide {
	width: 828px;
	padding: 24px 61px 31px;
}

DIV#col-left {
	width: 253px;
	min-height: 1px;
	float: left;
}

DIV#col-mid {
	width: 390px;
	padding: 9px 0 0;
	float: left;
}

DIV#col-right {
	width: 230px;
	float: right;
}

.wide DIV#col-mid {
	width: 629px;
	float: right;
}

.superwide DIV#col-mid {
	width: 828px;
	float: left;
}

.wide DIV#col-right,
.superwide DIV#col-left,
.superwide DIV#col-right {
	display: none;
}



DIV#subnavi {
	width: 223px;
}

DIV#subnavi H3 {
	height: 50px;
	background: transparent url(../_img/ui/subnavi-head.gif) 0 0 no-repeat;
	padding: 0 0 0 19px;
	font: normal 1.75em/50px ABB, Georgia, "Times New Roman", Times, serif;
	text-shadow: none !important;
	color: #FFF;
}

DIV#subnavi UL {
	background: #F2F2F2;
	padding: 0 !important;
	list-style: none !important;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-radius: 0 0 7px 7px;
}

DIV#subnavi UL LI {
	border-top: 1px solid #D9D9D9;
	padding: 0 11px 0 23px;
	line-height: 31px;
}

DIV#subnavi UL LI.current {
	background: #E2E2E2 url(../_img/misc/subnavi-current.gif) 0 10px no-repeat;
	font-weight: bold;
}

DIV#subnavi UL LI.last {
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-radius: 0 0 7px 7px;
}

DIV#subnavi UL LI A {
	display: block;
	text-shadow: #D8D8D8 0 1px 2px;
	color: #000;
}

DIV#subnavi UL LI.current A {
	color: #01C4E5;
}

DIV#subnavi UL UL {
	background: none;
	padding: 0 0 10px 17px !important;
}

DIV#subnavi UL UL LI {
	border: 0;
	background: none;
	padding: 0;
	font-weight: normal;
	line-height: 21px;
	list-style: disc;
}

DIV#subnavi UL UL LI A,
DIV#subnavi UL LI.current UL LI A {
	color: #000;
}




DIV.block {
	background: #F2F2F2;
	padding: 17px 17px 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

DIV.block P {
	border-top: 1px solid #D9D9D9;
	padding: 15px 0 17px;
}

DIV.block P:first-child {
	border: 0;
	padding: 0 0 17px;
}

DIV.block UL {
	padding: 0 0 1.75em 13px !important;
	line-height: 19px;
	list-style: disc;
}

DIV.block UL UL {
	padding: 0 0 5px 12px !important;
	line-height: 17px;
}



H1 {
	padding-bottom: 1em;
	font: normal 2.0833em/1.16 ABB, Georgia, "Times New Roman", Times, serif;
	text-shadow: #E8E8E8 0 1px 2px;
}

DIV#col-right H1 { padding-bottom: 0.4167em; }

H2 {
	padding-bottom: 0.1765em;
	font: bold 1.4167em/1.2353 Arial, Helvetica, sans-serif;
}

H3 {
	padding-bottom: 0.2143em;
	font: bold 1.1667em/1.3571 Arial, Helvetica, sans-serif;
}

H4 {
	padding-bottom: 0;
	font: bold 1em/1.4167 Arial, Helvetica, sans-serif;
}

P {
	padding-bottom: 1.75em;
}

P.contentimg IMG {
	display: inline;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
	padding: 4px;
}

DIV#content OL {
	padding: 0 0 1.75em 2.0833em;
}

DIV#content UL {
	padding: 0 0 1.75em 1.75em;
	list-style: disc;
}

DIV#content OL UL,
DIV#content UL UL {
	padding-bottom: 0.4167em;
}



DIV#sitemap {
	width: 898px;
	background: #191717 url(../_img/bg/bg-sitemap.gif) 0 0 repeat-x;
	padding: 25px 11px 25px 41px;
	float: left;
	clear: both;
}

DIV#sitemap UL {
	padding-right: 35px;
	list-style: none;
	font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
}

DIV#sitemap UL LI H3 {
	padding-bottom: 0.8667em;
	font: normal 15px/1.2667 ABB, Georgia, "Times New Roman", Times, serif;
}

DIV#sitemap UL LI A {
	color: #666;
}



DIV#tail {
	position: relative;
	width: 950px;
	height: 64px;
	background: #020000;
	overflow: hidden;
	-moz-border-radius: 0 0 9px 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border-radius: 0 0 9px 9px;
	clear: both;
}

ADDRESS {
	font-style: normal;
	text-align: center;
	line-height: 64px;
	color: #666;
}

DIV#tail DIV#icons {
	position: absolute;
	top: 16px;
	right: 23px;
}

DIV#tail DIV#icons A {
	margin-left: 3px;
}



TABLE {
	border-collapse: collapse;
	margin-bottom: 1.75em;
	font-size: 1em;
}

TABLE.small {
	font: normal 11px/19px Tahoma, Arial, Helvetica, sans-serif;
}

TABLE TH {
	border-bottom: 2px solid #D8D8D8;
	padding: 1px 3px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

TABLE TD {
	border-top: 1px dotted #D8D8D8;
	padding: 2px 5px;
	font-size: 1em;
	vertical-align: top;
}

TABLE TH.r,
TABLE TD.r {
	text-align: right;
}

TABLE TD.brd {
	border-left: 1px dotted #D8D8D8;
}

TABLE TR.alt {
	background: #FAFAFA;
}



IMG.mapico {
	margin: 0 6px 3px 0;
	vertical-align: middle;
}

TABLE#kohdeluettelo {
	width: 625px;
}

TABLE#kohdeluettelo H4 {
	padding: 9px 0 2px;
}

TABLE#kohdeluettelo TH {
	border-bottom: 2px solid #D8D8D8;
}

TABLE#kohdeluettelo TD {
	border-top: 1px dotted #D8D8D8;
}

TABLE#kohdeluettelo TD.brd {
	border-left: 1px dotted #D8D8D8;
}

TABLE#kohdeluettelo TR.alt {
	background: #F8F8F8;
}



FORM {
	padding: 0;
	margin: 0;
}

LABEL {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

LABEL.fix {
	display: inline;
	width: 150px;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	float: left;
	clear: left;
}

INPUT, TEXTAREA, SELECT {
	margin: 0 0 7px 0;
	padding: 4px 3px 5px;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

SELECT {
	border: 1px solid #CCC;
	border-color: #CCC #DDD #DDD #CCC;
	background: #FFF;
	padding: 3px 2px;
	margin: 0 0 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

SELECT OPTION {
	height: 14px;
	line-height: 14px;
}

INPUT.txt, 
TEXTAREA {
	border: 1px solid #CCC;
	border-color: #CCC #DDD #DDD #CCC;
	background: #FCFCFC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

INPUT.chk {
	height: 15px;
	margin: 0 2px 0 0;
	padding: 0;
}

INPUT.rdo {
	height: 15px;
	margin: 0 2px 0 0;
	padding: 0;
}

INPUT.btn {
	margin-top: 7px;
	padding: 2px 5px;
	font-weight: bold;
	cursor: pointer !important;
	color: #111;
	overflow: visible;
}

IMG.info {
	padding-bottom: 3px;
	vertical-align: middle;
}



DIV#advsearch {
	width: 474px;
	border: 1px solid #EEC;
	background: #FFD;
	padding: 7px 13px 11px;
	margin: 5px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

DIV#perpage {
	padding-top: 5px;
	clear: both;
}

DIV#result-report {
	border-top: 1px dotted #D8D8D8;
	border-bottom: 1px dotted #D8D8D8;
	padding: 11px 0;
	font-weight: bold;
}

DIV#results {
	padding: 11px 0 0;
}

DIV.search-result {
	padding-bottom: 7px;
}

DIV.description {
	font-size: 11px;
	font-style: italic;
	color: #555;
}

SPAN.kword {
	border-bottom: 1px dotted #F33;
}

DIV#other-pages {
	border-top: 1px dotted #D8D8D8;
	height: 25px;
	margin-top: 11px;
	padding: 13px 5px 3px;
	clear: both;
}

.srchpage {
	display: block;
	width: 17px;
	height: 17px;
	background: #EEE;
	margin-right: 7px;
	padding: 4px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}



TD.porssi1 {
	background: #F8F8F8;
	padding: 5px 11px;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
}

TD.porssi2 {
	padding: 7px 11px;
	font: normal 11px/17px Tahoma, Arial, Helvetica, sans-serif;
}

TD.porssi3 {
	height: 1px;
	background: #FD0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}



DIV#contenttabs {
	height: 35px;
	padding: 0 9px;
}

DIV#contenttabs UL {
	height: 35px;
	padding: 0;
	list-style: none;
	font: bold 11px/33px Tahoma, Arial, Helvetica, sans-serif;
}

DIV#contenttabs UL LI {
	display: block;
	height: 35px;
	background: transparent url(../_img/ui/bg-tabs.gif) 0 0 repeat-x;
	margin: 0 7px 0 0;
	padding: 0 5px;
	float: left;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius: 6px 6px 0 0;
}

DIV#contenttabs UL LI A {
	display: block;
	padding: 0 10px;
	color: #FFF;
}

DIV#contenttabs UL LI.current { background: transparent url(../_img/ui/bg-tabs-current.gif) 0 0 repeat-x; }

DIV#contenttabs UL LI.current A { color: #01C4E5; }

DIV.tabbedcontent {
	display: none;
	background: #FFF;
	padding: 25px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

DIV.tabbedcontent.current { display: block; }



SPAN.date {
	padding-right: 5px;
	color: #666;
}



UL LI.youtubethumb {
	width: 134px;
	display: block;
	margin: 0 23px 23px 0;
	font-weight: bold;
	text-align: center;
	float: left;
}

UL LI.youtubethumb DIV {
	width: 120px;
	height: 90px;
	border: 7px solid #E8E8E8;
	background: transparent none 0 0 no-repeat;
	margin: 0 0 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

UL LI.youtubethumb A {
	display: block;
	width: 118px;
	height: 88px;
	border: 1px solid #333;
	background: transparent url(../_img/misc/icon-play.png) center center no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}



DIV#boksishade {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #111 url(../_img/bg/bg-boksishade.gif) 0 0 repeat;
	z-index: 110;
}

IMG#webimageboxloader {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -8px;
	z-index: 115;
}

DIV#webimagebox {
	position: fixed;
	left: -9999px;
	top: -9999px;
	z-index: 120;
}

DIV#webimageboxtitle {
	height: 39px;
	background: #FFF url(../_img/misc/logo-boksi.gif) 4px 4px no-repeat;
	padding: 0 0 0 41px;
	font: normal 13px/37px Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0 0;
}

DIV#webimageboxtitle H2 {
	height: 39px;
	font: normal 17px/37px ABB, Georgia, "Times New Roman", Times, serif;
}

A#closebox {
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	height: 39px;
	padding: 0 0 0 11px;
	font: normal 13px/37px Arial, Helvetica, sans-serif;
}

DIV#webimageboxcontent {
	background: #FFF;
	padding: 0;
	z-index: 130;
}

DIV#webimage {
	background: #FFF;
	padding: 0 7px;
}

DIV#webimage IMG {
	margin: 0 auto;
}

DIV#webimageboxdata {
	position: relative;
	height: 39px;
	background: #FFF;
	font: normal 13px/37px Arial, Helvetica, sans-serif;
	clear: both;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 0 0 5px 5px;
}

DIV#extmaplink {
	padding-right: 13px;
	text-align: right;
}

DIV#imgcounter {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 200px;
	height: 39px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 150;
}

A#box-prev,
A#box-next {
	display: none;
	position: absolute;
	top: 0;
	width: 100px;
	height: 34px;
	color: #000;
	z-index: 150;
}

A#box-prev {
	left: 15px;
}

A#box-next {
	right: 15px;
	text-align: right;
}



DIV#faqlist H3 {
	padding: 17px 0 0;
	font-size: 12px;
	line-height: 17px;
	cursor: pointer;
}

DIV#faqlist P {
	display: none;
	padding: 0 0 7px;
	font-size: 11px;
	line-height: 17px;
}



