body  { font-family: Verdana, Arial;    color: black;    font-size: x-small;     }
  table { font-family: Verdana, Arial;    color: black;    font-size: x-small;     }
                                                                                        
  h1  { font-family: Verdana, Arial;    color: red;        font-size: large;       }
  h2  { font-family: Verdana, Arial;    color: red;        font-size: medium;      }
  h3  { font-family: Verdana, Arial;    color: red;        font-size: medium;      } 
                                                                                     
  p     {  font-family: Verdana, Arial; color: rgb(0,0,0);  }
  li    {  font-family: Verdana, Arial; color: rgb(0,0,0);  }
                                                                                     

                                                                                                                    
  a:link    { font-family: Verdana;     color: red;        font-size: x-small;    text-decoration: none;   font-weight: bold; }
  a:visited	{ font-family: Verdana;     color: fuchsia;    font-size: x-small;    text-decoration: none;   font-weight: bold; }
  a:hover   { font-family: Verdana;     color: white;      font-size: x-small;    text-decoration: none;   font-weight: bold;   background-color: black; }
.aktiivi    { font-family: Verdana;     color: white;      font-size: x-small;    text-decoration: none;   font-weight: bold; }

.teksti:link    { font-size: inherit;  text-decoration: underline;   font-weight: normal; }
.teksti:visited	{ font-size: inherit;  text-decoration: underline;   font-weight: normal; }
.teksti:hover   { font-size: inherit;  text-decoration: none;        font-weight: normal;   background-color: black; }

.oikeakohdistus  { text-align: right; }
.huomio { line-height: 1.5em;  margin: 10px 20px;  text-align: center;  font-family: Verdana, Arial;   font-size: medium;  font-weight: bold; }
.raamit { background-color: rgb(255,255,255); margin: 10px 0px;   padding: 0px 10px 10px 10px;  border-width: 1px; border-color: rgb(230,0,0);  border-style: solid; }



/*  TAPAHTUMALAATIKKO  */
.tapahtumia 	{  }
.tapahtuma-boxi { 	margin: 15px 0px 0px 0px;  padding: 0px 8px 12px 12px; 
				border-color: rgb(); border-width: 1px; 	border-style: solid; }
.tapahtuma-otsikko {	color: rgb(0,0,0);   margin: 3px 0px 0px 0px; font-size: 100%; }
.tapahtuma-pvm 	{ 	margin: 15px 0px 0px 0px; font-size: 75%; font-style: italic;  }
.tapahtuma 	{ 		margin: 3px 0px 0px 0px; font-size: 95%; }



.nappi:link     { margin: 9px 12px;  padding: 2px 15px;  border: #000000 1px solid;  font-family: Verdana;  color: red;        font-size: x-small;    text-decoration: none;   font-weight: bold; }
.nappi:visited	{ margin: 9px 12px;  padding: 2px 15px;  border: #000000 1px solid;  font-family: Verdana;  color: fuchsia;    font-size: x-small;    text-decoration: none;   font-weight: bold; }
.nappi:hover    { margin: 9px 12px;  padding: 2px 15px;  border: #000000 1px solid;  font-family: Verdana;  color: white;      font-size: x-small;    text-decoration: none;   font-weight: bold;   background-color: black; } 

.kehys1 {
	border-color: red;
	border-width: 1px;
	border-style: solid;
	background: #FFFACD;
	padding: 13px;
   } 

.kehys2 {
	border-color: red;
	border-width: 3px;
	border-style: solid;
	background: #FFFACD;
	padding: 13px;
   }  

.ilmoituskehys { 	padding: 6px 0px;  margin: 30px 2px 30px 2px; text-align: left; 
			border-color: rgb(255,255,255);  border-width: 1px;  border-style: solid;  } 
.ilmoitus-teksti{	font-size: 104%;  margin: 7px 15px; color: rgb(255,255,255); } 

.ilmoituskehys2 {	padding: 0px 0px;  margin: 30px 0px 30px 0px; text-align: left; 
			border-color: rgb(255,255,255);  border-width: 1px;  border-style: solid;  } 
.oranssi {		color: rgb(255,102,0); }   

   
.soluvasen { width: 11em; padding: 4px 8px 3px 10px;  background-color: #e6e6fa; border-color: #b0c4de;  border-width: 0px 1px 1px 2px;  border-style: solid; } 
.solu      { text-align: center;  padding: 4px 8px 3px 10px;  background-color: #ffffff; border-color: #b0c4de;  border-width: 0px 1px 1px 0px;  border-style: solid; }
.soluoikea { text-align: center;  padding: 4px 8px 3px 10px;  background-color: #ffffff; border-color: #b0c4de;  border-width: 0px 2px 1px 0px;  border-style: solid; } 

.soluvasenalin {                      padding: 4px 8px 3px 10px;  background-color: #e6e6fa; border-color: #b0c4de;  border-width: 0px 1px 0px 2px;  border-style: solid; } 
.solualin      { text-align: center;  padding: 4px 8px 3px 10px;  background-color: #ffffff; border-color: #b0c4de;  border-width: 0px 1px 0px 0px;  border-style: solid; }
.soluoikeaalin { text-align: center;  padding: 4px 8px 3px 10px;  background-color: #ffffff; border-color: #b0c4de;  border-width: 0px 2px 0px 0px;  border-style: solid; } 
 
.vesivasen { width: 11em; padding: 4px 8px 3px 10px;  background-color: #e6e6fa; border-color: #b0c4de;  border-width: 0px 1px 1px 2px;  border-style: solid; } 
.vesioikea { padding: 4px 8px 3px 30px;  background-color: #ffffff; border-color: #b0c4de;  border-width: 0px 2px 1px 0px;  border-style: solid; } 

.vesivasenalin { padding: 4px 8px 3px 10px;  background-color: #e6e6fa; border-color: #b0c4de;  border-width: 0px 1px 0px 2px;  border-style: solid; } 
.vesioikeaalin { padding: 4px 8px 3px 30px;  background-color: #ffffff; border-color: #b0c4de;  border-width: 0px 2px 0px 0px;  border-style: solid; } 
  
/*   pienet pyöreät nurkat etusivulla  */
.boxi-raamit 	{ padding: 7px 0px 5px 0px;  border-width: 2px 0px 2px 0px; border-color: rgb(176,196,221);  border-style: solid; } 
.boxi-raamit-y 	{ padding: 3px 0px 2px 0px;  border-width: 2px 0px 0px 0px; border-color: rgb(176,196,221);  border-style: solid; } 
.boxi-raamit-a 	{ padding: 3px 0px 15px 0px;  border-width: 0px 0px 2px 0px; border-color: rgb(176,196,221);  border-style: solid; } 

.boxi-0 { margin: 0px 120px 5px 0px; }
.boxi-1 { margin: -20px 90px 5px 30px; }
.boxi-2 { margin: -20px 60px 5px 60px; }
.boxi-3 { margin: -20px 30px 5px 90px; }
.boxi-4 { margin: -20px 0px 5px 120px; }

.boxi-otsikko 	{ text-align: center;  font-size: 100%;  font-weight: bold; }
.boxi-teksti 	{ text-align: center;  margin: 3px 0px 5px 0px; font-size: 100%;  }
.boxi-teksti-alin 	{ text-align: center;  margin: 5px 0px 0px 0px; font-size: 100%;  }

.hallikuva	{ border: 1px rgb(255,255,255) solid;}


.tumma-solu {	padding: 6px 16px 0px 0px;  background: rgb(176,196,221);  }
.tumma-teksti {	padding: 6px 16px 6px 20px; }
.tumma-vastaus {	padding: 6px 16px 0px 0px;  background: rgb(176,196,221);  }
.vaalea-solu {	padding: 6px 16px 0px 0px;  background: rgb(229,230,251);  }
.vaalea-teksti {	padding: 6px 16px 6px 20px; }
.vaalea-vastaus {	padding: 6px 16px 0px 0px;  background: rgb(229,230,251);  }




.leikkaustuotteet {	width: 90%;  border-collapse: collapse;  
				border-color: rgb(122,122,122);  border-width: 1px 1px 0px 0px; 	border-style: solid; }
.leikkaustuotteet td {	padding: 10px 15px 8px 20px;  vertical-align: top;
			border-color: rgb(122,122,122);  border-width: 0px 0px 1px 1px; 	border-style: solid; }
.sarakevasen {	font-weight: bold;  background-color: rgb(230,230,250);  width: 20%;  }
.sarakekeski {	background-color: rgb(248,248,255);  width: 50%;  }
.sarakeoikea {	background-color: rgb(230,230,250);  }
.tuoteteksti {	font-size: 110%;  }


.tapahtumakuva {	padding: 5px 0px 5px 30px; }
.tapahtuma:link    { text-decoration: none;    }
.tapahtuma:visited { text-decoration: none;    }
.tapahtuma:hover   { text-decoration: none;   background-color: transparent; }

.etusivuraamit {  width: 50em;  margin: 44px 0px 40px 20px; padding: 10px 30px; 
			background-color: rgb(255,255,140);
			word-spacing: 0.14em;  letter-spacing: 0.08em; 
			border-width: 1x; border-color: rgb(230,22,11);  border-style: solid;  } 
.pvmviiva {		margin-top: 20px; padding-top: 7px; font-size: 80%; 
			border-top-width: 1px; border-top-color: rgb(230,22,11);  border-top-style: solid; }


.tapahtumataulukko {	font-size: 110%;  word-spacing: 0.13em;  letter-spacing: 0.09em; }