/*------------------------------------*
 |   Stylesheet for JEW cookingbook   |
 *------------------------------------*/
body {
   background:#fffacd;
   color:#800000;}
.top {
   width:100%;
   text-align:center;
   height:150px;
   background-repeat:no-repeat;
   background-position:10px 10px;
}
.jew {
      background-image:url("../img/tn_passover.jpg");
}
.mar {
   background-image:url("../img/mar.jpg");
}
.cook {
   background-image:url("../img/tn-natcook.jpg");
}
.cate {
   background-image:url("../img/tn-cat.jpg");
}
.top a {
  color:blue;
  text-decoration:none;
  display:block;
  margin:0;
  padding:0;


}
.top img {
   display:inline;
   width:32px;}

.blokje {
   float:right;
}
.ce {text-align:center;}

iframe {
   width:80%;
   float:right;
   height:5000px;
}
   
.menu {
  width:20%;
  font-size:80%;
  height:5000px;
  overflow:auto;
}
.fle {
  float:left;
}
.fri {
  float:right;
  }
.menu a {
  margin:0;
  display:block;
  padding:2px 5px;
  color:blue;
  text-decoration:none;
  column-count:1;
  padding-left:15px;
  text-indent:-15px;
}
.menu a:hover {
  cursor:pointer;
  color:red;
}
.menu a.in40px {
  margin-left:40px;
}
.kap {
   display:none;
}
.vis {
  display:block;
}
.rec{
   display:none;
}
.rec img {
  display:block;
  width:600px;
  margin:15px auto;
}
.rec p {
   width:50%;
   margin:0 auto;
   text-align:justify;
   column-count:2;
   column-gap:20px;
   margin-bottom:2.5em;
}

.rec p.ingr {
   font-style:italic;
}
.rec p.col1 {
   width:50%;
   column-count:1;
}
.rec u{
  text-decoration:none;
  font-style:italic;
  display:block;
  width:50%;
  margin:0 auto;
  text-align:justify;
  column-count:2;
  column-gap:20px;
}

.ce {
  text-align:center;
}
.it {
  font-style:italic;
  }
.sm {
  font-size:80%;
}
.bo {
  font-weight:bold;
}
.inl {
  display:inline;
}
h3 {
  text-align:center;
  padding:10px;
}
h4 {
  text-align:center;
  padding:10px;
  column-count:1;
}
p.onder{
  width:50%;
  text-align:center;
  column-count:1;
  margin:0 auto;
}
p.ofig {
  width:70%;
  text-align:center;
  column-count:1;
  margin:0 auto;
}
.up {
  margin-top:-15px;
}
s {
  text-decoration:none;
  font-weight:normal;
  font-size:80%;
  font-style:italic;
  color:magenta;
}
img {
  border:none;
}

/*** notes ***/
i {
  color:#7c3f00;
}
i s{
  visibility: hidden;
  max-width: 300px;
  text-decoration:none;
  text-indent:0;
  position: absolute;
  z-index: 1;
  background-color:#ffffd0;
  color: #800040;
  text-align:justify;
  padding: 10px;
  border:1px dotted #800040;
  border-radius: 6px;
  font-size:11px;
  font-weight:normal;
  font-style:normal;
}
i s.br {width:500px;}

i:hover s {
  visibility: visible;
}