html, body, table#maintable { height:100%; } /* tämä täytyy olla, jotta strict-doctypellä saa tablen 100% korkeaksi */

body {margin:0px; padding:0px;}
body, p, td, th, div, a, textarea, iframe {font-family:arial, Helvetica, sans-serif; color:#0c528c; font-size:14px; line-height:19px;}
a, a:active, a:visited {text-decoration:underline; color:#4e8f13;}
/* a:visited {color:#7ebf43;} */
a:hover {text-decoration:none;}

h1 {color:#0f5fcf; border-bottom:dotted 1px #bbbbee; margin:0px; padding:0px 0px 5px 0px; font-weight:bold; font-size:23px;}
h2 {color:#0f5fcf; margin:20px 0px 0px 0px; padding:0px; font-weight:normal; font-size:18px;}
h3 {color:#114488;}
h4 {color:#589adc;}
ul {}
img {border:none;}
hr { color: #D1E3E9; width: 100%; height: 1px; background-color: #D1E3E9; border: 0; margin-top:0px;} 
p.ingressi {font-weight:bold; padding-bottom:15px;}
p.greenbox {border:solid 2px #67a530; padding:5px;}

table#maintable {width:100%;}
table#subtable {height:100%; width:934px; background:transparent url('../img/bgtop.jpg') no-repeat; padding:0px;}
td.lefttd {width:33%; background:#eaf3f9 url('../img/bgliuku.jpg') repeat-x fixed; vertical-align:top;}
td#centertd {height:100%; padding:0px; width:960px; background:#ffffff url('../img/bgbottom.jpg') no-repeat bottom left; vertical-align:top;}
td.righttd {width:33%; background:#eaf3f9 url('../img/bgliuku.jpg') repeat-x fixed; vertical-align:top;}
.navi a, .navi a:visited {display:block; color:#ffffff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:13px; padding:5px 8px;}
a#aktiivi {border-bottom:solid 2px #78b126; border-top:solid 3px #61a029; text-decoration:underline;}

#mainlinkstd {width:214px; height:305px; background:#f8f8f6 url('../img/bg_alanavi2.jpg') repeat-y;}
a.mainlink, a.mainlink:visited {text-decoration:none; text-align:center; display:block; margin:0px; padding:3px 0px; color:#7b7b6e; border:solid 1px #e1e2df; border-bottom:none; background:#ffffff url('../img/bg_mainlink.jpg') repeat-x;}
a.mainlink:hover {background:#f8f8f7;}
/* a.mainlink:active, a.mainlink:focus {font-weight:bold;} */

#leftnaviarea {background:#f2f2eb;}
#leftnaviarea h1 {background:#bab9a3; color:#f6f6f1; margin:0px; padding:10px 12px; font-size:18px; font-weight:normal;}
#leftnaviarea h1 a, #leftnaviarea h1 a:visited {color:#f6f6f1; font-size:18px; text-decoration:none;}
#leftnaviarea h1 a:hover {text-decoration:underline;}
#alanavit {padding:2px; margin-top:20px; margin-left:20px; font-size:11px; width:185px;}
#alanavit a, #alanavit a:visited {color:#3e87b0; display:block; padding:3px 8px 5px 5px; background:#ffffff url('../img/bgleftnavi3.jpg') no-repeat left bottom; border-top:solid 1px #ffffff; text-decoration:none; font-size:12px;}
#alanavit a:hover {color:#015777;}
#alanavit #leftnaviotsikko {display:block; padding:4px 5px; background:#69b0cf url('../img/bgleftnavi4.jpg') no-repeat; color:#ffffff; font-weight:bold; text-decoration:none; font-size:15px; }
#aktiivianavi { border-left:solid 5px #5092cb;}

#polku {margin-top:-12px; padding-bottom:3px; font-size:10px; color:#b0af9c;}
#polku a, #polku a:visited {font-size:10px; color:#b0af9c;}

#maincontent {vertical-align:top; padding:25px; background:#ffffff url('../img/shadow_left.jpg') no-repeat right 50px;}
#maincontent h1 {margin-top:7px; /* text-transform:uppercase; font-size:19px; */}

#tools {text-align:right; font-size:10px; color:#b0af9c; margin-top:15px; height:27px;}
#tools a, #tools a:visited {font-size:10px; color:#b0af9c;}

#rightlinkarea, #leftlinkarea {background:#ffffff;}
#rightlinkarea h1, #leftlinkarea h1 {background:#bab9a3; color:#f6f6f1; margin:0px; padding:3px 12px; font-size:18px; font-weight:normal;}
#rightlinkarea h2, #leftlinkarea h2 {color:#7b7b6e; font-size:15px; font-weight:bold; margin-bottom:10px;}
.rightlinks {margin:0px; padding:12px;}
.rightlinks a, .rightlinks a:visited {background:transparent url('../img/link_arrow.gif') no-repeat left top; display:block; padding-left:17px; font-size:11px;}

.infobox {text-align:left; border-bottom:dashed 1px #cac9b3; margin:0px 10px; font-size:11px;}
.infobox td, .infobox th {vertical-align:top; font-size:11px; color:#626157;}

.factbox {border-bottom:dashed 1px #cac9b3; margin:0px 12px; padding:10px 0px; font-size:11px; color:#626157;}
.factbox p {font-size:11px; color:#626157; margin:0px 0px 5px 0px; padding:0px;}

#bottombar {color:#ffffff; font-size:11px; text-align:center; padding:25px; background:#70848e url('../img/bg_bottombar.gif') repeat-x;}
#bottombar a, #bottombar a:visited {color:#ffffff; font-size:11px; text-decoration:none;}

.thumbnail {margin:2px; opacity:0.8; filter:alpha(opacity=80);}
.thumbnail:hover {opacity: 1; filter: alpha(opacity=100);}
input, textarea, select {border:solid 1px #efeee9;}

#maintext1 {padding-left:25px;}
#maintext2 {height:100%; padding:20px 10px 0px 25px;}
#maintext3 {height:100%; padding:20px 0px 0px 10px;}

table#regiontaulu td {padding:0px 0px 20px 0px;}
table#regiontaulu td h4 {margin:0px; font-size:16px; color:#34649a; height:45px;}
table#regiontaulu td p {margin:0px; padding:0px; font-size:12px; color:#000000;}

#newslines {text-align:left; margin:13px; color:#757367; font-size:12px;}
#newslines a {font-size:11px;}

@media print {
	html, body, table#maintable { height:auto; margin:0px; padding:0px; background:#ffffff;}
	table#maintable {width:660px; margin:0px;}
	table#subtable {width:660px; margin:0px;}
	td#centertd {width:660px; padding:0px; margin:0px; background:#ffffff; background-image:none; vertical-align:top;}
	td.righttd, td.lefttd, .noprint, #leftlinkarea, #leftnaviarea, #rightlinkarea, #righttitle, table.navi, #bottombar, #kuvapalkki, #logotaulu, #linktoptop, #palstajakorivi, #titlediv {display:none;}

	#maincontent {width:660px; padding:0px; background-image:none;}
	#maintext1 {padding:0px;}
	#maintext2 {padding-left:0px;}
	#maintext3 {}
}

/* Joulukortti 2010 */

#jkContainer {
width: 100%;
position: absolute;
z-index: 1;
margin: auto 0;
text-align: center;
padding-top: 20px;
}
	
	#jkContainer.kiitoskortti {
	position: relative;
	width: 500px;
	left: 0px;
	top: 0px;
	z-index: 100;
	}
	
	#jkContainer.jkClose {
	width: 500px;
	float: right;
	}
	
	/* span#joulukortti  {
	height: 20px;
	width: 40px;
	display: block;
	background-color: #FFFFFF;
	text-align:middle; 
   }*/