/* tämä tyylitiedosto pätee reseptisivuilla */



a:visited { 
  color: purple;
}

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

a:active {
  color: blue;
}

/* 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: #fdfe72;
}
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. */

h1 { 
  color: #f90; 
}

h2 { 
  color: #f90; 
}

/*input { 
  background: #fffff0; 
  color: #000;
  border: solid medium #ff9;
}*/
        
body { 
  font-family: Verdana, Arial, "Trebuchet MS",  sans-serif;
  font-size: 85%;
  /* täytyy vielä harkita tuon kirjasinten välisen tilan kanssa...*/ 
  /*letter-spacing: 0.2pt;*/
  background-color: #ffffcc;/*#ff6;*/
  margin-left: 5em; 
  margin-right: 10em; 
  margin-top: 2em; 
  margin-bottom: 3em; 
}

/* 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: -3em;
  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ä*/

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

.oikeakuva img { 
  border: solid thin;
}

.oikeapienikuva {
  width: 100px;
  height: 75px;
  float: right;
  border: none;
  padding: .5em .5%;
}
  
.oikeaviinikuva {
  
  float: right;
  border: none;
  padding: .5em 1%;
}

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

.alhaallakuva {
  padding: .5em;
  border: none;
}

.alhaallakuva img { 
  border: solid thin;
}

.vinkki { 
  font-weight: 700;
  color: #184e0f;
  margin-bottom:10px; /* jättää yhden rivin tyhjäksi */
}

.kavijapalaute {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-style: italic;
  color: maroon;
}

.pasvenska {
  font-size: 75%;
  float: right;
  padding: .5em 1%;
}

.pasvenska img {
  border: none;
}

.suomeksi {
  font-size: 75%;
  float: right;
  padding: .5em 1%;
}

.suomeksi img{
  border: none;
}

.viroksi {
  font-size: 75%;
  float: right;
  padding: .5em 1%;
}

.viroksi img {
  border: none;
}

.inenglish {
  font-size: 75%;
  float: right;
  padding: .5em 1%;
}

.inenglish img {
  border: none;
}

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

.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 */
}

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

.adsense {
  float: right; /* googlen isoja pylväsmainoksia varten */
  padding: .5em 1%;
}

 
/* 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: #000;
  padding: .5em 1%; 
  width: 25%;
  height: 30%;
  margin: 1em;
  float: right;
}

/* alla oleva tyylirivi koskee lisätieto sivun Mausteopasta sekä Perustietoa juustosta sivun Yleisimmät juustot */
.mausteopas {
  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: #000;
  padding: .5em 1%; 
  width: 70%;
  
  margin: 1em; 
}

.viiniinfotaulu {
  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: #000;
  padding: .5em 1%; 
  width: 45%;
  height: 30%;
  margin: 1em;
  float: right;
}

.viiniinfotaulu ul li {
  display: block;
  list-style-type: 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; */
}

.varoitus {
  border: none;
}
/* alla oleva .joulukuvat tiedosto määrä joulu-sivu kuvien asemointi*/
.joulukuvat {
  float: right;
  border: none;
}
/* alla oleva koodi toistaiseksi vain mansikkahillo.html sivulla ( testimielessä )*/
.viimeksi_paivitetty {
  font-size: 75%;
  text-align: right;
}

.keittio {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-size: 65%;
  float: right;
}

.taatelikakku {
/* kaksi ohjetta rinnakkain sivulla */
  float: right;
}

.mitapainaa {
  float: right;
  padding: .5em 1%; 
  width: 45%;
  height: 30%;
  margin: 1em;
}

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

.kuvatekstivasemmalla {
  float: left;
  margin: 1em;
  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 */
}

.lihanoikealeikkaaminen { 
  border: none;
  padding: 2em 2%; 
}

.lihanoikealeikkaaminen img {
  border: solid thin;
}

.lihankypsyysasteet { 
  border: none;
  padding: 2em 2%; 
}

.lihankypsyysasteet img {
  border: solid thin;
}
  
.pihvinkasittely { 
  border: none;
  padding: 2em 2%; 
}

.pihvinkasittely img {
  border: solid thin;
}

.sisaelintenpuhdistus { 
  border: none;
  padding: 2em 2%; 
}

.sisaelintenpuhdistus img {
  border: solid thin;
}

.nopeastipaistettuliha { 
  border: none;
  padding: 2em 2%; 
}

.nopeastipaistettuliha img {
  border: solid thin;
}

.riistankaariminensilavaviipaleisiin { 
  border: none;
  padding: 2em 2%; 
}

.riistankaariminensilavaviipaleisiin img { 
  border: solid thin;
}

.silavaristikko { 
  border: none;
  padding: 2em 2%; 
}

.pinnansilavointi { 
  border: none;
  padding: 2em 2%; 
}

.pinnansilavointi img { 
border: solid thin;
}

.silavointisisalta { 
  border: none;
  padding: 2em 2%; 
}

.silavointisisalta img {
  border: solid thin;
}

.paahtopaistinkasittely { 
  border: none;
  padding: 2em 2%; 
}

.paahtopaistinkasittely img {
  border: solid thin;
}
  
.liha_rasvaverkossa { 
  border: none;
  padding: 2em 2%; 
}

.liha_rasvaverkossa img {
  border: solid thin;
}

.kaarepaisti { 
  border: none;
  padding: 2em 2%; 
}

.kaarepaisti img { 
  border: solid thin;
}

.paistin_tayttaminen_jauhelihalla { 
  border: none;
  padding: 2em 2%; 
}

.paistin_tayttaminen_jauhelihalla img {
 border: solid thin;
}
 
.leikkeen_leivitys { 
  border: none;
  padding: 2em 2%; 
}

.leikkeen_leivitys img {
  border: solid thin;
}

.tasku_taytetta_varten { 
  border: none;
  padding: 2em 2%; 
}

.tasku_taytetta_varten img {
  border: solid thin;
}

.cordon_bleu { 
  border: none;
  padding: 2em 2%; 
}

.cordon_bleu img { 
  border: solid thin;
}

.kaaryleiden_sitominen { 
  border: none;
  padding: 2em 2%; 
}

.kaaryleiden_sitominen img {
  border: solid thin;
}

.ravunsyonti { 
  border: none;
  padding: 2em 2%; 
}

.ravunsyonti img {
  border: solid thin;
}

/* alla oleva tyylitiedosto muokkaa pop-up-laatikkoa */
#tooltip {
	position:absolute;
	border:1px solid #333;
        font-family: "Verdana", "Arial", "sans serif"; 
        font-size: 12px;
        font-weight: bold; 
	background: #FFFFAF;
	padding:4px 10px;
	display:none;
}

.sailyvyys {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-style: italic;
  color: #2A2D33;
  margin-bottom:10px; /* jättää yhden rivin tyhjäksi */
}

.muunnos {
  font-family: "Verdana", "Arial", "sans serif"; 
  font-style: italic;
  color: #2A2D33;
  margin-bottom:10px; /* jättää yhden rivin tyhjäksi */
}

/*alla oleva tyyli liittyy printer.jpg kuvakkeeseen*/
.tulosta {
  float: right;
}

/* vielä pahasti kesken..............*/
  
/* tämä tyylitiedosto pätee reseptisivuilla */