html * 
 {
  margin: 0;
  padding: 0;
 }
 
html { height: 100%; }  
 
body
 {
  height: 100%;
  font-size: 100.01%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  background: #2c7520;
 }
 
 
 
/******************************************************************************/
/***** Start: Definition globaler Klassen *************************************/
/******************************************************************************/ 

.ausgeblendet { display: none; } 
 
.linksFluss  { float: left; }
.rechtsFluss { float: right; }
 
.beendeFluss { clear: both; } 
 
.ohneRand { border: 0; } 
.mitRand  { margin: 0px 15px 5px 0px; } 
 
.mitLinieOben  { margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px; border-top: 1px dashed #bbbbbb; }
.mitLinieUnten { margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px; border-bottom: 1px dashed #bbbbbb; }
 
  
  
  
  

 
/******************************************************************************/
/***** Start: Gestaltung des Grundgeruestes ***********************************/
/******************************************************************************/  
 
div#layout_container
 {
  margin: 0 auto;
  position: relative;
  min-height: 100%; 
  width: 1100px;
  background: url(../bilder/hintergrund/koerper.jpg) left repeat-y;  
 }  
 
div#kopf
 {
  margin: 0 auto;
  width: 1100px;
  height: 244px;
  position: relative;
  background: url(../bilder/hintergrund/kopf.jpg) top left no-repeat;
 } 

div#hauptmenue_container
 {  
  margin: 0 auto;
  background: url(../bilder/hintergrund/hauptmenue_container.jpg) top left repeat-y; 
  padding: 0px 134px 0px 125px;
  min-height: 33px;
 }  
 
div#hauptmenue_kopf
 {
  margin: 0 auto;
  width: 841px;
  height: 2px;
  background: url(../bilder/hintergrund/hauptmenue_kopf.jpg) bottom left no-repeat;
 } 
 
div#hauptmenue
 {
  margin: 0 auto;
  width: 841px;  
  background: url(../bilder/hintergrund/hauptmenue_koerper.jpg) bottom left no-repeat #ffffff;
 } 

div#hauptmenue_fuss 
 {
  width: 841px;
  height: 6px;
  margin: 0px 0px 0px 0px;
  background: url(../bilder/hintergrund/hauptmenue_fuss.jpg) top left no-repeat;
 }
 
div#koerper 
 {
  width: 1100px;
  margin: 0px auto;
 } 
 
div#koerper_oben
 {
  min-height: 381px;
  background: url(../bilder/hintergrund/koerper_oben.jpg) top left no-repeat;
  position: relative;
  padding-bottom: 257px;
 }
 
div#koerper_oben_links
 {
  float: left;
  width: 510px;
  margin: 65px 0px 0px 170px;
  color: #5d5d5d;
 }

div#koerper_oben_rechts
 {
  float: right; 
  width: 255px;
  margin: 13px 134px 0px 0px;
  color: #787878;
 } 
 
div#koerper_unten
 {
  margin: 0 auto;
  height: 257px;
  background: url(../bilder/hintergrund/koerper_unten.jpg) top center no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%; 
 } 
 
 
 
 
 
/******************************************************************************/
/***** Start: Gestaltung der Elemente im Kopfbereich **************************/
/******************************************************************************/  

h1#ueberschrift
 {
  position: absolute;
  top: 130px;
  left: 535px;
 }
 
 
div#bilderwechsel 
 {
  position: absolute;
  top: 13px;
  left: 125px;  
 }
 
/***** Start: Gestaltung des Schnellmenues (Impressum, Kontakt, etc.) *********/
div#schnellmenue ul
 {
  position: absolute;
  top: 10px;
  right: 135px;
  list-style: none;
 }
 
div#schnellmenue ul li
 {
  display: inline;
 } 
 
div#schnellmenue ul a         
 { 
  color: #ffffff; 
  text-decoration: none; 
  font-size: 0.7em;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 0px;  
  border-right: 1px solid #c9d5b9; 
 }     
div#schnellmenue ul a:link    { color: #ffffff; text-decoration: none; }
div#schnellmenue ul a:visited { color: #ffffff; text-decoration: none; }
div#schnellmenue ul a:focus   { color: #000000; text-decoration: underline; background: #fddc79; }
div#schnellmenue ul a:hover   { color: #000000; text-decoration: underline; }
div#schnellmenue ul a:active  { color: #000000; text-decoration: underline; }	 
 
 
/***** Start: Gestaltung des Menues zur Schriftgroesseneinstellung ************/
ul#schriftmenue
 {
  position: absolute;
  top: 58px;
  right: 155px;
  list-style: none;
 }
 
ul#schriftmenue li
 {
  display: inline;
 } 
 
ul#schriftmenue li a
 {
  font-size: 0.7em;
  margin: 0px 3px 0px 3px;
 } 
 
div#schriftmenue ul a:link    { color: #000000; text-decoration: none; }
div#schriftmenue ul a:visited { color: #000000; text-decoration: none; }
div#schriftmenue ul a:focus   { color: #000000; text-decoration: underline; background: #fddc79; }
div#schriftmenue ul a:hover   { color: #000000; text-decoration: underline; }
div#schriftmenue ul a:active  { color: #000000; text-decoration: underline; }	 

 
 
 
 
 
/******************************************************************************/
/***** Start: Gestaltung des Hauptmenues **************************************/
/******************************************************************************/ 

/***** Start: Gestaltung des Hauptmenue und der Hauptmenuepunkte **************/
div#hauptmenue ul
 {
  list-style: none;
  padding: 0px 0px 0px 30px;
 } 
 
div#hauptmenue ul li
 {
  position: relative;
  float: left;
  /* width: 100px; */
  z-index: 50; 
  margin: 0px 0px 0px 0px;  
 }  
 
div#hauptmenue ul li a 
 { 
  font-size: 0.8em;
  color: #6f990d;
  display: block;
  font-weight: bold;  
  padding: 3px 8px 3px 8px;
  background: url(../bilder/hintergrund/hauptmenuepunkt_a_normal.jpg) bottom right repeat-x #ffffff; 
  margin: 0px 0px 0px 0px;
 } 
   
div#hauptmenue ul a:link    { color: #6f990d; text-decoration: none; }
div#hauptmenue ul a:visited { color: #6f990d; text-decoration: none; }
div#hauptmenue ul a:focus   { color: #c6750e; text-decoration: none; background: url(../bilder/hintergrund/hauptmenuepunkt_a_aktiv.jpg) bottom right repeat-x #ffffff;  }
div#hauptmenue ul a:hover   { color: #c6750e; text-decoration: none; background: url(../bilder/hintergrund/hauptmenuepunkt_a_aktiv.jpg) bottom right repeat-x #ffffff;  }
div#hauptmenue ul a:active  { color: #c6750e; text-decoration: none; background: url(../bilder/hintergrund/hauptmenuepunkt_a_aktiv.jpg) bottom right repeat-x #ffffff;  } 
 
 
/***** Start: Gestaltung des Untermenues und der Untermenuepunkte *************/ 
div#hauptmenue ul li ul
 {
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 0px 0px 0px 0px;
  z-index: 30;
  background: #ffffff;
  list-style: none;
  border: 3px solid #ffffff;
  background: #fddc78;
  width: 15em;
  opacity: 0.92;
 } 

div#hauptmenue ul li ul li 
 { 
  width: 100%; 
  margin: 1px 0px 0px 0px;
 }
 
div#hauptmenue ul li ul li a
 {
  font-size: 0.7em;
  font-weight: bold;
  padding-left: 20px;
  background: url(../bilder/hintergrund/untermenuepunkt_pfeil_normal.png) center left no-repeat #feeaa9;
  display: block;
  color: #f88d05;
 } 
 
div#hauptmenue ul li ul li a:link    { color: #f88d05; text-decoration: none; }
div#hauptmenue ul li ul li a:visited { color: #f88d05; text-decoration: none; }
div#hauptmenue ul li ul li a:focus   { color: #000000; text-decoration: none; background: url(../bilder/hintergrund/untermenuepunkt_pfeil_aktiv.png) center left no-repeat #fddc79; }
div#hauptmenue ul li ul li a:hover   { color: #000000; text-decoration: none; background: url(../bilder/hintergrund/untermenuepunkt_pfeil_aktiv.png) center left no-repeat #fddc79; }
div#hauptmenue ul li ul li a:active  { color: #000000; text-decoration: none; background: url(../bilder/hintergrund/untermenuepunkt_pfeil_aktiv.png) center left no-repeat #fddc79; }  
 

 
 
/****** Start: Ein- und Ausblenden des Untermenues ****************************/
div#hauptmenue ul li:hover ul { display: block; }
div#hauptmenue ul li ul { display: none; }
/****** Ende: Ein- und Ausblenden des Untermenues *****************************/ 









/******************************************************************************/
/***** Start: Gestaltung der Elemente im Koerperbereich (oben) ****************/
/******************************************************************************/ 

div#koerper_oben h2
 {
  position: absolute;
  top: 37px;
  left: 155px;
  height: 22px;  
  padding: 4px 20px 0px 10px;
  /* font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,Helvetica, sans-serif; */
  font-size: 0.8em;
  color: #ffffff;
  font-weight: bold;
  background: url(../bilder/hintergrund/koerper_oben_h2.png) bottom right no-repeat #8dbf16; 
 }

div#koerper_oben a         { color: #82b411; text-decoration: none; } 
div#koerper_oben a:link    { color: #82b411; text-decoration: none; }
div#koerper_oben a:visited { color: #82b411; text-decoration: none; }
div#koerper_oben a:focus   { color: #82b411; text-decoration: underline; }
div#koerper_oben a:hover   { color: #82b411; text-decoration: underline; }
div#koerper_oben a:active  { color: #82b411; text-decoration: underline; }  
 

 
 
/******************************************************************************/
/***** Start: Gestaltung der Elemente im Koerperbereich (links) ***************/
/******************************************************************************/ 
div#koerper_oben_links h3 
 {
  font-size: 1.3em;
  margin: 15px 0px 20px 0px;
  font-weight: normal;
 }
 
div#koerper_oben_links h4
 {
  font-size: 1.1em;
  font-weight: normal;
  margin: 10px 0px 10px 0px; 
 }
 
div#koerper_oben_links h5
 {
  font-size: 0.9em;
  font-weight: bold;
  margin: 10px 0px 10px 0px; 
  color: #82B411;
 } 
 
div#koerper_oben_links h6
 {
  font-size: 1em;
  font-weight: normal;
  margin: 5px 0px 10px 0px; 
  color: #82b411; 
 }  

div#koerper_oben_links hr
 {
  height: 1px; 
  background: #cccccc;
  border: 0;
 } 
 
div#koerper_oben_links p
 {
  font-size: 0.8em;
  line-height: 1.3em;
  margin: 8px 0px 8px 0px;
 } 
 
div#koerper_oben_links ul, ol
 {
  font-size: 0.8em;
  margin: 10px 0px 10px 25px;
 }  

div#koerper_oben_links table
 {
  border-spacing: 1px;
  margin: 8px 0px 8px 0px;
  border: 1px solid #cfcfcf;
 } 
 
div#koerper_oben_links table tr { background: #ebf2f2; }
div#koerper_oben_links table th { font-size: 0.8em; padding: 2px; font-weight: bold; text-align: left; vertical-align: middle; }
div#koerper_oben_links table td { font-size: 0.8em; padding: 2px; } 
 
 
div#koerper_oben_links table.einfach { border: 0; }
div#koerper_oben_links table.einfach tr { background: #ffffff; }
div#koerper_oben_links table.einfach th { }
div#koerper_oben_links table.einfach td { }  

div#koerper_oben_links table.infozentrum { border: 0; }
div#koerper_oben_links table.infozentrum tr { background: #ffffff; }
div#koerper_oben_links table.infozentrum th { }
div#koerper_oben_links table.infozentrum td { text-align: justify; }  
div#koerper_oben_links table.infozentrum td img { border: 2px solid #f0f8eb; }
 
/***** Start: Tabelle der Oeffnungszeiten *************************************/ 
div#koerper_oben_links table#tabelle_oeffnungszeiten 
 {
  border: 2px solid #f0f8eb;
  width: 100%;
  margin: 0 auto;
  border-spacing: 1px;
 }
 
div#koerper_oben_links table#tabelle_oeffnungszeiten tr { } 
div#koerper_oben_links table#tabelle_oeffnungszeiten tr.dunkelgrund { background: #dfefd5; } 
div#koerper_oben_links table#tabelle_oeffnungszeiten tr.hellgrund   { background: #f0f8eb; }  
  
div#koerper_oben_links table#tabelle_oeffnungszeiten th { font-size: 0.8em; padding: 3px; font-weight: bold;  margin: 1px 0px 1px 0px; } 
div#koerper_oben_links table#tabelle_oeffnungszeiten td { font-size: 0.8em; padding: 5px; font-weight: normal;  margin: 1px 0px 1px 0px;  }
 
div#koerper_oben_links table#tabelle_oeffnungszeiten tr.aktuell { background: #f3f1d5;  } 
div#koerper_oben_links table#tabelle_oeffnungszeiten tr.aktuell td { color: #000000; font-size: 1.1em; }
 
 
/***** Start: Standard-Artikel-Felder *****************************************/ 
div#koerper_oben_links div.ce_text 
 { 

 } 
 

  
 
/***** Start: Gestaltung des Kontaktformulars *********************************/ 
div#koerper_oben_links div#kontaktformular form
 {
  margin: 8px 0px 8px 0px;
 }
 
div#koerper_oben_links div#kontaktformular form fieldset
 {
  border: 1px solid #eeeeee;
  background: #f9f9f9;
  padding: 5px;
  margin: 5px 0px 5px 0px;
 } 
 
div#koerper_oben_links div#kontaktformular form legend
 {
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 10px;
  border: 1px solid #eeeeee;
  background: #f9f9f9;
  font-size: 0.7em;
  font-weight: bold;
 } 

 
div#koerper_oben_links div#kontaktformular form div.zeile 
 {
  margin: 3px 0px 3px 0px;
  clear: left;
 }  
 
div#koerper_oben_links div#kontaktformular form label
 {
  float: left;
  display: block;  
  width: 180px;
  font-size: 0.8em;
  font-weight: bold;
 }
 
div#koerper_oben_links div#kontaktformular div.error /* erscheint ggf. zwischen Label und Input-Feld */
 {
  float: left; 
  color: #ff0000;
  font-size: 0.8em;
 }  

div#koerper_oben_links div#kontaktformular form input.eingabefeld:focus { background-color: #fff8ce; color: #438710; border: 1px solid #69696f; }
div#koerper_oben_links div#kontaktformular form input.eingabefeld
 {
  border: 1px solid #cccccc;
  padding: 2px;
  font-size: 0.9em;
  width: 150px;
  float: right;
 } 
 
div#koerper_oben_links div#kontaktformular form input.text:focus { background-color: #fff8ce; color: #438710; border: 1px solid #69696f; }
div#koerper_oben_links div#kontaktformular form input.text
 {
  border: 1px solid #cccccc;
  padding: 2px;
  font-size: 0.9em;
  width: 150px;
  margin: 3px 0px 3px 0px;
 }  
 
div#koerper_oben_links div#kontaktformular form input.submit { display: block; clear: both; font-weight: bold; font-size: 0.8em; margin: 10px 0px 10px 0px; }
 
div#koerper_oben_links div#kontaktformular form input.captcha:focus { background-color: #fff8ce; color: #438710; border: 1px solid #69696f; }
div#koerper_oben_links div#kontaktformular form input.captcha
 {
  border: 1px solid #cccccc;
  padding: 2px;
  font-size: 0.9em;
  width: 150px;
  margin: 3px 0px 3px 0px;
 }  
 
div#koerper_oben_links div#kontaktformular form span.captcha_text 
 {
  display: block;
  font-size: 0.9em;
  margin: 3px 0px 3px 180px;
 } 
 
div#koerper_oben_links div#kontaktformular form textarea:focus { background-color: #fff8ce; color: #438710; border: 1px solid #69696f; } 
div#koerper_oben_links div#kontaktformular form textarea
 {
  width: 300px;
  height: 150px;
  border: 1px solid #cccccc;
  padding: 2px;
  font-size: 0.9em;
  font-family: Arial, Verdana, sans-serif;  
 } 
 
 
/***** Start: Zweispaltige Ansicht (Impressum, Kontakt)  **********************/
div#koerper_oben_links div.zweispalter
 {
  margin: 5px 0px 5px 0px;
 } 

div#koerper_oben_links div.zweispalter p { clear: left; } 
 
div#koerper_oben_links div.zweispalter p strong 
 { 
  display: block;
  float: left;
  width: 120px;
  font-weight: bold;
  text-align: left;
  margin: 0px 5px 0px 0px;
 } 
 
div#koerper_oben_links div.langerZweispalter p strong { width: 190px; float: left; }
 
 
/***** Start: Preisliste ******************************************************/
div#koerper_oben_links div.preisliste 
 {
  margin: 15px 0px 0px 0px;
  background: #ebf2f2;
  border: 1px solid #dddddd;
 } 
 
div#koerper_oben_links div.preisliste h3 
 {
  margin: 0;
  background: #dbe8eb;
  border-bottom: 1px solid #ffffff;
  padding: 3px 3px 3px 15px;
 }
 
div#koerper_oben_links div.preisliste h4 
 {
  margin: 10px 0px 5px 0px;
  padding: 5px 5px 5px 15px;
  background: #e4edee;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  font-size: 1em;
 }
 
 
div#koerper_oben_links div.preisliste .preise
 {
  margin: 5px 5px 5px 15px;
 } 
 
div#koerper_oben_links div.preisliste .preise strong 
 { 
  display: block;
  float: left;
  width: 200px;
  font-weight: normal;
  text-align: left;
  margin: 0px 5px 0px 0px;
 } 
 
 
/***** Start: Gestaltung der Bildergalerie in Typolight ***********************/
div#koerper_oben_links div.pagination
 {
  margin: 20px 0px 0px 0px;
  border-bottom: 1px solid #9bbfc8;
 }

div#koerper_oben_links p.pagination_gesamtseiten
 {
  background: url(../bilder/hintergrund/pagination_linksoben.png) top left no-repeat #79a9b5;
  width: 140px;
  float: left;
  color: #ffffff;
  padding: 0px 0px 0px 5px;
  margin: 0;
 }
 
div#koerper_oben_links p.pagination_gesamtseiten span
 {
  display: block;
  padding: 5px 0px 5px 5px;
  background: url(../bilder/hintergrund/pagination_rechtsoben.png) top right no-repeat #79a9b5;
  text-align: center;
 }
 
 
 
div#koerper_oben_links div.pagination ul 
 {
  list-style: none;
  float: right;
  width: 320px;
  margin: 0;
 } 
 
div#koerper_oben_links div.pagination ul li 
 { 
  display: block;
  float: left;
  border-right: 1px solid #79a9b5; 
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 8px; 
 } 

div#koerper_oben_links div.pagination ul li a         { color: #79a9b5; text-decoration: none; } 
div#koerper_oben_links div.pagination ul li a:link    { color: #79a9b5; text-decoration: none; }
div#koerper_oben_links div.pagination ul li a:visited { color: #79a9b5; text-decoration: none; }
div#koerper_oben_links div.pagination ul li a:focus   { color: #79a9b5; text-decoration: underline; }
div#koerper_oben_links div.pagination ul li a:hover   { color: #79a9b5; text-decoration: underline; }
div#koerper_oben_links div.pagination ul li a:active  { color: #79a9b5; text-decoration: underline; }
 
div#koerper_oben_links div.pagination span.current { font-size: 1.2em; font-weight: bold; }
 
 
 
div#koerper_oben_links table.bildergalerie
 {
  border-spacing: 1px;
  margin: 2px 0px 0px 0px;
  border: 0;
  background: #ffffff;
  width: 100%;
 } 
 
div#koerper_oben_links table.bildergalerie tr { background: #ffffff; }
 
div#koerper_oben_links table.bildergalerie td
 { 
  text-align: center; 
  padding: 0;
 }

div#koerper_oben_links table.bildergalerie td img
 {
  border: 1px solid #cfcfcf;
  background: #eeeeee;
  padding: 3px;
 } 
 
 
div.image_container 
 {
  margin: 0 auto;
  text-align: center;
 } 
 
div#koerper_oben_links div.galerie_fuss_aussen 
 {
  clear: both;
  margin: 0px 3px 0px 2px;
  font-size: 0;
  height: 8px;
  background: url(../bilder/hintergrund/bildergalerie_fuss.jpg) bottom left no-repeat #9bbfc8;
 }
 
div#koerper_oben_links div.galerie_fuss_innen
 {
  font-size: 0;
  height: 8px;
  width: 200px;
  float: right;
  background: url(../bilder/hintergrund/bildergalerie_fuss.jpg) bottom right no-repeat #9bbfc8;
  margin-left: 10px;
 } 
 
 
 
 
 
 
 
/******************************************************************************/
/***** Start: Gestaltung der Elemente im Koerperbereich (rechts) **************/
/******************************************************************************/ 
div#koerper_oben_rechts h5
 {
  padding: 0px 0px 0px 0px;
 }

div#koerper_oben_rechts p
 {
  font-size: 0.8em;
  margin: 5px 10px 5px 10px;
  line-height: 1.3em;
 } 
 
 
 
 
 
/******************************************************************************/
/***** Start: Gestaltung der Elemente im Koerperbereich (unten) ***************/
/******************************************************************************/ 
div#koerper_unten h6 
 {
  position: absolute;
  top: 85px;
  right: 145px;  
 }

div#koerper_unten a.linkMitSymbol { background: url(../bilder/hintergrund/koerper_unten_a.gif) center left no-repeat; }

div#koerper_unten a 
 { 
  color: #ffffff; 
  text-decoration: none; 
  font-size: 0.7em; font-weight: bold; 
  font-family: Arial, Verdana, sans-serif; 
  padding-left: 15px;
 } 
div#koerper_unten a:link    { color: #ffffff; text-decoration: none; }
div#koerper_unten a:visited { color: #ffffff; text-decoration: none; }
div#koerper_unten a:focus   { color: #fddc79; text-decoration: underline; background: #000000; }
div#koerper_unten a:hover   { color: #ffffff; text-decoration: underline; }
div#koerper_unten a:active  { color: #fddc79; text-decoration: underline; }

div#koerper_unten a#gruenfisch_fussgrafik
 {
  position: absolute;
  bottom: 43px;
  left: 246px;
  /*TODO1
  position: absolute;
  bottom: 0px;
  left: 0px;  
  width: 660px;
  height: 230px;
  */
 } 
/*TODO1
div#koerper_unten a#gruenfisch_fussgrafik img 
 { 
  position: absolute;
  bottom: 43px;
  left: 246px;   
 }
*/
 
div#koerper_unten #kivi_fussgrafik /* kann a oder p sein */
 {
  position: absolute;
  bottom: 27px;
  right: 209px;
  z-index: 1;
 }