/* (c) Jens Ullmann 2007 */


/* Content-Frame Formate */

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


/* Formatierung des Hauptinhaltsbereichs */

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

#footer { /* Formatierung der Fusszeile */
	font-size: 10px;
	color: #8C8C8C;
	text-align: center;
	clear: both;
	margin: 30px 0 0px 0;
	}
	
 #footer2 { /* Formatierung 2. Fusszeile */
	font-size: 10px;
	color: #8C8C8C;
	text-align: center;
	clear: both;
}
	

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: 0px 0px 0 0;
	display: block;
	vertical-align: top;
	}

#RechteSpalte a { /* Definition Highlightboxen */
	padding: 3px;
	margin: 5px;
	border: 1px solid black;
	width: 200px;
	display: block;
	text-decoration: none;
	color: black;
	}
#RechteSpalte a:hover { /* MouseOver-Effekt fuer die Highlightboxen */
	/* background-color: #FFFAFA; */
	background-color: #f1f1f1;
	border: 1px solid red;
	}
#RechteSpalte h1 { /* Angebotsueberschrift */
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: red;
	}
#RechteSpalte img {  /* Angebotsbild */
	margin: 5px;
	float: left;
	border: none;
	}
#RechteSpalte h2 { /* Angebotstext */
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	}
#RechteSpalte h3 { /* Angebotspreis */
	margin: 3px 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: red;
	}
#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: blue;
	font-weight: normal;
	text-align: right;
	}
#RechteSpalte pre { /* Sondertext gross */
	margin: 4px 0 0 0;
	clear:all;
	float:left;
	font-size: 13px;
	font-weight: bold;
	color: orange;
	}	


/* Formatierungen für Front-Artikel*/

div#Frontartikel { /* Positionierung der Spalte fuer die Highlightboxen */
	width: 300px;
	margin: 0px 0px 0 0;
	display: block;
	vertical-align: top;
	}

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