/* allgemeines */
/* =========== */

/*
  1. Orange Rahmen: #FF6900
  2. Orange Content-BG: #FE9A2F
  3. Grau Content-BG: #CCCCCC
*/

body {
  color: #000000;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #000000;
}
a:visited {
  color: #000000;
}

.pagebody {
  background: #FF6900;
}


/* rahmen ganz aussen */
/* ================== */

.bglinks {
  background-image:url(img/bg_links.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 39px;
  height: 540px;
}

.bgoben {
  background-image:url(img/bg_oben.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  width: 941px;
  height: 40px;
}

.bgrechts {
  background-image:url(img/bg_rechts.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 41px;
  height: 538px;
}

.bgunten {
  background-image:url(img/bg_unten.gif);
  background-position: top right;
  background-repeat: no-repeat;
  width: 939px;
  height: 38px;
}

.homeline {
  padding-bottom: 0.8em;
  padding-left: 18px;
  font-size: 10px;
  float: left;
}
.homeline a.on {
  text-decoration: underline;
}
.homeline a:hover {
  text-decoration: underline;
}

.languageline {
  padding-bottom: 0.8em;
  /*padding-left: 18px;*/
  padding-right: 64px;
  font-size: 10px;
  float: right;
}

.languageline a:hover {
  text-decoration: underline;
}

.linkline {
  text-align: center;
  padding-top: 0.8em;
  padding-left: 58px;
  font-size: 10px;
}
.linkline a.on {
  text-decoration: underline;
}
.linkline a:hover {
  text-decoration: underline;
}


/* bildrahmen */
/* ========== */

.bild {
  float: left;
  padding: 0px;
  margin: 0px;
}

.produktbild a {
  background-position: right;
  background-repeat: no-repeat;
  background-color: #f9000f;
  width: 154px;
  height: 100px;
  float: left;
}
.produktbild a.off {
  background-image:url(img/produkt_off.gif);
}
.produktbild a.on {
  background-image:url(img/produkt_on.gif);
}
.produktbild a:hover {
  background-image:url(img/produkt_on.gif);
}

.pressebild a {
  background-position: right;
  background-repeat: no-repeat;
  background-color: #f9000f;
  width: 100px;
  height: 50px;
  float: left;
}
.pressebild a.off {
  background-image:url(img/presse_off.gif);
}
.pressebild a.on {
  background-image:url(img/presse_on.gif);
}
.pressebild a:hover {
  background-image:url(img/presse_on.gif);
}

.rezeptbild a {
  background-position: right;
  background-repeat: no-repeat;
  background-color: #8c37be;
  width: 100px;
  height: 70px;
  float: left;
}
.rezeptbild a.off {
  background-image:url(img/rezept_off.gif);
}
.rezeptbild a.on {
  background-image:url(img/rezept_on.gif);
}
.rezeptbild a:hover {
  background-image:url(img/rezept_on.gif);
}

.zubereitungbild a {
  background-position: right;
  background-repeat: no-repeat;
  background-color: #cf5200;
  width: 100px;
  height: 90px;
  float: left;
}
.zubereitungbild a.off {
  background-image:url(img/zubereitung_off.gif);
}
.zubereitungbild a.on {
  background-image:url(img/zubereitung_on.gif);
}
.zubereitungbild a:hover {
  background-image:url(img/zubereitung_on.gif);
}

.gastrobild a {
  background-position: right;
  background-repeat: no-repeat;
  background-color: #70266c;
  width: 104px;
  height: 100px;
  float: left;
}
.gastrobild a.off {
  background-image:url(img/gastro_off.gif);
}
.gastrobild a.on {
  background-image:url(img/gastro_on.gif);
}
.gastrobild a:hover {
  background-image:url(img/gastro_on.gif);
}

.indienbild a {
  background-position: right;
  background-repeat: no-repeat;
  background-color: #e2008a;
  width: 150px;
  height: 100px;
  float: left;
}
.indienbild a.off {
  background-image:url(img/indien_off.gif);
}
.indienbild a.on {
  background-image:url(img/indien_on.gif);
}
.indienbild a:hover {
  background-image:url(img/indien_on.gif);
}


/* mitte */
/* ===== */

.mainswf {
  width: 700px;
  height: 300px;
}

.mittespacertop {
  height: 20px;
}

.mittespacerlinks {
  float: left;
  width: 20px;
  height: 260px;
}

.mittelinks {
  float: left;
  width: 140px;
  height: 260px;
  /* das hintergrund-bild wird von subnavi() eingefuegt */
  background-position: top right;
  background-repeat: no-repeat;
}

.mittelinksoben {
  height: 10px;
  width: 140px;
  font-size: 10px;
}
.mittelinksinnenspacer {
  float: left;
  width: 5px;
  height: 240px;
}
.mittelinksinnen {
  float: left;
  /*overflow: auto;*/
  width: 130px;
  height: 240px;
  font-size: 10px;
}

.mittespacerbild {
  float: left;
  width: 15px;
  height: 260px;
}

.mittebild {
  float: left;
  width: 240px;
  height: 260px;
}

.mittespacerbildgross {
  float: left;
  width: 20px;
  height: 260px;
}

.mittebildgross {
  float: left;
  width: 390px;
  height: 260px;
}

.mittespacerbildgross2 {
  float: left;
  width: 5px;
  height: 260px;
}

.mittespacerrechts {
  float: left;
  width: 15px;
  height: 260px;
}

.mitterechts {
  float: left;
  width: 250px;
  height: 260px;
  /* das hintergrund-bild wird von contentstart() eingefuegt */
  background-position: bottom right;
  background-repeat: no-repeat;
}

.mitterechtsinnentop {
  height: 5px;
  width: 250px;
  font-size: 5px;
}
.mitterechtsinnenspacer {
  float: left;
  width: 10px;
  height: 240px;
}
.mitterechtsinnen {
  float: left;
  width: 240px;
  height: 240px;
  overflow: auto;
  font-size: 10px;
/*scrollbar-base-color:Wert;
  scrollbar-3dlight-color:Wert;
  scrollbar-arrow-color:Wert;
  scrollbar-darkshadow-color:Wert;
  scrollbar-face-color:Wert;
  scrollbar-highlight-color:Wert;
  scrollbar-shadow-color:Wert;
  scrollbar-track-color:Wert;
*/
}
.mitterechtsinnentext {
  padding-left: 0px;
  padding-right: 10px;
}
.mitterechtsinnen a {
  text-decoration: underline;
}
.mitterechtsinnen ol {
  padding-bottom: 0.5em;
  margin: 0px;
}
.mitterechtsinnen h2 {
  font-size: 14px;
  font-weight: bold;
}
.mitterechtsinnen td {
  font-size: 10px;
}

.mittespacerfull {
  float: left;
  width: 20px;
  height: 260px;
}

.mittefull {
  float: left;
  width: 660px;
  height: 260px;
  /* das hintergrund-bild wird von contentstart() eingefuegt */
  background-position: bottom right;
  background-repeat: no-repeat;
}

.mittefullinnentop {
  height: 5px;
  width: 660px;
  font-size: 5px;
}
.mittefullinnenspacer {
  float: left;
  width: 10px;
  height: 240px;
}
.mittefullinnen {
  float: left;
  width: 640px;
  height: 240px;
  overflow: auto;
  font-size: 10px;
/*scrollbar-base-color:Wert;
  scrollbar-3dlight-color:Wert;
  scrollbar-arrow-color:Wert;
  scrollbar-darkshadow-color:Wert;
  scrollbar-face-color:Wert;
  scrollbar-highlight-color:Wert;
  scrollbar-shadow-color:Wert;
  scrollbar-track-color:Wert;
*/
}
.mittefullinnentext {
  padding-left: 0px;
  padding-right: 10px;
}
.mittefullinnen a {
  text-decoration: underline;
}
.mittefullinnen ol {
  padding-bottom: 0.5em;
  margin: 0px;
}

.subnavi {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.subnavi li {
  padding-bottom: 1em;
}
.subnavi a.on {
  background-image:url(img/menueauswahl.gif);
  background-position: center right;
  background-repeat: no-repeat;
  font-weight: bold;
}
.subnavi a:hover {
  background-image:url(img/menueauswahl.gif);
  background-position: center right;
  background-repeat: no-repeat;
}

.highlighta a {
  text-decoration: none;
}
.highlighta a:hover {
  text-decoration: underline;
}


/* sitemap */
/* ======= */

.sitemap {
  padding-top: 1em;
}

.sitemap td {
  font-size: 10px;
  padding: 0px;
  margin: 0px;
}
.sitemap p {
  margin: 0px;
  padding-bottom: 1em;
}
.sitemap a {
  text-decoration: none;
}
.sitemap a:hover {
  text-decoration: underline;
}


/* impressum */
/* ========= */

.impressumbody {
  background-image:url(img/impressum_hg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #ff6900;
}

.impressumall {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.impressum {
  position: relative;
  width: 310px;
  height: 520px;
  left: 20px;
  top: 20px;
}

.impressum p {
  margin: 0px;
  padding-bottom: 1em;
}

.impressum h2 {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 30px;
  margin: 0px;
}

.impressum td {
  font-size: 10px;
  padding: 0px;
  margin: 0px;
}


/* kontaktformular */
/* =============== */

.kontaktbody {
  background-image:url(img/hg_kontakt.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #ff6c29;
}

.kontaktall {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.kontakt {
  position: relative;
  width: 320px;
  height: 550px;
  left: 20px;
  top: 20px;
}

.kontakt p {
  margin: 0px;
  padding-bottom: 0.5em;
}

.kontakt td {
  font-size: 10px;
  padding: 0px;
  padding-right: 1em;
  padding-top: 5px;
  margin: 0px;
}

.kontaktinput, .kontaktarea {
  background: white;
  border: 1px solid #b5194c;
}

.kontaktinput {
  width: 135px;
  height: 17px;
}

.kontaktarea {
  width: 310px;
  height: 80px;
}

.kontaktsubmit {
  background-position: top left;
  background-repeat: no-repeat;
  background-image:url(img/abschicken_off.gif);
  width: 86px;
  height: 20px;
  border: none;
  margin: 0px;
  padding: 0px;
  float: right;
}
.kontaktsubmit:hover {
  background-image:url(img/abschicken_on.gif);
}

.kontakterror {
  height: 45px;
  color: #b5194c;
  font-weight: bold;
}

.kontaktpflicht {
  float: right;
}

.kontakt a:hover {
  text-decoration: underline;
}


/* geschmackstest */
/* ============== */

.gtestbody1 {
  background-image:url(img/g_test_seite_1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #fff2bd;
  font-size: 12px;
}
.gtestbody2 {
  background-image:url(img/g_test_seite_2.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #fff2bd;
}


.gtestall {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.gtest {
  position: relative;
  width: 490px;
  height: 440px;
  padding-left: 30px;
}
.gtestspace {
  width: 490px;
  height: 110px;
}

.gtest1text {
  width: 490px;
  height: 180px;
}

.gtest1text2 {
  width: 490px;
  height: 70px;
  text-align: center;
  font-size: 10px;
}

.gtest2text {
  height: 145px;
  width: 490px;
}

.gtest2text2 {
  width: 490px;
  height: 255px;
}

.gtest2bedingungen {
  padding-left: 15px;
}

.gtest p {
  margin: 0px;
  padding-bottom: 1em;
}

.gtest td {
  font-size: 10px;
  padding: 0px;
  padding-right: 0px;
  padding-top: 5px;
  margin: 0px;
}

.gtest1title {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 15px;
}

.gtestinput {
  width: 135px;
  height: 17px;
  background: white;
  border: 1px solid #ef8500;
  margin-left: 1em;
}

.gtestarea {
  width: 400px;
  height: 110px;
  background: white;
}

.gtest1weiter {
  float: right;
}
.gtest1weiter input {
  border: none;
  width: 50px;
  border: none;
  margin: 0px;
  padding: 0px;
  background: none;
}
.gtest1weiter input:hover {
  text-decoration: underline;
}

.gtest2send {
  float: right;
}
.gtest2send input {
  border: none;
  width: 50px;
  border: none;
  margin: 0px;
  padding: 0px;
  background: none;
}
.gtest2send input:hover {
  text-decoration: underline;
}


.gtesterror {
  height: 45px;
  color: #ef8500;
  font-weight: bold;
}

.gtest a:hover {
  text-decoration: underline;
}