@charset "utf-8";

/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* Farben und Hintergrund setzen */
body {
  color: #5D5D5D;
  background: #9B9D97 url(images/bg.gif) top left repeat-x;
}

/* Links und Anker */
a:link {
  color: #4D6B10;
  background-color: transparent;
}
a:visited {
  color: #5D5D5D;
  background-color: transparent;
}
a:hover,
a:focus {
  color: #4D6B10;
  background-color: #93D50D;
}
a:active {
  color: #C0E772;
  background-color: #5F8E00;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: #FF6C0A;
  background-color: transparent;
}

/**
----------------------------------------------------------
Regeln für besondere Bereiche
---------------------------------------------------------- */

/** Hauptbereich
---------------------------------------------------------- */
div#top {
  color: #5D5D5D;
  background-color: #F4F2EB;
}


/** Kontaktfeld
---------------------------------------------------------- */
div#contact {
  color: #5D5D5D;
  background-color: white;
}
#contact h2 {
  color: #5D5D5D;
  background-color: white;
}


/** Rezept des Tages
---------------------------------------------------------- */
div#today {
  color: #4D6B10;
  background-color: #93D50D;
}
#today h2 {
  color: #C0E772;
  background-color: #5F8E00;
}
#today a {
  color: #4D6B10;
  background-color: #93D50D;
}
#today a:hover,
#today a:focus {
  color: #C0E772;
  background-color: #5F8E00;
}


/** Fußzeile
---------------------------------------------------------- */
p#footer {
  color: #4D6B10;
  background-color: #93D50D;
}
#footer a {
  color: #4D6B10;
  background-color: #93D50D;
}
#footer a:hover,
#footer a:focus {
  color: #C0E772;
  background-color: #5F8E00;
}