﻿ol {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ul {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
li {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
body {
	background: url("bg_tn-site.jpg") fixed no-repeat top rgb(131, 182, 221); margin: 0px; padding: 0px;
}
img {
	border: 0px currentColor;
}
.clear {
	height: 0px; clear: both;
}
#container {
	width: 963px; height: auto; text-align: left;
}
#topBanner {
	background: rgb(255, 255, 255); width: 963px; height: 251px;
}
#topHead {
	width: 963px; height: 110px; font-family: arial,sans-serif; font-size: 10pt;
}
#topContain {
	width: 963px; height: 110px; position: relative;
}
#topNavi {
	top: 15px; right: 10px; color: rgb(46, 94, 142); position: absolute; z-index: 3;
}
#topNavi a {
	color: rgb(46, 94, 142); text-decoration: none;
}
#topNavi a:hover {
	color: rgb(46, 94, 142); text-decoration: underline;
}
#topLogo {
	left: 10px; width: 717px; height: 39px; bottom: 40px; position: absolute; z-index: 2;
}
#topTitle {
	background: url("images/header-pic-left.jpg") no-repeat left top rgb(18, 70, 120); margin: 3px 0px 0px 3px; width: 401px; height: 248px; text-align: center; vertical-align: middle; float: left;
}
#topTitle h1 {
	margin: 25px 10px 0px; padding: 0px; color: rgb(255, 255, 255); font-family: "Segoe Light","Segoe UI", arial,helvetica,sans-serif; font-size: 18px; font-weight: normal;
}
#topTitle h1 span {
	color: rgb(255, 255, 255); line-height: 130%; font-family: "Segoe UI", arial,helvetica,sans-serif; font-size: 24px;
}
#topImage {
	background: rgb(255, 255, 255); margin: 3px 0px 0px; width: 556px; height: 248px; float: left;
}
#pageContent {
	background: rgb(255, 255, 255); width: 963px; height: auto; color: rgb(0, 0, 0); font-family: arial,sans-serif; font-size: 10pt;
}
#colLeft {
	margin: 20px 0px 0px 26px; width: 590px; height: auto; float: left;
}
#colRight {
	background: rgb(241, 241, 241); margin: 20px 0px 20px 28px; width: 282px; height: auto; padding-bottom: 50px; float: left;
}
.tarjous {
	background: rgb(255, 255, 255); margin: 0px 0px 20px; width: 590px; height: auto; font-family: arial,sans-serif; font-size: 10pt;
}
.tarjous h2 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-family: "Segoe UI", arial,sans-serif; font-size: 23px; font-weight: normal; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.tarjous p {
	margin: 0px 0px 10px 20px;
}
.tarjous p strong {
	margin: 0px 0px 3px; font-size: 18px; display: block;
}
.tarjous p span {
	margin: 0px 0px 10px; font-family: "Segoe UI", arial,sans-serif; font-size: 16px; display: block;
}
.tarjous a {
	color: rgb(0, 117, 223); text-decoration: none;
}
.tarjous a:hover {
	color: rgb(0, 117, 223); text-decoration: underline;
}
.blokki {
	background: rgb(255, 255, 255); margin: 0px 0px 5px; width: 590px; height: auto; font-family: arial,sans-serif; font-size: 10pt;
}
.tmb {
	width: 150px; float: left;
}
.tmb2 {
	width: 140px; float: left;
}
.blokki img {
	margin: 0px 0px 10px; border: 0px currentColor; display: block;
}
.blokki a {
	color: rgb(0, 117, 223); text-decoration: none;
}
.blokki a:hover {
	color: rgb(0, 117, 223); text-decoration: underline;
}
.tuoteKuva {
	width: 100px; float: left; display: inline;
}
.blokki h2 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-family: "Segoe UI", arial,sans-serif; font-size: 23px; font-weight: normal; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.blokki p {
	margin: 0px 0px 10px;
}
.blokki p strong {
	margin: 0px 0px 3px; font-size: 18px; display: block;
}
.blokki p span {
	margin: 0px 0px 10px; font-family: "Segoe UI", arial,sans-serif; font-size: 16px; display: block;
}
.tuoteTarjous {
	width: 490px; float: left;
}
.tuoteTarjous h2 {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0); font-family: "Segoe UI", arial,sans-serif; font-size: 16px; font-weight: normal; border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
.tuoteTarjous p {
	margin: 0px 0px 10px 20px;
}
.tuoteTarjous p strong {
	margin: 0px 0px 3px; font-size: 18px; display: block;
}
.tuoteTarjous p span {
	margin: 0px 0px 10px; font-family: "Segoe UI", arial,sans-serif; font-size: 16px; display: block;
}
.tnAsiant {
	background: rgb(241, 241, 241); margin: 0px; padding: 0px; width: 282px; height: auto; color: rgb(121, 121, 121); border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(216, 216, 216); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tnAsiant img {
	margin: 5px 5px 20px 0px; float: left;
}
.tnAsiant h4 {
	background: rgb(241, 241, 241); margin: 10px 5px 0px 20px; padding: 0px; font-size: 15px; font-weight: normal;
}
.tnAsiant p {
	margin: 0px 10px 20px 20px; padding: 0px; font-size: 11px;
}
.tnAsiant a {
	color: rgb(121, 121, 121);
}
.tnKuva {
	margin: 5px 0px 10px 20px; padding: 0px; width: 106px; height: 150px; font-size: 11px; float: left;
}
.tnHlo {
	margin: 20px 0px 10px 10px; width: 140px; height: auto; font-size: 11px; float: left;
}
.some {
	background: rgb(241, 241, 241); margin: 0px; padding: 0px; width: 282px; height: auto; color: rgb(121, 121, 121); font-size: 11px; border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(216, 216, 216); border-top-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-bottom-style: solid;
}
.some p {
	margin: 0px 10px 20px 20px; padding: 0px; font-size: 11px;
}
.tour {
	background: rgb(241, 241, 241); margin: 0px; padding: 0px; width: 282px; height: auto; color: rgb(121, 121, 121); border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(216, 216, 216); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.tour h4 {
	background: rgb(241, 241, 241); margin: 10px 5px 0px 20px; padding: 0px; font-weight: normal;
}
.tour p {
	margin: 0px 10px 20px 20px; padding: 0px; border: 1px solid rgb(241, 241, 241);
}
.tour a {
	color: rgb(121, 121, 121);
}
.colBanner {
	background: rgb(241, 241, 241); margin: 0px; width: 282px; height: auto; border-top-color: rgb(241, 241, 241); border-bottom-color: rgb(241, 241, 241); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.colBanner p {
	margin: 15px 0px; padding: 0px; border: 1px solid rgb(241, 241, 241); text-align: center;
}
#footer {
	background: url("images/footer_bg.gif") no-repeat left top rgb(255, 255, 255); margin: 10px 0px 40px 26px; width: 900px; height: 100px;
}
.links {
	margin: 15px 0px 0px; width: 400px; text-align: right; color: rgb(100, 100, 100); float: right;
}
.logo {
	margin: 20px 0px 0px 15px; width: 100px; text-align: right; color: rgb(100, 100, 100); float: right;
}
.links a {
	color: rgb(100, 100, 100); text-decoration: none;
}
.links a:hover {
	color: rgb(100, 100, 100); text-decoration: underline;
}
.asiantuntija {
	width: 550px; height: 200px;
}
.asiantuntija img {
	margin: 5px 20px 0px 0px; float: left;
}
.hloText {
	margin: 10px 0px 0px; float: left;
}
.hloText h4 {
	margin: 0px 0px 10px; padding: 0px; font-size: 15px;
}
.ohjA {
	margin: 0px 0px 8px 20px; width: 80px; float: left;
}
.ohjB {
	margin: 0px 0px 8px; width: 470px; float: left;
}
.eveA {
	margin: 0px 0px 8px; width: 80px; font-size: 12px; font-weight: bold; float: left;
}
.eveB {
	margin: 0px 0px 8px; width: 470px; font-size: 12px; float: left;
}
.esitykset {
	width: 590px;
}
.esitykset td {
	padding: 10px; vertical-align: middle; border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: solid;
}
.headA {
	background: url("images/td-top-bg.jpg") repeat-x left top rgb(46, 94, 142); width: 500px; color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 0px; border-bottom-style: solid;
}
.headB {
	background: url("images/td-top-bg.jpg") repeat-x left top rgb(46, 94, 142); width: 90px; color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 0px; border-bottom-style: solid;
}
.alt {
	background: url("images/td-alt-bg.jpg") repeat-x left top;
}
#tallenteet {
	display: none;
}
#itseopiskelu {
	display: none;
}
.aihe {
	margin: 0px 0px 15px; width: 490px; height: auto; float: left;
}
.aika {
	margin: 0px 0px 15px; width: 90px; height: auto; float: left;
}
.esitykset {
	width: 590px;
}
.esitykset td {
	padding: 10px; vertical-align: middle; border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: solid;
}
.headA {
	background: url("images/td-top-bg.jpg") repeat-x left top; width: 500px; color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 0px; border-bottom-style: solid;
}
.headB {
	background: url("images/td-top-bg.jpg") repeat-x left top; width: 90px; color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 0px; border-bottom-style: solid;
}
.alt {
	background: url("images/td-alt-bg.jpg") repeat-x left top;
}
