body {
font-family: verdana, arial, helvetica, sans-serif;
margin-left: 30px;
margin-right: 50px;
margin-top:20px;
}
h1 {
font-family: /*lucida handwriting,*/ georgia, tahoma, arial, helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
color: #000000;
}
h2 {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000000;
}
h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #000000;
}
hyppy {
text-decoration: none;
color: #000000;
}

b {
font-weight: bold;
}
p {
font-size: 0.8em;
}
ul {
font-size: 0.8em;
list-style-type: circle;
}
ol {
font-size: 0.8em;
}
a:link {
color: #000080;
text-decoration: underline;
}
a:visited {
color: #000080;
text-decoration: underline;
}
a:active {
color: #000080;
text-decoration: underline;
}
a:hover {
color: red; /*#8f0000; */
text-decoration: underline;
}
.sivu {
margin-left: 30px;
/*margin-right: 15px;*/
width:570px;
}
img.vasen {
margin-right: 20px; 
margin-bottom: 5px;
}
img.oikea {
margin-left: 20px; 
margin-bottom: 5px;
}
img.oikea_border {
margin-left: 20px; 
margin-bottom: 5px;
margin-top: 30px;
border: 3px double #000000;
}
img.logokuva {
margin-left: 20px; 
margin-bottom: 5px;
margin-top: 30px; 
}
td.ots, th.ots {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
background-color: #F8F8FF; /*#f7f7ff;*/
height: 1.5em;
}
td.solu {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
}
/* näyttelykalenterin otsikko */
th.ots_naytt {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
background-color: #c0c0c0; 
color: #000000;
height: 1.5em;
text-align: left;
font-weight: bold;
}
/* näyttelykalenterin solu */
td.solu_vasen {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
}
/* näyttelykalenterin solu INT*/
td.solu_vasen_int {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
background-color: #f5f5f5;
font-weight: normal;
}
/* näyttelykalenterin solu Erik*/
td.solu_vasen_erik {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
background-color:  #e0e0e0;
}

/* kaupan loppuneen tuotteen hinta*/
td.solu_loppu {
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
color: #000000;
background-color: #cccccc;
}
/*kaupan loppunut tuote*/
th.loppu {
color: #000000;
background-color: #cccccc;
}

.huom {
font-family: verdana, arial, helvelica, sans serif;
font-size: 1.1em;
}
th {
font-size: 0.8em;
font-weight: normal;
text-align: left;
}
/* huomiotausta*/
.vaaleansinitausta {
background-color: #ffffff; /*#ECEFFB;*/
/*margin-left: -10px;
margin-right: -10px;*/
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #000000;
}
.vaaleatausta {
background-color: #ffffff; /*#ECEFFB;*/
/*margin-left: -10px;
margin-right: -10px;*/
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #000000;
/*background-image: url("images/taus8.jpg")*/
}

/* huomioreunus*/
.reunus {
border: 1px dashed #000000;
/*margin-left: -10px;
margin-right: -10px;*/
padding-left: 10px;
padding-right: 10px;
}
.margin30 {
margin-left: 30px;
}
.pentulisays {
font-size: 0.7em; 
margin-left:350px;
}

/* Graafin fontit */
.grfont {
font-size: 
0.8em; font-family: verdana;
}
.grtitle {
font-size: 
0.8em; 
font-family: verdana; 
font-weight:normal;
}