table.koe {
font-size:13px;
}

input,textarea, select { font-size:11px;}



body {
margin: 40px 40px 40px 40px;
color: black;
background: #FF8B00; 
background-repeat: repeat;
font-family: "Times New Roman", Arial, Verdana, Garamond, Helvetica, Arial;
}

p {
color: #000;
font-family: "Times New Roman", Arial, Verdana, Garamond, Helvetica, Arial;
font-size: 80%;
}

td.tekstialue {
padding-left: 15px; 
padding-top: 0px; 
background: transparent url(img/taustakuva-350px.gif) center center no-repeat; 
}

td.tulostus {
 
}


#bysidebynavcontainer { 
margin-left: 5px; 
margin-top: 5px;
}

#bysidebynavcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Times New Roman", verdana, Arial, Helvetica, sans-serif;
}

#bysidebynavcontainer li { 
margin: 1px;
}

#bysidebynavcontainer a {
display: block;
padding: 2px 10px 2px 30px;
width: 145px;
color: #000;
/*
background-color: #ADC1AD;
*/
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
font-weight: bold;
font-size: 14px;
background-image: url(img/nappi-10px.gif);
background-repeat: no-repeat;
background-position: center left;
}

#bysidebynavcontainer a:hover {
color: #000;
/*
background-color: #889E88;
*/
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(img/nappi1.gif);
background-repeat: no-repeat;
background-position: center left;
}


#bysidebynavcontainer ul ul li { 
margin-left: 30px;
border-top: 3px double #000;
border-bottom: 0px dotted #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 155px;
}

#bysidebynavcontainer ul ul a {
display: block;
padding: 2px 5px 2px 25px;
width: 125px;
color: #000;
/*
background-color: #C5D8C5;
*/
text-decoration: none;
font-weight: normal;

}

#bysidebynavcontainer ul ul a:hover {
color: #FF8B00;
/*
background-color: #889E88;
*/
text-decoration: none;
}


a:link {
/* background-color: #ffffff; */
/* color: #8B2802; */
color: #24B300;
text-decoration: underline;
}

a:visited {
color: #24B300;
/* color: #8B2802; */
text-decoration: underline;
}

a:hover {
/* background-color: #ffffff; */
color: #FF8B00;
/* color: #a06b00; */
text-decoration: none;
}


td.vy {
background: url(img/vy-kulma.gif) top left no-repeat;
}

td.oy {
background: url(img/oy-kulma.gif) top left no-repeat;
}

td.v-viiva {
background: url(img/v-viiva.gif) top left repeat-y;
}

td.y-viiva {
background: url(img/y-viiva.gif) top left repeat-x;
}

td.o-viiva {
background: url(img/o-viiva.gif) top left repeat-y;
}

td.va {
background: url(img/va-kulma.gif) top left no-repeat;
}

td.a-viiva {
background: url(img/a-viiva.gif) top left repeat-x;
}

td.oa {
background: url(img/oa-kulma.gif) top left no-repeat;
}

div#area {
top: 0px; 
left: 0px; 
width: 100%; 
background: #fff;
white-space: inherit;
position: relative;
}

h1 {font-size: 140%;
font-family: "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
}

h2 {font-size: 130%;
font-family: "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
}

h3 {font-size: 120%;
font-family: "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
}

h4 {font-size: 110%;
font-family: "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
}

h5 {font-size:  100%;
font-family: "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
}

h6 {
padding-top:0px;
margin-top:0px;
line-height:85%;
font-size:  110%;
font-family: "Times New Roman", "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
}

p.otsikko {font-size: 150%;
font-family: "Comic Sans MS", Garamond, Verdana, Helvetica, Arial;
font-weight: bold;
text-align: left;
color: #000;
line-height: 100%;
padding-left: 180px;
}