/* 0.----------------------------------------------------------------------------------------------------------
Allgemeine Bedeutung
#bbc3d3 grau



font-size    :  legt die Größe des Schrift fest
font-family  :  legt die Schrift-Familie fest ( z.B. Arial,Helvetica,Verdana,Sans-Serif;)
font-weight  :  legt die Gewichtigket fest(z.B. unterstrichen, Fett;Kursiv; etc.)
background   :  legt die Hintergrundfarbe fest (zb. als Name= #white oder in Hex= #003366)
*/

/* 1.----------------------------------------------------------------------------------------------------------
licence der GNU  ...*/

/* 2.----------------für meine box informationen damit etwas größer------------------------------------------------------------------------------------------ */
.mainboxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.boxTextbold { font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold;}
/* 2.---------------------------------------------------------------------------------------------------------- */
/*.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }*/
.boxText {font-size:11px;font-family:arial,verdana,helvetica,geneva,sans serif;text-decoration: none;line-height: 15px;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
/* Erklärung 2.
.boxText:  Hier kann die Schrift in den Boxen links und rechts im Menu geändert werden.(Familien sind z.B.
           Times,Helvetica, Comic Sans) ACHTUNG! Nur Schriften beutzen die in den Brosern fest integriert
           sind ansonsten werden diese ignoriert und dafür die Standard-Schriften der Browser gezeigt)

.errorBox: // NICHT ÄNDERN // Festgelegte Werte für die Ausgabe der Fehler-Boxen mit dem "Roten Dreieck"

stockWarning: // EVTL. ÄNDERN // Kann geändert werden,wenn Sie Stock (Lager) verwenden und im Admin/Konfigu-
                                 ration/Stock eingestellt haben.

productNotifications: // EVTL. ÄNDERN // Ändert die Hintergrundfarbe in der Box checkout_success (Kasse)
*/




/* 3.---------------------------------------------------------------------------------------------------------- */
BODY {
/*  background: #00B5C8; */
  background: #00B5C8;
  color: #000000;
  margin: 0px;

    scrollbar-face-color:#00B5C8;
    scrollbar-highlight-color:#ADD8E6;
    scrollbar-3dlight-color:#6A9FBF;
    scrollbar-darkshadow-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-arrow-color:#ffffff;
    scrollbar-track-color:#00B5C8;


}
/* Erklärung 3.
background: Hintergundfarbe der Seite(n) hier #FFFFFF (weiß). ACHTUNG! Ändert nicht die Farbe im Kopf des
            Shops (Logo etc).Dieses wird in der Datei header.php im Ordner \catalog\includes\ geändert.

color:      Legt die Textfarbe hier #000000 (schwarz) im laufenden Text (NICHT SEITEN-ÜBERSCHRIFT!) auf den
             Seiten fest

margin:     0px (Null nicht O) heißt = Ohne weiteren Abstand zum Rand, wenn Abstand gewünscht z.B. 5px eingeben


OPTION:      Hier können sie die Farben für den Srollbalken im Browser ändern,(wenn eingefügt) z.B.so:

  scrollbar-face-color:#336699;
  scrollbar-highlight-color:#ADD8E6;
  scrollbar-3dlight-color:#6A9FBF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-shadow-color:#000080;
  scrollbar-arrow-color:#6A9FBF;
  scrollbar-track-color:#6A9FBF;


   .. übrigens, ein kleines "freies" Coll Web Scrollbars -Programm (Windows) gibt es hier zum downloaden:
      http://www.harmonyhollow.net/cws.shtml
*/




/* 4.---------------------------------------------------------------------------------------------------------- */
A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  /*  color: #AABBDD; */
    color: #cccccc;
    text-decoration: none;
}
/*
a:link {
        color: #cccccc;
        text-decoration: none;
}
a:visited {
    color: #cccccc;
        text-decoration: none;
}
*/
FORM {
   display: inline;
/*   color: #00B5C8  hier ist farbe vorher nichts*/
}
/* Erklärung 4.
A
color: Legt die Farbe aller LINKS in der SITE fest, hier #000000 (schwarz)
text-decoration:  NONE bedeutet =  KEINE Unterstreichung des Textes bei der Anzeige (in der Regel unterstrichen)

A:hover
  color: Ändert von schwarz in die (angegebene #AABBDD) Farbe, wenn die Maus über (hover) den Link fährt.
  text-decoration: Ändert die Ansicht = hier Unterstreichung bei der Anzeige im Browser.


FORM
   display: mögliche Eingabe als inline, block, list-form oder none (inline am besten stehen lassen!)
   mit color:#...  (hinzufügen) kann die Text-Farbe in der Box "Schnellsuche" geändernt werden. Vorgabe/Default
   ist #000000 (schwarz)
*/




/* 5.---------------------------------------------------------------------------------------------------------- */
TR.header {
/*  das ist der header oben*/
 background: #00B5C8;
/*  background: #ffffff; */
}

TR.headerNavigation {
  background: #ffffff;
 /*background: #bbc3d3;*/
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 /* background: #bbc3d3;*/
  background: #000000;
  color: #ffffff;
  font-weight : bold;
}
TD.headerNavigation1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 /* background: #bbc3d3;*/
  background: #cccccc;
  color: #ffffff;
  font-weight : bold;
}
/* Erklärung 5.
TR.header:  // Sollte nicht geändert werden. // 1. zeile im Tabellenkopf (row.header) aller Tabellen.

TR.headerNavigation:
   background: Hintergundfarbe der Tabellenzeile z.b. in der Startseite>> Katalog>> zu sehen ist.
   family: Hier Verdana oder Arial oder sans-serif Schriften anzeigen
   size: größe 10 Pixel (Typografische Größen werden entweder in Point, Cicero oder Pixel angegeben)
   background color:  VORSICHT!!! THE 12 LINE IS THE REAL BACKGROUND, NOT THE 6 LINE !
   color. Natürlich ist damit Die Wiedergabe der schriftfarbe gemeint = hier #ffffff (weiß)
   weight: Wiedergabe der Schrift in Fett (bold)

TD.headerNavigation
*/
/* 6.---------------------------------------------------------------------------------------------------------- */
A.headerNavigation {

  color: #FFFFFF;
}

A.headerNavigation:hover {
  color: #ffffff;
}
/* Erklärung 6.
         Legt die Text-Farbe in der NavigationsZeile wie Startseite >> Kategorie >> wo bin ich? direkt unterhalb
         des osCommerce-/Firmen-Logos fest
   "hover" meint: Ändere die dargestellte Link-Farbe in eine neue (angegebene) wenn die Maus darüber fährt.
*/
/* 7.---------------------------------------------------------------------------------------------------------- */
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
/* Erklärung 7.
        for the errors.
*/
/* 8.---------------------------------------------------------------------------------------------------------- */
TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
 /* background: #000000;*/
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/* Erklärung 8.
TR.headerInfo
         Hier kann man die Hintergrundfarbe des TOP´s der Box "Ein neues Passwort wurde an ihre
         eMail-Adresse gesendet" ändern.

TD.HeaderInfo
         Schriftfamilie, größe, Farbe etc des Textes in der Anzeide der vorgenannten Box.
*/
/* 9.---------------------------------------------------------------------------------------------------------- */
TR.footer {
  background: #ffffff;
/*  background: #bbc3d3; */
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
/*  background: #bbc3d3; */
  color: #ffffff;
  font-weight: bold;
}
/* Erklärung 9.
TR.footer  Hier legt man die Farbe des Streifens (Tabellezeile) in dem  "Datum, Besucher seit dem.." stehen
TD.footer  Hier ändert man entsprechend die Kontrastfarbe der darstellenden Schrift, deren Größe, Stärke etc.
           ACHTUNG! andere (Background)-Farbe als in TR.footer wird durch TD.footer überschrieben.
           GLEICHE BACKGROUND-FARBEN WÄHLEN! (wie im Beispiel)
*/
/*10.---------------------------------------------------------------------------------------------------------- */
.infoBox {
/*  background: #ffffff;

background: #00B5C8;*/
background: #b6b7cb;
}

.infoBoxContents {
  background: #e7e7e7; 
/*  background: #F5F5F5;
  background: #00B5C8;
weiss background: #ffffff;
 grau background: #bbc3d3;
 grün background: #00B5C8; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* Erklärung 10.
infoBox:
 background: ACHTUNG! Nur hier legt man die Farben der linken und rechten Boxen-Ränder im Menu fest.
             AUSNAHME: nicht die Ränder in den Boxen "Mein Konto", "Eröffne Konto" und "Adressenänderung"


infoBoxContents:
           background: Hintergundfarbe aller Boxeninhalte und setzt auch Rahmen in der gleichen Farbe um die
           "Kommentarboxen"
 font-...: definiert die Schriftfamilie -farbe. Soltte nicht geändert werden .10 Px sind ok.
           evtl kleinere Schrift?  9 Px..
*/
/*11.---------------------------------------------------------------------------------------------------------- */
.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* 12.---------------------------------------------------------------------------------------------------------- */
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/* background: #bbc3d3; */
   background: #000000;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* Erklärung 12.
TD.infoBoxheading
     Hier Änderung der Schriften, Größe etc, Hintergundfarbe der Info-Boxen und der Box "Neue Produkte im.."
     ACHTUNG! Wenn die Schriftgröße >als 10px muß die Boxenweite (Default 125px) erweitert werden die bitte in
     \includes\application_top.php ca bei Zeile 56
     // customization for the design layout
        define('BOX_WIDTH', 125);
     und die Zahl 125 erhöhen z.B. auf 135

TD.infoBox, SPAN.infoBox
     Hier müßte man evtl. die Sschrift,-größe etc ändern können (Bin mir aber nicht ganz sicher!!)
*/













/* 13.---------------------------------------------------------------------------------------------------------- */
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}
/* Erklärung 13.
   setzt farblichen Rahmen an der odd-Seite (odd=ungerade, aber wo links, rechts?) bei "adressbuch",
   "Zahlungen"... am besten inmal ausprobieren.. VORSICHT erst .css sichern!!

        setzt farblichen Rahmen an der even-Seite (even=gerade, aber wo links, rechts?)
*/











/* 14.---------------------------------------------------------------------------------------------------------- */
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  /*border-color: #b6b7cb;*/
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  /*border-color: #b6b7cb;*/
  color: #FFFFFF;
  font-weight: bold;
}
/* Erklärung 14.
TR.productListing-heading
          Hintergrundfarbe der Kopfes in der Seite "Unser Angebote" in der die Produkte augelistet werden wie
          Bestellen, Produkte, Preis, Hersteller etc

TD.productListing-Heading
          Schrift, Farbe, Größe  wie auch die Hintergrundfarbe der Box festlegen auf der seite der augelisteten
          Produkte die angeboten werden können.
*/










/* 15.---------------------------------------------------------------------------------------------------------- */
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #D9EEF0;
  /* background: #FFFFCC;
 background: #F5F5F5; */
}

td.productListing-data1 { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color:<? echo $bgcolor  ?>; }

A.pageResults {
  color: #0000FF;
  /* color: #0000FF;*/
}

A.pageResults:hover {
  color: #0000FF;
 /* color: #0000FF;*/
  background: #FFFF33;
}
/* Erklärung 15.
TD.productListing-data
         Hier kann eine andere Hintergundfarbe der angezeigten Produktliste gewählt werden.

A.pageResults
         Farbe der Seitennummern wie in/includes/split_page_results.php wenn mehrere Seiten zum Blättern
         wie "angezeigte Produkte: 1 bis 2 (von 2 insgesamt)  Seite 1" in der Produktliste (oben, unten
         oder beides wenn im Admin/Konfiguration/product Listing (Location of Prec/Next Navigation Bar...)
         eingestellt.

 a.pageResults:hover
         ändert die Darbe der Seitennummer-Darstellung auf welcher Seite  1, 2, 3, etc man sich befindet.
 */




/* 16.---------------------------------------------------------------------------------------------------------- */
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
/*  color: #ffffff;  #9a9a9a   00B5C8 */
}
/* Erklärung 16.
TD.pageHeading,
        Farbe der Darstellung wenn "Kasse" checkout_success.php geklickt und angezeigt wird wie " Ihre
        Bestellung wurde ausgeführt" und alle Seiten im Kopf wie "Was gilbt es neus hier? Viel Vergnügen
        beim Einkauf" oder so ähnlich...
*/







/* 17.---------------------------------------------------------------------------------------------------------- */
TR.subBar {
 /* background: #f4f7fd;*/
   background: #000000;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
/* Erklärung 17.
                                  hab ich noch nicht definieren können....
*/





/* 18.---------------------------------------------------------------------------------------------------------- */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #000000;
 /*  color: #aabbdd; */
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
/* Erklärung 18.
.main, p.main : Haupttext in Produkt/Artikel-Beschreibung oder bei Admin in Katalog/Kategorien-Artikel in die
                Produktbeschreibung hinzufügen mittels HTML Code <p> text, text </p>

.smalltext :    Text z.B. wie der "Dieses Produkt wurde am .. in unseren Katalog aufgenommen"
      oder z.B. unter dem Produktbild "Bild vergrößern? Klicken Sie in das Bild"


accountcategory :Kundenkonto?  (noch nicht rausgefunden)

.fieldkey :   angezeigter Text,Größen-Einstellung auf der Seite "Erweiterte Suche"...

.fieldvalue :    [ NICHT ÄNDERN ] Text, Größe etc in den Drop-Down´s der Seite "Erweiterte Suche"

.tableHeading :  Titelgröße in "Adressbuch",
*/




/* 19.---------------------------------------------------------------------------------------------------------- */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
/* Erklärung 19.
.newItemInCart   : Anzeige Textfamilie, -Größe und -Farbe im Einkaufswagen in der "Warenkorb"-Box wenn neuer
                  Artikel hinzugefügt...

.checkBox...   : Legt die Form in der Drop-Down Boxen z.B. wie in  "Hersteller"-Box fest,Braucht nicht
                  geändert zu werden!

.greetUser   : Auf der 1.ten Seite das angezeigt Wort "GUEST" im Willkommen-Text. Legt nur die Farbe, Größe
                  etc fest. Das Wort/der Text selber kann in der german.php catalog\includes\languages unter
                  define('TEXT_GREETING_GUEST', geändert werden.

.formArea   : Hintergrundfarbe der Box "Mein Konto", "Konto bearbeiten" oder "Adresse hinzufügen"

.formAreaTitel  : Bestimmt die Größe/Stärke des Titels in "Mein Konto",konto bearbeiten" etc

.markProductOutStock: Legt die Textausgabe :out of stock (Nicht am Lager) fest

.productSpecialPrice: Festlegung der Textmerkmale in der Box "Sonderpreise" fest.
*/





/* 20.---------------------------------------------------------------------------------------------------------- */
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* 21.---------------------------------------------------------------------------------------------------------- */
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* Erklärung 21
      Legt die Farbe der *Sternchen und "erforderliche Eingaben" in der Kontoeröffnungs-Box fest
*/





/* 22.---------------------------------------------------------------------------------------------------------- */
/* REBIE ALT  übernommen */
/*
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #00B5C8;
}
*/
p, td, th, li {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
.headline0 {
    color: #ffffff;
    font-variant:small-caps;  /*schreibt alles gross die kleingeschriebenen tiefergestellt */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: bold ; /*bold normal*/
        line-height: 24px;
}
.headline1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
}
.headline2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
}
.headline3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}
.headline4 {
    color: #ffffff;
    font-variant:small-caps;  /*schreibt alles gross die kleingeschriebenen tiefergestellt */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-weight: normal ; /*bold normal*/
        line-height: 24px;
}
.headline5 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
}
.headline6 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
/*        line-height: 24px; */
}
.headline7 {
   color: #ffffff;
   font-family: Verdana, Arial,  sans-serif;
   font-size: 16px;
   font-weight: bold;
/*   line-height: 24px; */
}
.headline8 {
    color: #990000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
}
.klein {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}
.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
}


.featheadline1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #666666;
}
.featText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
}
.Listtext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

.td_color1 {
        background-color: #333333;
}
.td_color2 {
        background-color: #00B5C8;
}
.td_color3 {
        background-color: #FFFFFF;
}
.td_color_fb {
        background-color: #666666;
}

.bgdark {
        background-color: #CECECE;
}
.bglight {
        background-color: #EFEFEF;
}

.navi1 {
        font-family: Verdana, Arial,  sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}
.navi1:link {
        color: #FFFFFF;
}
.navi1:visited {
        color: #FFFFFF;
}
.navi1:hover {
        color: #FFFFFF;
}

.naviheadline2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
}
.navi2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
        text-decoration: none;
}
.navi2:link {
        color: #666666;
}
.navi2:visited {
        color: #666666;
}
.navi2:hover {
        color: #990000;
}

.pathfinder {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #00B5C8;
}
.pathfinder:link {
        color: #00B5C8;
}
.pathfinder:visited {
        color: #00B5C8;
}
.pathfinder:hover {
        color: #990000;
}
.logon{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #FF0000;
}

/***************************** EHEIM Beginn *****************************************/
#eheim-table { border-collapse:collapse; }

#eheim-table td { border:1px solid #BBBBBB; vertical-align:top; padding:1px; }

#eheim-table a { text-decoration:underline; }
/***************************** EHEIM Ende *******************************************/


/***************************** Aktion Beginn ****************************************/
.rechts { text-align:right; }

.akt-head1 { font-family:Verdana; font-size:12pt; font-weight:bold; }

.akt-head2 { font-family:Verdana; font-size:11pt; font-weight:bold; color:red; }

#akt-table { width:600px; }

#akt-table a { text-decoration:underline; }
/***************************** Aktion Ende ******************************************/


/* START Categories Tabs v2.0 */
A.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold; 
  color: #0000CC; 
}

A.tabsNavigation:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold; 
  color: #3366CC;
}

TD.tabsNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
/*  background: #CCCCCC;*/
  color: white;  /* Color of the not selected category text */
  font-weight : bold;
}
/* END Categories Tabs v2.0 */