body {
color: #000000;
background-color: #transparent;
font: normal normal 100% Arial, sans-serif;
}

h1 {
color: #000000;
background-color: #8DD888;
font: bold normal 180% Arial, sans-serif;
text-align: center;
}

h2 {
color: #000000;
background-color: #transparent;
font: bold normal 140% Arial, sans-serif;
}

h3 {
color: #006600;
background-color: #transparent;
font: bold normal 110% Arial, sans-serif;
}

h4 {
color: #000000;
background-color: #transparent;
font: normal normal 120% Arial, sans-serif;
text-align: center;
}

a:active, a:link, a:focus {
color: #000000;
background-color: #transparent;
}

a:hover {
color: #00CA00;
background-color: #transparent;
}

a:visited {
color: #006600;
background-color: #transparent;
}

a:visited:hover {
color: #00CA00;
background-color: #transparent;
}

#valikko {
border: 1px solid #8DD888;
margin: 2px;
padding: 5px 5px 5px 35px;
font: bold normal  80% Arial, sans-serif;
vertical-align: top;
width: 170px;
}

#sisalto {
border: 1px solid #8DD888;
margin: 2px;
padding: 5px 5px 5px 25px;
vertical-align: top;
width: 1000px;
}

#kavennus {
padding-right: 150px;
}

ul {
margin: 5px;
padding: 10px;
list-style-image: url(koivunlehti.jpg);
list-style-type: circle;
}

.green {
background-color: #D8FFC1;
border: 1px solid #8DD888;
padding: 10px;
}

.kysymys {
color: #006600;
background-color: #transparent;
font: bold normal 100% Arial, sans-serif;
}

.huomio {
color: #006600;
background-color: #transparent;
font: bold normal 100% Arial, sans-serif;
}

.vinkki {
color: #000000;
background-color: #eeeeee;
font: normal normal 90% Arial, sans-serif;
border: 1px solid #444444;
padding: 10px;
}

.muuri {
color: #000000;
background-color: #ffeecc;
border: 1px solid #776655;
}

.hiili {
color: #000000;
background-color: #cccccc;
border: 1px solid #444444;
}

.taulukko {
border: 1px solid #8DD888;
border-collapse: collapse;
margin: 5px;
padding: 3px;
font: normal normal 90% Arial, sans-serif;
vertical-align: top;
}

table.taulukko td {
border: 1px solid #8DD888;
padding: 4px 3px;
}