body {
font: 12px/16px
"Eurostile Medium", "EurostileLTStd", "Eurostile LT Std", 
Helvetica, Arial, Verdana, sans-serif;
background: #222 url('vasb_tausta.png') repeat;
}

h1 {font-weight: bold; font-family: "Eurostile"; font-size: 165%}
h2 {font-size: 140%}
h3 {font-size: 120%}
h4 {font-size: 115%}
h5 {font-size: 100%}
h6 {font-size: 100%; font-weight: medium; font-style: italic;}
h3.contactname {font-size: 100%; font-weight: medium; font-style: italic;}
h2.pykala {font-size: 120%}
h3.saannot {font-size: 100%; font-weight: medium; font-style: italic;}

h1,h2,h3,h4,h5,h6 {
margin: 1.2em 0 1em;
line-height: 130%;
}

p {
margin: 0.6em 80px 0.6em 0;
max-width: 186mm;
}

.virhe {
color: #f05;
}

.alaviite {
font-family: verdana, sans-serif;
font-size: 10px;
}

/* 
*** DEBUG ***
div {border: 1px solid #2c2;}
div > * {border: 1px solid red;}
div > * > * {border: 1px solid orange;}
p {border: 1px solid grey;}
form {border: 1px solid blue;}
*/

div#pohja {
min-height: 500px;
margin: 10px 36px;
color: black;
background: white url('liuku_oik.jpg') repeat-y right;
}

div#logopalkki {
height: 90px;
padding: 0;
background: #9fd855;
}

div#logopalkki h2 {
	margin: 16px 0;
	padding: 16px 0;
	font-family: Eurostile, Verdana, sans-serif;
	font-size: 100%;
}
div#logopalkki h2 img {
	margin-top: -16px; /* fix the margin from previous rule */
}

div#sisalto {
padding: 0 90px 2em;
}

img#logo {
vertical-align: middle;
margin: 0;
}

div#valikko {
color: #fff;
background: #ddf4f3 url('valikko_tausta.gif') repeat-x;
padding: 6px 12px 2px;
margin-left: 90px;
font-size: 110%;
}

div#valikko p {
margin: 0;
margin-left: -4px; /* fixes the 4px padding-left of 1st link */
padding: 0;
}

div#valikko a {
font-family: Helvetica, Arial, sans-serif;
color: #6ac;
text-decoration: none;
margin: 0;
padding: 6px;
}

div#valikko a:hover {
color: #000;
background: #d2ff96;
}

div#valikko a:focus {
color: #fff;
background: #023;
}

div#lastmod {
position: relative;
bottom: 0px; left: 90px;
width: 70%;
padding: 0.5em 0 1.7em;
margin-bottom: 1.5em;
border-top: 2px solid #9fd855;
color: #9fd855;
}

div#lastmod small, div#lastmod a {
  color: #777;
}

div#kumppanit {
position: relative;
top: 0;
right: 0;
z-index: 0;
padding: 0 12px;
}

.boksi {
background: #6bd;
color: #000;
width: 327px;
margin: 12px 0;
padding: 12px 16px;
}

.boksi form {
margin: 0
}

.boksi p {
margin-right: 0;
}

.boksi h3 {
font-size: 100%;
font-weight: medium;
margin: 0;
}

.kehys {
border-top: 6px solid #40448c;
background: #adf;
width: 60%;
margin: 12px 0;
padding: 12px 16px;
}

.kehys h2 {
font-size: 130%;
margin-top: 0;
}

.kehys h3 {
font-size: 120%;
margin-top: 0;
}

.pvm {
font-weight: bold;
font-style: italic;
}

div#valinnat {
width: auto;
background: #abc;
padding: 0 12px;
}

table {
font: 11px/13px Verdana, Helvetica, Arial, sans-serif;
border-collapse: collapse;
color: #000;
background: #6bd;
border: 2px solid #6bd;
margin: 12px 0;
}

table td {
border: 1px dotted #8df;
padding: 4px 6px;
}

p.paussi {
margin-top: 2em;
}

tr.paussi td {
padding-top: 1.5em;
}

table.lomake {
background: #ad7;
border: 2px solid #ad7;
border-collapse: separate;
padding: 6px;
}

table.lomake td {
border: 0;
}

/* vaihteleva rivitys
table.allek_selaus {
border: 0;
}

table.allek_selaus td {
border: 0;
border-left: 1px solid #333;
}
*/

table thead {
font-weight: bold;
}

table.allek_selaus td.nro {
text-align: right;
border-left: 0;
}

tr.vaalea {
background: #8df;
}

.address {
font-style: italic;
}