/* ab hier IndexSeite index.php */


.welcome          /* Herzlich Willkommen im Kopf */
        {
        color: #0000FF;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
        }

.date             /* Datum und Zeit Ausgabe */
       {
        color: #FFFFFF;
        font-size:11px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.counter          /* Counterausgabe */
       {
        color: #EFEFEF;
        font-size:10px;
        font-family:arial;
        font-style:bold;
        font-weight:500;
        text-decoration: none;
       }

.wobinich         /* Hinweis auf die aktuelle Seite */
       {
        color: #FFFF00;
        font-size:12px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.cr               /* copyright by wacoel */
       {
        color: #FFFF00;
        font-size:10px;
        font-family:arial;
        font-style:bold;
        font-weight:400;
        text-decoration: none;
       }





.beschr           /* Beschreibung was angeboten wird */
       {
        color: #0000FF;
        font-size:20px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.beschr2          /* Hinweis nur gewerbliche Kunden */
       {
        color: #FF0000;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:400;
        text-decoration: none;
       }


/* Start Impressumseite */
.head             /* Impressum - Überschrift */
       {
        color: #FFFFFF;
        font-size:24px;
        font-family:arial;
        font-style:bold;
        font-weight:900;
        text-decoration: underline;
       }
.font1             /* Impressum - Zellen links */
       {
        color: #000000;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.font2             /* Impressum - Zellen rechts */
       {
        color: #0000FF;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
/* Ende Impressumseite */






/* Start Fernwartungsseite */
.tvhead             /* Fernwartung - Überschrift */
       {
        color: #0000FF;
        font-size:22px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.tv1             /* Fernwartung - schnelle Hilfe per Fernwartung */
       {
        color: #FF0000;
        font-size:18px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.tv3       /* Fernwartung - Beschreibung */
       {
        color: #000000;
        font-size:20px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.tv4               /* Fernwartung - in der Beschreibung grau dünn kursiv */
       {
        color: #8F8F8F;
        font-size:16px;
        font-family:arial;
        font-style:italic;
        font-weight:200;
        text-decoration: none;
       }
.tv5   {            /* Fernwartung - Überschrift der Anleitung */
        color: #FF0000;
        font-size:18px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.tv6   {            /* Fernwartung - Schritt für Schritt Anleitung zum Quicksupport*/
        color: #000000;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.tv7   {            /* Fernwartung - Schritt für Schritt Anleitung zum Quicksupport - BLAU*/
        color: #0000FF;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.tv8   {            /* Fernwartung - Schritt für Schritt Anleitung zum Quicksupport - Underline, Black*/
        color: #000000;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: underline;
       }
.tv9   {            /* Fernwartung - Schritt für Schritt Anleitung zum Quicksupport - ROT*/
        color: #FF0000;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
/* Ende Fernwartungsseite */






/* Start Toner/Verbrauchsmaterialien */
.tohead             /* Toner - Überschrift */
       {
        color: #0000FF;
        font-size:22px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.to1                /* günstig aber .... */
       {
        color: #FF0000;
        font-size:18px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.to2                 /* (nicht billig) */
       {
        color: #9F9F9F;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.to3       /* Beschreibung/Erklärung */
       {
        color: #000000;
        font-size:20px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.to4       /* Beschreibung/Erklärung grau/klein/kursiv im Text*/
       {
        color: #6F6F6F
        font-size:14px;
        font-family:arial;
        font-style:italic;
        font-weight:400;
        text-decoration: none;
       }
.to5       /* Beschreibung/Erklärung unterstrich/Kursiv */
       {
        color: #000000;
        font-size:20px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.to6       /* Aufzählung, was alles angeboten wird */
       {
        color: #FF0000;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
/* Ende Toner/Verbrauchsmaterialien */












/* Start Kontaktaufnahmen */
.kohead             /* Kontakt - Überschrift */
       {
        color: #0000FF;
        font-size:22px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.ko1                /* Kontaktaufnahmeformular */
       {
        color: #FF0000;
        font-size:18px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.ko2                 /* (per Formular) */
       {
        color: #9F9F9F;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.ko3       /* Beschreibung zum Kpntaktformular */
       {
        color: #000000;
        font-size:16px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }
.ko4       /* Beschreibung "prüfen" 16 rot kursiv unterstrich*/
       {
        color: #FF0000;
        font-size:16px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.ko5       /* Titel des Formularfeldes Name/Vorname/E-Mail/usw */
       {
        color: #000000;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.ko6b       /* Datenfehler Hinweis */
       {
        color: #FF0000;
        font-size:38px;
        font-family:arial;
        font-style:bold;
        background-color:#FFFFFF;
        font-weight:600;
        text-decoration: underline;
       }

.ko6a       /* Formularfeld ausfüllen Hinweis */
       {
        color: #000000;
        font-size:18px;
        font-family:arial;
        font-style:italic;
        background-color:none;
        font-weight:600;
        text-decoration: none;
       }
.ko6c       /* Formularfeld ausfüllen welche Daten fehlen */
       {
        color: #FF0000;
        font-size:18px;
        font-family:arial;
        font-style:italic;
        background-color:#FFFFFF;
        font-weight:600;
        text-decoration:none;
       }

.ko6       /* DSVGO zustimmen */
       {
        color: #FF0000;
        font-size:14px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }



.ko7       /* DSVGO nicht zugstimmt */
       {
        color: #FFFFFF;
        font-size:22px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: underline;
       }

.ko7a             /* LINK - zurück um zur DSGVU zu zustimmen */
       {
        color: #000000;
        font-size:14px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }
.ko7a:hover       /* LINK - zurück um zur DSGVU zu zustimmen */
       {
        color: #FF0000;
        font-size:18px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        background-color:#FFFFFF;
        text-decoration: none;
       }

.ko8             /* Datenausgabe per PHP - Hallo......*/
       {
        color: #0000FF;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: underline;
       }
.ko9             /* Datenausgabe per PHP "Ihre Nachricht" */
       {
        color: #000000;
        font-size:13px;
        font-family:arial;
        font-style:italic;
        font-weight:600;
        text-decoration: underline;
       }

.ko10             /* Datenausgabe per PHP die eigentliche Nachricht*/
       {
        color: #FF0000;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.ko11             /* Datenausgabe per PHP die Nachricht wurde übermittelt*/
       {
        color: #0000FF;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
       }

.ko12             /* Datenausgabe per PHP die E-Mail Adresse*/
       {
        color: #000000;
        font-size:14px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
        background-color:#FFFFFF;
       }


.uhrzeit         /* Uhrzeitausgabe */
       {
        color: #000000;
        font-size:12px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        text-decoration: none;
        background-color:#FFFFFF;
       }

.form01       /* Formatierung der Formularfelder */
       {
        border-width:1px;
        border-style:solid;
        border-color:#0000FF;
        font-family:Arial;
        color:#0000FF;
        font-size:12px;
        font-weight:bold;
        letter-spacing:1pt;
        background-color:#EFEFEF;
       }


/* Ende Kontaktaufnahme */














.link             /* Linkformatierung in Fusstabelle */
       {
        color: #0000FF;
        font-size:12px;
        font-family:arial;
        font-style:bold;
        font-weight:400;
        text-decoration: none;
       }
.link:hover
       {
        color: #FFFFFF;
        font-size:18px;
        font-family:arial;
        font-style:bold;
        font-weight:600;
        background-color:#0000FF;
        text-decoration: underline;
       }





























/* Tabellenformate */
.first            /* Seitenkopftabelle */
        {
        width: 1300px;
        border-left: 0px solid #5F5F5F;
        border-top: 1px solid #FF0000;
        border-right: 0px solid #EFEFEF;
        border-bottom: 1px solid #FF0000;
        background-image: url(../images/layout/verlauf.jpg); background-repeat:no-repeat;  background-position: left;
        background-color: #FFFFFF;
        }



.second           /* Startseitentabelle mit Bildern */
        {
        width: 1300px;
        border-left: 0px solid #5F5F5F;
        border-top: 0px solid #5F5F5F;
        border-right: 0px solid #EFEFEF;
        border-bottom: 0px solid #EFEFEF;
        background-color: none;
        }


.opening           /* Tabelle was wird angeboten */
        {
        width: 1300px;
        border-left: 0px solid #5F5F5F;
        border-top: 0px solid #0000FF;
        border-right: 0px solid #5F5F5F;
        border-bottom: 0px solid #5F5F5F;
        background-color: none;
        }







.feet             /* Fuss/Linktabelle  TABELLE*/
        {
        width: 1302px;
        border-left: 0px solid #5F5F5F;
        border-top: 0px solid #5F5F5F;
        border-right: 0px solid #000000;
        border-bottom: 0px solid #000000;
        background-color: none;
        }
.feetz1l           /* Fuss/Linktabelle ZELLE 1 ganz links */
        {
        width: 186px;
        height: 25px;
        border-left: 1px solid #5F5F5F;
        border-top: 0px solid #5F5F5F;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #000000;
        background-color: none;
        }
.feetz1           /* Fuss/Linktabelle ZELLEN alle anderen */
        {
        width: 186px;
        height: 25px;
        border-left: 0px solid #5F5F5F;
        border-top: 0px solid #5F5F5F;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #000000;
        background-color: none;
        }
.feetz1r           /* Fuss/Linktabelle ZELLE 1 ganz rechts */
        {
        width: 186px;
        height: 25px;
        border-left: 0px solid #5F5F5F;
        border-top: 0px solid #5F5F5F;
        border-right: 1px solid #5F5F5F;
        border-bottom: 0px solid #000000;
        background-color: none;
        }







.zellbord         /* Zelle mit 1px Rahmen */
        {
        border-left: 1px solid #000000;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        background-color: none;
        }

.zellbord0        /* Zelle ohne Rahmen */
        {
        border-left: 0px solid #000000;
        border-top: 0px solid #000000;
        border-right: 0px solid #000000;
        border-bottom: 0px solid #000000;
        background-color: none;
        }



.space            /* Abstandshalter */
        {
        width: 1300px;
        border-left: 0px solid #5F5F5F;
        border-top: 0px solid #FF0000;
        border-right: 0px solid #EFEFEF;
        border-bottom: 0px solid #FF0000;
        background-color: none;
        }










.daschu            /* Datenschutzbestimmungen */
        {
        width: 1300px;
        border-left: 1px solid #0000FF;
        border-top: 1px solid #0000FF;
        border-right: 1px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-image: url(../images/layout/dsgvo.gif); background-repeat:no-repeat;  background-position: 800px 30px;
        background-color: #FFFFFF;
        }





.agb                 /* AGBs Haupttabelle */
        {
        width: 1300px;
        border-left: 1px solid #0000FF;
        border-top: 1px solid #0000FF;
        border-right: 1px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-image: url(../images/layout/paragra.gif); background-repeat:no-repeat;  background-position: 870px 130px;
        background-color: #FFFFFF;
        }







.imprint            /* Impressum Aussentabelle */
        {
        width: 1300px;
        border-left: 0px solid #0000FF;
        border-top: 0px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #0000FF;
        background-color: none;
        }

.iprinnen            /* Impressum Innentabelle */
        {
        width: 1200px;
        border-left: 1px solid #0000FF;
        border-top: 1px solid #0000FF;
        border-right: 1px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-image: url(../images/logos/wacoel.gif); background-repeat:no-repeat;  background-position: 800px 170px;
        background-color: #FFFFFF;
        }
.grau               /* Impressum Zellenhintergrau grau */
        {
        border-left: 0px solid #0000FF;
        border-top: 0px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #0000FF;
        background-color: #BFBFBF;
        }






/* Seite Fernwatung Tabellen */
.tvtab_1           /* Teamviewer Tabelle oben Head */
        {
        width: 400px;
        border-left: 1px solid #0000FF;
        border-top: 1px solid #0000FF;
        border-right: 1px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-color: #FFFFFF;
        }

.tvtab_2           /* Teamviewer Tabelle mit Beschreibung und QuickSupportLink*/
        {
        width: 1300px;
        border-left: 0px solid #000000;
        border-top: 1px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-color: none;
        }

.tvtab_3           /* Teamviewer Tabelle mit mit der Anleitung zum Quicksupport*/
        {
        width: 1300px;
        border-left: 0px solid #000000;
        border-top: 0px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #0000FF;
        background-color: none;
        }
/* Seite Fernwatung Tabellen */





/* Seite Toner/Verbrausmaterial Tabellen */
.to_tab1           /* Teamviewer Tabelle oben Head */
        {
        width: 400px;
        border-left: 1px solid #0000FF;
        border-top: 1px solid #0000FF;
        border-right: 1px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-color: #FFFFFF;
        }

.to_tab2           /* Teamviewer Tabelle mit Beschreibung und QuickSupportLink*/
        {
        width: 1300px;
        border-left: 0px solid #000000;
        border-top: 1px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-color: none;
        }

.to_tab3           /* Teamviewer Tabelle mit mit der Anleitung zum Quicksupport*/
        {
        width: 1300px;
        border-left: 0px solid #000000;
        border-top: 0px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #0000FF;
        background-color: none;
        }
/* Seite Toner/Verbrausmaterial Tabellen */










/* Seite Kontaktaufnahme Tabellen */
.ko_tab1           /* Kontaktaufnahme Tabelle oben Head */
        {
        width: 400px;
        border-left: 1px solid #0000FF;
        border-top: 1px solid #0000FF;
        border-right: 1px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-color: #FFFFFF;
        }

.ko_tab2           /* Kontaktaufnahme Tabelle Beschreibung zum Formalausfüllen */
        {
        width: 1300px;
        border-left: 0px solid #000000;
        border-top: 1px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 1px solid #0000FF;
        background-color: none;
        }

.ko_tab3           /* Kontaktaufnahme Tabelle - Formularfelder */
        {
        width: 610px;
        border-left: 0px solid #000000;
        border-top: 0px solid #0000FF;
        border-right: 0px solid #0000FF;
        border-bottom: 0px solid #0000FF;
        background-color: none;
        }


.ko_tab4           /* Hinweis, der DSGVO zustimmen */
        {
        width: 800px;
        border-left: 4px solid #FFFFFF;
        border-top: 4px solid #FFFFFF;
        border-right: 4px solid #FFFFFF;
        border-bottom: 4px solid #FFFFFF;
        background-color: #FF0000;
        }

.ko_tab5           /* Tabelle mit DAtenfehler Hinweis Prüfen */
        {
        width: 1000px;
        border-left: 0px solid #000000;
        border-top: 1px solid #000000;
        border-right: 0px solid #000000;
        border-bottom: 1px solid #000000;
        background-image: url(../images/layout/error.gif); background-repeat:no-repeat;  background-position: 20px 20px;
        background-color: none;
        }
/* Seite Kontaktaufnahme Tabellen */