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

body   {color: #000000;
    background-color:#ffffff; /*  $sz_menubgcolor;  */
}

p,li,td,th,div,layer,span,input,textarea,button {
    color: #333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    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;
}

th {text-align: left;
}

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

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

table.normal,table.n {
   background-color:#ffffff;  /* derzeit:helles orange */
} /* ^^ nur verwenden, wenn keine durchsichtigen Bereiche vorgesehen sind! */
tr.nHead  {background-color:#e7e7e7;  /* derzeit:helles orange */
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
}
th.nHead,th.normal,th.n  {background-color:#e7e7e7;  /* derzeit:helles orange */
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
}
tr.normal,tr.n,tr.nBody  {background-color:#ffffff;  /* derzeit:helles orange */
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
}
td.normal,td.n,td.nBody  {background-color:#ffffff;  /* derzeit:helles orange */
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
}
td.normalSep,td.nSep  {background-color:#333333;
} /* Separator Tabelle Main-Bereich, wenn allgemeine bgcolor vorgegeben */

table.normalBorder,table.nBorder,table.nB {
   background-color:#ffffff;  /* derzeit:helles orange */
   border: 1px solid #333333;
} /* ^^ nur verwenden, wenn keine durchsichtigen Bereiche vorgesehen sind! */


/* große LÜCKENTABELLE (funktioniert unter NN4 allerdings unzuverlässig!) */
/* <table cellspacing="2" class="gap"> !! */
table.gap {
   margin: -2px;
   border:0px none;
}
tr.gapHead  {background-color:#CCCCCC;
   border:0px none;
}
th.gap,th.gapHead  {background-color:#CCCCCC;
   border:0px none;
}
td.gapHead  {background-color:#CCCCCC;
   border:0px none;
}
tr.gap,tr.gapBody  {background-color:#e7e7e7;
   border:0px none;
}
td.gap,td.gapBody  {background-color:#e7e7e7;
   border:0px none;
}

table.L {
    background-color:#ffffff;
}
tr.Lhead,tr.lHead  {background-color:#e7e7e7;
}
th.L,th.Lhead,th.lHead  {background-color:#e7e7e7;
}
td.Lhead,td.lHead  {background-color:#e7e7e7;
}
tr.L,tr.Lbody,tr.lBody  {background-color:#ffffff;
}
td.L,td.Lbody,td.lBody  {background-color:#ffffff;
}
td.sepL,td.lSep  {background-color:#000000;  /* !! ->PHP */
}

table.R {
    background-color:#ffffff;
}
tr.Rhead,tr.rHead  {background-color:#E5E5E5;
}
th.R,th.Rhead,th.rHead  {background-color:#E5E5E5;
}
td.Rhead,td.rHead  {background-color:#E5E5E5;
}
tr.R,tr.Rbody,tr.rBody  {background-color:#ffffff;
}
td.R,td.Rbody,td.rBody  {background-color:#ffffff;
}
td.sepR,td.rSep  {background-color:#ffffff;  /* !! ->PHP */
}

table.R2 {
    background-color:#e7e7e7;
}
tr.R2head,tr.r2Head,tr.r2head  {background-color:#e7e7e7;
}
th.R2,th.R2head  {background-color:#e7e7e7;
}
td.R2head,td.r2Head  {background-color:#e7e7e7;
}
tr.R2,tr.R2body,tr.r2Body  {background-color:#ffffff;
}
td.R2,td.R2body,td.r2Body  {background-color:#ffffff;
}
td.sepR2,td.r2Sep  {background-color:#ffffff;  /* !! ->PHP */
}

/* 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 : #999999;  /* SIEHE AUCH strong.R */
}

/* ### class="medium" bitte nur in Ausnahmefällen nutzen!! */
.medium  {color : #666666;  /* SIEHE AUCH p.h5R und p.h5 (->Überschriften) */
}

.h3 {font-size : 13px;
   font-weight:800;
}

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

em.h1like {font-weight:800;
}

.vip {color:#6699cc; /* "very important point" oder so */
} /* derzeit: rot kräftig orange */

.vipL {color:#6699cc;
} /* derzeit: rot von a.menLsel */

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

b {font-weight:800;
}

i {font-style:italic;
}

u {text-decoration:underline;
}

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

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

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

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

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

tt  {font-family : 'monospace';
}

code  {font-family : 'monospace';
}

h1  {  /* enspricht der .headline-Klasse bei DEKRA Konkurrenz */
    color : #999999;
    font-size : 17px;
    font-family:Arial,Helvetica,'sans-serif';
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
}

/* ZUM ÜBERGANG (bei neuen Sachen nicht verwenden!) ... */
h4  {
    color : #999999;
    font-size : 17px;
    font-family:Arial,Helvetica,'sans-serif';
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
}

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

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

.h3 {font-size : 13px;
   font-weight:800;
}

h3.press  {color : #00582d; /*Presseüberschriften*/
}

/* mit p oder td verwenden ... */
.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;
}

/* mit p oder td verwenden ... */
.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;
}

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

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

/* mit p oder td verwenden ... */
.h4Press  {color : #00582d; /*Presseüberschriften*/
    font-size : 12px;
    font-weight : 800;
    font-style : normal;
    text-decoration : none;
}

a    {color: #999999;
    text-decoration: none;}
a:active  {text-decoration: none;
}
a:visited  {color: #999999;
}
a:hover  {text-decoration: underline;
}

a.nv    {color: #999999;    /* nv = nicht visited -> bleibt rot */
    text-decoration: none;}
a.nv:active  {text-decoration: underline;
}
a.nv:visited  {color: #999999;
}
a.nv:hover  {text-decoration: underline;
}

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

a.trace    {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    {color: #103084;  /* Original: #003366 */
    text-decoration: none;}
a.menL:active  {text-decoration: none;
}
a.menL:visited  {color: #103084;  /* Original: #003366 */
}
a.menL:hover  {text-decoration: none;
}

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

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

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

input,textarea,select   {color: #000000;
/*
   border-left: 1px solid #CDA414;
   border-right: 1px solid #CDA414;
   border-top: 1px solid #CDA414;
   border-bottom: 1px solid #CDA414;
   background-color: #faf0ce;
*/
}

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.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  {background-color: #12356f;
   color: #FFFFFF;
   border-left: 1px solid #2f5c93;
   border-right: 1px solid #456c9b;
   border-top: 1px solid #2f5c93;
   border-bottom: 1px solid #456c9b;
   font-size: 11px;
   font-weight: 800;
}

button  {background-color: #008D50;
   color: #FFFFFF;
   border-left: 2px outset #20e820;
   border-right: 2px outset #20e820;
   border-top: 2px outset #20e820;
   border-bottom: 2px outset #20e820;
   font-size: 11px;
   font-weight: 800;
}

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

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

input.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" */

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

/* 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: #333333;
   font-weight:800;
   text-decoration: none;}
a.karteiakt:active  {text-decoration: none;
}
a.karteiakt:visited  {color: #333333;
}
a.karteiakt:hover  {color: #333333;
   text-decoration: none;
}

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

table.kartei {; /* derzeit ohne Modifikationen */
}
td.karteiakt {
   background-color :#F8E300;  /* :#fbe0b0 -- alt: $_CONF["FarbeTabTh"] */
   color: #333333;
   font-weight:800;
   font-style : normal;
   text-decoration:none;
   border: 0px none;
}
td.karteipas {
   background-color:#e7e7e7;  /* #faf0ce -- alt: $_CONF["FarbeTabLetzte"] */
   color: #333333;
   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 #cccccc;  /* muss mit .divider und .linieunten &uuml;bereinstimmen */
}

td.linieunten {
   border-left: 0px none;
   border-right: 0px none;
   border-top: 0px none;
   border-bottom: 1px solid #cccccc;  /* mu&szlig; mit .divider und karteipas &uuml;bereinstimmen */
}