body                {background-color: gray; color: white; font-family: arial;}  /* #808080  */
h1                  {font-size: 16pt;}
h2                  {font-size: 12pt;}
h6                  {font-size: 8pt; text-align: center;}
.l                  {text-align: left;}
.c                  {text-align: center;}
.r                  {text-align: right;}
.f8                 {font-size: 8pt;}
.f9                 {font-size: 9pt;}
.f10                {font-size: 10pt;}
.f11                {font-size: 11pt;}
.f16                {font-size: 16pt;}
.fco                {color: Orange;}
.fcr                {color: Red;}
.bgDarkGray         {background-color: DarkGray;}      /* #A9A9A9 lighter gray color for line to stand out*/
.bgSilver           {background-color: Silver;}        /* bg #C0C0C0*/
.bgOrange           {background-color: Orange;}        /* bg #FFA500*/
.bgRed              {background-color: Red;}           /* bg #FF0000*/
.bgPink             {background-color: Pink;}          /* bg #FFC0CB*/
.bgBlue             {background-color: Blue;}          /* bg #0000FF*/
.bgRoyalBlue        {background-color: RoyalBlue;}     /* bg #4169E1*/
.kleurA             {background-color: LightPink;}     /* bd #FFB6C1*/
.kleurB             {background-color: SkyBlue;}       /* bg #87CEEB*/

sup                 {vertical-align: super;font-size: smaller;}
li                  {list-style-type: square;}

a:link              {color: white;}
a:visited, a:active {color: #ffcccc;}
a.wit               {color: white;}
a.pink              {background-color: #FF4D4D;color: white;}
a.menuepunkt0, a.menuepunkt1, a.menuepunkt2, a.menuepunkt3, a.menuepunkt4 {font: 12pt,courier; color: #ffcccc; }
a.menuepunkt0:hover, a.menuepunkt1:hover, a.menuepunkt2:hover, a.menuepunkt3:hover, a.menuepunkt4:hover {color: white;}
a.menuepunkt0       {background-color: #404040;}
a.menuepunkt1       {background-color: #800080;display: block;}
a.menuepunkt2       {background-color: #996600;}
a.menuepunkt3       {background-color: #0000b9;}
a.menuepunkt4       {background-color: #009100;}

input.submit        { background: #0066A2;
                      color: white;
                      border-style: outset;
                      border-color: #0066A2;
                      border-radius:10px;
                      font: bold15px arial,sans-serif;
                      text-shadow: none;}

input.submitYell    { background: #FFF8DC;
                      color: black;
                      border-style: outset;
                      border-color: black;
                      border-radius:10px;
                      font: bold15px arial,sans-serif;
                      text-shadow: none;}

input.submitBlck    { background: black;
                      color: white;
                      border-style: outset;
                      border-color: white;
                      border-radius:10px;
                      font: bold15px arial,sans-serif;
                      text-shadow: none;}

input.update        { background-color: #ccff66;} /* light green */
input.delete        { background-color: red;}     /* #ff0000 red */
input.radio         { background-color: gray;}    /* dark grey */
input.checkbox      { background-color: gray;}    /* dark grey */
input.readonly      { background-color: lime}     /* dark green */
input.form-control  { display: block;width:40%;}  /* sizes input type='number'  */
input.tiepurl       {border:none;color: aquamarine;background-color: gray;text-decoration: underline;} /* not used jan 2023  */

table               {font-size: 10pt; width:340px;margin:auto;border:1px solid #8A8A8A;}/* #8A8A8A almost dark grey */
table.bsg1          {border: 1px solid silver;}  /* dark grey */
table.vw            {font-size: 10pt;margin:auto;} /* variable width */

tr.rb               {outline:solid;color:#1E4704;}

th                  {font-size: 11pt;}

th.pinknwrap        {background-color: OrangeRed; white-space: nowrap;} /*kleur van active sort column in tables */

th.NZe,th.We,th.Oe,th.NZo,th.Wo,th.Oo {white-space: nowrap;font-size: 9pt;}
th.NZe              {background-color:#106610;padding:0px;}
th.tafel            {background-color:#106610;font-size: 12pt;}
th.We               {background-color:#106610;text-align: left;}
th.Oe               {background-color:#106610;text-align: right;}
th.NZo              {background-color:#2F8E5A;}
th.Wo               {background-color:#2F8E5A;text-align: left;}
th.Oo               {background-color:#2F8E5A;text-align: right;}
th.rb               {background-color:#1E4704;color:#FFFFAA;vertical-align:middle;}
th.even             {background-color:#404040 ; color:#FFFFFF;}
th.odd              {background-color:#FFF8DC; color:#404040;}
th.closed           {background-color:#FF9D3C; color:#404040;}
th.scrw             {background-color:#ff0000; color: #ffffff; } /* text white on red background*/
td                  {font-size: 9pt;white-space: nowrap;}

td.pdf-l            {font-family: Verdana, Tahoma, 'DejaVu Sans', sans-serif; text-align: left;};
td.pdf-r            {font-family: Verdana, Tahoma, 'DejaVu Sans', sans-serif; text-align: right;};
td.pdf-c            {font-family: Verdana, Tahoma, 'DejaVu Sans', sans-serif; text-align: center; width:50px};

.sl,.slg,.sc,.scg,.sr,.srg,.ssl,.ssc,.ssr,.sco,.scow,.scrw,.scp
{ border-top: 1px solid ; border-color:#c0c0c0; font:9pt, courier; padding-left:5px; padding-right:5px;} /* light grey */

td.sr               { text-align: right;  }
td.srg              { text-align: right;  background-color:#a6a6a6;} /*right text white on light gray background*/
td.sl               { text-align: left;   }
td.slg              { text-align: left;   background-color:#a6a6a6;} /*left text white on light gray background*/
td.sc               { text-align: center; }
td.scg              { text-align: center; background-color:#b5b5b5;} /*centered text white on light gray background*/
td.sco              { text-align: center;color: #ffffff; background-color: #ff9d3c;} /*centered text white on orange background*/
td.scow             { text-align: center;color: #ffffff; background-color: #ff9d3c;} /*centered text white on orange background*/
td.scbw             { text-align: center;color: #ffffff; background-color: #3366ff; } /*centered text white on blue background*/
td.scrw             { text-align: center;color: #ffffff; background-color: #ff0000;} /*centered text white on red background*/
td.scgw             { text-align: center;color: #ffffff; background-color: #008000;} /*centered text white on green background*/
td.scp              { text-align: center;                background-color: #ffcaff;}

td.ln               { border-bottom: #fbc38f 1px solid;}
td.orng             { text-align: center; background-color: #ff9d3c;} /* orange background*/
td.c2,td.c2b,td.c3,td.c3b
                    { border-top: 1px solid ; border-color:#c0c0c0; font-family:courier;} /* #c0c0c0=light grey */
td.c2               {                            }
td.c2b              { background-color: #ffffcc; }
td.c2c              { background-color: #ff99ff; }
td.c3b              { background-color: #ffffcc;} /* #ffffcc=light yellow */
td.c3c              { background-color: #ffffcc;}
td.c5               { background-color: #ff99ff;} /* #ffffcc=magenta pink */
td.c6               { background-color: #ff9696;} /* #ffffcc=dark pink */

.msg                {font-size: 9pt;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* message*/
.rem                {font-size: 9pt;color:white; font-style: italic; font-weight: bold; margin:auto;}/*remark*/

td.mw  { text-align: center;background-color: silver   ;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg light gray*/
td.mo  { text-align: center;background-color: orange   ;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg orange*/
td.mr  { text-align: center;background-color: red      ;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg red*/
td.mb  { text-align: center;background-color: RoyalBlue;color:white; font-style: italic; font-weight: bold; white-space:nowrap;margin:auto;}/* bg red*/

span.e              {font-family: 'courier new', courier, monospace;font-size: 12pt;background-color:#707070;color:white;}
span.o              {font-family: 'courier new', courier, monospace;font-size: 12pt;background-color:#949494;color:white;}
span.mw             {font-size: 9pt;color:white; font-style: italic; font-weight: bold; white-space:nowrap;background-color:#c0c0c0;}/* bg light gray*/
span.mo             {font-size: 9pt;color:white; font-style: italic; font-weight: bold; white-space:nowrap;background-color:#ff9d3c;}/* bg orange*/
span.mr             {font-size: 9pt;color:white; font-style: italic; font-weight: bold; white-space:nowrap;background-color:#ff0000;}/* bg red*/
span.sch            {font-size: 18pt;color:black;}
.big                {font-size: 24pt;vertical-align:middle;}
.bigAB              {font-size: 16pt;vertical-align:middle;}
span.rb             {background-color:#1E4704;color:#FFFFAA;vertical-align:middle;}  /* realbridge colors */
span.kop            {color:#FFFFAA;font-weight:bold;}
span.robin          {color:#9B1224;font-weight:bold;} /*Lustrum kleur */
span.robin20        {color:#9B1224;font-weight:bold;font-size: 20pt;} /*Lustrum kleur */
span.even           {background-color:#404040;color:#FFFFFF;}
span.odd            {background-color:#FFF8DC;color:#404040;}

.container          {position: relative;text-align: center;color: white;}
.bottom-left        {position: absolute;bottom: 8px;left: 16px;}
.bottom-right       {position: absolute;right: 16px;}
.bottom-centered    {position: absolute;bottom: 8px;left: 10%;}  /* expiremental*/

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top- {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

*/