/*
 *  ACHTUNG! bei Hinzufügen neuer Klassen oder sonstigen relevanten Änderungen müssen
 *  die stylesheets für die anderen Themes angepasst werden.
 *
 */



/* beachte auch Style-Angaben in vorlage\anpassen\tool_menue_links.html !! */

body   {color: #000000;
    background-color:#ffffff; /*  $sz_menubgcolor;  */
    /* bitte diesen Block nur auskommentieren, nicht löschen */
    scrollbar-face-color: #727cb2;  /* #727db2; */
    scrollbar-highlight-color: #727cb2;
    scrollbar-shadow-color: #000000;
    scrollbar-track-color: #ebedfd;
    scrollbar-darkshadow-color: #c2cae2;
    scrollbar-3dlight-color: #ebedfd;
    scrollbar-arrow-color: #ffffff;
}

body,p,li,div,td,th,layer,span,input,textarea,button,.std {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    color: #000000;
    font-weight: 400;
}


/* noch nicht aktiv -> Probleme mit NN4
p {
   margin-top: 0px;
   margin-bottom: 0.5em;
   margin-left: 0px;
   margin-right: 0px;
}

ol,ul {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 25px;
}
*/

/* für TABLE, TR, TD und TH keine Background-Vorgaben für Basis-Version machen!! */
/* NN4 kann dann nicht mehr auf transparenten Background schalten!!! */

.containerMain{ /* border-right: 1px solid #999999; */
}

/* Begrenzer unten: */
table.begrUnten,th.begrUnten,tr.begrUnten,td.begrUnten {
   background-color: #294594;
   height: 22px;
   color: #ebedfd;
}

th {text-align: left;
}

.divider  {color:#cccccc;
   background-color:#cccccc;
} /* Separator Main-Bereich */

tr.toolbar,td.toolbar  { // für HTMLArea-Editor
   background-color: #8492bd;
   color: #000000;
}

td.sep  {background-color:#ffffff;
} /* Separator Tabelle Main-Bereich, wenn allgemeine bgcolor vorgegeben */

table.background,table.bg {background-color:#000000;
}

table.normal,table.n { /* nur verwenden, wenn keine durchsichtigen Bereiche vorgesehen sind! */
   background-color: #d1d8eb;  /* derzeit:helles blau */
}
tr.nHead,th.nHead,th.normal,th.n,td.nHead   {
   background-color: #8492bd;  /* derzeit: mittleres blau */
   color: #ffffff;
   font-weight: 800;
   text-decoration : none;
}
tr.normal,tr.n,tr.nBody,td.normal,td.n,td.nBody  {
   background-color:#d1d8eb;  /* derzeit:helles blau */
   color: #000000;
}
tr.normalBottom,tr.nBottom,td.normalBottom,td.nBottom {
   background-color: #8492bd;  /* alt: $_CONF["FarbeTabTh"] */
   color: #ffffff;
}
td.normalSep,td.nSep  {background-color: #ffffff;
} /* Separator Tabelle Main-Bereich, wenn allgemeine bgcolor vorgegeben */


/* Ausgabe einer VIP-Zeile - nur EINE Tabellenzelle!
   border=0 cellspacing=1 cellpadding=2  */
table.vip {background-color: #727cb2;  /* fungiert hier als Rahmenfarbe */
}
tr.vip,tr.vipBody,td.vip,td.vipBody  {background-color: #ebedfd;
   color: #000000;
   font-weight: 800;
}


/* große LÜCKENTABELLE (funktioniert unter NN4 allerdings unzuverlässig!) */
/* <table cellspacing="2" [cellpadding="2"] class="gap"> !! */
table.gap {
   margin: -2px;  /* Ausgleich der optischen Einrückung der Tabelle am linken Rand */
   border:0px none;
}
tr.gapHead,th.gap,th.gapHead,td.gapHead  {background-color: #8492bd;
   border:0px none;
   color: #ebedfd;  /* #d1d8e8; */
   font-weight: 800;
   text-decoration : none;
}
tr.gap,tr.gapBody,td.gap,td.gapBody  {
   background-color: #d1d8eb;
   border:0px none;
}
tr.gapBottom,td.gapBottom {
   background-color: #8492bd;
}

tr.gapAlter, td.gapAlter {
   background-color: #DCE2F0;
   border:0px none;
}


table.L,tr.L,tr.lBody,td.L,td.lBody {
    background-color:  #d1d8e8;
   color: #000000;
}
tr.lHead,th.L,th.lHead,td.lHead  {background-color: #8492bd;
   color: #ffffff;
}
tr.lBottom,td.lBottom  {background-color #8492bd;
   color: #ffffff;
}
td.sepL,td.lSep  {background-color:#ffffff;  /* entspricht Hintergrundfarbe!! ->PHP */
}  /* sepL VERALTETE SCHREIBWEISE - nicht mehr benutzen */


table.R,tr.R,tr.rBody,td.R,td.rBody,input.rInput {background-color:  #d1d8eb;
   color: #000000;
}
tr.rHead,th.R,th.rHead,td.rHead  {background-color: #727cb2;  /* #8492bd; */
   color: #ffffff;
}
tr.rBottom,td.rBottom   {background-color: #8492bd;
   color: #ffffff;
}
td.sepR,td.rSep  {background-color:#ffffff;
}


table.R2,tr.R2,tr.r2body,td.R2,tr.r2body,input.r2Input {background-color: #ebedfd;  /* #d1d8eb; */
   color: #000000;
}
th.R2,th.r2head,tr.r2head,td.r2head  {background-color: #727cb2;  /* #8492bd; */
   color: #000000;
}
tr.r2bottom,td.r2bottom  {background-color: #727cb2;
   color: #000000;
}
td.sepR2,td.r2sep   {background-color:#ffffff;
}

/* funktioniert aus unerfindlichen Gründen nicht:
tr.sep  {background-color:#cccccc;
}
tr.sepL  {background-color:#ffffff;
}
tr.sepR  {background-color:#ffffff;
}
*/


/* ### class="bright" bitte nur in Ausnahmefällen nutzen!! */
.bright  {color : #ff00ff;  /* entfernen! */
}

/* ### class="medium" bitte nur in Ausnahmefällen nutzen!! */
.medium  {color : #ff00ff;  /* entfernen! */
}

.h1like  {color : #8292ba;  /* ## SIEHE AUCH h1 ! ## */
} /* zur Zeit dunkelgrün */

p.h1like, em.h1like {font-weight:800;
}

.goodinfo {color: #8492bd; /* z. Zt. wie h1 */
   font-weight: 800;
}

.vip,.badinfo {color: #d84911; /* "very important point" oder so */
   font-weight: 800;
} /* derzeit: rot */

.vipL {color:#d84911;
   font-weight: 800;
} /* derzeit: rot von a.menLsel */

.vipR {color:#ffffff;
   font-weight:800;
}

.weak {color:#e5e5e5;
}

b {font-weight:800;
}

i {font-style:italic;
}

u {text-decoration:underline;
}

u.delete {text-decoration:line-through;
}

strong {font-weight:800;
   font-style : normal;
   text-decoration:none;
}

em {font-weight:400;
   font-style : normal;
   text-decoration:none;
}

em.light{ /* auf dauer entfernen */
  color: #CCCCCC;
}

sup  {vertical-align:top;
   font-size : 9px;
   font-weight : 400;
   font-style : normal;
}

sub  {vertical-align:bottom;
   font-size : 9px;
   font-weight : 400;
   font-style : normal;
}

tt  {font-family : 'monospace';
}

code  {font-family : 'monospace';
}

h1  {color : #8292ba;
    font-size : 19px;
    font-family:Arial,Helvetica,'sans-serif';
    font-weight : 400;
    font-style : normal;
    text-decoration : none;
}

/* ZUM ÜBERGANG (bei neuen Sachen nicht verwenden!) ... */
h4  {color : #ff0000; /* (FEHLERSUCHE ...) war 00582d */
    font-size : 19px;
    font-family:Arial,Helvetica,'sans-serif';
    font-weight : 400;
    font-style : normal;
    text-decoration : none;
}

h2  {  /* derzeit nicht verwendet (also noch veränderbar) */
    color : #000000;
    font-size : 15px;
    font-family:Arial,Helvetica,'sans-serif';
    font-weight : 400;
    font-style : normal;
    text-decoration : none;
}

h3  { /* ### Subtitel ### */
    color : #3a5090;  /* oder #8292ba; ? */
    font-size : 13px;
    font-family:Arial,Helvetica,'sans-serif';
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
}

/* bevorzugt mit p verwenden ... */

.h3 {font-size : 13px;
   font-weight:800;
   color : #3a5090;  /* oder #8292ba; ? */
}

.h4 {color : #000000;  /* Inline-Überschriften (die gängigsten) */
    font-size : 12px;
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
    margin-top: 5px;
    margin-bottom: 0px;
}

.h5  {color : #666666;  /* SIEHE AUCH .medium und p.h5R */
    font-size : 12px;
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
    margin-top: 5px;
    margin-bottom: 0px;
}

.h4R  {color : #ffffff;  /* SIEHE AUCH .bright */
    font-size : 12px;
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
    margin-top: 3px;
}

.h5R  {color : #3a5090;  /* SIEHE AUCH .medium und p.h5 */
    font-size : 12px;
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
    margin-top: 3px;
}



a:link    {color: #7b8ab2; /* Original: #8292ba */
    text-decoration: none;}
a:active  {text-decoration: underline;
}
a:visited  {color: #999999;
}
a:hover  {text-decoration: underline;
}

a.nv:link    {color: #7b8ab2;    /* nv = nicht visited -> bleibt blau */
    text-decoration: none;}
a.nv:active  {text-decoration: underline;
}
a.nv:visited  {color: #7b8ab2;
}
a.nv:hover  {text-decoration: underline;
}

a.menTop:link    {color: #ffffff;
    text-decoration: none;}
a.menTop:active  {text-decoration: none;
}
a.menTop:visited  {color: #ffffff;
}
a.menTop:hover  {text-decoration: none;
}

a.trace:link    {color: #000000;
    font-size: 10px;
    text-decoration: none;}
a.trace:active  {text-decoration: none;
}
a.trace:visited  {color: #000000;
}
a.trace:hover  {text-decoration: none;
}

a.menL:link    {color: #000000;
    text-decoration: none;}
a.menL:active  {text-decoration: none;
}
a.menL:visited  {color: #000000;
}
a.menL:hover  {text-decoration: none;
}

a.menLsel:link    {color: #d84911;
    text-decoration: none;}
a.menLsel:active  {text-decoration: none;
}
a.menLsel:visited  {color: #d84911;
}
a.menLsel:hover  {text-decoration: none;
}

a.menR:link    {color: #ffffff;
    font-weight: 800;
    text-decoration: none;}
a.menR:active  {text-decoration: none;
}
a.menR:visited  {color: #ffffff;
}
a.menR:hover  {text-decoration: none;
}

a.menRhead:link    {color: #ffffff;
    font-weight: 800;
    text-decoration: none;}
a.menRhead:active  {text-decoration: none;
}
a.menRhead:visited  {color: #ffffff;
}
a.menRhead:hover  {text-decoration: none;
}

a.tHead:link    {color: #ffffff;
                 text-decoration: underline;}
a.tHead:active  {text-decoration: underline;
}
a.tHead:visited  {color: #ffffff;
                  text-decoration: underline;}
a.tHead:hover  {text-decoration: none;
                text-decoration: underline;}


a.tBody:link    {color: #ffffff;
                 text-decoration: underline;}
a.tBody:active  {text-decoration: underline;
}
a.tBody:visited  {color: #ffffff;
                  text-decoration: underline;}
a.tBody:hover  {text-decoration: underline;
}



/* ### FORMULARFELDER ### */
/* multiple Klassenangaben: class="noStyle Blabla" mit LEERZEICHEN! */

input,textarea,select   {color: #000000;  /* #727cb2; */
   border-left: 1px solid #727cb2;
   border-top: 1px solid #727cb2;
   border-right: 1px solid #d8dadd;
   border-bottom: 1px solid #d8dadd;
   background-color: #f8faff;
}

input.void,textarea.void,select.void   {color: #000000;
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 0px none;
   background-color: #ffffff;  /* ggf anpassen! */
}

input.rInput,input.r2Input { /* .void für Checkbox & Radiobtn in rechter Tabelle */
   /* background-color wird zugleich mit Tabellenfarbe (s.o.) gesetzt */
   color: #000000;
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 0px none;
}

input.rdonly { /* für read-only Felder */
   background-color: #eeeeee;
}

input.std,textarea.std,select.std   {color: #000000;
   border-left: 2px inset #e3e3e3;
   border-right: 2px inset #e3e3e3;
   border-top: 2px inset #e3e3e3;
   border-bottom: 2px inset #e3e3e3;
   background-color: #ffffff;
}

input.button,button  {background-color: #727cb2;
   color: #FFFFFF;
   border-top: 2px outset #b4b8f8;
   border-left: 2px outset #b4b8f8;
   border-right: 2px outset #b4b8f8;
   border-bottom: 2px outset #b4b8f8;
   font-size: 11px;
   font-weight: 800;
}

/* Formulargrößen ganzseitig ... */

input.full,textarea.full   {
 width: 410px;
} /* size="38" textarea: cols="39" */

input.half,textarea.half   {width: 200px;
} /* size="17" */

input.third   {width: 130px;
} /* 3x size="10" */

input.quarter   {width: 95px;
} /* 2x size="6" & 2x size="7" */

input.number  {width: 56px;
} /* size="3" */

input.restOfNumber     {
 width: 344px;
} /* size="31" */

input.halfRestOfNumber     {
 width: 167px;
} /* 1x size="13" & 1x size="14" */

input.restOfNumberAndHalf  {width: 134px;
} /* size="3" ?? */

/* Formulargrößen rechte Spalte (Trenner 5px!) ... */

input.small     {
 width: 130px;
} /* size="10" ? */

input.smaller     {
 width: 85px;
} /* size="5" ? */

input.halfSmall     {
 width: 60px;
} /* size="3" ? */

textarea.small     {
 width: 130px;
} /*  ? */

/* ############# REGISTERKARTEN / KARTEIREITER -STYLES ############### */

a.karteiakt    {color: #ffffff;
   font-weight:800;
   text-decoration: none;}
a.karteiakt:active  {text-decoration: none;
}
a.karteiakt:visited  {color: #ffffff;
}
a.karteiakt:hover  {color: #ffffff;
   text-decoration: none;
}

a.karteipas    {color: #000000;
   font-weight:400;
   text-decoration: none;}
a.karteipas:active  {text-decoration: none;
}
a.karteipas:visited  {color: #000000;
}
a.karteipas:hover  {color: #000000;
   text-decoration: underline;
}

table.kartei {; /* derzeit ohne Modifikationen */
}
td.karteiakt {
   background-color :#8492bd;  /* :#fbe0b0 -- alt: $_CONF["FarbeTabTh"] */
   color: #00582d;
   font-weight:800;
   font-style : normal;
   text-decoration:none;
/*   border: 0px none; */
   border-bottom-color: #8492bd;
   border-bottom-width: 1px;
   border-bottom-style:solid;
}
td.karteipas {
   background-color:#d1d8eb;  /* #faf0ce -- alt: $_CONF["FarbeTabLetzte"] */
   color: #000000;
   font-weight:400;
   font-style : normal;
   text-decoration:none;
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 1px solid #8492bd;  /* muss mit .divider und .linieunten übereinstimmen **NEU** auch aktive Farbe*/
}

td.linieunten {
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 1px solid #8492bd;  /* muß mit .divider und karteipas übereinstimmen ** NEU ** aktive Farbe [CM]*/
}

/* ##################### aus dem alten CSS übernommen ######################## */

#introid { position:absolute; left:350; top:100; }

/*
Herausgenommen [BNY] - wenn Probleme: aus altem CSS holen ...
*/