/* tämä tyylitiedosto pätee lomakesivuilla sekä hakemisto-sivuilla */
         
body { 
  background-color: #ffffcc;/*#ffff66;*/ 
  margin-left: 5em; 
  margin-right: 15em; 
  margin-top: 2em; 
  margin-bottom: 3em;  
  font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
  font-size: 85%; 
}

h1 { 
  color: #ff9900; 
}

h2 { 
  color: #ff9900; 
}

a:visited { 
  color: purple;
}

a:hover {
  background-color: #ff9900; /*#D69C52;*/
	color: white;
}

a:active {
  color: blue;
}


.navi ul li {
  display: block;
  list-style-type: none;/* Kysymys: Miten saan listoilta listamerkit pois? Vastaus: Määritä halutun lohkon     li-elementille CSS:ssä: list-style-type: none; */
}

/* alla oleva tyylirivi koskee reseptisivujen ( huom! myös Liemet-hakemistoa ) "infotauluja", jotka ovat sinisellä pohjalla" */
.infotaulu {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 85%;
  background-color: #ecf0fb; /* jos haluaa vaihtelua, käytä #e6f4ff tai #e0e0ff */
  border: solid thin;
  border-color: black;
  padding: 0.5em 1%; 
  width: 25%;
  height: 30%;
  margin: 1em;
  float: right;
}

.adsense {
  float: right;
  padding: 1em 2em 1em 1em;
}
 
/* allaoleva sääntö koskee mahdollisesti pitkillä sivuilla olevia "sisältöluetteloita eli pikalinkkejä"*/
.sivuindex {
  font-family: Verdana, Arial, "Trebuchet MS",  sans-serif;
  font-size: 85%; 
 /* border: solid thin; */
  margin-right: -3em;
  margin-top: -1em; 
  float: right;
  padding: .5em 1%;
  padding-bottom: 1.5em;
  margin-left: 1em;
  margin-bottom: 1em;
}

.tietosuoja {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 75%;
  background-color: #ecf0fb; /* jos haluaa vaihtelua, käytä #e6f4ff tai #e0e0ff */
  border: solid thin;
  border-color: black;
  padding: 0.5em 1%; 
  width: 80%;
  height: 20%;
  margin: 1em;
  float: right;
}

.kuvakavalkadi {
  width: 256px;
  height: 192px;
  float: right;
  border: none;
  padding: 2em 2%; 
}

.tulossa {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 85%;
  width: 17%;
  height: 25%;
  float: right;
  border: solid thin;
  background-color: #ffff66;
  padding: 2em 2%
}