/*
In dieser CSS-Datei ist es möglich, das Aussehen der meisten Elemente des Shops zu verändern.
Alle Texte, Links, Hintergrundfarben, Hintergundbilder usw. des Shops werden hier eingestellt
und können hier verändert werden.
Dazu ist es lediglich notwendig zu wissen, welches Objekt man wie verändern will und wo es
angezeigt wird. Ich habe versucht, immer verständlich dazuzuschreiben, um was es sich handelt.
Wenn es doch Fragen gibt: Email an webmaster@open-letters.de
*/

/* allgemeiner Text auf allen Seiten rechts unten*/
        .text                        { color: #8C0000; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; font-size:11px; }
        body {overflow:auto; scrollbar-base-color: #d69608; scrollbar-3dlight-color: #FFCC99; scrollbar-arrow-color: #8C0000; scrollbar-darkshadow-color: #d69608; scrollbar-face-color: #d69608; scrollbar-highlight-color: #8C0000; scrollbar-shadow-color: #8C0000; scrollbar-track-color: #FFCC99;}
/* Hintergrundfarbe rechts und links vom Shop*/
        .hintergrund        { background-image: url(../bilder/bg_main.gif);}

/* Farbe des dünnen Seitenstreifens links und rechts des Shops*/
        .rahmen                        { background-image: url(../bilder/rah.gif);}

/* definiert die Hintergrundfarbe des Logofensters am Kopf des Shops */
        .logo                        { background-color: #FFE784;}

/* definiert das Fenster unterhalb des Shoplogos: Link zum Warenkorb und Hauptmenü ( "Startseite", "Links, "Versand",...)*/
        .schwaarz                         { background-color: #FFFBD6; font-weight:bold; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; color: #8C0000; font-size:14px;}
        a.schwarz:link                { font-weight:bold; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; color: #8C0000; font-size:14px;}
        a.schwarz:visited        { font-weight:bold; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; color: #8C0000; font-size:14px;}
        a.schwarz:hover                { font-weight:bold; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: underline overline; color: #FF3333; font-size:14px;}
        a.schwarz:active        { font-weight:bold; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: underline; color: #8C0000; font-size:14px;}

/* Aussehen des Produktmenüs im linken Teil des Shops */
        .produktemenue                        { font-size:11px; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; font-weight:bold; background-color: #FFFBD6; background-image: url(../bilder/produktemenuebg.jpg); background-position: 50% bottom; background-repeat: no-repeat; }
        a.produktmenue:link                { font-size:11px; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; color: #8C0000;}
        a.produktmenue:visited        { font-size:11px; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; color: #8C0000;}
        a.produktmenue:hover        { font-size:11px; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: underline overline; color: #8C0000;}
        a.produktmenue:active        { font-size:11px; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: underline; color: #8C0000;}

/* definiert die Sonderangebote die unterhalb des Produktmenüs im linken Bereich des Shops gezeigt werden (wenn sie aktiviert sind) */
        .highlights                        { color: ##8C0000; text-decoration:none; font-family:Verdana; font-size:11px; font-weight:bold;}
        a.highlight:link        { color: #FF3333; text-decoration:none; font-family:Verdana; font-size:11px;}
        a.highlight:visited        { color: #FF3333; text-decoration:none; font-family:Verdana; font-size:11px;}
        a.highlight:hover        { color: #8C0000; text-decoration:underline overline; font-family:Verdana; font-size:11px;}
        a.highlight:active        { color: #FF3333; text-decoration:none; font-family:Verdana; font-size:11px;}

/* definiert die Hauptseiten rechts unten */
        .hauptseiten        { background-color:#FFE784; background-image: url(../bilder/produktemenuebg.gif); background-position: 95% top; background-repeat: no-repeat; }

/* Aussehen von Links auf den Hauptseiten rechts unten (wegen anderer Hintergrundfarbe oft sinnvoll) */
        a.alternativ:link                { color: #FF3333; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none;}
        a.alternativ:visited        { color: #FF3333; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none;}
        a.alternativ:hover                { color: #8C0000; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: underline overline;}
        a.alternativ:active                { color: #FF3333; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none;}

/* Aussehen von besonders kleinen Links auf den Hauptseiten rechts unten (wegen anderer Hintergrundfarbe oft sinnvoll) */
        a.kleinlink:link        { color: #8C0000; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; font-size:10px; }
        a.kleinlink:visited        { color: #8C0000; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; font-size:10px; }
        a.kleinlink:hover        { color: #FF3333; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: underline overline; font-size:10px; }
        a.kleinlink:active        { color: #8C0000; font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; text-decoration: none; font-size:10px; }
        
/* Aussehen der Bildunterschriften in Produktübersichtsseite */
        .klein        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:11px; font-weight: 300; }

/* Aussehen von Trennlinien in der Produktdetailansicht */
        .trennlinie { color:#8C0000; background-color: #8C0000; height:1px; text-align:center; border:1px dotted}

/* Aussehen und Anordnung des Produktbildes innerhalb des Produktbeschreibungstextes */
        .produktbild        { text-align:right; margin-right:8px; margin-bottom: 8px;}
        .produkttext        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:12px; }

/* definiert die Überschriften auf den verschiedenen Hauptseiten */
        .headline        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:16px; text-align: center; font-weight: 600; }

/* definiert die Hintergrundfarbe der Tabelle im Warenkorb und im letzten Schritt der Bestellung */
        .warenkorbtabelle        { background-color: #FFFBD6;}

/* Warnhinweis bei falsch eingegebener Kundenadresse oder nicht akzeptierten AGBs*/
        .warnung        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #FF3300; text-decoration: none; font-size:12px; font-weight:bold; background-color:#FFFF99}

/* Aussehen des Schriftzuges "sie sind hier" auf der Übersichtsseite über eine Produktrubrik*/
        .siesindhier                        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:10px; }
        a.siesindhier:link                { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:10px; }
        a.siesindhier:visited        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:10px; }
        a.siesindhier:hover                { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: underline overline; font-size:10px; }
        a.siesindhier:active        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; text-decoration: none; font-size:10px; }

/* definiert Schriftart und Farbe für alle Buttons im Shop*/
        .schaltflaeche        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #8C0000; background-color: #FFFBD6; text-decoration: none; font-size:11px; font-weight: bold; border: 1px solid; border-color:#8C0000;}
        .schaltflaeche1        { font-family: Verdana,Arial,Helvetica,Comic Sans MS,sans-serif; color: #FF3333; background-color: #FFFBD6; text-decoration: none; font-size:12px; font-weight: bolder; border: 2px solid; border-color:#FF3333;}

/* Aussehen des Besucherzählers und des Links zu "www.Open-Letters.de" am Fuß des Shops*/
        .counter                        { color: #CCCCCC; text-decoration:none; font-family:Verdana; font-size:10px; }
        a.counter:link                { color: #CCCCCC; text-decoration:none; font-family:Verdana; font-size:10px;}
        a.counter:visited        { color: #CCCCCC; text-decoration:none; font-family:Verdana; font-size:10px;}
        a.counter:hover                { color: #8C0000; text-decoration:underline overline; font-family:Verdana; font-size:10px;}
        a.counter:active        { color: #CCCCCC; text-decoration:none; font-family:Verdana; font-size:10px;}

/* definiert das Aussehen von Listen und Aufzählungen*/
        .liste        {text-align:1em; margin-left:2em; margin-top:5px; margin-bottom:5px;}