:root
{
  --clr-link: #B98826;
}

body { margin:20px; }

td   { padding:        0px;
       vertical-align: top; }

table { border-collapse:collapse;
        border-spacing: 0px; }

body { font-family: Verdana, Arial, Helvetica,sans-serif;
       font-size: 70%;
       color: #000000; }

button, select, textarea, input { font-family: Verdana, Arial, Helvetica,sans-serif;
                           color: #000000;
                           font-size: 100%; }
input { accent-color:var(--clr-link); }
input[type="checkbox"], input[type="radio"] { margin:0; }

form   { margin:        0px; }
ul, ol, P { margin-top:    0px;
            margin-bottom: 0px; }
ul.tight { padding-left:17px; }

sub { font-size:90%; }
sup { font-size:70%; }
img { border:0; }

.Headline_gross, .Headline_gross_ohneAbst, .Headline_mSeiten
{ font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:5px;
  margin-bottom:7px; 
  margin-top:0px; }       
                        
.Headline_gross_ohneAbst { margin-bottom:0px; } 
   
/* Headline mit Seitenzahlen-Block bzw Datum. Wird in Aktuell Bereich verwendet */                          
.Headline_mSeiten { padding:0px; margin:0px;	}
.Headline_mSeiten_Abstand { margin-bottom:7px;	}
.Balken_mSeiten   { padding:5px;	}

.Zelle_InhaltP2  { background-color: #ffffff; }
.normal { color:#000000; text-decoration:none; } /* Verwendung: Bei Sitemaps alles anklickbar, sieht aber großteils nicht wie ein Link aus */
.pikto1  { border:0; width:16px; height:13px; vertical-align:bottom; margin-top:1px; margin-bottom:1px; }
.pikto1b { border:0; width:16px; height:13px; vertical-align:bottom; }
.pikto1c { border:0; width:16px; height:13px; vertical-align:middle; }
.pikto2  { border:0; width:16px; height:15px; vertical-align:bottom; }
.pikto4  { border:0; width:13px; height:14px; margin-right:5px; vertical-align:middle;}
.piktop { width:16px; height:13px; vertical-align:bottom; } /* für Produktwürfele in Produktlisten  in Kombi mit den classes td_a und td_b */
.pik { width:16px; height:13px; } /* für Baum2, möglichst kurze Schreibweise fürs Bytesparen :) */
.wh13 { width:13px; height:13px; }

/* Sollte es eigentlich nicht brauchen, aber sonst passt im IE der Zeilenraster nicht zw. Buchstabenlink und Firmenanzahl (Firmenbaum) */
.help { vertical-align:bottom; margin-top:0px; margin-bottom:2px; }

.pl0  { padding-left:0px; } /* für Baum2 Byte-Optimierung */
.pl6 { padding-left:6px; }
.pl12 { padding-left:12px; }
.pl13 { padding-left:13px; }
.pl25 { padding-left:25px; }
.pl26 { padding-left:26px; }
.pl38 { padding-left:38px; }
.pl39 { padding-left:39px; }
.pl51 { padding-left:51px; }
.pl52 { padding-left:52px; }
.pl64 { padding-left:64px; }
.pl65 { padding-left:65px; }
.pl77 { padding-left:77px; }
.pl78 { padding-left:78px; }
.pl90 { padding-left:90px; }

.Zahleingabe { width:50px; text-align:right; }
.Fenster               { margin:        20px; }
.Baum2 { }

.Tabelle_breit_Abstand { width:         100%;
                         margin-bottom: 20px; }
.Tabelle_breit         { width:         100%; }
.Zelle_HeadlineL, .Zelle_Headline, .Zelle_HeadlineS, .Zelle_HeadlineXS
  { font-weight: bold;
    clear:       both; }
.Text_HeadlineXS { color:#000000;
                   clear:            both; }

.Zelle_Inhalt, .Zelle_InhaltP { clear:both; }
.Farben_Schwarz { font-weight:bold; }

.reg_1, .reg_1n  { padding:3px 8px 4px; margin-left:3px; margin-right:3px; font-weight:bold; }
.reg_1b { background-repeat:no-repeat; background-position:center; height:7px; }
.reg_1bn { height:7px; } /* n für neu. für Optionen2.php */
.reg_0  { padding:3px 8px 4px; margin-left:3px; margin-right:3px; }
.reg_0b { }

.Thumbrahmen {}

.td0  { padding:          10px; } /* Blasse Hinterlegung von Forms in Popups */

table.bb_datatable th, table.bb_datatable td { text-align:left; }
table.bb_datatable td, .tdn0 { padding:1px 2px; } /* erster Wert oben/unten, zweiter Wert links/rechts */
table.bb_datatable th, .tdn1 { padding:1px 2px; font-weight:bold; }

.tdn0vert {  /* Wie oben, jedoch für vertikalen Text (!) */
  padding:2px 1px; }
.tdn0cross {
  padding:1px; }
.tdn0n { /* Zeile der Tabelle */
        background-color: #f0f0f0;
  padding:1px 2px;
  white-space:      nowrap; }


.tdn1vert {  /* Header der Tabelle mit vert. Trennstrichen */
  padding:1px 2px;
  font-weight:      bold; }
.tdn2p { /* Mit mehr Padding Links. Im Zuge der Code-Schlankheitskur von Produktlisten */
  padding:0px 2px 0px 8px;
  white-space:      nowrap; }
.tdn2n {  /* Mit <nobr> inkludiert via CSS. Im Zuge der Code-Schlankheitskur von Produktlisten */
  padding:0px 2px 0px 0px;
  white-space:      nowrap; }
.tdn2g {  /* Wie tdn2n aber ohne das "nowrap". Brauchts für groß dargestellte Normalinfos mit Thumbnail wie z. B. im Archiv */
        background-color: #f8f8f8;
  padding:4px; }
.tdn2h {  /* Wie tdn2g aber ohne Padding oben und unten, damit nicht so leer wenn kein Thumb UND kein Kurztext */
        background-color: #f8f8f8;
  padding:1px 4px; }
.tdn3 {  /* Header der Tabelle im Baum links (heller BG) */
  padding:0px 2px; }
/* Für Produktlisten neu, mit alternating bg-coleur =) */
.td_h { font-weight:bold; padding-bottom:2px; }
.td_a { background-color:#ffffff; padding-right:5px; padding-top:1px; padding-bottom:1px; }
.td_b { background-color:#f4f4f4; padding-right:5px; padding-top:1px; padding-bottom:1px; }

table.Datentabelle tr td, table.Datentabelle tr th { text-align:left; }
.z1, table.Datentabelle tr td { background-color:#ffffff; border-top:1px solid #ded5c6; border-bottom:1px solid #ded5c6; padding:0px 4px 2px 4px; } /* f. alternating rows (zebra) -- OPTIMIZE wird das überhaupt wo verwendet? wenn ja, anders lösen! even/odd direkt css! */
.z1td { background-color:#ffffff; border-top:3px double #ded5c6; border-bottom:1px solid #ded5c6; padding:0px 4px 2px 4px; } /* td = top double */
.z1bd { background-color:#ffffff; border-top:1px solid #ded5c6; border-bottom:3px double #ded5c6; padding:0px 4px 2px 4px; } /* bd = bottom double */
.z2 { background-color:#ffffff; border-top:1px solid #ded5c6; border-bottom:1px solid #ded5c6; padding:0px 4px 2px 4px; }
.zh, table.Datentabelle > thead > tr > td, table.Datentabelle > thead > tr > th  { background-color:transparent; font-weight:bold; border-top:0; border-bottom:1px solid #ded5c6; padding:0px 4px 2px 4px; }
.zv  { background-color:#ffffff; border-bottom:1px solid #ded5c6; padding:0px 4px 2px 4px; border-left:1px solid #ded5c6; border-right:1px solid #ded5c6; }
.zvr { border-right:1px solid #ded5c6; } /* als Ergänzung zu z1 gedacht */
table.Datentabelle tr td.Zwischentitel { font-weight:normal; background-color:#ddd; }
table.Datentabelle tr td.footer { background-color:transparent; border-bottom:0; } /* letzte Zeile einer Tabelle die nimma so ganz dazugehört :-) */

.nice_box { background-color:#fff; border:1px solid #ded5c6; padding:5px; } /* für ein DIV das optisch zu Datentabelle passen soll */
.nice_box2 { background-color:#ffffe0; border:1px solid #aaa; padding:5px; } /* für eine "sub-box" IN einer nice_box! :) */

.vat { vertical-align: top; }
.vam, table.vam tr td { vertical-align: middle; }
.vab { vertical-align: bottom; }
.tal { text-align: left; }
.tac, table.bb_datatable th.tac, table.Datentabelle tr td.tac, table.Datentabelle tr th.tac { text-align: center; }
.tar, table.Datentabelle tr td.tar, table.Datentabelle tr th.tar, table.tar tr td, table.tar tr th { text-align: right; }
.tdnv { background-image: url(../PHP/Einreichung/Bilder/Pikto_16x13/Vertical_middle.gif); /* Vertikale Border für das highlighting von Checkboxen oder Radiobuttons */
        padding-top:      1px;
        padding-bottom:   1px; }
.np  { padding:           0px; }
.oh  { overflow:hidden; }

.small      { font-size:   83%; }
.blassk     { font-size:   83%; }

.opacity50 { filter:alpha(opacity=50);
             -moz-opacity:0.5;
             -khtml-opacity: 0.5;
             opacity: 0.5;
             zoom:1 } /* das zoom braucht der IE damit er opacity beachtet. Alternativ wäre "position:" möglich. Quelle: http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/ */

.small_bg   { font-size:   83%; } /* Klein und möglichst blass, aber auf Hintergrund (nicht weiss!) lesbar; z. B. f. Valid Links verwendet */
.validL {width:100%; /* valid Link Text-Input mit onClick Select */
         vertical-align:top;
         padding:0px;
         background-color:transparent;
         font-family:Verdana,Arial,Helvetica,sans-serif;
         margin:0px;
         border:none; }

.badbox { background-color:#ffdddd; border:2px solid #ff7777; padding:4px; }
.ausz, .bad { color: #E85959; }
.ausz2        { color:       #3366ff; }
.good       { color: #00aa00; }
.red {color:#eb0000;}

a:link.Kriterium_neu, a:visited.Kriterium_neu, a:active.Kriterium_neu, a:hover.Kriterium_neu { background-color:var(--clr-link); color:#fff; font-weight:bold; padding-left:3px; padding-right:3px; }

.greek      { font-family: Times New Roman, serif;
              font-size:   125%; }
.nobr       { white-space:nowrap; }

.headline { color: #000000; font-family: Arial, Verdana, Helvetica,sans-serif; font-weight: bold; font-size:160%; }

.Rahmen { border:1px solid #000000; }

.dn { display:none; }

.Linkfarbe    { color: var(--clr-link); }
.Linkfarbe_BG { color: var(--clr-link); }

a:link    { color:var(--clr-link); text-decoration: none; }
a:visited { color:var(--clr-link); text-decoration: none; }
a:active  { color:var(--clr-link); text-decoration: underline; }
a:hover   { color:var(--clr-link); text-decoration: underline; }


/* ------------------------------------------------------------------------ */
/* Styles für die LI Menüelemente                                           */
/* ------------------------------------------------------------------------ */
div.Plock { margin-bottom:20px; }
div.Plock > div { padding:3px 10px 3px 10px; }
div.Plock_H { font-weight:bold; padding:0 0 3px 0; }

/* Beginn: Für Tooltips */
.Schatten
{
  border:0px;
  padding-left:20px;
  padding-bottom:5px;
}

.Schatten2
{
  background-color:#ffffff;
  border:1px solid #000000;
  padding:7px;
  width:220px;
}

.Erklaerung2
{
  position:absolute;
  left:230px;
  top:0px;
}

.Ecke {display:none;}

.Ecke2
{
  display:block;
  position:absolute;
  left:-15px;
}
/* Ende: Für Tooltips */

.nur_f_admins { background-color:#aaeeaa; border:1px #66aa66 solid; padding:3px; }
.nur_f_admins_bg      { background-color:#aaeeaa !important; }

.noprint { }
.yesprint { display:none; }
.only_for_screen_i { display:inline; }
.only_for_print_i  { display:none;   }
.only_for_screen_ib { display:inline-block; }