
/* Seite */

#seite {
	background-image: url(../pictures/layout/hintergrund/seite_produkte.gif);
}

/* Seite -> Mitte -> Zentrum */

#mitte .zentrum {
	width: 810px;
}

#mitte .zentrum #inhalt {
	margin: 2px 0px 50px 21px !important;
}

#mitte .zentrum #inhalt h3 {
	background-color: #eaeaea;
	padding: 5px 10px 7px 10px;
}

#mitte .zentrum #inhalt h4 {
	padding: 5px 10px 0px 10px;
	color: #455868;
	font-weight: normal;
}

#mitte .zentrum #klickpfad {
	margin-right: 200px;
}

/* Seite -> Mitte -> Zentrum -> produkteButtons */

#produkteButtons ul {
  margin: 0px !important;
	padding: 0px !important;
  text-align: center;
}

* html #produkteButtons ul {
	position: relative;
}

#produkteButtons ul li {
  list-style: none;
  display: inline;
  margin: 0px !important;
	padding: 0px !important;
}

#produkteButtons ul a, #produkteButtons ul span {
  float: left;
  margin: 0px 4px 0px 0px;
	padding: 4px 9px 4px 9px;
	font-weight: bold;
  border: 1px solid #ccc;
  color: white !important;
	background-color: #7E8C9A;
	text-decoration: none !important;
}

#produkteButtons ul .produkteAktiv a{
	background-color: white !important;
	color: #993399 !important;
	border-bottom: 1px solid white !important;
}

/*
* html #produkteButtons ul a, * html #produkteButtons ul span {  /* Korrektur fuer IE 5.x */
/*	  width: 8em;
  w\idth: 6em;
}
*/

#produkteButtons ul a:hover, #produkteButtons ul span {
  background-color: white;
	color: #993399 !important;
	border-bottom: 1px solid white;
}

#produkteButtons ul div {
  clear: left;
}

/* Seite -> Mitte -> Zentrum -> produkteInfo */

.produkteInfo {
	margin: -1px 0px 0px 0px !important;
	padding: 0px;
  border: 1px solid #ccc;
	height: 100%;
	float: left;
	width: 787px;
	background-image: url(../pictures/layout/hintergrund/bg_grau.gif);
	background-repeat: repeat-y;
	text-align: left;
}

.produkteInfo strong {
	color: #4E5E6D;
}

.produkteAbstand {
	position: relative;
	height: 20px;
	clear:both;
}


/* Seite -> Mitte -> Zentrum -> produkteInfo -> spalteLinks */

.produkteInfo #spalteLinks {
	float: left;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	border: 0px;
	background: white;
	width: 200px;
	height: 100%;
}

.produkteInfo #spalteLinks a {
 color: #993399 !important;
}

.produkteInfo #spalteLinks ul,
.produkteInfo #softwareDownloadNoLine ul {
  margin: 0px;
	padding: 0px;
	overflow: visible; /*fuer netscape */
}

* html .produkteInfo #spalteLinks ul,
* html .produkteInfo #softwareDownloadNoLine ul {
	position: relative;
}

.produkteInfo #spalteLinks ul li,
.produkteInfo #softwareDownloadNoLine ul li {
  list-style: none;
  margin: 0px !important;
	padding: 0px 0px 4px 0px !important;
}

.produkteInfo #spalteLinks .datenblaetter {
	background-image: url(../pictures/layout/icons/icon_datenblaetter.gif);
	background-repeat: no-repeat;
	padding-left: 24px !important;
}

* html .produkteInfo #spalteLinks .datenblaetter {
	margin-top: 0px !important;
}

.produkteInfo #spalteLinks .download,
.produkteInfo #softwareDownloadNoLine .download {
	background-image: url(../pictures/layout/icons/icon_download.gif);
	background-repeat: no-repeat;
	padding-left: 24px !important;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.produkteInfo #spalteLinks .relatedLinks {
	background-image: url(../pictures/layout/icons/icon_related_links.gif);
	background-repeat: no-repeat;
	padding-left: 24px !important;
}

.produkteInfo #spalteLinks .datenblaetter a,
.produkteInfo #spalteLinks .download a,
.produkteInfo #spalteLinks .relatedLinks a,
.produkteInfo #softwareDownloadNoLine .download a {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.produkteInfo #spalteLinks .relatedLinks a,
.produkteInfo #spalteLinks .download a,
.produkteInfo #spalteLinks .datenblaetter a {
	display: block;
	padding: 4px 0px;
}

.produkteInfo #spalteLinks .produktBild, .produkteInfo #spalteLinks .softwareBild {
	margin-top: 0px;
	margin-bottom: 16px;
	padding-bottom: 6px;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #6B6B6B;
	text-align: center;
}

.produkteInfo #spalteLinks .softwareBild {
	background-image: none !important;
}

.produkteInfo #spalteLinks .produktBild img, .produkteInfo #spalteLinks .produktBild img {
	margin: 0px -10px 10px -10px;
}

.produkteInfo #spalteLinks .trennlinieProdukte {
	position: relative;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-position: 0px 8px;
	background-repeat: repeat-x;
}

* html .produkteInfo #spalteLinks .trennlinieProdukte {
	/*margin-left: -20px;*/
}

.produkteInfo #spalteLinks .trennlinieProdukteSoftware {
	position: relative;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-position: 0px 8px;
	background-repeat: repeat-x;
	margin-top: -11px;
	margin-bottom: 11px;
}

.produkteInfo #spalteLinks #softwareLogo {
	margin-top: -17px;
	margin-bottom: 0px;
	padding-top: 6px;

}

.produkteInfo #spalteLinks #softwareLogo img {
	margin-bottom: 6px;
	margin-left: 4px;
	margin-right: 4px;
}

.produkteInfo #spalteLinks #softwareDownload {
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 10px;
}

.produkteInfo #spalteLinks #softwareDownloadNoLine {
	padding-top: 1px;
}

/* Seite -> Mitte -> Zentrum -> produkteInfo -> spalteRechts */

.produkteInfo #spalteRechts {
	float: left;
	padding: 20px;
	margin: 0px;
	border: 0px;
	width: 481px;
	height: 100%;
}

.produkteInfo #spalteRechts.spezifikationen {
	background-image: url(../pictures/layout/icons/page.gif);
	background-repeat: no-repeat;
	background-position: 20px 19px;
	padding-left: 40px;
}

.produkteInfo #spalteRechts h5 {
	color: #993399;
	font-size: 11px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

.produkteInfo #spalteRechts h6 {
	color: #4E5E6D;
	font-size: 11px;
	margin: 14px 0px 4px 0px;
	padding: 0px;
}


.produkteInfo #spalteRechts ul, .produkteInfo .tabelleSpalteLinks ul {
  margin: 0px 0px 10px 0px;
	padding: 0px;
	overflow: visible;
}

* html .produkteInfo #spalteRechts ul, .produkteInfo .tabelleSpalteLinks ul {
	position: relative;
}

.produkteInfo #spalteRechts ul li, .produkteInfo .tabelleSpalteLinks ul li {
  list-style: none;
  margin: 0px !important;
	padding: 1px 0px 1px 10px !important;
}

.produkteInfo .tabelleSpalteLinks ul li {
	margin-left: -14px !important;
}


.produkteInfo #spalteRechts #softwareInfos {
	position: relative;
	top: 10px;
	background-color: #FFFFFF;
	display: inline;
	padding: 1px 5px;
}

.produkteInfo #spalteRechts #softwareInfos a {
	padding-left: 12px;
	background-image: url(../pictures/layout/icons/doppelpfeil_blau.gif);
	background-repeat: no-repeat;
	background-position: 5% 60%;
}

/* Bildergalerie */

.produkteInfo #spalteBildergalerie {
	float: left;
	padding: 0px;
	margin: 0px 0px -1px 0px;
	border: 0px;
	width: 741px;
	height: 100%;
	text-align: center;
}

.produkteInfo #spalteBildergalerie .galerieElement {
	float: left;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

.produkteInfo .galerieBild {
	float: left;
	margin-right: 20px;
	margin-top: 1px;
	width: 220px;
}

.produkteInfo .galerieBild img {
	margin-bottom: 20px !important;
}

.produkteInfo #spalteBildergalerie .galerieText {
	width: 480px;
	float: left;
	margin-top: 0px;
	text-align: left;
}

.produkteInfo #spalteBildergalerie h5 {
	float: left;
	color: #4E5E6D;
	font-size: 11px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	text-align: left;
}


/* Untergruppe */

#produkteUntergruppe {
	margin: 0px;
	padding: 0px;
	border: 0;
}

#produkteUntergruppe h3 {
	font-weight: normal;
}

#produkteUntergruppe h4 {
	color: #4E5E6D !important;
	font-weight: bold !important;
	padding: 1px 0px 12px 20px !important;
	margin: -5px 0px 0px 0px !important;
	background-image: url(../upload/pictures/icons/pfeil_lila_rund.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#produkteUntergruppe .subgruppe {
	background-image: url(../upload/pictures/icons/untergruppe.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	margin: 0px 0px 0px 12px;
	padding-left: 8px;
}

#produkteUntergruppe .subgruppe h4 {
	font-weight: normal !important;
	color: #993399 !important;
}

#produkteUntergruppe .subgruppe h4 {
	background-image: none !important;
}

#produkteUntergruppe h5 {
	background-color: #eaeaea;
	padding: 6px 10px 6px 33px;
	margin: 10px 0px 0px 0px;
	color: #4E5E6D;
	font-size: 11px;
	background-image: url(../pictures/layout/hintergrund/punktlinie_produkte_2px.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#produkteUntergruppe .wahl2 {
	background-color: #eaeaea;
	padding: 5px 10px 7px 10px;
	color: #4E5E6D
}

#produkteUntergruppe .wahl {
	background-color: #eaeaea;
	padding: 5px 10px 7px 10px;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 757px !important;
	color: #4E5E6D
}

#produkteUntergruppe .produkteInfo {
  border: none !important;
	background-image: none !important;
}

#produkteUntergruppe .untergruppeBild {
	float: left;
	margin-right: 3px;
	margin-top: 1px;
}

#produkteUntergruppe .untergruppeBild img {
	border: 1px solid #ccc;
	margin: 10px 0px !important;
}

#produkteUntergruppe .untergruppeText {
	display: inline;
	float: left;
	width: 588px;
	margin-top: 6px;
	margin-left: 0px;
}

#produkteUntergruppe .untergruppeText li {
	list-style-type: none;
	background-image: url(../upload/pictures/icons/strichlinie.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 0px;
	padding: 7px 0px 10px 0px;
}

#produkteUntergruppe .untergruppeText li img {
	margin-bottom: -5px;
	padding: 1px;
	border: 1px solid #ccc;	
}

#produkteUntergruppe .untergruppeText a {
	
	color: #1C1C1C !important;
	text-decoration: none !important;
	
}

#produkteUntergruppe .untergruppeText a span {
	background-image: url(../upload/pictures/icons/pfeil_lila_rund.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}

#produkteUntergruppe .untergruppeText a:hover {
	color: #993399 !important;
}

/* UntergruppeZwei -> in all.css (da auch für Produktsuchergebnis verwendet) */

/* bestellInfo */

.produkteInfo #bestellInfo {
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

.produkteInfo .lieferUmfang {
	padding: 10px;
	background-color: #fff;
}

.produkteInfo #bestellInfo input, .produkteInfo #bestellInfo table input, .produkteInfo #bestellInfo td input, .produkteInfo #bestellInfo tr input {
	margin: 0px !important;
	padding: 0px !important;
	border: none !important;
}

.produkteInfo #bestellInfo table {
	margin: 0px;
	width: 100%;
	border: none;
	position: relative;
	background-color: #fff;
}

* html .produkteInfo #bestellInfo table {
	margin-left: -1px;
	width: 788px;
}

.produkteInfo #bestellInfo th {
	background-color: #eaeaea;
	padding: 6px 10px 5px 10px;
	margin: 0px;
	color: #4E5E6D;
	font-size: 11px;
	border-left: 1px solid #CACAC9;
	border-right: none;
	border-bottom: 1px solid #CACAC9;
	text-align: left;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

.produkteInfo #bestellInfo td {
	border-bottom: none;
	border-top: none;
	border-right: none;
	padding: 6px 10px;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	vertical-align: middle;
	text-align: left;
}

* html .produkteInfo #bestellInfo td {
	padding: 6px 10px !important;
	height: 6px;
}

.produkteInfo .paket {
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #AEBECC;
}

/* produktKategorie */

.produkteInfo .merken {
	background-image: url(../pictures/layout/hintergrund/bg_merken.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.produkteInfo .merken a {
	color: #384752 !important;
	text-decoration: none !important;
	width: 68px;
	display: block;
	height: 20px;
	padding-top: 3px;
	padding-left: 0px;
	text-indent: 17px;
	font-size: 11px;
}

.produkteInfo .merken a:hover {
	/*background-image: url(../pictures/layout/hintergrund/bg_merken_aktiv.gif);
	background-repeat: no-repeat;
	background-position: top left;*/
	font-weight: bold;
	font-size: 10px;
}

/* produktKategorie */

.produktKategorie {
	background-color: white !important;
	padding: 10px;
	font-weight: bold;
	color: #993399;
	border: 1px solid #CACAC9;
	margin-top: -1px;
	padding-left: 30px;
	font-size: 13px;
	background-image: url(../pictures/layout/icons/page.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

.produktKategorieBestellinfo {
	background-color: #fff !important;
	padding: 10px 10px 10px 30px;
	font-weight: bold;
	color: #993399;
	font-size: 13px;
	background-image: url(../pictures/layout/icons/page.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	/*border-top: 1px solid #ccc;*/
}

html>body #mitte {
	position: relative;
}

#mitte .rechts {
	position: absolute;
	display: block;
	float: none;
	margin-left: -191px;
}

html>body #mitte .rechts {
	margin-left: 0px;
	right: 0px;
}

#inhalt h2.h2Detail {
	padding-bottom: 7px;
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 0px;
}

/* Seite -> Mitte -> Zentrum -> Inhalt -> Produktuebersicht */

#mitte .zentrum #inhalt #produktuebersicht {
	position: relative;
	width: 540px;
	margin-left: -7px;
}


#mitte .zentrum #inhalt #produktuebersicht .einzeln {
	float: left;
	text-align: center;
	padding-bottom: 10px;
}

#mitte .zentrum #inhalt #produktuebersicht .einzeln .text {
	background-image: url(../pictures/layout/mitte/inhalt/strichlinie.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px 0px 5px 0px;
	height: 26px;
	width: 166px;
	margin-left: 7px;
	cursor: pointer;
	display: block;
}

* html #mitte .zentrum #inhalt #produktuebersicht .einzeln .text {
	margin-left: 0px;
}

*html #mitte .zentrum #inhalt #produktuebersicht .einzeln a:hover {
	background-color: #F1F1F1;
	color: #993399 !important;
	cursor: pointer;
}

#mitte .zentrum #inhalt #produktuebersicht .einzeln a {
	color: #272324 !important;
	text-decoration: none !important;
}

#mitte .zentrum #inhalt #produktuebersicht img {
	border: 1px solid #ccc;
	margin: 0px 7px 0px 7px;
}

#mitte .zentrum #inhalt .fundgrube {
	display: inline;
	float: left;
	background-image: url(../pictures/layout/hintergrund/bg_fundgrube.gif);
	background-repeat: no-repeat;
	background-position: center middle;
	border: 1px solid #ccc !important;
}

#mitte .zentrum #inhalt .fundgrube a {
	border: 1px solid #fff !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #993399;
	font-weight: bold;
	width: 153px;
	height: 29px;
	padding: 0px 10px 0px 0px;
	margin: 0;
	text-decoration: none;
	text-indent: 48px;
	display: block;
	line-height: 1.9em;
	white-space: nowrap;
}

html>body #mitte .zentrum #inhalt .fundgrube a {
	min-width: 153px;
	width: auto;
}

#mitte .zentrum #inhalt .fundgrube a:hover {
	color: #4E5E6D;
}

/* sales_kontakt */

#sales_kontakt {
	float: left;
	margin-top: 10px;
}

#sales_kontakt ul {
	margin: 0px;
	padding: 0px;
	background-image: none !important;
}

#sales_kontakt li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	background-image: none !important;
}

.sales_kontakt_bullet {
	background-image: url(../pictures/layout/icons/pfeil.gif);
	background-position: 0px 70%;
	background-repeat: no-repeat;
	float: left;
	padding-left: 18px;
}


/* Content-Tabellen */
#inhalt .contenttable {
	width: 100% !important;
}
