html
{
color: #000;
background: #beb9af;
}

body {
font: small Georgia, Verdana, sans-serif;
color: #000;
background: #beb9af;
padding:0 0 6em;
margin:0;
}

p {
line-height: 1.55;
margin: 0.5em 0 1em;
}

h1 {
font: 180% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #533f1f;
background: transparent;
margin: 0 -3% 2em;
border-bottom: 1px solid;
padding:0 0.3ex;
min-width:1px;
}

#breadcrumbs+h1
{
margin-top:1em;
border-bottom:none;
}

h1 small
{
display:block;
}

h2 {
font: normal 140% "Trebuchet MS", sans-serif;
color: #533f1f;
background: transparent;
margin: 2.5em 0 0.5em;
}

h3 {
font: bold 100% "Trebuchet MS", sans-serif;
color: #533f1f;
background: transparent;
margin: 2em 0 0.5em;
}

.lohko
{
margin:1em 5%;
background:#eee;
padding:0.1em 1em;
clear:both;
}

h4, .lohko h3
{
font-size:100%;
font-weight:bold;
color: #533f1f;
background:transparent;
margin:1em 0 1em 2em;
font-style:oblique;
}

#kehys {
width: 80%;
max-width: 50em;
margin: 6em auto 0;
padding: 5%;
border: 1px solid #533f1f;
background: #f7f5f0;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

a:link {
color: #4682b4;
background: transparent;
}

a:visited {
color: #4b0082;
background: transparent;
}

a:hover {
color: #a52a2a;
background: transparent;
text-decoration: none;
}

a:active {
color: #f00;
}

#kehys h1 a {
text-decoration:none;
color:inherit;
}

img {
border: 1px solid;
}

h1 img {
border: none;
}

.vasen {
float: left;
margin: 0.5em 2em 1.5em 0;
}

.oikea {
float: right;
margin: 0.5em 0 1.5em 2em;
}

.vasen img, .oikea img {
display:block;
}

hr {
height:1px;
border:none;
color:#533f1f;
background:#533f1f;
margin:1.5em 0;
clear:both;
}

.proosa h2 {
font-size: 150%;
font-weight: normal;
margin: 2.5em 2em 2em;
text-align: center;
text-transform: uppercase;
}

.proosa h2+p:first-letter {
float:left;
font-size:200%;
line-height:1;
margin: 0 3px 0 0;
color: #2f4f4f;
}

.proosa p {
margin: 0;
line-height: 1.6;
text-align: justify;
}

.proosa p:first-letter {
margin-left: 3em;
}

.proosa .vasen, .proosa .oikea {
margin-top: 1em;
}

.navi {
font-size: 120%;
word-spacing: 0.2em;
text-align: center;
margin: 2em auto;
}

.navi2
{
font: 100% "Trebuchet MS", Verdana, sans-serif;
margin: 1.5em auto;
overflow: hidden;
clear: both;
}

.navi2 .seuraava
{
float: right;
max-width: 50%;
}

.navi2 .seuraava a:after
{
content: "  >>";
}

.navi2 .edellinen
{
float: left;
max-width: 50%;
}

.navi2 .edellinen a:before
{
content: "<<  ";
}

#paluu {
font: 100% "Trebuchet MS", Verdana, sans-serif;
}

#paluu {
position:absolute;
top:auto;
left:1em;
padding-top:0.7em;
}

#paluu a {
text-decoration: none;
letter-spacing: 0.1ex;
}

#paluu a:before {
content: "<< ";
}

a.eteen {
float: right;
font-size: 300%;
text-decoration: none;
}

a.taakse {
float:left;
font-size:300%;
text-decoration:none;
}

small {
font-size: 90%;
}

p.tiivis {
line-height: 1.3;
}

ul.tiivis {
list-style-position:inside;
}

ul.tiivis li {
margin-bottom:0;
}

p+ul.tiivis
{
margin-top:-0.8em;
}

ul#toc, ol#toc
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#toc ol, #toc ul
{
margin-top:0.5em;
display:none;
}

#toc li a
{
border:none;
text-decoration:underline;
}

#toc li li a
{
text-decoration:none;
}

#julkaisutiedot {
margin: 1.5em 0 0;
padding-top: 0.5em;
border-top: 1px solid #2f4f4f;
text-align: right;
color: #555;
}

.kirjoittaja, #kirjoittaja {
font-weight: bold;
margin:1.2em 0;
}

.lahde {
margin: 1.5em 5%;
color: #555;
}

li
{
margin-bottom:0.4em;
line-height:1.3em;
}

ul.lahdeluettelo {
list-style: square;
margin-top:1.2em;
margin-bottom:1.2em;
}

ul.lahdeluettelo li {
margin-bottom:0.2em;
}

dl.lahdeluettelo  {
margin:1.5em 3%
}

dl.lahdeluettelo dt {
font-weight:bold;
margin-bottom:0.2em;
}

dl.lahdeluettelo dd {
margin-bottom:0.7em;
}

#footer {
margin: 2em -3% 0;
padding-top:0.5em;
padding-right:0.2em;
text-align:right;
color: #333;
clear:both;
border-top:1px solid #533f1f;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
zoom:1;
}

a[href^='http://']:after
{
content:' →';
}

#sisalto a
{
text-decoration:none;
border-bottom:1px dotted;
}

#sisalto a:hover
{
border-color:transparent;
}

.kuva
{
margin:2em auto;
}

.kuva1 { width:95%; display:table; margin:1em auto }
.kuva1>* { display:table-cell; vertical-align:middle; text-align:left;}
.kuva1 img { float:left; margin-right:1em;}
.kuva1 .kuvateksti { padding-left:1em;}

#sisalto .kuva a, #sisalto .kuva1 a, #sisalto .oikea a, #sisalto .vasen a
{
border:none;
}

#sisalto .kuvateksti a
{
border-bottom:1px dotted;
}

.kuvateksti
{
font: x-small Verdana, Arial, Helvetica, sans-serif;
margin: 0.3em;
}

#menu
{
max-width:10em;
float:right;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:-2em 0 2em 2em;
padding: 1em 1em 0.7em;
border:1px solid #533f1f;
border-width:0 0 1px 1px;
}

#menu ul
{
margin:0;
padding:0;
list-style:none;
}

#menu ul li
{
padding:0;
margin:0 0 0.5em;
}

.otsake
{
margin:-0.5em 0 1em -0.5em;
font-weight:bold;
border-bottom:1px solid #533f1f;
padding:0 0 1px 0.5em;
}

.clear
{
clear:both;
}

.noborder
{
border:none;
}

#seuraava
{
float:right;
margin-top:2em;
}

#edellinen
{
float:left;
margin-top:2em;
}

#seuraava:after
{
content: ' »'
}

#edellinen:before
{
content: '« '
}

#navi1
{
margin:1.2em 0;
text-align:right;
}

#viitteet
{
clear:both;
}

#viitteet li
{
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
}

#logo {border:none;float:left}
#haku {float:right;height:64px;position:relative}
#haku>div {position:absolute;right:0;bottom:0;white-space:nowrap}
#haku>div>div {font-weight:bold;font:bold x-small Verdana, Arial, Helvetica, sans-serif;padding-bottom:0.3ex}
#header {background:#d3d0c9;border-bottom:1px solid #533f1f;padding:35px;text-align:left;overflow:auto;position:relative;z-index:0;}
#kehys {margin-top:-20px;position:relative;z-index:3}

input[type='text']:focus {background:#f7f5f0;border-color:#533f1f}

sup
{
font:smaller Verdana, Arial, Helvetica, sans-serif;
vertical-align:baseline;
position:relative;
top:-0.7em;
margin-right:0.2em;
}

#sisalto sup a
{
border:none;
text-decoration:underline
}

.ingressi
{
margin-left:1em;
font-weight:bold;
}

abbr[title]
{
border-bottom:1px dotted;
cursor:help;
}

cite.henkilo
{
font-style:normal;
}

.nobr
{
white-space:nowrap;
}

#info
{
font-style:oblique;
}

/* taulukkostailausta Eevalle */


table
{
border-collapse:collapse;
margin:1em 5%;
font: smaller Verdana, Arial, Helvetica, sans-serif;
}

caption
{
text-align:left;
margin:2.5em 0 1em;
padding:0 0.5em 0.5em; /* IE:n takia */
font: bold larger Georgia, "Times New Roman", Times, serif;
color: #533f1f;
}

th, td
{
padding:0.4em;
text-align:left;
}

th:first-child, td:first-child
{
padding-left:0.6em;
}

th:last-child, td:last-child
{
padding-right:0.6em;
}

thead th, thead td, tfoot th, tfoot td
{
padding-top:0.3em;
padding-bottom:0.3em;
}

thead tr>*, tfoot tr>*
{
border-bottom:1px solid #533f1f;
border-top:1px solid #533f1f;
background-color:#e2e2e2;
}

tbody tr:nth-child(2n)
{
background-color:#e5e5e5;
}

del p
{
text-decoration:line-through;
}

#breadcrumbs
{
font:x-small Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid #533f1f;
position:absolute;
top:1.5em;
left:3%;
width:94%;
padding-bottom: 0.5em;
}

#breadcrumbs a
{
font-weight:bold;
text-decoration:none;
border:none;
}