body {
margin: 0px;
padding: 0px;
background-color: white;
color: black;
}


a		{text-decoration: none}
a:hover		{text-decoration: underline}
img 		{border: 0px}
input, textarea {overflow: auto}
.vasen		{float: left}
.keski          {text-align: center}
.oikea		{float: right}
.kelta		{color: #F8E80E}
blockquote 	{margin-top: -11px; padding-left: 76px}
sup 		{top: -3px; position: relative; vertical-align: inherit}

.nappi, .taulukkoo, .uotsikko, #banner {background-color: #185682}
.taulukko, .uteksti {background-color: #DFDFDF}
.nappi, a {color: #2D2D2D}

.kuva, .kentta, .reunat, .taulukkoo, .taulukko, #banner {border: 1px solid #868686}

.nappi{
padding: 0px 8px 0px 8px;
color: white;
cursor: pointer;
}

body, input, textarea {font-family: verdana, sans; font-size: 10px}
a, .yhteys, input, textarea, .taulukkoo, .uotsikko, #laitetori {font-weight: bold}

#logo, #valikko, #kieli, #banner, #sivuvalikko, #boksi, #uutis, #laitetori {position: absolute}

p {text-align:justify}

table, tr, td {
border: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

.kuva {
float: right;
margin: 8px 0px 16px 0px;
max-width: 480px
}

.yhteys {
text-align: right;
line-height: 2.0em;
margin-right: 180px;
}

.kentta {
background: white;
padding: 2px;
}

#valikko {
white-space: nowrap;
top: 45px;
left: 2px;
}
#valikko a {
color: white;
padding: 0px 12px 0px 12px;
}

#kieli {
top: 20px;
right: 20px;
text-align: right;
letter-spacing: 1px;
}
#kieli table td {
	padding: 4px;
}

#banner {
width: 100%;
height: 70px;
top: 0px;
left: 0px;
border-left: 0px;
border-right: 0px;
z-index: 0;
background: url("../gfx/laitetori-com.png") repeat-y;
background-color: #53abcd;
}

#laitetori {
display: none;
top: 10px;
left: 10px;
width: 137px;
height: 28px;
background: url("../gfx/laitetori.png") no-repeat;
}

#sivuvalikko {
width: 240px;
top: 72px;
left: 0px;
color: #868686;
z-index: 0;
background-color: #DFDFDF;
border-right: 1px solid #868686;
border-bottom: 1px solid #868686;
padding: 5px;
}

#sivuvalikko p {
margin: 1px 0px 1px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
}

#sisus {
margin: auto;
padding-top: 90px;
padding-left: 240px;
padding-bottom: 80px;
width: 560px;
z-index: 1;
}
#etusisus {
margin: auto;
padding-top: 120px;
padding-left: 80px;
width: 550px;
top: 80px;
z-index: 1;
background-color: white;
text-align: left;
}
#etusisus p {
margin:0;
margin-left: 50px;
margin-bottom: 100px;
width: 400px;
}

#boksi {
font-size: 11px;
top: 50%;
left: 50%;
margin-top: -130px;
margin-left: -180px;
width: 360px;
height: 260px;
}
.yboksi {
font-size: 11px;
}

#uutis {
float:right;
width: 150px;
right: 20px;
top: 90px;
z-index: 0;
}
.uotsikko {
line-height: 1.1em;
padding: 2px;
padding-left: 6px;
border-bottom: 1px solid #868686;
color: white;
}
.uteksti {
padding: 6px;
}

.taulukkoo {
padding: 4px 10px 4px 8px;
color: white;
}
.taulukkoo a {
color: white;
}
.taulukko {
padding: 0px 8px 0px 8px;
border-top: 0px;
background-color: #dfdfdf;
}
.taulukkop {
padding-right: 4px;
text-align: right;
height: 20px;
}

.soluvo {
border: 1px black dotted;
text-align: center;
padding: 4px;
}

@page {size: 210mm 297mm;}
@media print {
	body {margin:0px; padding:0px;}
	#logo, #banner, #uutis, #sivuvalikko, #kieli, #valikko, #laitetori, #linkit, a {display: none}
	#sisus {margin-left:64px; padding:0px}
	table {page-break-inside:avoid; margin-top:25px;}
	td {page-break-after:avoid;}
	.taulukko a {display: inline}
	.taulukkoo a, #banner a {display: inline}
}

h3 {
	color: #185682;
	font-size: 12px;
	margin: 1ex 0;
	padding: 0;
}

h4 {
    color: black;
    font-size: 11px;
}

.alavalikko {
	display:none;
}

.active {
	
}

.kate h3 {
	cursor: pointer;
}