/*--- DIVs zur groben Ausrichtung ---*/

BODY
{
  /* anderes Bild auf Startseite */
  background-image: url(../html/picture/bodyback2.jpg) !important;
  background-position: center 0px;
  /* Wichtig, sonst funktioniert die folgende Zentrierung nicht korrekt */
  height: 100%;  
  width: 100%;  
  background-attachment: scroll;
  overflow-x: hidden;
}

DIV#bodycontent
{
  /* Spezielle Settings zum zentrierten Ausrichten von left/right,
     a) obere linke Ecke = Mittelpunkt Hintergrundbild
     b) Breite DIV = Breite Hintergrundbild  
     Die enthaltenen DIVS muessen anschliessend negativ um halbe Bildhoehe/breite positioniert werden
  */
  top: 320px;     
  left: 50%;    /* im BODY zentrieren */ 
  width: 10px;  /* genauer Wert nicht relevant */  
  height: 10px;  
  overflow: visible; /* wichtig */
}

DIV#navlinks
{ /* keine NAVLINKs auf Startseite */	
  visibility: hide; 
  visibility: hidden;
}

DIV#leftpanel
{ /* enthaelt Hauptmenue: pumps, spares und personal */	
  position: relative;
  top: -100px;   /* Korr.Offset */
  left: -380px;  /* Korr.Offset */
}

DIV#rightpanel
{ /* enthaelt settings und units */
  position: absolute;
  top: -100px;  /* Korr.Offset */
  left: 160px;  /* Korr.Offset */
  width: 218px;
  z-index: 40;
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}

DIV#version
{
  position: absolute;
  top: 180px;              /* Korr.Offset Mozilla */
  top: expression( 195);   /* Korr.Offset IE */
  left: -150px; /* = -width/2 */
  height: 95px;
  width: 300px;
}

DIV#version P
{
  margin: 0px;
}


/* dims und einheiten */

DIV#settings
{ /* DAB-Besonderheit: DIV#settings liefert den Rahmen fuer DIV#settings und DIV#units */
  position: absolute;
  left: 0px;
  width: 204px;
  top: 0px;
  height: 260px;      /* weil inclusive DIV#units */
  padding-bottom: 0px;
}

DIV#units
{ /* DAB-Besonderheit: DIV#units ist rahmenlos und in DIV#settings eingebettet */
  position: absolute;
  left: 2px;
  width: 200;
  top: 75px;         /* Beginn unter dem Content von DIV#settings */
  height: 175px;
  overflow: hidden;
  padding-bottom: 0px;
  border: none;
}

DIV#units H1
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hide;
  visibility: hidden;
}

DIV#settings  TABLE.form  { width: 194px !important;  }  /* Die Tabellen sind unterschiedlich breit! */
DIV#units     TABLE.form  { width: 190px !important;  }

TABLE.form,
TABLE.form TR,
TABLE.form TD
{
  /* text-align: left !important; */
  white-space: nowrap !important; 
  background-color: transparent;
  color: #303030;
  overflow: hidden;
  padding-bottom: px !important; 
}

TABLE.form TD.lbl2  
{ 
  width: 60%
}

TABLE.form TD.txt2  
{ 
  width: 38%
}


A.icon:active, 
A.icon:hover
{
  color: #088A17;
  background-color: #FFF533 !important;
  text-decoration: none;
}

/* grundlegende Formate leftpanel-content */


DIV#leftpanel DIV.fmtSection
{
  border: none;
  position: relative;
  background: transparent;
  width: 95%;
  padding-top: 0px;
}

DIV#leftpanel DIV.fmtSection H1
{
  height: 1px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 0px;
  visibility: hide; 
  visibility: hidden;
}

DIV#leftpanel DIV.fmtSection P
{
  position: relative; 
  width: 550px;
  height: 50px;
  top: 0px; 
  left: 0px; 
  background-color: transparent;
  border: none;
  padding: 0px;
  overflow: hidden;
}

DIV#leftpanel DIV.fmtSection A.icon,
DIV#leftpanel DIV.fmtSection *.iconlink 
{
  background-color: transparent;
  margin: 0px;  
  padding-top: 13px !important;
  /* Wunsch DAB, April 2006: double the size area for each button */
  height: 50px;
  font-size: 1.4em !important;
  font-weight: bold !important;
}

DIV#leftpanel DIV.fmtSection A.icon IMG,
DIV#leftpanel DIV.fmtSection *.iconlink IMG
{
  position: relative;
  left: -8px;
  top: 0px;
}  

/* Startseite: was ist erlaubt und was geht (noch) nicht */

H1#pu_head   { /* default H1 */ }
P#pu_hysel   { /* default P */ }
P#pu_prodsel { /* default P */ }
P#pu_tausch  { visibility: hide; visibility: hidden; position: absolute !important;}

H1#eta_head  { /* default H1 */ }
P#eta_bypump { visibility: hide; visibility: hidden; position: absolute !important;}
P#eta_bycat  { /* default P */ }
P#eta_direct { /* default P */ }

H1#pers_head { /* default H1 */ }
P#wkb        { /* default P */ }
P#pdf        { /* default P */ }


