<!--

/* - - - Body-Einstellungen - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body
{
  color:        black;
  background:   #000010;
  font-size:    100.00%;
  font-family:  Arial;
  margin:       0px; 
  min-width:    40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

strong
{
  font-weight:  bold;
}

a:link { color: #000000; }

/* ----- Clear für floats ---------------------------------------------------------------------- */
.clearleft  {clear:left; }
.clearright {clear:right; }
.clearboth  {clear:both; }


.ES1-starth1
{
  display:      block;
  width:        590px;
  margin:       2px 10px 2px 100px;
  padding:      8px 10px 2px 10px;
  font-size:    14pt;
  font-weight:  bold;
}

.ES1-starth2
{
  display:      block;
  width:        590px;
  margin:       2px 10px 2px 20px;
  padding:      10px 10px 4px 10px;
  font-size:    12pt;
}

.ES1-startli       { display:block; width:520px; margin:0px 10px 0px 150px; padding:6px 10px 6px 10px; font-size:12pt; background: #FFFFFF; border:#FFFFFF 1px solid; }
.ES1-startli:hover { display:block; width:520px; margin:0px 10px 0px 150px; padding:6px 10px 6px 10px; font-size:12pt; background: #F0F0F0; border:#808080 1px solid; }

.ES1-Wunschzeile
{
  display:      block;
  width:        698px;
  margin:       0px 0px 0px 14px;
  padding:      4px 0px 4px 0px;
  font-size:    14pt;
  font-weight:  bold;
  color:        blue;
  background:   #FFC800;
  text-align:   center;
}


/* ===== Seiteneinstellungen ============================================================= */
div#ES1-Seite
{
  width:       984px;
  margin:      auto;
  border:      none;
  background:  #E0E0E0;
}


/* ===== Kopfeinstellungen =============================================================== */
div#ES1-Seitenkopf
{
  width:      984px;
  height:     100px;
  border:     none;
  background: white;
}

.ES1-Seitenkopf-links  { float:left; width:100px; margin:0px; border:none; padding: 0px; height:100px; } 
.ES1-Seitenkopf-mitte  { float:left; width:784px; margin:0px; border:none; padding: 0px; height:100px; } 
.ES1-Seitenkopf-rechts { float:left; width:100px; margin:0px; border:none; padding: 0px; height:100px; } 

/* - - - Menüzeilen, Kopfbereich und Orientierung - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ES1-Menueleiste
{
  width:       784px;
  height:      18px;
  text-align:  center;
  padding:     0px;
  border:      none;
  margin:      0px;
  font-size:   9pt;
  font-weight: normal;
}
.ES1-mzaktiv             { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; text-decoration:none;  background-color:#FFFFFF; color:#000000; } 
.ES1-mzaktiv:hover       { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; text-decoration:none;  background-color:#FFFFFF; color:#000000; } 
.ES1-mznormal_ohne       { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; text-decoration:none;  background-color:#E0FFE0; color:#000000; } 
.ES1-mznormal            { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; text-decoration:none;  background-color:#E0FFE0; color:#000000; } 
.ES1-mznormal:hover      { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; text-decoration:none;  background-color:#017B64; color:#FFFFFF; } 
.ES1-mznormal-rot        { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; font-weight: bold; text-decoration:blink; background-color:#C0FFC0; color:#FF0000; } 
.ES1-mznormal-rot:hover  { display:inline-block; width:98px; height:18px; border:none; padding:0px; margin:0px; font-weight: bold; text-decoration:blink; background-color:#017B64; color:#FF0000; } 

.ES1-Kopf-abstand
{
  width:      784px;
  height:     9px;
  padding:    0px;
  border:     none;
  margin:     0px;
  font-size:  4pt;
}
.ES1-Kopf-mitte
{
  width:            784px;
  height:           46px;
  padding:          0px;
  border:           none;
  margin:           0px;
  font-size:        8pt;
  font-weight:      normal;
  text-decoration:  none;
  vertical-align:   middle;
  background-color: #017B64;
  color:            #FFFFFF;}

.ES1-Kopf-feld0 { float:left; width:  9px; height:46px; padding:0px; border:0px; margin:0px; background-color:white;} 
.ES1-Kopf-feld1 { float:left; width:460px; height:46px; padding:0px; border:0px; margin:0px; text-align:center; } 
.ES1-Kopf-feld2 { float:left; width:150px; height:46px; padding:0px; border:0px; margin:0px; text-align:left; } 
.ES1-Kopf-feld3 { float:left; width: 30px; height:46px; padding:0px; border:0px; margin:0px; text-align:left; } 
.ES1-Kopf-feld4 { float:left; width:126px; height:46px; padding:0px; border:0px; margin:0px; text-align:left; } 

/* - - - Orientierung - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#ES1-Kopf-HSS1 {              width:600px; height:16px; padding:0px; border:none; margin:0px; text-align:left;  font-size:8pt; } 
div#ES1-Kopf-HSS2 { float:right; width:184px; height:16px; padding:0px; border:none; margin:0px; text-align:right; font-size:8pt; } 


/* ===== Rumpfeinstellungen ============================================================== */
div#ES1-Seitenrumpf
{
  width:      984px;
  padding:    0px;
  border:     none;
  margin:     0px;
}

div#ES1-Seitenrumpf-links
{
  float:      left;
  width:      738px;
  min-height: 400px;
  padding:    0px;
  border:     none;
  margin:     0px;
}

div#ES1-Seitenrumpf-rechts
{
  float:      left;
  width:      246px;
  min-height: 400px;
  padding:    0px;
  border:     none;
  margin:     0px;
}

.ES1-Rumpf-Bild-rechts
{
  float:        right;
  margin:       0px;
  padding:      6px 0px 6px 6px;
  text-align:   right;
}

.ES1-Rumpf-Text-links
{
  padding:      4px 0px 4px 0px;
  text-align:   justify;
}


/* ----- Menü rechts --------------------------------------------------------------------- */
div#ES1-Menuerechts
{
  width:        246px;
  border:       none;
  text-align:   center;
  font-size:    10pt;
}
.ES1-MR-aktiv            { display:block; width:236px; padding:6px 0px; border:#808080 1px solid; margin:0px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#E0FFE0; color:#000000; } 
.ES1-MR-normal           { display:block; width:236px; padding:6px 0px; border:#808080 1px solid; margin:0px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#FFFFFF; color:#000000; } 
.ES1-MR-normal:hover     { display:block; width:236px; padding:6px 0px; border:#000000 1px solid; margin:0px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#F0F0F0; color:#000000; } 

.ES1-MR-big-aktiv        { display:block; width:236px; font-size:12pt; padding:6px 0px; border:#808080 1px solid; margin:0px 2px 4px 4px; font-weight:bold; text-decoration:none; background-color:#FFFFC0; color:#000000; } 
.ES1-MR-big-normal       { display:block; width:236px; font-size:12pt; padding:6px 0px; border:#808080 1px solid; margin:0px 2px 4px 4px; font-weight:bold; text-decoration:none; background-color:#FFFFFF; color:#000000; } 
.ES1-MR-big-normal:hover { display:block; width:236px; font-size:12pt; padding:6px 0px; border:#000000 1px solid; margin:0px 2px 4px 4px; font-weight:bold; text-decoration:none; background-color:#F0F0F0; color:#000000; } 

.ES1-MRA-aktiv           { display:block; width:236px; padding:6px 0px; border:#808080 1px solid; margin:8px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#E0FFE0; color:#000000; } 
.ES1-MRA-normal          { display:block; width:236px; padding:6px 0px; border:#808080 1px solid; margin:8px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#FFFFFF; color:#000000; } 
.ES1-MRA-normal:hover    { display:block; width:236px; padding:6px 0px; border:#000000 1px solid; margin:8px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#F0F0F0; color:#000000; } 

.ES1-MR2-aktiv           { display:block; width:220px; padding:2px 0px; border:#808080 1px solid; margin:0px 4px 2px 20px; font-weight:normal; text-decoration:none; background-color:#E0FFE0; color:#000000; } 
.ES1-MR2-normal          { display:block; width:220px; padding:2px 0px; border:#808080 1px solid; margin:0px 4px 2px 20px; font-weight:normal; text-decoration:none; background-color:#FFFFFF; color:#000000; } 
.ES1-MR2-normal:hover    { display:block; width:220px; padding:2px 0px; border:#000000 1px solid; margin:0px 4px 2px 20px; font-weight:normal; text-decoration:none; background-color:#F0F0F0; color:#000000; } 

.ES1-MR-rot-aktiv        { display:block; width:230px; padding:6px 0px; border:#C00000 4px solid; margin:0px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#E0FFE0; color:#000000; } 
.ES1-MR-rot-normal       { display:block; width:230px; padding:6px 0px; border:#C00000 4px solid; margin:0px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#FFFFFF; color:#000000; } 
.ES1-MR-rot-normal:hover { display:block; width:230px; padding:6px 0px; border:#FF0000 4px solid; margin:0px 4px 2px 4px; font-weight:bold; text-decoration:none; background-color:#F0E8E8; color:#000000; } 

.ES1-MR-text             { width:238px; padding:6px 0px; border:none; margin:0px 4px 2px 4px; font-weight:normal; text-decoration:none; } 

/* ----- Infobereich links --------------------------------------------------------------- */
/* ----- äußere Breite: 738 - nutzbare Breite: 726 --------------------------------------- */
div#ES1-Infolinks
{
  width:            726px;
  margin:           0px;
  padding:          4px;
  min-height:       400px;
  border:           white 2px solid;
  background:       white;
  font-size:        10pt;
  background-color: white;
  color:            black;
}

div#ES1-Infolinks-error
{
  width:        726px;
  margin:       0px 246px 0px 0px;
  padding:      4px;
  min-height:   400px;
  border:       red 2px solid;
  background:   white;
  font-size:    10pt;
  text-align:   center;
}

/* - - - Überschriften im linken Info-Bereich  - - - - - - - - - - - - - - - - - - - - - - */
/* - - - äußere Breite: 726 - nutzbare Breite: 724 - - - - - - - - - - - - - - - - - - - - */
.ES1-Info-Titel              { width:724px; margin:0px; border: #000000 1px solid; padding:0px 0px 0px 0px; text-align:center; font-size:12pt; font-weight:bold; text-decoration:none; } 
.ES1-Info-Titel-Sage         { width:724px; margin:0px; border: #000000 1px solid; padding:0px 0px 0px 0px; text-align:center; font-size:12pt; font-weight:bold; text-decoration:none; } 
.ES1-Info-Titel-ganz         { width:724px; margin:0px; border: #000000 1px solid; padding:4px 0px 4px 0px; text-align:center; font-size:12pt; font-weight:bold; text-decoration:none; background-color: #E0E0E0} 

.ES1-Info-Titel-links        { display:inline-block; width:608px; margin:0px 0px 0px 0px; border:0px; padding:4px 4px 4px 4px; text-align:left;   vertical-align:middle; font-size:12pt; font-weight:bold;   text-decoration:none; background-color: #E0E0E0; color:#000000; } 
.ES1-Info-Titel-links-center { display:inline-block; width:608px; margin:0px 0px 0px 0px; border:0px; padding:4px 4px 4px 4px; text-align:center; vertical-align:middle; font-size:12pt; font-weight:bold;   text-decoration:none; background-color: #E0E0E0; color:#000000; } 
.ES1-Info-Titel-pdf          { display:inline-block; width:100px; margin:0px 0px 0px 0px; border:0px; padding:4px 4px 4px 4px; text-align:right;  vertical-align:middle; font-size:12pt; font-weight:normal;                       background-color: #E0E0E0; color:#000000; } 

.ES1-T-sage-logo         { display:inline-block; width:80px;  height:30px; text-align:center; vertical-align:middle; font-family:Arial; font-size:12pt; padding:0px; margin:0px; font-weight:bold; text-decoration:none; background-color: #E0E0E0; color:#000000; border:0px; } 
.ES1-T-sage-text         { display:inline-block; width:556px; height:20px; text-align:center; vertical-align:middle; font-family:Arial; font-size:12pt; padding:4px; margin:0px; font-weight:bold; text-decoration:none; background-color: #E0E0E0; color:#000000; border:0px; } 


/* ===== Seiten-Fuss-Einstellungen ======================================================= */
div#ES1-Seitenfuss
{
  width:       984px;
  height:      65px;
  margin:      8px 0px 0px 0px;
  text-align:  center;
  font-weight: normal;
  background:  #E0E0E0;
}

div#ES1-Seitenfuss-links
{
  float:        left;
  width:        738px;
  padding:      4px 0px;
}

div#ES1-Seitenfuss-rechts
{
  float:        left;
  width:        246px;
}

.ES1-Fuss-A1
{
  height: 20px;
  background: #E0E0E0;
  padding: 4px;
  text-align: center;
  font-weight: bold;
}

.ES1-Fuss-A2
{
  height: 20px;
  background: #E0E0E0;
  padding: 4px;
  text-align: center;
  font-weight: normal;
}


.ES1-Infotext-zentriert   { text-align:center; } 

.ES1-S1-Text              { width:726px; padding:0px; border:none; margin:0px; } 
.ES1-S1-Text-links        { display:inline-block; float:left; width:342px; margin:0px 3px 0px 8px; padding:4px; text-align:justify; border:#FFFFFF 1px solid; } 
.ES1-S1-Text-links:hover  { display:inline-block; float:left; width:342px; margin:0px 3px 0px 8px; padding:4px; text-align:justify; border:#808080 1px solid; } 
.ES1-S1-Text-rechts       { display:inline-block; float:left; width:342px; margin:0px 8px 0px 3px; padding:4px; text-align:justify; border:#FFFFFF 1px solid; } 
.ES1-S1-Text-rechts:hover { display:inline-block; float:left; width:342px; margin:0px 8px 0px 3px; padding:4px; text-align:justify; border:#808080 1px solid; } 


/* --- Formulare ----------------------------------- --- */
.ES1-Formulartext
{
  padding:     2px 4px 2px 4px;
  text-align:  justify;
  background:  white;
}

.ES1-Formulartext-A
{
  border-top:       #000000 1px solid;
  margin-top:       8px;
  padding:          2px 0px 2px 0px;
  font-weight:      bold;
  background-color: #F0F0F0;
}
.ES1-Formulartext-A-links
{
  display:     inline-block;
  width:       626px;
}
.ES1-Formulartext-A-rechts
{
  display:     inline-block;
  width:       100px;
  text-align:  right;
  font-weight: normal;
}

.ES1-Formulartext-B
{
  padding:     2px 0px 2px 0px;
  font-weight: normal;
}

.ES1-Formulartext-B-fett
{
  padding:     2px 0px 2px 0px;
  font-weight: bold;
}

.ES1-Formulartext-B-zentriert
{
  padding:     2px 0px 2px 0px;
  font-weight: normal;
  text-align:  center;
}

.ES1-Formularzelle
{
  background:  white;
}

.ES1-Formularzelle-links
{
  float:       left;
  width:       160px;
  padding:     2px 0pc 2px 4px;
}

.ES1-Formularzelle-rechts
{
  padding:     2px 0pc 2px 0px;
}


/* - - - Auswahlmenü auf der Partnerseite - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ES1-M2-links        { display:block; margin:4px 0px 4px 0px; border: #F0F0F0 2px solid; padding:0px; text-align:left; font-family:Arial; font-size:10pt; font-weight:normal; text-decoration:none; background-color:#FFFFFF; color:#000000; } 
.ES1-M2-links:hover  { display:block; margin:4px 0px 4px 0px; border: #808080 2px solid; padding:0px; text-align:left; font-family:Arial; font-size:10pt; font-weight:normal; text-decoration:none; background-color:#F0F0F0; color:#000000; } 

.ES1-M2-links-A      { display:inline-block; float:left; width:250px; text-align:left; font-family:Arial; font-size:10pt; padding:6px; margin:0px; font-weight:bold; } 
.ES1-M2-links-B      { display:inline-block; text-align:left; font-family:Arial; font-size:10pt; padding:6px; margin:0px; font-weight:normal; } 

/* - - - Auswahlmenü auf der Produktseite - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ES1-M3-links        { display:block; text-align:left; font-family:Arial; font-size:10pt; padding:4px; margin:0px 0px 4px 0px; font-weight:normal; text-decoration:none; background-color:#FFFFFF; color:#000000; border: #F0F0F0 2px solid; } 
.ES1-M3-links:hover  { display:block; text-align:left; font-family:Arial; font-size:10pt; padding:4px; margin:0px 0px 4px 0px; font-weight:normal; text-decoration:none; background-color:#F0F0F0; color:#000000; border: #808080 2px solid; } 

.ES1-WB-Ortschaft        { text-align:left; font-family:Arial; font-size:10pt; padding:4px; margin:0px; font-weight:bold; text-decoration:underline; } 
.ES1-WB-Punkt            { text-align:left; font-family:Arial; font-size:10pt; padding:4px 4px 4px 20px; margin:0px; font-weight:normal; text-decoration:none; } 


/* ----- Rezepte ------------------------------------------------------------------------------- */
.ES1-Rezept-Bilder
{
  float:      left;
  width:      308px;
  padding:    12px 6px 0px 0px;
  text-align: center;
}

.ES1-Rezept-Text
{
  margin-left: 314px;
  padding:     12px 6px 6px 6px;
}

.ES1-Grossbild
{
  padding:     6px 0px 0px 0px;
}

/* - - - Die aktuellen Programmstände von Sage - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ES1-PST-Zeile-oben
{
  width:            724px;
  background-color: #E0E0E0;
  color:            black;
  font-size:        10pt;
  font-weight:      bold;
  text-align:       center;
  padding:          2px 0px 2px 0px;
  border:           black 1px solid;
}

.ES1-PST-Zeile-aktuell
{
  width:            724px;
  background-color: #F0FFE8;
  font-size:        10pt;
  font-weight:      normal;
  border-top:       black 0px solid;
  border-right:     black 1px solid;
  border-bottom:    black 1px solid;
  border-left:      black 1px solid;
}

.ES1-PST-Zeile-mitte
{
  width:            724px;
  background-color: white;
  font-size:        10pt;
  font-weight:      normal;
  border-top:       black 0px solid;
  border-right:     black 1px solid;
  border-bottom:    black 1px solid;
  border-left:      black 1px solid;
}

.ES1-PST-programm    { display:inline-block; width:200px;  text-align:left; padding:2px 0px 2px 10px; margin:0; text-decoration:none; } 
.ES1-PST-stand       { display:inline-block; width:200px;  text-align:left; padding:2px 0px 2px  0px; margin:0; text-decoration:none; } 
.ES1-PST-datum       { display:inline-block; width:100px;  text-align:left; padding:2px 0px 2px  0px; margin:0; text-decoration:none; } 
.ES1-PST-aktuell     { display:inline-block; width:214px;  text-align:left; padding:2px 0px 2px  0px; margin:0; text-decoration:none; } 

/* - - - Schnelländerungen im Standard - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ES1-SASTD-oben
{
  width:         716px;
  margin-top:    4px;
  padding:       2px 4px 2px 4px;
  background:    #E0E0E0;
  color:         black;
  font-size:     10pt;
  font-weight:   bold;
  border-top:    black 1px solid;
  border-right:  black 1px solid;
  border-bottom: black 0px solid;
  border-left:   black 1px solid;
}

.ES1-SASTD-mitte
{
  width:         716px;
  padding:       0px 4px 0px 4px;
  background:    white;
  color:         black;
  font-size:     10pt;
  font-weight:   normal;
  border-top:    black 0px solid;
  border-right:  black 1px solid;
  border-bottom: black 0px solid;
  border-left:   black 1px solid;
}

.ES1-SASTD-unten
{
  width:         716px;
  padding:       0px 4px 0px 4px;
  background:    white;
  color:         black;
  font-size:     10pt;
  font-weight:   normal;
  border-top:    black 0px solid;
  border-right:  black 1px solid;
  border-bottom: black 1px solid;
  border-left:   black 1px solid;
}

.ES1-SASTD-links    { display:inline-block; width:616px; text-align:left;                        padding:2px 0px 2px 0px; margin:0; } 
.ES1-SASTD-rechts   { display:inline-block; width:100px; text-align:center; font-weight: normal; padding:2px 0px 2px 0px; margin:0; } 


-->