/* --- General --- */

body {
	background-color: #c7e4f9;
}

/* --- Structure --- */

div#navigationrow {
	height: 71px;
	background: url('/res/default/img/backgroundNavigation.jpg') left bottom repeat-x #f1f1f1;
}

	div#navigationrow div#tools {
		width: 888px;
		height: 40px;
		margin: 0 auto;
		position: relative;
	}
	
		div#navigationrow div#tools form#search {
			width: 161px;
			height: 21px;
			float: right;
			margin-top: 5px;
			padding-top: 1px;
			background: url('/res/default/img/backgroundSearch.jpg') left top no-repeat transparent;
		}

			div#navigationrow div#tools form#search input {
				background: transparent;
				padding-top: 3px;
				font-size: 11px;
				border: 0;
			}
			
				div#navigationrow div#tools form#search input.go {
					width: 20px;
					height: 20px;
					float: left;
					font-size: 0;
					line-height: 0;
					text-indent: -9999px;
				}
		
				div#navigationrow div#tools form#search input.q {
					float: left;
					width: 130px;
					padding-left: 4px;
				}
		
		div#navigationrow div#tools div#lang {
			float: left;
			margin-top: 9px;
		}
		
			div#navigationrow div#tools div#lang a {
				float: left;
				height: 13px;
				display: block;
				margin-right: 4px;
				background-repeat: no-repeat;
				background-position: left top;
			}

				div#navigationrow div#tools div#lang a.flag-fi {
					width: 22px;
					background-image: url('/res/default/img/flagFI.jpg');
				}
				
				div#navigationrow div#tools div#lang a.flag-gb {
					width: 24px;
					background-image: url('/res/default/img/flagGB.jpg');
				}

				div#navigationrow div#tools div#lang a.flag-de {
					width: 20px;
					background-image: url('/res/default/img/flagDE.jpg');
				}

				div#navigationrow div#tools div#lang a.flag-ru {
					width: 20px;
					background-image: url('/res/default/img/flagRU.jpg');
				}
				
				div#navigationrow div#tools div#lang a span {
					display: none;
				}

div#main {
	width: 901px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}

	div#main div#header {
		height: 214px;
		overflow: hidden;
		background: url('/res/default/img/backgroundHeader.jpg') left top no-repeat #fff;
	}
	
		div#main div#header a#logo {
			width: 221px;
			height: 168px;
			display: block;
			position: absolute;
			margin: 30px 0 0 10px;
			background: url('/res/default/img/backgroundLogo.jpg') left top no-repeat transparent;
		}
		
			div#main div#header a#logo span {
				display: none;
			}
			
		div#main div#header div#zone-banner {
			float: right;
			width: 645px;
			height: 195px;
			overflow: hidden;
			margin: 10px 10px 0 0;
		}

	div#main div#content {
		padding: 20px 10px 10px 39px;
		background: url('/res/default/img/backgroundContent.jpg') center top no-repeat #fff;
	}
	
		body.variant-business_services div#main div#content {
			padding: 20px 10px 10px 32px;
			text-align: center !important;
		}
	
		body.variant-frontpage div#main div#content {
			padding: 30px 10px 10px 31px;
		}

		div#main div#content div#content-left {
			float: left;
			width: 187px;
			overflow: hidden;
			margin: 10px 20px 0 0;
		}

		div#main div#content div#content-main {
			float: left;
			width: 645px;
			overflow: hidden;
		}

			body.variant-business_services div#main div#content div#content-main {
				width: 859px;
				font-size: 11px;
				color: #929592 !important;
			}
			
			body.variant-business_services div#main div#content div#content-main p {
				color: #929592 !important;
				font-size: 11px;
			}

			body.variant-frontpage div#main div#content div#content-main {
				width: 632px;
				margin-right: 13px;
			}
			
				body.variant-frontpage div#main div#content div#content-main div#zone-_main2 {
					clear: both;
				}

				body.variant-frontpage div#main div#content div#content-main div#zone-right {
					padding-top: 12px;
				}

				body.variant-frontpage div#main div#content div#content-main div#content-highlights {
					clear: both;
					padding-left: 7px;
				}

					body.variant-frontpage div#main div#content div#content-main div#content-highlights div.zone {
						float: left;
						width: 188px;
						padding-left: 17px;
						border-left: 1px solid #d6d8da;
					}

		div#main div#content div#content-main div.with_right { /* Main column when right has content */
			float: left;
			width: 417px;
			margin-right: 13px;
		}

		div#main div#content div#content-right,
		div#main div#content div#content-right-2 {
			width: 215px;
			float: left;
			overflow: hidden;
		}
		
		div#main div#content div#content-right {
			padding-top: 23px;
		}
		
			body.variant-frontpage div#main div#content div#content-right {
				width: 202px;
				padding-top: 0;
			}

div#footer {
	width: 860px;
	margin: 0 auto;
	text-align: center;
	padding: 75px 20px 10px 20px;
	background: url('/res/default/img/backgroundFooter.jpg') left top repeat-x #fff;
}

	div#footer span {
		padding: 0 6px;
	}

	div#footer,
	div#footer a {
		color: #929592;
		font-size: 11px;
		text-decoration: none !important;
	}

/* --- Typography --- */

body, p {
	color: #000;
	font-size: 13px;
	font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
}

a {
	color: #666 !important;
}

h1, h2, h3, h4, h5 {
	color: #9ec3de;
	padding: 10px 16px;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	background: url('/res/default/img/backgroundH.jpg') left bottom repeat-x transparent;
}

body.variant-frontpage div#main div#content div#content-main div#content-highlights div.zone h2 {
	background-image: none !important;
	margin-bottom: 0 !important;
	padding: 0 0 15px 0 !important;
	font-size: 14px;
	width: 150px;
}

body.variant-frontpage h2,
body.variant-frontpage h3,
body.variant-frontpage h4,
body.variant-frontpage h5 {
	padding: 10px;
}

h1 {
	margin: 20px 0;
	font-size: 30px;
	padding: 0 16px;
}

	body.variant-business_services div#content h1 {
		background: transparent !important;
		margin-bottom: 0 !important;
		font-size: 22px !important;
		color: #929592 !important;
	}

	body.variant-frontpage h1 {
		margin-top: 0;
		font-size: 18px;
		padding: 0 10px 7px 10px;
	}

h2 {
	font-size: 16px;
}

	div.hd h2 {
		font-size: 18px;
		padding-bottom: 5px;
	}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 13px;
	font-weight: bold;
}

div.viewToggle {
	margin-bottom: 15px;
}

div.caption {
	font-size: 11px !important;
	text-align: left !important;
	line-height: 1.5em !important;
}

/* --- App --- */

div.app div.row,
div.app-Events p,
div.app-News p {
	font-size: 11px !important;
}

/* --- App / Content --- */

div.content-container {
	padding: 0 16px;
}

	body.variant-frontpage div.content-container {
		padding: 0 10px;
	}

/* --- App / File --- */

table.fileList td.icon {
	vertical-align: top;
}

div#zone-left table.fileList td.filename span {
	display: block;
}

/* --- App / Highlight --- */

div.app-Highlight span.arrow a {
	color: #c9dd03 !important;
}

div.app-Highlight div.row {
	display: block;
	padding-bottom: 5px;
}

/* --- App / Events & News --- */

div.app-Events-wrap,
div.app-News-wrap {
	padding-bottom: 15px;
}

div.app-Events a.listlink,
div.app-Events a.listlink:hover,
div.app-News a.listlink,
div.app-News a.listlink:hover {
	height: 21px;
	padding: 0 8px;
	display: block;
	line-height: 21px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	background: url('/res/default/img/backgroundListlinkRight.jpg') right center no-repeat transparent !important;
}

div.app-Events span.listlinkwrap,
div.app-News span.listlinkwrap {
	float: right;
	height: 21px;
	display: block;
	margin-top: 5px;
	margin-bottom: 1px;
	padding: 0 !important;
	background: url('/res/default/img/backgroundListlink.jpg') left center no-repeat transparent !important;
}

div.app-Events p,
div.app-News p {
	margin: 0;
	line-height: 1.5em;
}

	div.app-Events p a,
	div.app-Events p a:hover,
	div.app-News p a,
	div.app-News p a:hover {
		color: #000 !important;
	}

div.app-Events h2,
div.app-News h2 {
	margin: 0;
	padding: 12px 15px 10px 10px;
	background: url('/res/default/img/backgroundAppNewsTopRight.jpg') right top no-repeat transparent;
}

	div.app-Events h2 span,
	div.app-News h2 span {
		display: block;
		padding: 0 0 10px 0;
		background: url('/res/default/img/backgroundH.jpg') left bottom repeat-x transparent;
	}

div.app-Events hr.clear,
div.app-News hr.clear {
	margin: 0;
}

div.app-Events div.hd,
div.app-News div.hd {
	background: url('/res/default/img/backgroundAppNewsTop.jpg') left top no-repeat #f9f9f9;
}

div.app-Events div.bd,
div.app-News div.bd {
	background: #f9f9f9;
	padding: 0 15px 0 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div.app-Events div.ft,
div.app-News div.ft {
	background: url('/res/default/img/backgroundAppNewsBottom.jpg') left bottom no-repeat #f9f9f9;
}

	div.app-Events div.ft span,
	div.app-News div.ft span {
		display: block;
		padding: 0 15px 0 10px;
		background: url('/res/default/img/backgroundAppNewsBottomRight.jpg') right bottom no-repeat transparent;
	}

/* --- Misc --- */

hr.clear {
	border: 0;
	color: #fff;
	clear: both;
}

div.token-HTML iframe {
	padding-top: 15px;
}

body.variant-frontpage div#zone-_main div.token,
body.variant-frontpage div#zone-_main2 div.token {
	clear: both;
}

body.variant-frontpage div#zone-_main2 div.token-Banner {
	width: 647px;
}

body.variant-frontpage div#zone-_main div.token-Banner div.banner {
	float: left;
	_width: 1px !important;
	margin: 12px 13px 12px 0;
}

body.variant-frontpage div#zone-_main2 div.token-Banner div.banner {
	float: left;
	margin: 0 13px 0 0;
	_width: 1px !important;
	padding-bottom: 0 !important;
}

body.variant-frontpage div#zone-_main div.token table.tokenmenu-button,
body.variant-frontpage div#zone-_main2 div.token table.tokenmenu-button {
	clear: both;
	display: block !important;
}

/* --- Palveluhakemisto --- */

form.ph-form tr.ph-input input,
form.ph-form tr.ph-input select {
	background: url('/res/default/img/backgroundFormInput.jpg') left top no-repeat #fff;
	border: 1px solid #9EC3DE;
	padding: 3px;
	width: 300px;
}

form.ph-form tr.ph-input input#ph-haku {
	width: 292px;
}

form.ph-form label {
	font-weight: bold;
	color: #9EC3DE;
}

form.ph-form td {
	vertical-align: top;
	padding: 4px 16px;
}

table.ph-data {
	border-collapse: collapse;
	padding-top: 15px;
	margin-top: 30px;
	width: 100%;
}

table.ph-data tr.ph-info td {
	padding-bottom: 30px;
	color: #506574;
}

table.ph-data th,
table.ph-data td {
	text-align: left;
}

table.ph-data th a,
table.ph-data td a {
	text-decoration: none !important;
	color: #4596d0 !important;
}

table.ph-data th {
	border-bottom: 1px solid #6d99b9;
	background: #9EC3DE;
	padding: 8px;
	color: #fff;
}

table.ph-data td {
	padding: 6px 8px;
}

table.ph-data tr.ph-data-even td {
	background: #f2f7fb;
}

/* --- Toimitilarekisteri --- */



form.tr-form tr.tr-input input,
form.tr-form tr.tr-input select {
	background: url('/res/default/img/backgroundFormInput.jpg') left top no-repeat #fff;
	border: 1px solid #9EC3DE;
	padding: 3px;
	width: 250px;
}

form.tr-form tr.tr-input input#ph-haku {
	width: 392px;
}

form.tr-form label {
	font-weight: bold;
	color: #9EC3DE;
}

form.tr-form td {
	vertical-align: top;
	padding: 4px 16px;
}

table.tr-data {
	border-collapse: collapse;
	padding-top: 15px;
	margin-top: 30px;
	width: 100%;
}

table.tr-data tr.tr-info td {
	padding-bottom: 30px;
	color: #506574;
}

table.tr-data th,
table.tr-data td {
	text-align: left;
}

table.tr-data th a,
table.tr-data td a {
	text-decoration: none !important;
	color: #4596d0 !important;
}

table.tr-data tr.tr-th-main th {
	border-bottom: 1px solid #bdd7ea;
	border-top: 1px solid #6d99b9;
	background: #9EC3DE;
	font-size: 16px;
	padding: 8px;
	color: #fff;
}

table.tr-data tr.tr-th-sub th {
	border-bottom: 1px solid #6d99b9;
	background: #9EC3DE;
	font-weight: normal;
	color: #3f5462;
	padding: 8px;
}

table.tr-data td {
	padding: 8px;
}

table.tr-data tr.tr-data-even td {
	background: #f2f7fb;
}

div.content-container table.contentImageArea td,
div.content-container table td {
	vertical-align: top;
}

div.token-Toimitilarekisteri div.new_news{
	float:inherit !important;
}

/* --- Menestystarinat --- */

div#zone-banner {
	position: relative;
}

	div#zone-banner div.token-Content {
		width: 645px;
		height: 195px;
		padding-top: 1px;
		background: url('/res/default/img/backgroundZoneBannerContent.jpg') left top no-repeat transparent;
	}

		div#zone-banner div.token-Content div.tmv3-bar {
			position: absolute;
			width: 626px;
			z-index: 20;
		}

	div#zone-banner div.contentImageWrap {
		position: relative;
	}
	
		div#zone-banner div.contentImageWrap table.contentImageArea img {
			position: absolute;
			left: -14px;
			top: 1px;
		}
		
		body.page-root div#zone-banner div.contentImageWrap table.contentImageArea img {
			left: -8px !important;
		}
		
	div#zone-banner div.contentTextWrap {
		width: 380px;
		margin-left: 10px;
		position: absolute;
	}
	
	body.page-root div#zone-banner div.contentTextWrap {
		margin-left: 16px;
	}
	
		div#zone-banner div.contentTextWrap a,
		div#zone-banner div.contentTextWrap a:hover,
		div#zone-banner div.contentTextWrap a:focus {
			color: #666 !important;
			text-decoration: none !important;
		}
	
			div#zone-banner div.contentTextWrap a u,
			div#zone-banner div.contentTextWrap a:hover u,
			div#zone-banner div.contentTextWrap a:focus u {
				color: #c9dd03 !important;
				text-decoration: underline !important;
			}
	
		div#zone-banner div.contentTextWrap h2 {
			padding: 0;
			font-size: 28px;
			margin: 0.5em 0;
			background: transparent;
		}

/* --- Suggest search --- */

div.suggest-list {
	z-index: 99;
	position: absolute;
	top: 35px;
	right: 0;
	/*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	*/
	border: 3px double #9ec3de;
	background: #fff;
	padding: 15px 45px 15px 15px;
	/*
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	*/
	overflow: visible;
	white-space: nowrap !important;
}

/*
div.suggest-list-background {
	background: #000;
	filter: alpha(opacity=10);
	-moz-opacity: .10;
	opacity: .10;
}
*/

div.suggest-list p strong {
	color: #0d5589;
	padding: 2px 5px;
	font-weight: normal;
	background: #bed9ed;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.suggest-list p.no-results, div.suggest-list a.suggest-list-more {
	font-style: italic;
	margin: 1em 0 0.5em 1em;
	display: block;
}

div.suggest-list a.suggest-list-close {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 3px;
	top: 0;
	padding: 4px 5px;
	height: 20px;
	width: 20px;
	border: 0px solid #ccc;
	color: #f00;
	background: url('/res/default/img/close_small.png') center center no-repeat #fff;
}

div.suggest-list a.suggest-list-close em {
	visibility: hidden !important;
}

div.suggest-list a:hover {
	text-decoration: none !important;
	border: 0px solid #999;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

div.suggest-list ul {
	display: block;
}

div.suggest-list ul, div.suggest-list ul li {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

div.suggest-list ul li h4 {
	font-size: 1em;
	font-weight: normal;
	padding: 8px 0 5px 0;
}

div.suggest-list ul li a {
	display: block;
	padding: 3px 0 3px 5px;
	border-bottom: 1px dotted #eee;
}

div.suggest-list ul li a:hover {
	border: 0 !important;
	border-bottom: 1px solid #eee !important;
}

/* -- Yrityspalvelut --- */

div#business_services {
	width: 859px;
	height: 182px;
	padding-left: 20px;
	background: url('/res/default/img/business_services.jpg') left top no-repeat transparent;
}

	div#business_services a {
		background-position: left top;
		background-color: transparent;
		background-repeat: no-repeat;
		display: block;
		height: 182px;
		width: 100px;
		float: left;
	}

		div#business_services a strong {
			display: none;
		}
		
		div#business_services a#aika_luopua { background-image: url('/res/default/img/b_aika_luopua.jpg'); }
		div#business_services a#lisaa_osaamista { background-image: url('/res/default/img/b_lisaa_osaamista.jpg'); }
		div#business_services a#ongelmatilanteet { background-image: url('/res/default/img/b_ongelmatilanteet.jpg'); }
		div#business_services a#startti { background-image: url('/res/default/img/b_startti.jpg'); }
		div#business_services a#toimipaikan_haku { background-image: url('/res/default/img/b_toimipaikan_haku.jpg'); }
		div#business_services a#uutta_virtaa { background-image: url('/res/default/img/b_uutta_virtaa.jpg'); }
		div#business_services a#vahvaa_kasvua { background-image: url('/res/default/img/b_vahvaa_kasvua.jpg'); }
		div#business_services a#yritysidea { background-image: url('/res/default/img/b_yritysidea.jpg'); }

body.variant-business_services div#zone-_main div.token-Banner {
	height: 140px;
}

body.variant-business_services div#zone-_main div.token-Banner div.banner {
	float: left;
	height: 50px;
	position: relative;
	_width: 1px !important;
	margin: 10px 42px 10px 42px;
}

body.variant-business_services div#zone-_main div.token-Banner table.tokenmenu-button {
	clear: both;
	display: block !important;
}