body{ 
	line-height:16pt;
	font-family:'Trebuchet MS', Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:9pt;
	color:#212121;
	background: url(tausta.jpg) repeat-x #fff;
	padding-top:0px;
	margin:0;
	}

#top{
	width:960px;
	padding-left:50px;

}



#toplinkit1{
float:left;
padding-top:4px;
height:25px;
	color:#e7f0fa;
	font-size:8pt;
	width:280px;
}

#toplinkit1 a:link {color:#bad5f3; text-decoration:none;	}
#toplinkit1 a:hover {color:#7da8d9; text-decoration:underline;	}
#toplinkit1 a:visited {color:#b3bcc6; text-decoration:underline;	}

#toplinkit2 a:link {color:#bad5f3; text-decoration:none;	}
#toplinkit2 a:hover {color:#7da8d9; text-decoration:underline;	}
#toplinkit2 a:visited {color:#b3bcc6; text-decoration:underline;	}

#toplinkit2{
 
padding-top:4px;
height:25px;
	color:#e7f0fa;
	font-size:8pt;
	margin-left:590px;
	width:350px;
 
 
}

#container
{
	width:960px;
	color: #333;
	position:absolute; 
	margin-left:10px;
 
 
/*	left : 50%;
	margin-left : -475px; */
}

  
#leftnav
{
 
	width:210px;
	float: left;
	font-size:8pt;
 	font-family:'Trebuchet MS', Verdana, Arial, Tahoma, Helvetica, sans-serif;

 
}

#content
{
	margin-left:210px;
	width:700px;
 
}

#content2
{
	width:960px;
	margin-top:16px;
}

* html #content{
	w\dth:670px;
	margin-left:240px;
	margin-top:15px;
}
* html #content2{
	w\dth:670px;
	margin-left:0px;
	margin-top:15px;
}


#footer
{
	clear: both;
	padding-top:20px;
 
	color: #333;
 
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#keskipalsta
{
	margin-top:6px;
	clear:both;
	height:50px;
	background-color:#dcdcdc;
}

#linkit
{
	clear:both;
	padding-left:80px;
	padding-top:6px;
	font-weight:bold;
	font-family:tahoma, arial;
	font-size:10pt;
}

.valipalkki{
border-bottom:1px dashed # ;
border-top:1px dashed # ;
padding:.5em;
width:100%;
background-color: ;
}

.juve{
border-bottom:1px dashed #B8C8DE;
border-top:1px dashed #B8C8DE;
padding:.5em;
width:100%;
background-color:#DEF9DD;
}

.fmt{
border-bottom:1px dashed #B8C8DE;
border-top:1px dashed #B8C8DE;
padding:.5em;
width:100%;
background-color:#FDF1E3;
}

.clas{
border-bottom:1px dashed #B8C8DE;
border-top:1px dashed #B8C8DE;
padding:.5em;
width:100%;
background-color:#E6EEF7;
}

.tyhja{
border-bottom:1px dashed #B8C8DE;
border-top:1px dashed #B8C8DE;
padding:.5em;
width:100%;
}
 
 table.sukutaulu { 
border:1;
line-height:10pt;
border-collapse:collapse;
border-color:#92ce7c;
 }
 
  table.varsat { 
border:0;
line-height:8pt;
 }
 
  table.preplista { 
border:0;
line-height:12pt;
 }
 
 td.varsat{
 border-top:1px dotted #DCE4EF;
 border-bottom:1px dotted #DCE4EF;
 }

.ori { border: solid 1px #fff;
padding-left:3px;
margin:0;
background-color:#c3f2b1;

}

.tamma { border: solid 1px #fff;
padding-left:3px;
margin:0;

}

.ori2 { border: solid 1px #fff;
font-size:7pt;
font-weight:bold;
background-color:#c3f2b1; 
padding-left:3px;
margin:0;
}

.tamma2 { border: solid 1px #fff;
font-size:7pt;
font-weight:bold;
padding-left:3px;
margin:0;
}

.ori3 { border: solid 1px #fff;
font-size:8pt;
background-color:#c3f2b1; 
padding-left:3px;
margin:0;
}

.tamma3 { border: solid 1px #fff;
font-size:8pt;
padding-left:3px;
margin:0;
}

.sukutiedot { 
font-size: 8pt;
color: #666666;
line-height:10pt;
font-family:Tahoma;
font-weight:normal; 
}
.lukittu{
font-style:italic;
color:#006699;
border-bottom:solid 1px #B8C8DE;
}

.vapaa{
color:#A4A4A4;
border-bottom:solid 1px #B8C8DE;
}

.pienihuomio{font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#666666; font-style:italic; line-height:10pt;}
.huomio{font:Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold;}

.pieni {  font-family: 'Trebuchet MS', Verdana, Arial, Tahoma; font-size: 8pt; color:#999999; font-style:italic; text-align:center; width:100%;}
.normaali {  font-family: arial; font-size: 9pt; font-style: normal; color: #0D2144; text-align: justify}
.iso {  font-family: arial; font-size: 12pt; color: #0D2144}
.orikatalogi {  font-family:tahoma, arial; font-size: 8pt; color: #0D2144} 
.cas {  font-family: Arial; font-size: 8pt; font-style: normal; color: #000000;}
.linkit {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:8pt; color:#CCCCCC; line-height:12pt;}
.linkkiot {font-family: Times new roman,Palatino Linotype, arial, Helvetica, sans-serif; font-size: 11pt; color:#254886;  line-height:10pt; font-style:italic; font-weight:500;}
.taustateksti {background-color:#F0F0F0; border-bottom: 1px dashed; width:100%;}

h1 {  font-family: 'Trebuchet MS', Verdana,Arial, Tahoma,Georgia, Palatino Linotype, Helvetica, sans-serif; font-size: 12pt; color:#2b7110; font-weight:normal;}
h3 {  font-family: Georgia, "Palatino Linotype", arial, Helvetica, sans-serif; font-size: 9pt; color:#0b365f; line-height:11pt; text-indent:10px; font-weight:normal; font-style:italic;}
h2{ font-family: 'Trebuchet MS', Verdana,, Arial, Tahoma, Georgia, Times new roman, Palatino Linotype, arial, Helvetica, sans-serif; font-size: 10pt; color:#328611;  line-height:17pt; font-weight:bold; padding-top:5px; }
h4 {background-color:#F0F0F0; border: 1px dashed  #707070; padding: 3px;}
.huomio{color:#8D2718; font-style:italic;}

.laatikko {background-color:#F1F2FA; padding:8px;}

#taulukko{font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#2a2a2a;}

a:link {
	color:#a67f14;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
	color: #203c5d;
}
a:hover {
	text-decoration: underline;
	color: #6097d6;
}
a:active {
	text-decoration: none;
}

hr {
	border: 0;
	background-color: #c1c1c1;
	height: 1px;
}


/*Vasemman palstan menu*/
/*ALKAA TÄSTÄ*/
.wireframemenu{
padding-top: 0px;
width: 100%;
overflow: hidden;
background: transparent;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 100px;
height:auto;
}

.wireframemenu ul{
font: bold 9pt Cambria,'Palatino Linotype', 'Book Antiqua',Georgia,Tahoma, sans-serif;
margin: 0px;
padding: 0px;
list-style: none;
}

.wireframemenu li{
display: inline;
margin: 0px 0px 0 0;
padding: 0px;
 
}

.wireframemenu a{
float: right;
color: white;
background: #24640b;
margin:  0px 1px 0 0;
padding: 5px 5px 3px 5px;
text-decoration: none;
letter-spacing: 0.5px;
}

.wireframemenu a span{
float: left;
display: block;
padding: 7px 9px 10px 6px;
cursor: pointer;
}

.wireframemenu a:hover, .wireframemenu li.selected a{
background-color: #f1bc2e; /*background color of tabs onMouseover*/
color: white;
}
.wireframemenu a:hover span{
background-color: transparent;
}
 

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
 
 .ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 2px;
 /*background color of horizontal line*/
border-top: 0px solid #dcd1b1; /*Remove this to remove border between bar and tabs*/
margin-bottom:0px;
}