h1 { 
  color: #ff9900; 
}

body  { 
  background-color: #ffffcc;/*#ffff66;*/
  margin-left: 5em; 
  margin-right: 10em; 
  margin-top: 3em; 
  margin-bottom: 3em;
  font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
  font-size: 85%; 
}

a:visited { 
  color: purple;
}

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

a:active {
  color: blue;
}

.paivays { 
  font-size: 60%;
  float: right;
  color: #666666;
}

.italia { 
  float: left;
}

.interaktiivinenkartta {
  float: right;
  padding: 0.3em 0.3em 0.3em 0.3em;
}

img {
  border: none;
}

.adsense {
  float: right;
}
/* tilapäisesti alla oleva tiedostossa */
.muiden_maiden_keittiot {
  background-color: #ffffcc;
  border-style: solid outset outset outset;  
  border-color: #c60;
  padding: 1em 2em 1em 1em;
  font-size: 85%;
  width: 45%;
  height: 30%;
}

.oikeakuva { 
  float: right;
  border: none;
  padding: 2em 2%; 
}

.etusivuoikeakuva { 
  width: 256px;
  height: 192px;
  padding: 0.5em 1%; 
  margin: 1em;
  float: right;
}

.vasenkuva { 
  float: left;
  border: none;
  padding: 2em 2%; 
}

.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;
}

.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 tyyliohje "ohjaa" leivänmurujäljet eli breadcrumbs jonka tiedosto on breadcrumbs.js. Tällä hetkellä ei käytössä.*/
span.crumb {
  
}

/* MUTTA alla oleva tyyliohje "ohjaa" koko leivänmurujäljet, ei pelkästään breadcrumbs.js:n osalta!*/
.ei-paperille { 
  font-size: 12px;
  color: #666666;
  padding-right: 2%; 
  padding-bottom: 2%; 
}
/* ...tosin tässä tapauksessa myös RESEPTIHAKUUN...*/

.tanskalainenkeittio {
  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: left;
}

.kuvateksti {
  font-family: Verdana, Arial, "Trebuchet MS",  sans-serif;
  font-size: 85%; 
  /*font-weight: bold; ( ei käytössä tällä hetkellä )*/
  color: #000;
  width: 260px; /* asetettu kuvatekstille maksimileveys jottei teksti ole leveämpi kuin kuva */
}

.suomalainenkeittio {
  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: left;
}