body { margin-left:   20px;
       margin-right:  20px;
       margin-top:    20px;
       margin-bottom: 20px; }

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

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

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

button, select, textarea, input { font-family: Verdana, Arial, Helvetica;
                           color: #000000;
                           font-size: 100%; }

form   { margin:        0px; }
ul, ol, P { margin-top:    0px;
            margin-bottom: 0px; }

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

.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; }
.pikto3  { border:0; width:16px; height: 5px; }
.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 :) */

.Pfeil_inline { }
.div1 { white-space: nowrap; }

/* 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; }

.bl1 { background-color:#ffffff; padding:1px; margin-top:2px; margin-bottom:2px; float:left; margin-right:5px; }
.bl2 { background-color:#ffffff; padding:1px; margin-top:2px; margin-bottom:2px; float:left; }
.pl0  { padding-left:0px; } /* für Baum2 Byte-Optimierung */
.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; }

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

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

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

.reg_1  { padding-top:3px; padding-bottom:4px; padding-left:8px; padding-right:8px; margin-left:3px; margin-right:3px; font-weight:bold; }
.reg_1b { background-repeat:no-repeat; background-position:center; height:7px; }
.reg_0  { padding-top:3px; padding-bottom:4px; padding-left:8px; padding-right:8px; margin-left:3px; margin-right:3px; }
.reg_0b { }

.Thumbrahmen {}

.td0  { padding:          10px; } /* Blasse Hinterlegung von Forms in Popups */
.tdn0 { /* Zeile der Tabelle */
        padding-top:      1px;
        padding-bottom:   1px;}
.tdn0vert {  /* Wie oben, jedoch für vertikalen Text (!) */
        padding-top:      2px;
        padding-bottom:   2px;
        padding-left:     1px;
        padding-right:    1px; }
.tdn0cross {
        padding-top:      1px;
        padding-bottom:   1px;
        padding-left:     1px;
        padding-right:    1px; }
.tdn0n { /* Zeile der Tabelle */
        background-color: #f0f0f0;
        padding-top:      1px;
        padding-bottom:   1px;
        padding-left:     2px;
        padding-right:    2px;
        white-space:      nowrap; }
.tdn1 { /* Header der Tabelle */
        padding-top:      1px;
        padding-bottom:   1px;
        padding-left:     2px;
        padding-right:    2px;
        font-weight:      bold; }
.tdn1vert {  /* Header der Tabelle mit vert. Trennstrichen */
        padding-top:      1px;
        padding-bottom:   1px;
        padding-left:     2px;
        padding-right:    2px;
        font-weight:      bold; }
.tdn2p { /* Mit mehr Padding Links. Im Zuge der Code-Schlankheitskur von Produktlisten */
         padding-top:      0px;
         padding-bottom:   0px;
         padding-left:     8px;
         padding-right:    2px;
         white-space:      nowrap; }
.tdn2n {  /* Mit <nobr> inkludiert via CSS. Im Zuge der Code-Schlankheitskur von Produktlisten */
        padding-top:      0px;
        padding-bottom:   0px;
        padding-left:     0px;
        padding-right:    2px;
        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-top:      4px;
        padding-bottom:   4px;
        padding-left:     4px;
        padding-right:    4px; }
.tdn2h {  /* Wie tdn2g aber ohne Padding oben und unten, damit nicht so leer wenn kein Thumb UND kein Kurztext */
        background-color: #f8f8f8;
        padding-top:      1px;
        padding-bottom:   1px;
        padding-left:     4px;
        padding-right:    4px; }
.tdn3 {  /* Header der Tabelle im Baum links (heller BG) */
        padding-top:      0px;
        padding-bottom:   0px;
        padding-left:     2px;
        padding-right:    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; }

.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { 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 */
              text-align:  right; }
.ausz       { color:       #E85959; }
.greek      { font-family: Times New Roman;
              font-size:   125%; }
.rba        { width:       13px;
              height:      13px;
              padding:     0px;
              margin:      0px; } /* Wichtig z. B. für FireFox, denn das width/height ist ihm herzlich egal! */
.rbam       { width:       13px; /* eingeführt damit im Step2I nicht so viel Daten zusammenkommen */
              height:      13px;
              margin:      0px;
              padding:     0px;
              margin-left:2px;
              margin-bottom:2px; } /* Wichtig z. B. für FireFox, denn das width/height ist ihm herzlich egal! */
.nobr       { white-space:nowrap; }

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

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

.SitemapTD {padding-top:3px;
            padding-bottom:3px;
            padding-right:2px;
            padding-left:3px;
            border-top:1px solid #cccccc; }

.noprint { }
.dn { display:none; }

/*.LesbarkeitsBG { padding-bottom:2px; }*/

a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:active  { text-decoration: underline; }
a:hover   { text-decoration: underline; }


/* ------------------------------------------------------------------------ */
/* Styles für die LI Menüelemente                                           */
/* ------------------------------------------------------------------------ */
.navcontainer ul
{
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}

.navcontainer a
{
  display:block;
  /*width:100%;*/
  padding:2px;
  font-weight:normal;
  color:#000000;
  text-decoration: none;
  background-repeat:no-repeat;
  background-position:right center;
}

.WerkzeugPf a { width:225px; }

/* Für ie, braucht ne extraeinladung */
.navcontainer a:link, .navcontainer a:visited, .navcontainer a:hover, .navcontainer a:active
{
  text-decoration: none;
  color:#000000;
}

.Schatten
{
  border:0px;
  padding-left:20px;
  padding-bottom:5px;
}

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

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

.Ecke {display:none;}

.Ecke2
{
  display:block;
  position:absolute;
  left:-15px;
}

.roteBox {background-color:#ffdddd; border:1px solid #ff7777;padding:7px;}