:root
{
  --clr-link: #4176AB;
}

body   { background-color: #ffffff; line-height:1.5em; color:#666;
         font-family: verdana,geneva,sans-serif; font-size:0.8em;
         margin-top:0px;  }

button, select, textarea, input { font-family: verdana,geneva,sans-serif; }

.Block { background-color:#d8e8d8; }

.Fenster   { }
.Baum2 { line-height: 1.2em; font-size: 0.6875em; font-weight: bold; }
             
.Headline_gross, .Headline_gross_ohneAbst, .Headline_mSeiten
                 { font-size:19px; line-height:22px; margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:3px; color:#7BBD42; font-family: verdana,geneva,sans-serif; }
.Headline_mSeiten { font-size:19px; line-height:22px; color:#7BBD42; }

.Headline_gross_ohneAbst { }
.Headline_mSeiten_Abstand { }

.headline { font-family: verdana,geneva,sans-serif; }
.Balken_mSeiten { padding:0px; }

.Zelle_HeadlineL { color:            #7BBD42;
                   padding-top:      0px;
                   padding-right:    0px;
                   padding-bottom:   3px;
                   padding-left:     0px;
                   background-repeat: no-repeat;
                   background-position: 0px 4px;
                   font-size:19px; line-height:22px; }
.Zelle_Headline  { color:            var(--clr-link);
                   padding-top:      0px;
                   padding-right:    0px;
                   padding-bottom:   3px;
                   padding-left:     0px;
                   font-size:1.3em;
                   line-height:22px; }
.Zelle_HeadlineS { color:            #666666;
                   padding-top:      0px;
                   padding-right:    0px;
                   padding-bottom:   0px;
                   padding-left:     0px;
                   font-size:1.3em;
                   line-height:22px; }
.Zelle_HeadlineXS { color:            #7BBD42;
                    padding-top:      0px;
                    padding-right:    0px;
                    padding-bottom:   3px;
                    padding-left:     0px;}
.Zelle_Inhalt   { background-color: #ffffff;
                  padding-top:      10px; /* für Produktdarstellung */
                  padding-right:    0px;
                  padding-bottom:   0px;
                  padding-left:     0px; }
.Zelle_InhaltP  { background-color: #ffffff;
                  padding-top:      10px;
                  padding-right:    0px;
                  padding-bottom:   0px;
                  padding-left:     0px; }
body.mceContentBody  { background-color: #ffffff; }                       
.Zelle_InhaltP2  { background-color: #ffffff;
                  padding:          0px;}
.Farben_Schwarz { color:            #000000;}
.Box            { background-color:#f0f0f0; }
.Lademeldung    { color:#000000; }

.reg_1  { background-color:#ffffff; }
.reg_1b { background-image:url(../Bilder/Skin3/Eckle_SW5.gif);  }
.reg_0  { background-color:#fafbfc; }

.td0  { background:       #f0f0f0; /* Blasse Hinterlegung von Forms in Popups */
        padding:          10px; }
.bb_datatable td, .tdn0
{ border-bottom:    2px solid #ffffff; /* Zeile der Tabelle */
        border-top:       2px solid #ffffff;
        background-color: #f0f0f0; }
.tdn0vert { border-left:    1px solid #a0a0a0; /* Wie oben, jedoch für vertikalen Text (!) */
            border-right:       1px solid #a0a0a0;
            background-color: #ffffff;}
.tdn0cross { border-left:    1px solid #a0a0a0; /* Für Kreuzungspunkte in einer Matrix mit tdn0-Zeilen und tdn0vert-Spalten */
             border-right:       1px solid #a0a0a0;
             border-bottom:    1px solid #a0a0a0; /* Zeile der Tabelle */
             border-top:       1px solid #a0a0a0;
             background-color: #ffffff; }
.tdn0n { border-bottom:    1px solid #a0a0a0; /* Zeile der Tabelle */
         border-top:       1px solid #a0a0a0;}
.bb_datatable th, .tdn1 {  border-bottom:    1px solid #a0a0a0; /* Header der Tabelle */ }
.tdn1vert { border-left:      1px solid #a0a0a0; /* Header der Tabelle mit vert. Trennstrichen */
            border-right:     1px solid #a0a0a0;
            border-top:     1px solid #a0a0a0;}
.tdn2p { border-bottom:    0px solid #a0a0a0; /* Mit mehr Padding Links. Im Zuge der Code-Schlankheitskur von Produktlisten */
         border-top:       0px solid #a0a0a0;
         background-color: #ffffff; }
.tdn2n { border-bottom:    0px solid #a0a0a0; /* Mit <nobr> inkludiert via CSS. Im Zuge der Code-Schlankheitskur von Produktlisten */
         border-top:       0px solid #a0a0a0;
         background-color: #ffffff; }
.tdn2g { border-bottom:    1px solid #a0a0a0; /* Wie tdn2n aber ohne das "nowrap". Brauchts für groß dargestellte Normalinfos mit Thumbnail wie z. B. im Archiv */
         border-top:       1px solid #a0a0a0;}
.tdn2h { border-bottom:    1px solid #a0a0a0; /* Wie tdn2g aber ohne Padding oben und unten, damit nicht so leer wenn kein Thumb UND kein Kurztext */
         border-top:       1px solid #a0a0a0;}
.tdn3 { border-bottom:    0px solid #a0a0a0; /* Header der Tabelle im Baum links (heller BG) */ }

.tdnv { background-image: url(../PHP/Einreichung/Bilder/Pikto_16x13/Vertical_middle_SW31.gif);
        /* Vertikale Border für das highlighting von Checkboxen oder Radiobuttons */ }
.tdnv2 { background-image: url(../PHP/Einreichung/Bilder/Pikto_16x13/Vertical_middle2_SW31.gif); /* Vertikale Border für das highlighting von Checkboxen oder Radiobuttons */
         padding-top:      1px;
         padding-bottom:   1px; }
         
.z1 { background-color:#ffffff; border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; padding-top:0px; padding-bottom:0px; padding-left:0px; } /* f. alternating rows (zebra) */
.z2 { background-color:#ffffff; border-top:2px solid #ffffff; border-bottom:1px solid #ffffff; padding-top:0px; padding-bottom:0px; padding-left:0px; }
.zh {                                                         border-bottom:1px solid #a0a0a0; }
.zv { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; background-color:#f0f0f0; padding-top:0px; padding-bottom:0px; border-left:0px; border-right:0px; }
.zvr { border-right:0; } /* als Ergänzung zu z1 gedacht */

.blass        { color:       #a0a0a0; }
.blassk       { color:       #a0a0a0; }
.blass_Link   { color:       #CCA65D; }
.Thumbrahmen {border:1px solid #c5c5c5;}
.small_bg     { color:       #808080; }
.small { font-size:10px; }

.SitemapTD    { background-color:#ffffff;}
.SitemapTDHigh { background-color:#ffffff;}
.badMarker { border-right:5px solid #E85959; background-color:#ffdddd; }
.b            { font-weight:bold; }

.validL { font-family: verdana,geneva,sans-serif; color:#666; }
.OW { color:#a0a0a0; /*background-color:#e8e8e8; font-style:italic;*/ } /* Orientierungswerte -- nur natureplus */

hr { color: #CCC;
     background-color: #CCC;
     height: 1px;
     border: 0px none;
     margin-top: 20px;
     margin-bottom: 20px; }

/* ------------------------------------------------------------------------ */
/* Styles für die LI Menüelemente                                           */
/* ------------------------------------------------------------------------ */

.navcontainer a
{
  background-color:#ffffff;
  border-top:1px solid #a0a0a0;
  background-image:url(../Bilder/SitemapPfeil_SW28.gif);
}

.PROcontainer a
{
  background-color:#f7e2d7;
  border-top:1px solid #a0a0a0;
  background-image:url(../Bilder/SitemapPfeil_SW28.gif);
}

.navcontainer a:hover {background-color: #ffffff; }
#HighlightedPf {background-color:#dde3e7;}

.NATUREp {color:#50ae42;font-weight:bold;}
.nPLUS {color:#e10027;font-weight:bold;}