@charset "utf-8";

/**
----------------------------------------------------
Regeln fuer allgemeine Elemente
---------------------------------------------------- */

/* Farben und Hintergrund setzen */
html, body {
  height: 100%;
  color: #595A54;
  background-color: #F1F5D2;

}

/* Links und Anker */
a:link {
  color: #B62449;
  background-color: transparent;
}
a:visited {
  color: #B62449;
  background-color: transparent;
}
a:hover,
a:focus {
  color: #4D6B10;
/*  background-color: #E3EBA2; */
}
a:active {
  color: #C0E772;
/*  background-color: #E3EBA2; */
}

/* Ueberschriften */
h1, h2, h3, h4, h5, h6 {
  color: #133A28;
  background-color: transparent;
}


/* Start (#top)
---------------------------------------------------- */
div#top {
  color: #595A54;
  background-color: #F1F5D2;
 /* border: 1px solid #606060; */
  border-top: 0;
  width: 921px;
  margin: auto; /* Reicht eigentlich */

min-height: 10%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:10%; /* Mindesthöhe für den IE */
}
/* Fuer kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}

/**
----------------------------------------------------
Regeln fuer besondere Bereiche
---------------------------------------------------- */


/** Kopfbereich (#head)
---------------------------------------------------- */
div#head ul {
  font-size: .9em;
  list-style: none;
}

#head ul a,
#head ul strong {
  color: #5D5D5D;
  background-color: white;
  text-decoration: none;
  padding: .2em 1em;
}

/** Hauptbereich (#main)
---------------------------------------------------- */
#main {
  color: #595A54;
  background-color: #F1F5D2;
 /* border: 1px solid #606060; */
  border-top: 0;
  width: 921px;
  margin: auto; /* Reicht eigentlich */

min-height: 10%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:10%; /* Mindesthöhe für den IE */
}

/*** Seitenspalte (#sidebar)
---------------------------------------------------- */
#sidebar {
  float: right;
  width: 264px;
  background-color: #000FFF;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */

}

h1#photo {
  color: #5D5D5D;
  background: #E3EBA2;
  text-align: left;
  margin: 0;
}

div#nav {
  color: #B62449;
  background-color: #E3EBA2;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

div#news {
  color: #595A54;
  background-color: #E3EBA2;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

div#recipe {
  color: #595A54;
  background-color: #E3EBA2;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

div#endmenu {
  color: #595A54;
  background-color: #000FFF;
  text-align: left;
  margin: 0px;
  padding: 0px;
  min-height: 10%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */

}

/**** Navigation (#nav)
---------------------------------------------------- */
#nav h2 {
  color: #C0E772;
  background-color: #B62449;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 1px;
}

#nav ul,
#nav li {
  list-style: none;
}

#nav a,
#nav strong {
  color: #B62449;
  background-color: #E3EBA2;
  display: block;
  padding: 5px 10px 7px 10px;
  text-align: left;
  border-bottom: 1px solid white;
  line-height: normal;
}

#nav a:hover,
#nav a:focus,
#nav a:active,
#nav strong {
  color: #B62449;
  background-color: #bff168;
  /*background-color: #93D50D;*/
}

/* Breitenangabe notwendig, um den IE-Leerraum-Bug
   bei Listen zu umgehen */
#nav a,
#nav strong {
  width: 263px;
  wid\th: 243px;
}

/**** Aktuelles/Neuigkeiten (#news)
---------------------------------------------------- */
#news h2 {
  color: #C0E772;
  background-color: #B62449;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 1px;
}

#news ul,
#news li {
  list-style: none; /*
  margin: 0px;
  padding: px 0px 0px 5px;*/
}

#news h3 {
  color: #595A54;
  background-color: #E3EBA2;
  font-size: 1em;
  text-align: left;
  margin: 0px;
  padding: 5px 5px 0px 10px;
}

#news p {
  color: #595A54;
  background-color: #E3EBA2;
  font-size: 1em;
  text-align: left;
  margin: 0px;
  padding: 5px 0px 10px 10px;
}

#news a {
  color: #B62449;
  text-align: left;
  text-decoration: none;
}

#news a:hover,
#news a:focus,
#news a:active {
  color: #B62449;
  text-decoration: underline;
}

/**** Rezept des Monats (#recipe)
---------------------------------------------------- */
#recipe h2 {
  color: #C0E772;
  background-color: #B62449;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 1px;
}

#recipe h3 {
  color: #595A54;
  background-color: #E3EBA2;
  font-size: 1em;
  text-align: left;
  margin: 0px;
  padding: 5px 5px 0px 10px;
}

#recipe p {
  color: #595A54;
  background-color: #E3EBA2;
  font-size: 1em;
  text-align: left;
  margin: 0px;
  padding: 5px 0px 10px 10px;
}

#recipe a {
  color: #B62449;
  text-align: left;
  text-decoration: none;
}

#recipe a:hover,
#recipe a:focus,
#recipe a:active {
  color: #B62449;
  text-decoration: underline;
}

/** Content/Inhalt (#content)
---------------------------------------------------------- */
div#content {
  margin: 0px 265px 0px 0px;
  padding: 60px 20px 20px 20px;
}

div#content {
  /* Behebt den 3-Pixel-Textsprung-Bug und andere Bugs im IE 6 */
  height: 1%;
}

#content h2 {
  color: #133A28;
  font-size: 1em;
  background-color: transparent;
}

#conten p {
}

#conten strong {
}

#content a {
  color: #B62449;
  text-align: left;
  text-decoration: none;
}

#content a:hover,
#content a:focus,
#content a:active {
  color: #B62449;
  text-decoration: underline;
}

/* tabellen im conten*/
table#content {
  /*border-collapse: collapse;*/
  empty-cells: hide;
  border: 0px;
}

#content th {
  border: 0px;
  color: #595A54;
  background-color: transparent;
  padding: .5em 1em;
  font-weight: bold;
}

#content td {
  border: 0px;
  color: #595A54;
  background-color: transparent;
  padding: .5em 1em;
}

#content caption {
  color: #595A54;
  background-color: transparent;
  font-size: 1.3em;
  padding: 1em 0 .7em 0;
  font-weight: bold;
}

.product {
  background-color: #eac89a;
}

.distributor {
  background-color: #eac89a;
}

.link {
  background-color: #eac89a;
}

/** Fusszeile (#footer)
---------------------------------------------------- */
div#footer {
  color: #595A54;
  background-color: transparent;
  font-size: .9em;
  text-align: left;
  margin: 0px;
  padding: 0px;
  clear: both;
}

div#footer_menu {
  color: #595A54;
  background-color: transparent;
  font-size: .9em;
  text-align: left;
  margin: 0px;
  padding: 5px 20px;
/*  clear: both;*/
}

div#footer_image {
  margin: 0px;
  padding: 50px 20px 0px 100px;
 /* align: left;*/
/*  clear: both;*/
}

/*** Fusszeilen Menu (#footer_menu)
---------------------------------------------------- */
#footer_menu ul,
#footer_menu li {
  color: #595A54;
  background-color: transparent;
  font-size: 1.1em;
  text-transform: uppercase;
  float: left;
  list-style: none;
/*
  padding: .2em 1em;
  margin: .8em 0;*/
}

#footer_menu a {
  color: #595A54;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: none;
}
#footer_menu a:hover,
#footer_menu a:focus {
  color: #595A54;
  background-color: transparent;
  text-transform: uppercase;
  text-decoration: underline;
}


/* Allgemeine Einstellungen
---------------------------------------------------- */

div#counter {
  margin-left: 1em;
}

/* Schriftgroesse kontrollieren */
body, td, th {
  font: normal 80% Verdana, sans-serif;
}
td, th {
 font-size: 100%;
}

/* koennte man wieder raus nehemen, damit die ubersch. gro wird. */
h1 {
  font-size: 1.5em;
  margin: 0 0 1.5em 0;
}

/* Abs�tze */
  p {
  margin: .8em 0;
}

/* Innere und Aeussere Abstaende sowie Rahmen */

/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* Verlinkte Bilder stets ohne Rahmen */
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}

/* Standardmaessig nicht sichtbare Inhalte zur Erleichterung der
Orientierung mit assistiven Technologien */
.invisible {
  position: absolute;
  left: -9999px;
}

/* http://jendryschik.de/wsdev/einfuehrung/eigenschaften/boxmodell */