/*--- HTML ---*/

/*
standardfarben:
ganz dkl. farbe = #088A17   ok
dunkle farbe    = #9BB387   ok = moosgruen
helle farbe     = #0BB01E   ok
kontrastfarbe   = #FFF533   ok = stechendes gelb
grauer rahmen   = #F0F0F0
IFRAME rahmen   = #808080

extras:
hintergrund fuer H1     = #9b9b9b
helles Hintergrund-gelb = #FDF791
moosgruen für captext   = #0A5B3B  wie im logo
fast schwarzer Text     = #303030;
*/

BODY, TABLE, TR, TD, P, INPUT, SELECT, TEXTAREA, FRAMESET, FRAME,
A, A:visited, A:link
{
  border: none;
  color: #303030;                  /* standard-textfarbe */
  /* color: #666666;               /* originale standard-textfarbe, April 2006 geaendert */
  background-color: #ffffff;       /* standard-background */
  font-family: helvetica,verdana,sans-serif; 
  font-size: 8pt;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-decoration: none;
  text-align: left;  
}

BODY
{
  background-image: url(html/picture/bodyback.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #f0f0f0;
  margin: 0px;
  padding: 0px;
  width: 99%;
  scrollbar-face-color: #A2AAB3; 
  scrollbar-highlight-color: #DFE7E7; 
  scrollbar-shadow-color: #DFE7E7; 
  scrollbar-arrow-color: #DFE7E7; 
  scrollbar-base-color: #DFE7E7; 
  scrollbar-track-color: #DFE7E7; 
  scrollbar-darkshadow-color: #DFE7E7; 
  scrollbar-3d-light-color: #DFE7E7;
}

BODY.iframe
{
  background-image: none;
  background-color: #FFFFFF; 
}

IFRAME
{
  border: 1px solid #808080;
}

P
{
  padding: 4px 4px 0px 4px;
}

H1,H2,H3,H4,H5,H6
{
  padding: 0px 4px 0px 4px;
  margin:  2px 0px 2px 0px;
}

IMG
{
  border: none;
}

IMG.linkicon
{
  width: 8px;
  height: 8px;
}

H1
{
  font-size: 1.2em;
  font-weight: bold;  
  background-color: #9b9b9b; 
  color: #ffffff; 
}

H2,
.h2  /* fuer andere Verwendung wie in tabellen */
{
  font-size: 1.1em;
  font-weight: bold;  
  color: #303030;
}

INPUT, SELECT, TEXTAREA
{
  width: 120px;
  border: 1px solid #808080;
  color: #303030;
}

INPUT.check, 
INPUT.radio
{
  width: 25px  !important;
  border: none;
  text-align: left;
}

TABLE
{
  width: 95%;  
  border: none;
}

TR.Odd
{
  color: #000000;
  background-color: #0BB01E;
}

A, A:visited, A:link,
INPUT.button
{
  color: #088A17; 
  cursor: pointer;
  text-decoration: none;
}

A:active, A:hover
{
  color: #088A17;
  background-color: #FFF533;
  text-decoration: none;
}

/*-- Elemente im IFRAME --*/

BODY.iframe P
{
	background: transparent;
}

BODY.iframe TABLE
{
	background-color: #f0f0f0;
}

/*--- grundlegende Platzaufteilung ---*/

DIV#bodycontent   
{ /* Datenbereich */
  position: relative;
  left: 20px;
  top: 20px; 
  width: 98%;
  border: none; 
  height: auto;
  z-index: 40;   /* im Konfliktfall ueber dem footer */
}

DIV.full
{ /* Datenbereich 100% Hoehe */
  height: 700px;  
  border: none;   
}

DIV#leftpanel   
{ /* zweispaltig, linke Seite */
  position: absolute;
  float: none;
  left: 0px;
  top: 55px;
  width: 40%;
  border: none;
}

DIV#rightpanel
{ /* zweispaltig, rechte Seite */
  position: absolute;
  left: 40%;
  top: 55px;
  width: 45%;
  border: none;
}

DIV#toppanel
{ /* einspaltig untereinander */
  position: relative;
  left: 0px;
  top: 20px;
  width: 99%;
  border: none;
  height: auto;
}

DIV.nextpanel
{ /* einspaltig untereinander */
  position: relative;
  left: 0px;
  top: 20px;
  width: 99%;
  border: none;
  height: auto;
}


/*--- Formatierung ---*/

DIV.fmtSection
{
  border: 1px dotted #808080;
  margin: 0px 0px 5px 5px;
  padding: 5px;
  background-color: #ffffff;
}

DIV.fmtSection H1
{
  margin: 0px 0px 1px 0px;
  padding: 4px;
  font-size: 1em;
  width: 99%;
  background-color: #9b9b9b;
}

DIV.fmtSection P,
DIV.fmtSection H2,
DIV.fmtSection DIV
{
  margin: 0px;
  padding: 0px 0px 4px 6px;
  border: none;
}

DIV.fmtSection SELECT,
DIV.fmtSection INPUT
{  
  width: 96%; 
}

DIV.fmtSection TEXTAREA
{
  width: 98%; 
}



/*--- Buttons und buttonartige Links ---*/

A.action, 
A.action:visited, 
A.action:link,
A.action:focus,
INPUT.button
{
  background-color: #FDF791;  
  border: 1px solid #808080; 
  height: 27px;    /* fuer IE vor 6.0 */
  he\ight: 22px;   /* fuer IE ab 6.0 und alle anderen */
  width: 120px; 
  display: block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  font-weight: bold;
  margin: 4px 5px 0px 0px;
  padding: 2px;
}

A.action.small   /* iconisierte Knoeppe im Warenkorb und anderen Listen */
{
  width: 2em !important; 	
  border: none !important;
}

A.action:active, 
A.action:hover
{
  color: #0BB01E; 
  background-color: #FFF533;
  text-decoration: none;
}


P.actionbuttons
{
  height: 30px;   /* eine Zeile Buttons */
}

/*--- Links zu Unterseiten im IFRAME ---*/

A.subpage, 
A.subpage:visited, 
A.subpage:link,
A.subpage:focus,
A.tab, 
A.tab:visited, 
A.tab:link,
A.tab:focus
{
  float: left;
  background-color: #FDF791;  
  border: 1px solid #808080;
  height: 20px; 
  padding: 2px 2px 0px 2px;
  width: auto; 
  min-width: 120px;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  font-size: 8pt;
  font-weight: bold;
  margin: 2px 2px 0px 0px;
}

A.subpage:hover,
A.tab:hover
{
  color: #0BB01E; 
  background-color: #FFF533;
  text-decoration: none;
}

A.subpage:active,
A.subpage.active,
A.tab:active,
A.tab.active
{
  color: #0BB01E !important; 
  background-color: #FFF533 !important; 
  text-decoration: none !important; 
}


DIV.tabsetpage
{
  margin-top: 25px !important;
}

/*--- Iconlinks ---*/

A.icon,
*.iconlink
{
  background-image: url(./HTML/PICTURE/leer.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  height: 30px;
  border-style: none;
  padding-left: 10px;   /* schafft Platz zum IMG, aber ohne Underline */
  margin-bottom: 0px;
  display: block;
  margin-top: 10px;
}

DIV.fmtSection A.icon IMG,
DIV.fmtSection *.iconlink IMG
{
  border-style: none;
  position: relative; 
  float: left;
  top: -2px;
  left: -10px;    /* macht für IMG das Padding des umgebenden A rückgängig */
  width: 35px;
  height: 21px;
}

/*--- Katalogbuttons ---*/

A.etacat
{
  background-image: url(./HTML/PICTURE/leer.gif); 
  background-repeat: no-repeat;
  background-position: left center;
  height: 85px;
  border-style: none;
  padding-left: 10px;   /* schafft Platz zum IMG, aber ohne Underline */
  margin-bottom: 5px;
  display: block;
}

A.etacat IMG
{
  border-style: none;
  position: relative; 
  float: left;
  top: 0px;
  left: -10px;    /* macht für IMG das Padding des umgebenden A rückgängig */
  width: 80px;
  height: 80px;
}




/*--- formulartabellen ---*/

TABLE.form
{
  width: 50%;  /* als default */
  border: none;
  empty-cells: show;
  border-spacing: 1px;
}

TABLE.form TD
{
  border: none;
  vertical-align: top;
  padding-top: 3px;
  text-align: left;
  white-space: nowrap;
}


/* Breiten für reduziertes Layout (lbl,edt) */
TABLE.form TH.lbl2  { width: 40%;  text-align: right; white-space: normal; }
TABLE.form TD.lbl2  { width: 40%;  text-align: right; white-space: normal; }
TABLE.form TD.edt2  { width: 60%;  padding-top: 0px; }
TABLE.form TD.txt2  { width: 60%;  }

/* Breiten für normales Layout (lbl,edt,dim) */
TABLE.form TH.lbl3  { width: 56%;  text-align: right; white-space: normal; }
TABLE.form TD.lbl3  { width: 56%;  text-align: right; white-space: normal; }
TABLE.form TD.edt3  { width: 36%;  padding-top: 0px; }
TABLE.form TD.txt3  { width: 36%;  }
TABLE.form TD.dim3  { width: 8%; }

/* Breiten für doppeltes Layout (lbl,edt,dim,sep,lbl,edt,dim) */
TABLE.form TH.lbl6  { width: 25%;  text-align: right; white-space: normal; }
TABLE.form TD.lbl6  { width: 25%;  text-align: right; white-space: normal; }
TABLE.form TD.edt6  { width: 18%;  padding-top: 0px; }
TABLE.form TD.txt6  { width: 18%;  }
TABLE.form TD.dim6  { width: 6%; }
TABLE.form TD.sep6  { width: 2%; }


/* Zelleninhalte */
TABLE.form SELECT,
TABLE.form INPUT
{  
  width: 98%; 
}

TABLE.form INPUT.button 
{
  width: 120px;
}

TABLE.form TR.hsep
{ 
  height: 1px;
  padding: 0px 0px 0px 5px;
  overflow: hidden;
}

TABLE.form TR.hsep TD
{ 
  height: 1px;
  line-height: 1px;
  overflow: hidden;
  padding: 0px;
  border-top: 1px solid #c0c0c0;
}

TABLE.form TR.hsep.dark TD
{
  border-color: #088A17;
}


/*--- zusaetzliche Praezisierungen fuer PanelBar ---*/

/* Breiten etwas anders, da die Daten hier viel Platz brauchen */
TABLE.form TD.pbar.lbl3  { width: 40%; }
TABLE.form TD.pbar.edt3  { width: 52%; }
TABLE.form TD.pbar.txt3  { width: 52%; }
TABLE.form TD.pbar.dim3  { width: 8%; }
TABLE.form TD.pbar { color: #303030; }   /* Text schwarz / Wunsch DAB, April 2006 */


/*--- Caption ---*/

DIV.bodytop 
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  padding: 65px 0px 0px 0px;
  font-size: 24pt;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 0.2em;
  color: #FFF533;
  text-align: right;
  border-style: dashed;
  border-width: 0px 1px 0px 0px;
  border-color: #808080;
  z-index: 10;
  /* Wunsch DAB: Menuebereich links entfaellt komplett. 
   Fuer Sonderfaelle mittels zuaetzlichem CSS in Spaix_DAB_ShowLeftArea.css sichtbar machen */
  width: 0px;  
  visibility: hide;
  visibility: hidden;
}

*.bodytop_bk
{ /* gelbe hintergrundfarbe */  
  background-color: transparent; 
  background-image: url(./HTML/PICTURE/dab_bodytop_bk.gif);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: left center;
}

DIV.sitelogo
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 81px;
  z-index: 3;
  width: 220px;
  text-align: center;
  overflow: hidden;
}

DIV#sitelogo A#start
{
  background: none;
  background-color: #FFF533;
  width: auto; 
  text-align: center;
  margin: 0px;
  padding: 0px;
}

DIV#sitelogo IMG
{
  width: 218px; 
  height: 81px; 
  background: none;
}

DIV.caption
{  
  /* background-image: url(./HTML/PICTURE/DAB_photo_home.jpg); */
  background-image: url(./HTML/PICTURE/DAB_DNA_Logo.jpg);
  background-repeat: no-repeat;
  position: absolute;
  top: 84px;
  left: 0px;
  height: 214px;
  width: 218px; 
  text-align: left;
  background-color: transparent; 
}

DIV.captext
{
  padding: 15px 0px 0px 0px;
  color: #0A5B3B;
  z-index: 2;
}

DIV.capshadow 
{
  visibility: hide;
  visibility: hidden;
}


/*--- Info, Warning, Error, Help ---*/

DIV.infopanel
{
  position: absolute;
  top: 150px;
  left: 250px;
  height: auto;
  width: 40%;
  overflow: visible;
}

DIV.infopanel H1
{
  margin-bottom: 10px;	
}

DIV.infopanel P.error,
P.infopanel.error
{ /* Fehlertexte zusaetzlich */
  color: red;
}

DIV.infopanel P.warning,
DIV.infopanel P.success,
P.infopanel.warning,
P.infopanel.success
{ /* Warnungen und Erfolgstexte zusaetzlich */
  color: #088A17;
}

UL.helpText,
TD.helpText,
P.helpText    
{
  /* kurze lokale Info- oder Hilfstexte */	
  font-style: italic;
}

.required
{
  padding-right: 14px;
  background-image: url(html/picture/required.gif);
  background-repeat: no-repeat;
  background-position: right top;
  height: 12px;
}

TD.required
{
  background-position: right 0.3em;
  width: 12px;
}


/*--- Zusatzformatierung StartUpScreen ---*/

.startupheading
{
  font-size: 2em;
  font-weight: bold;	
  color: #0A5B3B;
  letter-spacing: -1px;
}

/*--- breadcrumbs-Navigation ---*/

DIV#navlinks
{ /* breadcrumbs-navigation */
  position: absolute;
  top: 0px;
  left: 20px;
  width: 90%;
  height: 1.2em;
  padding: 0px 0px 0px 2px;
  margin: 2px 0px 0px 5px;
}

DIV#navlinks P
{
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}

DIV#navlinks A, 
DIV#navlinks A:visited, 
DIV#navlinks A:link,
DIV#navlinks A:focus,
DIV#navlinks A.active
{
  padding: 0px;	 
  font-weight: bold;
  background-color: transparent;
  color: #303030;  /* Wunsch DAB, April 2006 */
}

DIV#navlinks A.active
{
  color: #303030 !important;  /* Wunsch DAB, April 2006 */
  background: transparent !important;
}

DIV#navlinks A.active:hover,
DIV#navlinks A:hover
{
  color: #088A17 !important;
}

/*--- Version ---*/

.versInfo
{
  color: #303030;
  text-align: center;
  background: transparent;
}

.versInfo A
{
  background: transparent;
}

.versName
{
  font-weight: bold;
  font-size: 1.2em;
  color: #303030;
}

.versNumber
{
  font-weight: bold;
  font-size: 1em;
  color: #303030;
}

TD.helpText,
P.helpText    
{
  /* kurze lokale Info- oder Hilfstexte */	
  font-style: italic;
}


/*--- Listen, Pumpenliste, Teileliste ---*/

TABLE.Common,   /* grundlegende Formatierung */
TABLE.Pumps,
TABLE.Eta
{
  border-collapse: collapse; 
  border-spacing: 0; /* entspr. cellspacing: 0 */
  border: none;
}

THEAD.Common, THEAD.Common TR,
THEAD.Pumps,  THEAD.Pumps TR,
THEAD.Eta,    THEAD.Eta TR
{ 
	font-weight: bold;
  background-color: #9BB387;
	border-bottom: 1px solid black;
}

TH.Common,    TD.Common,
TH.Pumps,     TD.Pumps			
{ 
  white-space: nowrap; 
  padding-left: 2px; 
  padding-right: 2px; 
  overflow: hidden; 
}

/* defaults etwas anders */
TH.Eta    { padding-left: 2px; text-align: left; color: #0BB01E; }
TD.Eta    { padding-left: 2px; padding-right: 2px; }


TR.Odd TD
{ /* ungerade Zeilen */
  color: #303030;
  background-color: #FDF791;
}

TR.Even TD
{ /* gerade Zeilen */
  color: #303030;
}

TABLE.Common TR.Focused TD, 
TABLE.Pumps TR.Focused TD, 
TABLE.Eta TR.Focused TD    
{ /* fokussierte Zeilen, alles Andere mit important ueberstimmen */
  background-color: #9b9b9b  !important;
  color: #FFFFFF  !important;
}


TD.Common A, TD.Common A:visited,  TD.Common A:link,
TD.Pumps A,  TD.Pumps A:visited,   TD.Pumps A:link,
TD.Eta A,    TD.Eta A:visited,     TD.Eta A:link
{ 
  white-space: nowrap;
  background-color: transparent; 
}

TD.Pumps A:active,  TD.Pumps A:hover,  TD.Pumps A.active,
TD.Eta   A:active,  TD.Eta   A:hover,  TD.Eta   A.active
{ 
  font-weight: bold;
}

TH.Pumps A,  TH.Pumps A:visited,  TH.Pumps A:link,
TH.Eta A,    TH.Eta A:visited,    TH.Eta A:link
{ 
  font-weight: bold;
  background-color: transparent; 
  color: #0BB01E; 
  white-space: nowrap;
}

TH.Pumps A:active,  TH.Pumps A:hover,  TH.Pumps A.active,
TH.Eta   A:active,  TH.Eta   A:hover,  TH.Eta   A.active
{ 
  color: #FFF533; 
}



/* Pumpenliste - Spalten und Spezialitaeten  */

TH.waste, TD.waste	{ width: 20px; text-align: left;  }
TH.make,  TD.make		{ width: 90px; text-align: left;  }
TH.baur,  TD.baur		{ width: 180px; text-align: left; }
TH.bez,   TD.bez		{ width: 240px; text-align: left;  }
TH.Q1,    TD.Q1		  { width: 75px; text-align: right;  }
TH.H1,    TD.H1  		{ width: 50px; text-align: right;  }
TH.dQ,    TD.dQ	  	{ width: 50px; text-align: right;  }
TH.dH,    TD.dH		  { width: 50px; text-align: right;  }
TH.wirk,  TD.wirk		{ width: 50px; text-align: right;  }
TH.drz,   TD.drz		{ width: 50px; text-align: right;  }
TH.pwr,   TD.pwr		{ width: 50px; text-align: right;  }
TH.lfr,   TD.lfr		{ width: 50px; text-align: right;  }
TH.imp,   TD.imp		{ width: 200px; text-align: left;  }
TH.preis, TD.preis  { width: 80px; text-align: right;  }   


IMG.waste	{ width: 16px; height: 16px; border: none;  }


/* ErsatzteilListe - Spalten und Spezialitaeten  */

TH.Eta.Check,
TD.Eta.Check		{ width: 28px; text-align: left;  }
TH.Eta.Symbol,
TD.Eta.Symbol		{ width: 28px; text-align: left;  }
TH.Eta.Make,  
TD.Eta.Make		  { width: 90px; text-align: left;  }
TH.Eta.Anz,
TD.Eta.Anz		  { width: 5em;  text-align: right; }
TH.Eta.AnzInp,
TD.Eta.AnzInp	  { width: 5em;  text-align: left; }
TH.Eta.ME,
TD.Eta.ME				{ width: 5em; text-align: left;   }
TH.Eta.Pos,
TD.Eta.Pos		  { width: 5em; text-align: left;   }
TH.Eta.Art,
TD.Eta.Art			{ width: 10em; text-align: left;   }
TH.Eta.Status,
TD.Eta.Status		{ width: 10em; text-align: left;   }
/* Spezialfall Preise */
TH.Eta.Preis,
TH.Eta.NoPreis,
TD.Eta.NoPreis  { width: 8em; text-align: center; }
TD.Eta.Preis    { width: 5em; text-align: right;  }
TD.Eta.IKZ 	    { width: 3em; text-align: left;   }
TD.Eta.Text1    { text-align: left;   }
TD.Eta.Text2    { width: 50%; text-align: left;   }


DIV.EtaTableBackgnd
{
  overflow: auto; 
  background-color: #9BB387;
}

DIV.Etabody.PartL
{
  overflow: auto; 
  height: auto;
  background-color: white;
}

DIV.Etabody.SelL
{
  height: auto;
  width: 100%;
}

TABLE.Eta.Head,
TABLE.Eta.Foot
{
  width: 100%; /* 98% schmaler wegen Scroller, wegen Hintergrund mal mit 100% versuchen  */
}

TABLE.Eta.Body
{
  width: 100%;
}

TR.Eta.Sum TD
{
  font-weight: bold;
  padding: 2px;
  color: #0BB01E;
  background-color: #9BB387;
}


/*--- Wertetabelle wie zB. bei Motoren ---*/

BODY.iframe TABLE.wertetabelle,
TABLE.wertetabelle 
{
  width: 30em;
  border: none;
  background-color : #f0f0f0;
  margin-left: 4px;
}

TABLE.wertetabelle TH,
TABLE.wertetabelle TD
{
  white-space: nowrap;
  width: auto;
  padding-right: 5px;
  padding-left: 5px;
}

TABLE.wertetabelle TD.key
{
  text-align: right;
  background-color: #9BB387;
  color: #000000;
}

TABLE.wertetabelle TD.val
{
  text-align: left;
  background-color: #FDF791;
}


/*--- pgbar ---*/

DIV#waitinfo
{
  position: absolute; 
  top: 350px; 
  left: 30%; 
  width: 40%; 
  height: auto; 
  background: none;	
  border: none;
}

DIV#waittext
{
  position: relative;
  height: auto; 
  background: none;	
  border: none;
}

DIV#waittext P
{ 
  position: relative;
  text-align: center; 
  width: 100%; 
  font-weight: bold; 
  height: auto; 
  background: none;
}


DIV#pgbar
{
  position: relative;
  left: 30%; 
  width: 40%; 
  z-index: 1;
  height: auto;
  min-width: 20%;
  max-width: 200px;
  overflow: hidden;
  clip: auto;
  white-space: nowrap;
  background-color: white;
  border: 1px solid black;
  padding: 2px;
}

DIV#bricks
{
  position: relative;
  left: -120px;
  width: 100px;  /* 6x16px plus Rand */
  padding-left: 0px;
}

.brick
{
  display: inline;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  background-color: #000000;
  color: #000000;
  margin: 0px;
  border: none;
  padding: 0px;
}

/* variante DAB */
.brick.one   { background-color: #42EA95; color: #42EA95; }	  
.brick.two   { background-color: #1EE681; color: #1EE681; }	  
.brick.three { background-color: #16C66D; color: #16C66D; }	  
.brick.four  { background-color: #12A259; color: #12A259; }	  
.brick.five  { background-color: #0E7E45; color: #0E7E45; }	  
.brick.six   { background-color: #0A5B3B; color: #0A5B3B; }   

/*--- debug ---*/

.debug
{
  border: 1px solid red;
}

/*
=== Spaix V3 "boxed" Layout =======================================================================================
*/


/* Positionierungscontainer fuer neues SpaixV3 Layout */

/*
  Template fuer HTML
  
  <div class="fmtSection" id="one">
    <div class="head"> <h1> box caption </h1> </div>
    <div class="cont">
    	<div class="left"> <p> sidebar area </p> </div>
    	<div class="right"> <p> content area </p> </div>
    </div>
  </div>
  
  <div class="fmtSection" id="one">
    <div class="head"> <h1> box caption </h1> </div>
    <div class="cont">
    	<div class="full"> <p> fullwidth content area </p> </div>
    </div>
  </div>

  Hinweis: Beide Varianten sind moeglich, der Boxinhalt (left/right oder full) wird IMMER in ein "cont" geschachtelt

*/

/*--- boxed Areas ---*/
/* HTML und BODY muessen class="boxed" gesetzt werden */

HTML.boxed 
{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

BODY.boxed DIV#footer   
{
  position: absolute;
  bottom: 0px;
}


BODY.boxed DIV#bodycontent
{
  overflow: hidden;
}


/*--- Platzaufteilung Content ---*/


DIV#leftArea,
DIV#rightArea,
DIV#topArea,
DIV#nextArea,
DIV.nextArea
{
  position: absolute;
  top: 0px;
  margin-right: -3px;  /* IE-Fix */
}

DIV#leftArea,
DIV#topArea,
DIV#nextArea,
DIV.nextArea
{
  left: 0px;
}

DIV#topArea  DIV#leftArea,
DIV#topArea  DIV#rightArea
{
  top: 0px;  /* sonst doppelter Abstand */
}

DIV#leftArea
{ /* zweispaltig, linke Seite */
  width: 30%;
  border: none;
  z-index: 60;
}

DIV#rightArea
{ /* zweispaltig, rechte Seite */
  left: 50%;
  margin-left: 2px;
  width: 49%;
  border: none;
  z-index: 60;
}

DIV#topArea,
DIV#nextArea,
DIV.nextArea
{ /* einspaltig untereinander */
  margin: 0px;
  padding: 0px;
  width: 95%;
  border: none;
  height: auto;
  z-index: 50;
  overflow: visible;
}

/*--- verboxte ftmSection ---*/

DIV.fmtSection DIV.head,
DIV.fmtSection DIV.cont,
DIV.fmtSection DIV.left,
DIV.fmtSection DIV.right,
DIV.fmtSection DIV.full
{
  position: absolute;
  margin:  0px;
  padding: 0px;
  border: 0px none;
}

DIV.fmtSection DIV.head
{
  width: 100%;
  height: 24px;
  overflow: hidden;
}

DIV.fmtSection DIV.head H1
{
  display: block;
  margin:  0px;
}

DIV.fmtSection DIV.cont
{
  top: 24px;  /* = head.height */
  left: 0px;
  width: 100%;
  overflow: hidden;
  background-color: transparent;   /* manche weiss einfaerben, manche bleiben transparent */
  /* individuell berechnet:
  height = container.height - head.height 
  */
}

DIV.fmtSection DIV.left
{
  top: 0px;
  left: 0px;
  width: 131px;
  height: 100%;
  background-color: transparent;
  overflow: hidden;
}

DIV.fmtSection DIV.right
{
  top: 0px;
  left: 131px;
  height: 100%;
  overflow: auto;
  background-color: transparent;
  /* individuell berechnet:
  width = container.width- left.width 
  */
}

DIV.fmtSection DIV.full
{
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: #FFFFFF;
}

/*--- Hilfsklassen ---*/

DIV.fmtSection DIV.left P.margin,
DIV.fmtSection P.margin
{
  margin: 4px;
}

DIV.white
{
  background-color: #FFFFFF;
}


/*--- loading DIV ---*/
DIV#loading         
{ 
  position: absolute; 
  width: 400px; 
  height: 85px; 
  left: 30%; 
  top: 200px;  
  z-index: 4096; 
  border: 1px solid #404040; 
  background-color: #FFFFFF;
  overflow: hidden;
  visibility: hidden;
}

DIV#loading IMG
{
  position: absolute;
  margin: 25px; 
}

DIV#loading DIV.msg
{
  position: absolute;
  height: auto;
  width: 300px;
  margin: 20px 20px 0px 80px;
}


/*--- SideBar Controls ---*/

DIV.sidebar_ctls
{
  /* immer */
  position: absolute;
  width: 131px;
  background-color: transparent;
  margin: 0px 0px 4px 0px !important;     /* kein 4px-Abstand zur H1, dafuer unten 4px-Abstand */
  padding: 0px;
  /* defaults */
  left: 0px;
}

DIV.sidebar_ctls DIV.padding   /*  bei Bedarf: zusaetzliches DIV fuer inneren Abstand einsetzen - ist nicht immer erwuenscht */
{             
  margin: 4px;
  padding: 0px;        
  border: none;
}

DIV#rightArea DIV.fmtSection DIV.sidebar_ctls
{
  /* linke Sidebars liegen auf dem Hintergrund, rechte Sidebars muessen das fmtSection bis unten fuellen */
  height: 100%;
  overflow: hidden;  
  background-color: #FFFFFF;
}


DIV.sidebar_ctls  A.tab,
DIV.sidebar_ctls  A.tab:link,
DIV.sidebar_ctls  A.tab:visited
{
  display: block;
  width: 131px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 4px 0px 4px 2px;
  font-size: 9px;  /* according to flygt.com */
  font-weight: bold;
  text-decoration: none !important;
  color: #000000 !important;
  background-color: #FFFFFF !important;
  border-bottom: solid 1px #FFA616;
}

DIV.sidebar_ctls  A.tab:hover,
DIV.sidebar_ctls  A.tab:active,
DIV.sidebar_ctls  A.tab.active,
DIV.sidebar_ctls  A.tab:link.active,
DIV.sidebar_ctls  A.tab:visited.active
{
  color: #FFA616 !important;
  text-decoration: none !important;
}



/*--- Notebook-Tabs ---*/

DIV.notetab
{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 99%;
  width: 99%;
  overflow-x: hidden;
  overflow-y: hidden; /*auto;*/ /* 'hidden', damit Cursor bei Eingabefeldern Kontakdaten sichtbar ist*/
  visibility: hidden;
}

DIV.fmtSection DIV.notetab
{
  margin-top: 0px;  /* margin bei DIV.fmtSection DIV rueckgaengig machen */
  padding: 0px;     /* padding bei DIV.fmtSection DIV rueckgaengig machen */
}

DIV.fmtSection DIV.notetab DIV
{
  margin-top: 4px;  /* margin hier statt bei DIV.fmtSection DIV.notetab */
  padding: 0px 0px 4px 6px; /* margin hier statt bei DIV.fmtSection DIV.notetab */
}




/*--- DAB specials ---*/

DIV#dab_header,
DIV#dab_footer,
DIV#dab_header_border
{  /* gemeinsames */
  width: 100%;
  padding: 0px;
  height: 1.2em;
  margin: 0px;
  position: absolute;
  background-color: #088A17;
}

DIV#dab_header,  
DIV#dab_footer,
DIV#dab_header_border
{
  /* Wunsch DAB, April 2006: remove green bars on top and bottom */
  border: 1px solid red !important;
  z-index: -4000;                                                
  overflow: hidden;
  visibility: hide;
  visibility: hidden;
}                                                                

/* die Position separat festlegen */
DIV#dab_footer 
{ 
  bottom: 0px; 
  z-index: 1;
  padding-left: 230px;
  margin-left: 0px;
  height: auto;
}

DIV#dab_header 
{ 
  top: 0px; 
  z-index: 20;
  height: 40px;
}

DIV#dab_header_border
{ 
  top: 40px; 
  z-index: 1;
  height: 25px;
  background-color: #F0F0F0;
}

/* enthaltener Text */
DIV#dab_header P,
DIV#dab_footer P
{
  color: #FFFFFF;
  padding: 5px;  
  margin: 0px;
  background-color: transparent;
  text-align: left;
  letter-spacing: 0.2em;
}


/*--- DAB Navigation ---*/

DIV#DABnavi
{
  position: relative;
  left: 4px;
}

DIV#DABnavi TABLE,
DIV#DABnavi TR   
{
  /* noch nix */ 
  margin: 0px;
  padding: 0px;
  background: transparent;
}

DIV#DABnavi TD		
{ 
  width: 25%;  
  padding: 0px;
  background-color: transparent;
}

DIV#DABnavi TD A,
DIV#DABnavi TD *.topnavlink
{ 
  text-align: center; 
  display: block;	
  width: 95%;
  height: 50px;
  overflow: hidden;
  padding-top: 2px;
  border: 1px solid #808080;
}

DIV#DABnavi TD *.topnavlink
{ 
  background-color: #EDEDED;
}

A#DABnavi_hysel,
A#DABnavi_prod,
A#DABnavi_etacat,
DABnavi_etadir      { /* noch nix */ }


/*--- DAB Backlinks ---*/

DIV#DABlinks 
{
  position: absolute;
  /* top: 372px; - passend fuer photo_home */
  top: 340px;
  width: 218px;
  left: 0px;
  z-index: 40;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}

DIV#DABlinks A,
DIV#DABlinks A:visited,
DIV#DABlinks A:link
{
  font-size: 0.9em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none; 
  text-transform: uppercase;
  padding: 2px 4px;
  height: 20px;
  margin: 0px;
}

DIV#DABlinks TD
{
  width: 100%;
  margin: 0px;
  vertical-align: middle;
  text-align: center;
  padding: 2px 0px;
}

  
/* Backlinks GRAU */

DIV#DABlinks #grau
{
  width: 100%;
  color: #6F6F6F;
  background-color: #EDEDED;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-bottom: 10px;  
}

DIV#DABlinks #grau TD
{
  border-left: 0px none #ffffff;
  border-right: 0px solid #ffffff;
  border-top: 1px dotted #999999; 
}

DIV#DABlinks #grau TD.normal
{
  color: #6F6F6F;
  background-color: #EDEDED;
}

DIV#DABlinks #grau TD.active,
DIV#DABlinks #grau TD.hover
{
  color: #FFFFFF;
  background-color: #B2B2B2;	  
}

DIV#DABlinks #grau A,
DIV#DABlinks #grau A:visited,
DIV#DABlinks #grau A:link
{
  color: #6F6F6F;
  background-color: #EDEDED;
}
  
DIV#DABlinks #grau A:hover,
DIV#DABlinks #grau A:active
{
  color: #FFFFFF;
  background-color: #B2B2B2;	  
}

/* Backlinks NORMAL */  
  
DIV#DABlinks #normal,
DIV#DABlinks #normal TR,
DIV#DABlinks #normal TD,
DIV#DABlinks #normal A
{
  border: none;
  background-color: transparent;
}

DIV#DABlinks #normal A:hover,
DIV#DABlinks #normal A:active
{
  color: #088A17;
  background-color: #FFF533;
  text-decoration: none;
}