body {
margin: 0;
padding: 0;
font-family: georgia, serif;
background: #f1e195;
color: black;
}

a:link {
color: #000099;
}

a:hover, #navi a:hover, a.hidden:hover {
color: #990000;
}

a:active {
color: #cc0000;
}

a:visited {
color: #660099;
}

h3 a {
color: black;
}

a img {
border-width: 0;
}

#yla {
background: #ef8c39;
background-image: url(kuvat/ukot.gif);
background-position: 0% 50%;
background-repeat: repeat-x;
}

#logo {
width: 170px;
text-align: center;
margin: 0;
padding-top: 5px;
background: #ef8c39;
}

#vali {
background: white;
text-align: center;
font-family: monospace;
padding: 0.3em;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

#navi {
position: absolute;
left: 0;
padding: 1em 1em 1em 10px;
font-family: "trebuchet ms", sans-serif;
}

#navi ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 10em;
}

#navi li {
margin: 0;
padding: 0;
font-size: 1.1em;
}

#navi a, a.hidden {
text-decoration: none;
color: black;
}

#tukijat h3 {
font-size: 1em;
font-weight: normal;
margin-top: 2em;
margin-bottom: 0.2em;
}

#tukijat img {
display: block;
margin-bottom: 0.5em;
}

#foorumi a {
display: block;
margin-top: 1.5em;
font-size: 1.1em;
padding-top: 42px;
background: url(kuvat/soihtufoorumi.gif) top left no-repeat;
}

#foorumi img {
margin: 0;
}

#sisus {
margin-left: 11em;
margin-bottom: 2em;
}

#kuvat {
float: right;
width: 275px;
padding-bottom: 1em;
padding-right: 6px;
}

#kuvat img {
margin-top: 1em;
margin-left: 15px;
display: block;
border: 1px solid #666666;
}

#kuvat #nayttely img {
margin-top: 0;
}

#kuvat p {
margin: 2px 0 0 15px;
font-size: 0.9em;
}

#kuvat h3 {
margin: 2px 0 0 15px;
font-size: 1.0em;
}

#puffit {
}

#puffit h3 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0;
}

#uutisia {
width: 50%;
float: left;
}

#tapahtuu {
width: 50%;
float: left;
}

#teksti {
max-width: 30em;
padding-top: 1em;
/* typerä IE-kikka, kun se ei tue max-width:iä */
width:expression( 
    (document.body.clientWidth - 400) > (540/12) * 
    parseInt(document.body.currentStyle.fontSize)?
             "30em":
             "auto" );
}

#teksti p {
text-align: justify;
}

h1 {
font-size: 1.3em;
font-weight: bold;
font-family: "trebuchet ms", sans-serif;
}

h2 {
margin-top: 0;
font-size: 1.2em;
font-weight: bold;
font-family: "trebuchet ms", sans-serif;
}

h3 {
font-size: 1.05em;
font-weight: bold;
font-family: "trebuchet ms", sans-serif;
}

h4 {
font-size: 0.95em;
font-weight: bold;
font-family: "trebuchet ms", sans-serif;
}

#kalenteri, #kalenteri-etu, #uutiset-etu {
font-size: 0.9em;
}

tr {
vertical-align: top;
}

.avoin {
font-weight: bold;
}

.vkp {
padding: 0 0.3em 0 0;
}

.pvm {
padding: 0 0.8em 0 0;
}

.aika {
padding: 0 0.8em 0 0;
}

.lisaa {
margin-top: 0.5em;
margin-bottom: 1em;
font-size: 0.9em;
}

#nayttely {
margin-top: 1em;
}

#nayttely h3 {
margin-top: 0;
}

#nayttelykuva {
float: left;
margin-right: 1em;
}

#nayttelykuva img {
border: 1px solid #666666;
}

#vapaaehtoiseksi {
clear: left;
padding-top: 0.5em;
font-size: 0.9em;
}

.ruokalista {
margin: 0 0 1em 0;
padding: 0;
border-collapse: collapse;
}

.ruokalista td {
border-bottom: 1px dotted #999999;
width: 9em;
}

.ruokalista .tuote {
width: 20em;
margin-right: 1em;
}

th {
text-align: left;
font-weight: bold;
font-family: "trebuchet ms", sans-serif;
}

.tiedekahvila-ohjelma td {
padding: 0.2em 0.2em 0 0;
}

.tiedekahvila-ohjelma th {
width: 10%;
}

.tiedekahvila-ohjelma .aihe {
width: 50%;
}

.tiedekahvila-ohjelma .esiintyja {
width: 40%;
}
.tuote em { color: #666; }
.huomautus { font-style:oblique;font-size:80%; }