/* (c) Jens Ullmann 2007 */


/* Content-Frame Formate */

.ContentSpacer {  /* legt Mindest-Breite der linken Spalte fest */
        width: 100%;
        height: 0px;
        display: block;
                }
#clear { /*ID zum clearen */
        clear: both;
        }
#content .boxed { /* Klasse zum einpacken */
        border: 1px solid gray;
        padding: 5px;
        }


/* Formatierung des Hauptinhaltsbereichs */

div#content {  /* Box für die linke Spalte */
        margin: 10px 0px 0px 80px;
        padding: 0;
                       }
#content table {
        width: 100%;
        }
#content p {
        font-size: 12px;
        }
div#shopgrafik { /* Zentrierung der Haupt-Grafik */
        display: block;
        text-align: center;
        }

#content #footer { /* Formatierung der Fusszeile */
        font-size: 10px;
        color: white;
        text-align: center;
        clear: both;
        margin: 30px 0 10px 0;
        }

span#einer {
        font-size: 12px;
        text-align: center;
}


/* Formatierung von Aktionsboxen unter der Hauptgrafik - zweispaltig bei variabler Breite ohne Tabelle */

div#ZweierWrapper {
        margin: 10px 10px 0 0;
        clear: both;
        }
#content p#ZweierLinks {
        width: 47%;
        }
#content p#ZweierRechts {
        width: 47%;
        float: right;
        clear: both;
        }


/* Formatierungen für die Highlightboxen */

div#RechteSpalte { /* Positionierung der Spalte fuer die Highlightboxen */
        width: 200px;
        margin: 0 0 0 0;
        display: block;
        vertical-align: top;
        background-color: white;
        }

#RechteSpalte a { /* Definition Highlightboxen */
        padding: 3px;
        margin: 5px;
        border: 1px solid gray;
        width: 200px;
        display: block;
        text-decoration: none;
        color: black;
        }
#RechteSpalte a:hover { /* MouseOver-Effekt fuer die Highlightboxen */
        /* background-color: #333333; */
        background-color: #333333;
        border: 1px solid white;
        }
#RechteSpalte h1 { /* Angebotsueberschrift */
        margin: 0;
        font-size: 12px;
        font-weight: bold;
        color: white;
        }
#RechteSpalte img {  /* Angebotsbild */
        margin: 5px;
        float: left;
        border: none;
        }
#RechteSpalte h2 { /* Angebotstext */
        margin: 0;
        font-size: 10px;
        font-weight: bold;
        }
#RechteSpalte h3 { /* Angebotspreis */
        margin: 3px 0 3px 0;
        font-size: 12px;
        font-weight: bold;
        text-align: right;
        color: gray;
        }
#RechteSpalte h4 { /* Angebots-UVP */
        margin: 0;
        font-size: 9px;
        text-decoration: line-through;
        font-weight: normal;
        text-align: right;
        }
#RechteSpalte h5 { /* Sondertext gross */
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        }
#RechteSpalte h6 {
        margin: 0;
        font-size: 9px;
        color: black;
        font-weight: normal;
        text-align: right;
        }