/* StyleSheet TwistedEyes Rossmeier */
/* Created by Oliver Summa */
/* for Armin Rossmeier */
/* Date: 11.April 2004 */
/* all rights reserved */

@import url(./bg.css);

/* basic elements */
html {
     margin: 0px;
     padding: 0px;
     }

h1 , h2, p {
   font: 14px Verdana, Arial, Helvetica, sans-serif ;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 0px;
   }
h1 {
   padding-left:10px;
   }
h2 {
   background-color: #336699;
   color: #FFFFFF;
   padding-top:5px;
   padding-left:20px;
   font: 12px Verdana, Arial, Helvetica, sans-serif ;
   font-style: italic;
   font-weight: bold;
   }

p {
  font-size: 12px;
  text-align: left;
  padding-top:0px;
  padding-bottom:0px;
  }

li {
   font: 10pt Verdana, Arial, Helvetica, sans-serif;
   text-align: justify;
   }
ul li{
   text-align: left;
   }



/* specific divs */

.titelleiste {
             margin-top: 0px;
             margin-bottom: 0px;
             width: 599px;
             border: 3px solid #336699;
             }

/* Kopfleiste */

#zutatenober {
             /*background-color: #6780C7;*/
             width: 260px;
             border: 2px solid #336699;
             /*border-right: 1px solid #000000;*/
             margin-left: 30px;
             margin-top: 20px;
             padding: 5px;
             }
#zutaten {
     width: 240px;
     }
#zutaten p{
         margin-bottom:5px;
         }
#bild {
      float: right;
      background-color: #336699;
      padding: 10px;
      margin-top: 20px;
      margin-left: 10px;
      margin-right:20px;
      margin-bottom:0px;
      }
#zubereitung {
             margin-top: 20px;
             margin-right:20px;
             margin-left: 12px;
             }

#vorbereitung {
     margin-top: 20px;
     margin-right:20px;
     margin-left: 12px;
     }

#anrichten {
     margin-top: 20px;
     margin-right:20px;
     margin-left: 12px;
     }

#variation {
     margin-top: 20px;
     margin-right:20px;
     margin-left: 12px;
     }
#special {
     margin-top: 20px;
     margin-right:20px;
     margin-left: 12px;
     }
#tipp {
     margin-top: 20px;
     margin-right:30px;
     margin-left: 30px;
     margin-bottom: 10px;
     padding: 5px;
     border: 2px solid #FFCC33;
     background-color: #336699;
     color: #FFFFFF;
     }
#tipp p{
      text-align:justify;
      }

/*Naehrwerttabelle*/
#diaet {
      margin-left:50px;
      margin-right:50px;
      margin-top:10px;
      margin-bottom:10px;
      text-align: center;
      }
#diaet #nwerttop {
          font: 13px Verdana, Arial, Helvetica, sans-serif;
          font-weight: bold;
          margin-bottom: 2px;
          }

#legende, #werte{
          width: 100%;
          }
#kalorien, #fett, #eiweiss, #kohlenhyd, #broteinheit {
           padding-top:2px;
           padding-bottom:2px;
           width: 19%;
           background-color: #FF7BAD;
           border: 1px solid #336699;
           font: 12px Verdana, Arial, Helvetica, sans-serif;
           font-weight: bold;
           float:left;
           }
#fett {
      background-color: #AE79FF;
      }
#eiweiss {
          background-color: #FFE58B;
          }
#kohlenhyd {
          background-color: #8BFFBB;
          }
#broteinheit {
          background-color: #FFFFFF;
          }

#ka, #fe, #ew, #kh, #be {
     padding-top:2px;
     padding-bottom:2px;
     font: 12px Verdana, Arial, Helvetica, sans-serif;
     border: 1px solid #336699;
     width: 19%;
     float: left;
     }

#diaet p{
       font: 10px Verdana, Arial, Helvetica, sans-serif;
       text-align:center;
       }
       
/*Naehstoff-Quotient*/
#naehrstoff {
            margin-left:12px;
            margin-right:20px;
            margin-top:10px;
            margin-bottom:10px;

}
#link {
      margin-left:12px;
      margin-right:20px;
      margin-top:0px;
      margin-bottom:10px;
      font-size:8pt;
      font-weight:normal;
}