/* tämä tyylitiedosto pätee lomakesivuilla sekä hakemisto-sivuilla */
         
body { 
  background-color: #ffffcc;/*#ffff66;*/ 
  margin-left: 5em; 
  margin-right: 10em; 
  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;
  text-decoration: none;
}

a:active {
  color: blue;
  text-decoration: none;
}

.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: ;
  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%; 
  color: #666666;
 /* border: solid thin; */
  margin-right: -2em;
  margin-top: -1em; 
  float: right;
  padding: .5em 1%;
  padding-bottom: 1.5em;
  margin-left: 1em;
  margin-bottom: 1em;
}

legend {
  padding: 0.2em 0.5em;
  border:1px solid;
  color: #666666;
  background-color: white;
  text-align:right;
  }
/* "Sivun muut linkit" eli "sisältöluetteloita eli pikalinkkejä"-ohjaus loppuu tässä*/

.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%;
  float: right;
  border: solid thin;
  color: grey;
  background-color: #ffff66;
  padding: 2em 2%
}

/* 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 tyylohje "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...*/

.poweredby {
  font-size: 70%;
  color: #666666;
  border-bottom-style: solid;
  border-width: 5px;
  border-color: #F0F7F9;
}

/* nämä kolme seuraavaa riviä ovat ainoastaan taulukoita varten, katso esim. keitetty riisi. */

table {
  background-color: #ecf0fb;
  border: solid thin;
  border-color: #000;
}

td { 
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 85%;
  /*border: solid thin;*/
  border-color: #000;
  padding: .3em;
}

th { 
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 85%;
  /*border: solid thin;*/
  border-color: #000;
  padding: .3em;
  background-color: #ff0;
}
thead {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 85%;
  /*border: solid thin;*/
  border-color: #000;
  padding: .3em;
  background-color: #fff;
}
/* nämä kolme edelläolevaa riviä ovat ainoastaan taulukoita varten, katso esim. keitetty riisi. */

/* alla oleva tyylirivi koskee lisätieto sivun Mausteopasta sekä Perustietoa juustosta sivun Yleisimmät juustot */
.mausteopas {
  font-family: "Book Antiqua", "Arial", "sans serif"; 
  font-size: 85%;
  background-color: #ecf0fb; /* jos haluaa vaihtelua, käytä #e6f4ff tai #e0e0ff */
  border: solid thin;
  border-color: #000;
  padding: .5em 1%; 
  width: 70%;
  margin: 1em; 
}

.kutsut {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 85%;
  background-color: #FFEFFF; 
  border: solid thin;
  border-color: #000;
  padding: .5em 1%; 
  width: 30%;
  margin: 1em; 
  text-align: center;
}

/* alla oleva luokka ohjaa infolaatikkoa keittosanasto-sivulla */
.info {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 75%;
  color: #666666;
  background-color: #ffffff; /* jos haluaa vaihtelua, käytä #e6f4ff tai #e0e0ff */
  border: solid thin;
  border-color: #e3e3e3;
  padding: 0.5em 1%; 
  width: 20%;
}

/* alla oleva tyylitiedosto muokkaa pop-up-laatikkoa */
#tooltip{
	position:absolute;
        font-family: "Verdana", "Arial", "sans serif"; 
        font-weight: bold;
        font-size: 80%;
	background-color: #ecf0fb;
	padding:2px 5px;
        width: 15%;
        height: 10%;
	display:none;
        border: solid thin;
        border-color: #e3e3e3;
}	

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

.oikeakuva img { 
  border: solid thin;
}