/*

	CSS-Datei der Internetseite

	http://www.joy-sportswear.de

	Autor:				Stefan Diezinger - http://www.surfAN-GmbH.de
	Start:				18.06.09
	Letzte Aenderung:	15.01.10

*/

@media all {

	/*  Allgemein
	---------------------------------- */

	q {
		quotes: '„' '“' '‚' '‘';
	}

	img, frame, fieldset, frameset, iframe {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein
	---------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
    	outline: none;
	}

	html {
		font: 11px/17px Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif;
	}

	/* Schriftgröße im Inhaltsbereich vergrößern */
	#inhalt h3,
	#inhalt p,
	#inhalt li,
	#inhalt th,
	#inhalt td,
	#inhalt dt,
	#inhalt dd,
	#inhalt label,
	#inhalt #anschrift {
		font-size: 12px;
		line-height: 20px;
		font-family: Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif;
	}

	html, body {
		direction: ltr;
		cursor: default;
		text-align: left;
		background-color: #fff;
		color: #000;
	}

	.versteckt,
	.druck {
		display: none !important;
	}

	.mittig {
		text-align: center;
	}

	.links {
		float: left;
		text-align: left;
	}

	.fett {
		font-weight: bold;
	}

	.rechts {
		float: right;
		text-align: right;
	}

	.text.links {
		float: none;
	}

	.text.rechts {
		float: none;
	}

	.textalign.rechts {
		text-align: left !important;
	}

	.haelfte {
		width: 50%;
	}

	.drittel {
		width: 33%;
	}

	.zweidrittel {
		width: 60%;
		padding-right: 7%;
	}

	.viertel {
		width: 25%;
	}

	.nomargin {
		margin-top: 0;
	}

	.kleiner {
		font-size: smaller;
	}

	.groesser {
		font-size: larger;
	}

	.keineliste {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.relative {
		position: relative;
	}

	.clear {
		clear: both;
	}

	br.clear {
		height: 0px;
		line-height: 0px;
	}

	/*  Elemente
	---------------------------------- */

	h1 { font-size: 2em; }

	h2 { font-size: 1.8em; }

	h3 { font-size: 1.4em; }

	h4 { font-size: 1.2em; }

	h5 { font-size: 1.1em; }

	h6 { font-size: 1em; font-weight: bold; }

	h1, h2, h3, h4, h5, h6 { line-height: 1.5em; margin-bottom: 1.2em; }

	p, address, blockquote, ul, ol, dl, table, pre { margin-bottom: 1.2em; }

	blockquote { padding: 0 2.5em; font-style: italic; }

	blockquote + blockquote { margin-top: 2em; }

	cite { display: block; text-align: right; margin-bottom: 1em; }

	ul, ol, dd { margin-left: 2.5em; }

	ul ul, ol ol, ul ol, ul ol { margin: .1em 0 .15em 1.75em; }

	ul { list-style: disc; }

	ul ul { list-style: circle; }

	ul ul ul { list-style: square; }

	ol { list-style: decimal; }

	input, textarea, select { font-family: Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif; font-size: 1em; }


	/*  Layout
	---------------------------------- */

	html, body {
		background: #BABABA url("../lib.grafiken/hintergrund.jpg") repeat-x fixed;
		color: #444;
	}

	#begrenzung-aussen {
		position: absolute;
		left: 50%;
		top: 55px;
		margin-left: -485px;
		width: 966px;
		min-height: 622px;
		padding-bottom: 30px;
	}

	#begrenzung-mitte {
		position: absolute;
		top: 75px;
		width: 966px;
		min-height: 520px;
	}

	#begrenzung-innen {
		width: 966px;
		min-height: 514px;
		background-position: 2px 3px;
		background: url("../lib.grafiken/hintergrund.begrenzung.png") repeat-y;
		padding: 0px 3px;
		clear: both;
	}

	#rahmen-oben,
	#rahmen-unten {
		width: 966px;
		height: 3px;
	}

	#rahmen-oben { background: url("../lib.grafiken/hintergrund.begrenzung.oben.png") no-repeat; }
	#rahmen-unten { background: url("../lib.grafiken/hintergrund.begrenzung.unten.png") no-repeat; }

	#rahmen {
		width: 960px;
		min-height: 540px;
		background: #fff url("../lib.fotos/hintergrundfotos/0.jpg") no-repeat;
		overflow: hidden;
	}

	#kopfbereich {
		float: right;
	}

	#inhalt {
		width: 582px;
		min-height: 540px;
		float: right;
	}

	#scroll {
		width: 468px;
		padding: 20px 74px 20px 44px;
	}

	.beschreibung {
		position: relative;
		z-index: 9;
	}

	#leiste-oben,
	#leiste-unten {
		height: 18px;
		padding: 4px 10px 4px 10px;
		width: 940px;
		position: relative;
		background: url("../lib.grafiken/hintergrund.leiste.png");
		overflow: hidden;
	}

	#leiste-oben {
		background-position: 0px 0px;
	}

	#leiste-unten {
		bottom: 0px;
		clear: both;
		padding-top: 5px;
		padding-bottom: 3px;
		background-position: 0px 23px;
	}

	#haendlerschnellsuche {
		float: right;
	}

	#haendlerschnellsuche fieldset ol {
		margin-right: 7px;
	}

	#fussbereich {
		margin-left: 3px;
		margin-top: 3px;
	}

	.stellenliste {
		list-style-image:url("../lib.grafiken/listpunkt.blau.gif");
	}

	.linieOrange {
		/*border-top:solid 1px #F2963A;*/
	}

	.hintergrundbild-0 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/0.jpg"); }
	.hintergrundbild-1 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/1.jpg"); }
	.hintergrundbild-2 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/2.jpg"); }
	.hintergrundbild-3 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/3.jpg"); }
	.hintergrundbild-4 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/4.jpg"); }
	.hintergrundbild-5 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/5.jpg"); }
	.hintergrundbild-6 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/6.jpg"); }
	.hintergrundbild-7 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/7.jpg"); }
	.hintergrundbild-8 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/8.jpg"); }
	.hintergrundbild-9 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/9.jpg"); }
	.hintergrundbild-10 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/10.jpg"); }
	.hintergrundbild-11 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/11.jpg"); }
	.hintergrundbild-12 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/12.jpg"); }
	.hintergrundbild-13 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/13.jpg"); }
	.hintergrundbild-14 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/14.jpg");background-color: #E3E3E3; }
	.hintergrundbild-15 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/15.jpg");background-color: #E3E3E3; }
	.hintergrundbild-16 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/16.jpg"); }
	.hintergrundbild-17 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/17.jpg"); }
	.hintergrundbild-18 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/18.jpg");background-color: #E3E3E3; }
	.hintergrundbild-19 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/19.jpg"); }
	.hintergrundbild-20 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/20.jpg"); }
	.hintergrundbild-21 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/21.jpg"); }
	.hintergrundbild-22 #rahmen { background-image: url("../lib.fotos/hintergrundfotos/22.jpg"); }
	
	/* Normale Inhaltsseite z.B. Unternehmensgeschichte */
	body.layouttyp-0 #inhalt { width: 586px; }
	/* Komplette Breite, z.B. Newsmeldungen */
	body.layouttyp-1 #inhalt { width: 960px; }
	body.layouttyp-1 #scroll { width: 872px; padding-right: 44px; }
	/* Normale Inhaltsseite aber mit spezieller Scrollbar z.B. Produktansicht */
	body.layouttyp-3 #inhalt { width: 960px; }
	body.layouttyp-3 #scroll { width: 916px; padding-right: 0px; }
	/* Greybox-Popup z.B. KNL-Konzept */
	body.layouttyp-2 { background: #fff !important; }
	body.layouttyp-2 #navigation,
	body.layouttyp-2 #haendlerschnellsuche,
	body.layouttyp-2 #brotkrume,
	body.layouttyp-2 #listwechsel,
	body.layouttyp-2 #haendlersuchelink,
	body.layouttyp-2 #produkttypliste,
	body.layouttyp-2 #produktschnellnavigation,
	body.layouttyp-2 #fussbereich,
	body.layouttyp-2 #leiste-unten,
	body.layouttyp-2 #leiste-oben,
	body.layouttyp-2 h1 { display: none; }
	body.layouttyp-2,
	/*body.layouttyp-2 #begrenzung-aussen,
	body.layouttyp-2 #begrenzung-mitte,
	body.layouttyp-2 #begrenzung-innen,
	body.layouttyp-2 #rahmen { background: #fff; }*/
	body.layouttyp-2 #begrenzung-aussen,
	body.layouttyp-2 #begrenzung-mitte,
	body.layouttyp-2 #begrenzung-innen { background: #fff; }
	body.layouttyp-2 #begrenzung-aussen,
	body.layouttyp-2 #begrenzung-mitte,
	body.layouttyp-2 #begrenzung-innen,
	body.layouttyp-2 #inhalt,
	body.layouttyp-2 #rahmen,
	body.layouttyp-2 #scroll { position: absolute; left: 0px; top: 0px; width: 960px; height: 585px; min-height: 368px; margin: 0; padding: 0; overflow: hidden; }
	body.layouttyp-2 #inhalt { width: 950px; }
	body.layouttyp-2 #scroll { width: 920px; padding: 20px; }
	/* Normale Inhaltsseite mit Text auf linker Seite */
	body.layouttyp-4 #inhalt { float: left; width: 600px; }
	body.layouttyp-4 #scroll { width: 515px; padding-right: 41px; padding-bottom: 13px; }

	body#startseite #inhalt,
	body#start #inhalt {
		text-indent: -9999em;
	}

	body#startseite #inhalt li,
	body#start #inhalt li {
		list-style: none;
	}

	body#startseite .weiter,
	body#start .weiter {
		display: block;
		width: 964px;
		height: 461px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
	}

	#flyervorschau {
		position: relative;
		left: 68px;
		top: 172px;
		z-index: 100;
		width: 296px;
		height: 200px;
		overflow: hidden;
	}

	/*  Links
	---------------------------------- */

	a {
		color: #444;
		text-decoration: none;
		border-bottom: 1px dotted #444;
	}

	a:focus,
	a:hover {
		color: #F2973B;
		text-decoration: none;
	}

	a.keinlink {
		background: none !important;
		color: inherit !important;
		cursor: default !important;
		border: 0 !important;
	}

	body#startseite a.weiter,
	body#start a.weiter,
	#haendlersucheergebnisse a,
	#navigation a,
	#fussbereich a,
	a.haendlersuche-link,
	.geschlechterwahl li a,
	.farbenliste a,
	.produktliste a,
	.keinrahmen {
		border-bottom: 0px;
	}

	#fussbereich a:hover,
	#fussbereich a:focus {
		color: #fff;
	}

	/*  Layout Details
	---------------------------------- */

	h1#webseitentitel a,
	h1#webseitentitel a:hover,
	h1#webseitentitel a:focus {
		width: 90px;
		height: 60px;
		display: block;
		text-indent: -9999em;
		background: url("../lib.grafiken/logo.joy-sportswear.jpg") no-repeat;
		border: 0;
	}

	h2 {
		font-weight: normal;
	}

	h3 {
		font-size: 1em;
		font-weight: bold;
		margin-bottom: 1em;
		margin-top: 2em;
	}

	.produkte h2 {
		margin-bottom: 0.5em;
	}

	body#produktansicht h2 {
		text-transform: uppercase;
	}

	.produkte h3 {
		font-size: 1.4em !important;
		font-weight: normal;
		margin-top: 0em;
	}

	h3.abstand {
		margin-top: 4em;
		margin-bottom: 0.5em;
	}

	h3.fehler {
		color: #990000;
	}

	h3.erfolg {
		color: #0D7D37;
	}

	.farbig {
		color: #F2973B;
	}
	
	.blaufarbig {
		color: #02275E;
	}

	#haendlersuchelink {
		text-align: right;
	}

	#haendlersuchelink .haendlersuche-link span.abstand {
		position: relative;
		top: -6px;
	}

	body#impressum .adr,
	body#kontakt .adr {
		margin: 1em 0;
	}

	body#kontakt #anschrift {
		margin-bottom: 1em;
	}

	/*#listwechsel {
		float: right;
		width: 19.5%;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#listwechsel a {
		width: 35px;
		height: 21px;
		display: block;
		float: left;
		text-align: center;
		border-top: 1px solid #D9D9D9;
		border-bottom: 0;
	}

	#listwechsel a.clone {
		margin-left: -37px;
		position: relative;
	}

	#listwechsel a.aktiv {
		background-color: #fff;
	}

	#listwechsel a.listgrid {
		border-left: 1px solid #D9D9D9;
		border-right: 1px solid #D9D9D9;
	}

	#listwechsel a {
		border-right: 1px solid #D9D9D9;
	}

	#listwechsel a.ansichtenpfeil {
		border: 0 !important;
	}*/
	
	#listwechsel {
		position: absolute;
		top: 126px;
		right: -30px;
		width: 31px;
		height: 109px;
		margin: 0;
		padding: 0;
		padding: 3px 2px 3px 0px;
		text-align: center;
		background: url("../lib.grafiken/hintergrund.listwechsel.png") no-repeat;
		z-index: 99;
	}
	
	#listwechsel ul,
	#listwechsel ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#listwechsel ul li {
		width: 29px;
		height: 26px;
		display: block;
	}

	#listwechsel a {
		display: block;
		width: 21px;
		height: 21px;
		display: block;
		background: none;
		padding: 2px 4px;
		border: 0;
	}
	
	#listwechsel a.aktiv,
	#listwechsel a.hover {
		background: #fff;
	}

	#listwechsel a.clone {
		margin-left: -37px;
		position: relative;
	}	

	#produkttypliste,
	#produktliste {
		display: none;
	}

	#flashtrailerStartseite,
	#produktcarouselIcons {
		display: block;
	}

	body.karusell #leiste-unten {
		display: none;
	}

	body.karusell #scroll {
		width: 964px;
		height: 488px;
		padding: 0;
	}

	body#startseite #scroll,
	body#start #scroll,
	body#unternehmen-geschichte #scroll,
	body#unternehmen-philosophie #scroll {
		width: 960px;
		height: 540px;
		padding: 0;
	}

	#haendlersucheformular {
		margin-bottom: 1.5em;
	}

	#haendlersucheergebnisse th {
		font-weight: bold;
		border-bottom: 1px solid #999;
	}

	#haendlersucheergebnisse td {
		border-bottom: 1px solid #CBCBCB;
	}

	.geschlechterwahl li {
		width: 50%;
		text-align: center;
		float: left;
	}

	.geschlechterwahl li a {
		display: block;
		padding: 30px;
	}

	.feststehend {
		position: absolute;
		top: 0px;
	}

	h2.feststehend {
		padding-top: 20px;
		z-index: 3;
	}

	#produkttypliste {
		padding-left: 150px;
		width: 380px;
		text-align: right;
		margin-top: -43px;
		margin-bottom: 40px;
	}

	#produkttypliste #submit {
		margin-right: 24px;
	}

	#produkttypliste p {
		margin-top: -29px;
	}

	#produkttypliste li {
		float: left;
		padding: 10px;
	}

	#produkttypliste li input {
		position: relative;
		top: 3px;
	}

	.produktliste {
		margin-bottom: 2em !important;
	}

	.produktliste li {
		float: left;
		clear: right;
		width: 280px;
	}

	.oberteile .produktliste li { min-height: 150px; }
	.jacken .produktliste li { min-height: 170px; }
	.hosen .produktliste li { min-height: 220px; }

	.produktliste .icons li,
	.produktliste.list li {
		min-height: 0px;
	}

	.produktliste li.trennung {
		clear: left;
		width: 840px;
		height: 10px;
		min-height: 10px;
	}

	.produktliste li a {
		float: left;
		text-align: center;
		display: block;
		width: 160px;
	}

	body#news-wellnessoutfit .produktinformationen p {
		margin-bottom: 0.1em !important;
	}

	.produktliste .produktinformationen {
		width: 120px;
		float: right;
	}

	.produktliste.list li {
		float: none;
		width: 840px;
	}

	.produktliste.list li a {
		width: auto;
		text-align: left;
		padding: 5px;
	}

	.produktliste.list .produktinformationen a,
	.produktliste.list li a.keinrahmen {
		padding: 0px;
	}

	.produktliste.list .produktinformationen {
		padding-top: 5px;
		width: 180px;
		float: left;
	}

	.produktliste.list .produktgroessen {
		padding-top: 5px;
		float: left;
		width: 340px;
	}

	.produktliste.list li {
		background: url("../lib.grafiken/hintergrund.liste.png") no-repeat;
	}

	.produktliste.list li.erstesElement {
		background-position: 0px -1px;
	}

	.produktliste.list .produktgroessen table.groessen td span.groesse {
		top: 0px !important;
		padding-left: 2px;
	}

	.produktliste.list .produktinformationen .produktname,
	.produktliste.list .produktinformationen .produkttyp {
		float: left !important;
		width: 80px !important;
		padding: 0px !important;
		background: none !important;
	}

	.produktliste.list .produktinformationen .produkttyp {
		font-weight: normal !important;
	}

	.produktliste.list .produktinformationen .produktname {
		width: 90px !important;
	}

	.produktliste.list .produktinformationen .produktname {
		position: relative !important;
		top: -3px !important;
	}

	#produktliste,
	#produktliste h3 {
		float: none !important;
		text-align: left !important;
	}

	#produkttypformular input.checkbox {
		border: 0 !important;
	}

	#produktansicht-gross {
		float: left;
		width: 340px !important;
		height: 460px !important;
		border: 1px solid #D7D7D9;
		/*width: 50%;*/
	}

	#produktkombinationsteile {
		float: left;
		width: 78% !important;
	}

	#produktkombinationsansicht-gross {
		float: right;
		width: 19%;
		margin-right: 2%;
	}

	.produkt-kombinationen {
		position: relative;
		height: 390px;
	}

	.kombinationswechsellinks {
		position: absolute;
		bottom: 0px;
		left: 36%;
		width: 60%;
		height: 220px;
		border-top: 1px solid #D9D9D9;
		padding-top: 0.75em;
	}

	.kombinationswechsellinks p {
		margin: 0;
		padding: 0;
		padding-bottom: 0.75em;
	}

	.kombinationswechsellinksliste {
		padding: 0 2em;
	}

	.kombinationswechsellinks a {
		padding: 0 1em;
	}

	.produkt-kombinationen a,
	.kombinationswechsellinks a {
		border: 0;
	}

	a.kombinationswechsel {
		vertical-align: top;
	}

	.kombinationswechsellinksliste li {
		float: left;
	}

	a.produktvorschau-kombinationen {
		width: 36%;
		float: left;
	}

	.produktinformationen.produktinformationen-kombinationen {
		float: left !important;
		width: 64% !important;
	}

	#produktkombinationsansicht-gross img {
		padding: 3px 10px;
	}

	img.keinHoverBild {
		padding: 3px;
	}

	.produktinformationen {
		float: right;
		width: 50%;
	}

	#produktkombinationsteile {
		width: 66%;
	}

	.produktinformationen .beschreibung {
		width: 95%;
		height: 75px;
		margin-bottom: 12px;
	}

	.produktinformationen .produktname {
		text-transform: uppercase;
	}

	.produktinformationen .produktname,
	.produktinformationen .produkttyp,
	.produktinformationen .farbe,
	.produktinformationen .farben,
	.produktinformationen .material {
		font-weight: bold;
		margin-bottom: 0.5em;
		float: left;
	}

	.produktinformationen .farben span {
		font-weight: normal;
		padding-left: 10px;
	}

	.produktinformationen .produktname,
	.produktinformationen .produkttyp,
	.produktinformationen .material,
	.produktinformationen .farbe {
		float: left;
		background: url("../lib.grafiken/trennstrich.navigation.jpg") no-repeat 100% 50%;
		padding: 0px 15px;
		height: 25px;
	}

	.produktinformationen .farbe {
		background-position: 0% 50%;
	}

	.produktinformationen .produkttyp {
		padding-right: 0px;
	}

	.produktinformationen .produktname { padding-left: 0px; }
	.produktinformationen .produkttyp { background: none; }
	.produktinformationen .material { background: none; }

	.produktinformationen .material span {
		font-weight: normal;
	}


	.produktinformationen .farbenliste a:hover {
		cursor: pointer !important;
	}

	sup {
		font-weight: bold;
		font-size: smaller;

	}

	#fussnote {
		position: relative;
		top: -2px;
	}

	ul.icons li,
	ul.icons li a {
		width: 20px !important;
		float: left !important;
	}

	.preis sup {
		position: relative;
		top: 2px;
		left: -1px;
	}

	.preis .preisanzeige {
		position: relative;
		top: -3px;
	}

	#fussnote sup {
		position: relative;
		top: 2px;
		left: 1px;
	}
	
	#fussnote .weitereFussnote {
		padding-left: 5px;
	}

	table.groessen td,
	table.groessen th {
		vertical-align: top;
		white-space: nowrap;
	}

	table.groessen th { width: 125px; }
	table.groessen td.fixeBreite.preis { width: 65px; }
	table.groessen td.fixeBreite.kurz { width: 85px; }
	table.groessen td.fixeBreite.normal { width: 85px; }
	table.groessen td.fixeBreite.lang { width: 100px; }

	table.groessen td span.groesse,
	body#knl-konzept span.groesse {
		position: relative;
		top: -4px;
	}

	table.groessen td span.groesse.leerraum {
		visibility: hidden;
	}
	
	table.groessen .hoeher {
		position: relative;
		top: 1px;
	}
	
	table.groessen .hoeher sup.farbig {
		position: relative;
		top: 2px;
		right: 0;
	}
	
	body.list table.groessen .hoeher .groessenlauf {
		float: left;
	}
	
	body.list table.groessen .hoeher {
		position: relative;
		top: -3px;
	}

	#knl-animation {
		margin-right: 2em;
	}

	.farbcode {
		text-align: center;
		white-space: nowrap;
		margin-left: -10px;
	}

	.farbenliste li.trennung {
		clear: left;
		width: 448px !important;
	}

	#produktschnellnavigation {
		position: absolute;
		right: 20px;
		top: 54px;
	}

	#produktschnellnavigation.outfitschnellnavigation {
		right: 40px;
		top: 20px;
	}

	ul.produktschnellnavigation li {
		float: left;
	}

	ul.produktschnellnavigation li a {
		width: 20px;
		height: 20px;
		background: url("../lib.grafiken/scrollbuttons.png") 0px 0px no-repeat;
		display: block;
		text-indent: -9999em;
		border: 5px solid #fff !important;
	}

	.infobox {
		position: absolute;
		top: -999em;
		left: -999em;
		z-index: 100;
		display: none;
		white-space: nowrap;
		background: #fff url("../lib.grafiken/hintergrund.jpg") 0px -3px repeat-x;
		border: 1px solid #D9D9D9;
		padding: 3px;
	}

	.produktvorschaubox {
		position: absolute;
		z-index: 100;
		white-space: nowrap;
		background: #fff;
		border: 3px solid #fff;
		text-align: center;
		padding: 0;
		margin: 0;
		top: -9999em;
		left: -9999em;
	}

	.produktvorschauboxInnen {
		border: 1px solid #F2973B;
	}

	.produktvorschauboxfoto {
		display: none;
		/*margin-top: 7px;
		padding-top: 7px;*/
		margin: 0;
		padding: 0;
		margin-top: 3px;
	}

	.loading {
		margin-top: 130px;
	}

	ul.produktschnellnavigation li a.vorwaerts { background-position: -60px 0px; }
	ul.produktschnellnavigation li a.vorwaerts:hover { background-position: -60px -20px; }
	ul.produktschnellnavigation li a.rueckwaerts { background-position: -40px 0px; }
	ul.produktschnellnavigation li a.rueckwaerts:hover { background-position: -40px -20px; }
	ul.produktschnellnavigation li a.zurueck { background-position: 0px 0px; }
	ul.produktschnellnavigation li a.zurueck:hover { background-position: -20px 0px; }
	ul.produktschnellnavigation li a.keinlink { background-position: 20px 20px; }

	.produktinformationen .farbenliste,
	.produktinformationen .farbenliste li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.produktinformationen .farbenliste {
		clear: both;
		margin: 1em 0;
	}

	.produktinformationen .farbenliste li {
		float: left;
		width: 33%;
	}

	.produktinformationen .farbenliste li a img {
		padding: 3px;
	}

	.fussnote {
		color: #888;
	}

	.produktansichtengrafik {
		position: relative;
		top: 4px;
	}

	.zuruecklink-produktkarusell {
		padding-left: 50px;
	}

	.groessenLaufe {
		border: 1px solid #D5D5D5 !important;
		display: block;
		width: 220px;
		height: 64px;
		float: left;
		margin-right: 10px;
	}

	#animationProdukte,
	#animationRomantikHotels,
	#animationOutfit,
	#animationProduktphilosophie,
	#animationUnternehmensphilosophie,
	#seitenLeiste {
		width: 360px;
		height: 555px;
		margin-left: 0px;
		margin-top: 0px;
		float: right;
	}
	
	#seitenLeiste {
		width: 400px;
		float: left;
	}
	
	body#wellness-magazin #inhalt {
		width: 560px;
	}

	.farbwechselOutfit {
		position: absolute;
		bottom: 0;
		text-align: center;
		width: 100%;
	}

	#messetabelle {
		width: 107%;
	}

	#messetabelle tr {
		cursor: pointer !important;
	}

	#messetabelle .mehr {
		display: none;
	}

	#messetabelle tr.hover td {
		background: #ECECEC;
	}

	#messetabelle tr td div.mehr a img {
		border: 1px solid #CBCBCB;
	}

	#messetabelle tr.nohover td {
		color: #888;
	}

	#messetabelle tr td,
	#messetabelle tr.hover td {
		color: #444;
	}

	#messetabelle .termin {
		width: 110px;
	}

	#messetabelle .ort {
		width: 140px;
	}

	#messetabelle .web {
		width: 95px;
	}
	
	/*#fussbereich #copyright {
		float: left;
		width: 340px;
	}
	
	#fussbereich #social {
		float: left;
		width: 175px;
		margin-left: 10px;
		text-align: center;
	}*/
	
	#fussbereich {
		margin-top: -4px;
	}
	
	.iconKorrektur {
		position: relative;
		top: 6px;
	}

	*::-moz-selection { background-color: #444; color: #fff; }
	*::selection { background-color: #444; color: #fff; }

	/*  Navigation
	---------------------------------- */

	#navigation {
		margin: 0;
		padding: 0;
		margin-top: 40px;
		margin-left: 3px;
	}

	#navigation ul,
	#navigation ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#navigation ul li {
		float: left;
		background: url("../lib.grafiken/trennstrich.navigation.jpg") center left no-repeat;
	}

	#navigation ul li.erstesElement {
		background: none;
	}

	#navigation ul li a {
		padding: 20px;
		padding-bottom: 6px;
		font-size: 1.3em;
		position: relative;
		z-index: 15;
	}

	#navigation ul li#nav-partner a {
		padding-left: 23px;
	}

	#navigation ul li.erstesElement a {
		padding-left: 0;
	}

	.subnav {
		display: none;
		width: 196px;
		position: absolute;
		top: 33px;
		z-index: 10;
		padding-top: 30px !important;
		background: url("../lib.grafiken/hintergrund.navigation.png") -9999px -9999px no-repeat;
	}

	li#nav-produkte .subnav {
		background: url("../lib.grafiken/hintergrund.navigation.png") -1px 0px no-repeat !important;
		left: -8px;
	}

	li#nav-unternehmen .subnav {
		background: url("../lib.grafiken/hintergrund.navigation.png") -197px 0px no-repeat  !important;
		left: 90px;
	}

	li#nav-partner .subnav {
		background: url("../lib.grafiken/hintergrund.navigation.png") -980px 0px no-repeat !important;
		left: 217px;
	}

	body.en li#nav-unternehmen .subnav {
		background: url("../lib.grafiken/hintergrund.navigation.png") -1px 0px no-repeat  !important;
	}

	body.en li#nav-partner .subnav {
		left: 190px;
	}

	.subnav li {
		background: url("../lib.grafiken/hintergrund.navigation.png") -589px 0px !important;
	}

	.subnav .letztesElement {
		background: url("../lib.grafiken/hintergrund.navigation.png") -784px 0px no-repeat !important;
	}

	.subnav li {
		display: block;
		float: left;
		font-size: 0.9em;
	}

	.subnav li a {
		display: block;
		width: 149px;
		padding-left: 25px !important;
		padding-top: 4px !important;
		padding-bottom: 6px !important;
	}

	.subnav li.letztesElement a {
		padding-bottom: 12px !important;
	}



	/*  Formulare
	---------------------------------- */

	input, textarea, select {
		background: #fefefe;
		border: 1px solid #cbcbcb;
		padding: 2px;
	}

	input:hover,
	input:focus,
	textarea:hover,
	textarea:focus,
	select:hover,
	select:focus {
		background: #fefefe;
		border: 1px solid #ababab;
	}

	input[disabled="disabled"],
	textarea[disabled="disabled"],
	select[disabled="disabled"] {
		color: #999;
	}

	input[disabled="disabled"]:hover,
	input[disabled="disabled"]:focus,
	textarea[disabled="disabled"]:hover,
	textarea[disabled="disabled"]:focus,
	select[disabled="disabled"]:hover,
	select[disabled="disabled"]:focus {
		background: #fefefe;
		border: 1px solid #cbcbcb;
	}

	input[type="submit"]:hover {
		border: 1px solid #F2973B;
		background: #F2F2F2;
	}

	fieldset legend {
		display: none;
	}

	label {
		display: block;
	}

	input[type="radio"] {
		width: auto;
	}

	option {
		font-weight: normal !important;
		/* font-size: smaller; */
	}

	#haendlerschnellsuche {
		margin-top: -3px;
		background: url("../lib.grafiken/hintergrund.abschluss.png") top right no-repeat;
		width: 412px;
		padding-left: 20px;
	}

	#haendlersucheformular fieldset legend {
		display: none;
	}

	#haendlersucheformular label {
		display: block;
	}

	#haendlersucheformular input,
	#haendlersucheformular select {
		width: 100px !important;
	}

	#haendlersucheformular select#land {
		width: 105px !important;
	}

	/*#haendlersucheformular .laenderwahl {
		width: 97px;
		height: 18px;
		padding: 1px;
	}*/

	#haendlersucheformular .laenderwahl {
		width: 97px;
		height: 21px;
		padding: 1px;
	}

	#haendlersucheformular .abstand {
		margin-top: 15px;
	}

	#haendlersucheformular #haendlersucheSubmit {
		padding: 1px 2px;
		margin-top: 5px;
	}

	#haendlerschnellsucheformular {
		width: 250px;
		height: 29px;
	}

	#haendlerschnellsucheformular fieldset {
		padding-top: 3px;
		padding-right: 5px;
		float: right;
	}

	#haendlerschnellsucheformular fieldset legend {
		display: none;
	}

	#haendlerschnellsucheformular ol li {
		float: left;
	}

	#haendlerschnellsucheformular input {
		border: 1px solid #CBCBCB;
		background: #fff;
		color: #444;
		padding: 2px;
		margin-left: 4px;
		margin-top: -1px;
	}

	#haendlerschnellsucheformular input#haendlersucheOrt {
		width: 89px;
	}

	#haendlerschnellsucheformular input#haendlersuchePlz {
		width: 54px;
	}

	body.en #haendlerschnellsucheformular input#haendlersucheOrt {
		width: 65px;
	}

	body.en #haendlerschnellsucheformular input#haendlersuchePlz {
		width: 52px;
	}

	body.en #haendlerschnellsuche {
		background: url("../lib.grafiken/hintergrund.abschluss.en.png") top right no-repeat;
		width: 402px;
		padding-left: 30px;
	}

	body.en #sprachwahl {
		width: 140px !important;
	}

	/*#haendlerschnellsucheformular select#haendlersucheLand {
		width: 42px;
		text-transform: uppercase;
		padding: 1px;
		margin-top: -1px;
		margin-left: 4px;
	}

	#haendlerschnellsucheformular input#haendlersucheAbsenden {
		background: none;
		border: 0;
		padding: 0;
	}*/

	#haendlerschnellsucheformular #haendlerschnellsucheformularform {
		margin-left: 10px;
	}

	#sprachwahl {
		margin-top: 3px;
		margin-right: 6px;
		margin-left: 6px;
		width: 150px;
	}

	#sprachwahl p {
		float: left;
	}

	#sprachwahlAuswahl {
		display: none;
	}

	#sprachwahl a {
		float: right;
		text-decoration: none;
		border: 0;
	}

	#sprachwahl .sprachwahllink {
		display: block;
		padding-left: 7px;
		cursor: pointer;
		width: 61px;
	}

	#sprachwahl .sprachwahllink span {
		float: right;
		display: block;
		width: 16px;
		height: 20px;
		background: url("../lib.grafiken/scrollbuttons.png") -20px -20px no-repeat;
	}

	#sprachwahl .sprachwahllink.aktiv span {
		background: url("../lib.grafiken/scrollbuttons.png") -20px 0px no-repeat;
	}

	#sprachwahl #sprachwahlAuswahl {
		padding: 6px 10px;
		height: 39px;
		width: 79px;
		background: url("../lib.grafiken/hintergrund.sprachwahlbox.png") center no-repeat;
		position: absolute;
		right: 1px;
		bottom: 32px;
	}

	#sprachwahl #sprachwahlAuswahl li {
		padding-bottom: 3px;
	}

	#sprachwahl .spracheDeutsch {
		background: url("../lib.grafiken/piktogramm.sprache.de.gif") 0px 4px no-repeat;
		padding-left: 20px;
		margin-left: 2px;
	}

	#sprachwahl .spracheDeutsch.aktiv {
		background: url("../lib.grafiken/piktogramm.sprache.de.grau.gif") 0px 4px no-repeat;
		padding-left: 20px;
		margin-left: 2px;
	}

	#sprachwahl .spracheEnglisch {
		background: url("../lib.grafiken/piktogramm.sprache.en.gif") 0px 4px no-repeat;
		padding-left: 20px;
		margin-left: 2px;
	}

	#sprachwahl .spracheEnglisch.aktiv {
		background: url("../lib.grafiken/piktogramm.sprache.en.grau.gif") 0px 4px no-repeat;
		padding-left: 20px;
		margin-left: 2px;
	}

	#sprachwahl .sprachwahllink.spracheDeutsch,
	#sprachwahl .sprachwahllink.spracheEnglisch {
		margin-left: 7px;
	}

	#gewinnspielformular li,
	#kontaktformular li {
		width: 200px;
		margin-top: 1em;
		float: left;
	}

	#gewinnspielbutton {
		background: url("../lib.grafiken/grafik.gewinnspiel-teilnehmen.png") 0px 0px no-repeat;
		width: 248px;
		height: 37px;
		display: block;
		float:left;
		text-indent: -9999em;
		margin-left: 20px;
	}
	#wellnessmagazinbutton {
		margin-left: 0px;
		background: url("../lib.grafiken/grafik.wellness-magazin.png") 0px 0px no-repeat;
		width: 188px;
		height: 37px;
		display: block;
		float:left;
		text-indent: -9999em;
	}
	#teilnahmeformularabsendenbutton {
		margin-top: 10px;
		background: url("../lib.grafiken/grafik.teilnahmeformular-absenden.png") 0px 0px no-repeat;
		width: 224px;
		height: 37px;
		display: block;
		text-indent: -9999em;
		border: 0;
	}
	#gewinnspiel2button {
		background: url("../lib.grafiken/grafik.gewinnspiel.png") 0px 0px no-repeat;
		width: 220px;
		height: 37px;
		display: block;
		float:left;
		text-indent: -9999em;
		margin-left: 10px;
	}
	#wellnessmagazin2button {
		background: url("../lib.grafiken/grafik.wellness-magazin.2.png") 0px 0px no-repeat;
		width: 251px;
		height: 37px;
		display: block;
		float:left;
		text-indent: -9999em;
		margin-left: 0px;
	}
	#gewinnspielbutton:hover,
	#gewinnspielbutton:focus,
	#gewinnspiel2button:hover,
	#gewinnspiel2button:focus,
	#teilnahmeformularabsendenbutton:hover,
	#teilnahmeformularabsendenbutton:focus,
	#wellnessmagazinbutton:hover,
	#wellnessmagazinbutton:focus,
	#wellnessmagazin2button:hover,
	#wellnessmagazin2button:focus {
		background-position: 0px -37px;
		cursor: pointer;
	}

	#gewinnspielformular li.drittel {
		width: 32%;
	}

	#gewinnspielformular .checkboxFeld {
		display: block;
		float: left;
		height: 17px;
		width: 17px;
		padding-left: 3px;
		padding-top: 5px;
	}

	#gewinnspielformular li.breiter,
	#kontaktformular li.breiter {
		width: 400px;
	}

	#kontaktformular li input {
		width: 150px;
	}

	#gewinnspielformular li input {
		width: auto;
	}

	#gewinnspielformular li textarea,
	#kontaktformular li textarea {
		width: 350px;
		height: 95px;
	}

	#kontaktformular #spamschutz {
		width: 350px;
	}

	#gewinnspielformular #spamschutztext,
	#kontaktformular #spamschutztext {
		width: 380px;
		line-height: 16px;
		margin-top: 5px;
	}

	#gewinnspielformular #submit,
	#kontaktformular #submit {
		color: #444 !important;
	}

	#gewinnspielformular input#submit,
	#kontaktformular input#submit {
		margin-top: 1em;
	}

	.leerfeldfehler input,
	.leerfeldfehler select,
	.leerfeldfehler textarea {
		border: 1px solid #990000; /* #F2973B; */
	}

	.trennstrich {
		padding: 0px 3px;
	}

	.icon {
		background-position: center left;
		background-repeat: no-repeat;
		padding-left: 23px;
	}

	.icon.pdf { background-image: url("../lib.grafiken/piktogramm.pdf.gif"); }

	/*  Flash
	---------------------------------- */

	body.flash .noflash,
	body.noflash .flash {
		display: none !important;
	}
	body.noflash #produkttypliste,
	body.noflash #listwechsel,
	body.noflash #produktliste {
		display: block;
	}
	body.noflash #leiste-unten {
		display: block;
	}
	body.noflash#startseite #inhalt,
	body.noflash#start #inhalt,
	body.noflash#startseite #flashtrailerStartseite,
	body.noflash#start #flashtrailerStartseite {
		text-indent: 0em !important;
	}
	body.noflash a.weiter {
		display: inline !important;
		position: static !important;
	}
	body.noflash #flashtrailerStartseite {
		visibility:visible;
		padding:30px;
		width: 50%;
	}
	body.noflash #flashtrailerStartseite ul li {
		list-style-image: url("../lib.grafiken/listpunkt.blau.gif") !important;
	}

	/*  Tabellen
	---------------------------------- */

	.tabelle {
		margin-bottom: 2em;
		font-size: 0.9em;
		margin-top: 0;
		padding-top: 0;
	}

	.tabelle caption {
		display: none;
	}

	.tabelle th {
		font-weight: bold;
		color: #666;
		border-bottom: 1px solid #cbcbcb;
		border-top: 1px solid #cbcbcb;
		letter-spacing: 2px;
		text-align: left;
		padding: 6px;
		font-size: 0.9em;
		background: #ECECEC;
	}

	.tabelle th.nobg {
		border-top: 0;
		border-left: 0;
		background: none;
	}

	.tabelle td {
		border-bottom: 1px solid #cbcbcb;
		padding: 6px;
		color: #444;
		vertical-align: top;
	}

	.tabelle tr.erstesElement td {
		border-top: 1px solid #cbcbcb;
	}

	.tabelle td.alt {
		background: #edffdc;
		color: #797268;
	}

	.tabelle th.spec {
		border-top: 0;
		background: #fff;
		font-weight: bold;
	}

	.tabelle th.specalt {
		border-top: 0;
		background: #edffdc;
		font-weight: bold;
		color: #797268;
	}

	.tabelle th:first-child,
	.tabelle td:first-child {

	}


	/*  Clearfix
	---------------------------------- */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

}



@media print {

	/* Allgemein
	---------------------------------- */

	* {
		font-family: Arial, Verdana, Helvetica, "Trebuchet MS", sans-serif;
		background: #fff;
		color: #000;
	}

	.versteckt,
	.bildschirm,
	#messetabelle .weniger,
	#navigation,
	#haendlerschnellsuche,
	#brotkrume,
	#listwechsel,
	#haendlersuchelink,
	#produkttypliste,
	#produktschnellnavigation,
	#fussbereich,
	#produkttypliste,
	#fussnote,
	.infobox,
	.produktvorschaubox,
	.zurueck,
	h1 {
		display: none !important;
	}

	#messetabelle .mehr {
		display: block;
	}

	abbr {
		border: 0;
		text-decoration: none;
	}

	a abbr {
		border: inherit;
		text-decoration: inherit;
	}

	#inhalt h2,
	#inhalt h2 abbr {
		color: #444;
	}

	#inhalt h3,
	#inhalt h3 abbr {
		color: #666;
	}

	h1,	h2,	h3,	h4,	h5,	h6 { font-weight: normal; clear: both; }

	.links {
		float: left;
	}

	.rechts {
		float: right;
	}

	.mittig {
		text-align: center;
	}

	#inhalt img {
		padding: 2px;
		margin: 5px;
	}

	.keineliste {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#produktansicht-gross {
		display: none;
	}

	#produktliste h3 {
		page-break-before: always;
	}

	#produktliste .oberteile h3 {
		page-break-before: auto;
	}

	.tabelle td {
		padding: 6px;
		color: #444;
		vertical-align: top;
	}

	.unternehmen p,
	.produktliste li,
	.produktinformationen,
	#fussnote,
	td {
		font-size: smaller;
	}

	.produktinformationen .produktname {
		text-transform: uppercase;
	}

	.produktinformationen .produktname,
	.produktinformationen .produkttyp,
	.produktinformationen .farben,
	.produktinformationen .material {
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.produktinformationen .farben span {
		font-weight: normal;
		padding-left: 10px;
	}

	.produktinformationen .produktname,
	.produktinformationen .produkttyp,
	.produktinformationen .material {
		background: url("../lib.grafiken/trennstrich.navigation.jpg") no-repeat 100% 50%;
		height: 25px;
	}

	.produktinformationen .produktname { padding-left: 0px; }
	.produktinformationen .produkttyp { background: none; }
	.produktinformationen .material { background: none; }

	.produktinformationen .material span {
		font-weight: normal;
	}

	.produktinformationen .farbenliste a:hover {
		cursor: pointer !important;
	}

	sup {
		font-weight: bold;
		font-size: smaller;
	}

	#fussnote {
		position: absolute !important;
		bottom: 10px;
	}

	table.groessen td {
		font-size: 1em;
	}

	.preis sup {
		position: relative;
		top: 2px;
		left: -1px;
	}

	.preis .preisanzeige {
		position: relative;
		top: 4px;
	}

	#fussnote sup {
		position: relative;
		top: 2px;
		left: 1px;
	}

	table.groessen {
		margin-top: 2em;
	}

	table.groessen td,
	table.groessen th {
		vertical-align: top;
		white-space: nowrap;
	}

	table.groessen th { width: 150px; }
	table.groessen td.fixeBreite.preis { width: 65px; }
	table.groessen td.fixeBreite.kurz { width: 85px; }
	table.groessen td.fixeBreite.normal { width: 85px; }
	table.groessen td.fixeBreite.lang { width: 100px; }

	table.groessen td span.groesse,
	body#knl-konzept span.groesse {
		position: relative;
		top: -10px;
	}

	table.groessen td span.groesse.leerraum {
		visibility: hidden;
	}

	.farbcode {
		text-align: center;
		white-space: nowrap;
		margin-left: -10px;
	}

	.farbenliste li.trennung {
		clear: left;
		width: 448px !important;
	}

	ul.produktschnellnavigation li a.vorwaerts { background-position: -60px 0px; }
	ul.produktschnellnavigation li a.vorwaerts:hover { background-position: -60px -20px; }
	ul.produktschnellnavigation li a.rueckwaerts { background-position: -40px 0px; }
	ul.produktschnellnavigation li a.rueckwaerts:hover { background-position: -40px -20px; }
	ul.produktschnellnavigation li a.zurueck { background-position: 0px 0px; }
	ul.produktschnellnavigation li a.zurueck:hover { background-position: -20px 0px; }
	ul.produktschnellnavigation li a.keinlink { background-position: 20px 20px; }

	.produktinformationen .farbenliste,
	.produktinformationen .farbenliste li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.produktinformationen .farbenliste {
		clear: both;
		margin: 1em 0;
	}

	.produktinformationen .farbenliste li {
		float: left;
	}

	.produktinformationen .farbenliste li a img {
		padding: 3px;
	}

	#produkttypliste {
		padding-left: 150px;
		width: 380px;
		text-align: right;
		margin-top: -43px;
		margin-bottom: 40px;
	}

	#produkttypliste #submit {
		margin-right: 24px;
	}

	#produkttypliste p {
		margin-top: -29px;
	}

	#produkttypliste li {
		float: left;
		padding: 10px;
	}

	#produkttypliste li input {
		position: relative;
		top: 3px;
	}

	.produktliste {
		margin-bottom: 2em !important;
	}

	.produktliste li {
		float: left;
		clear: right;
		width: 212px;
	}

	.oberteile .produktliste li { min-height: 150px; }
	.jacken .produktliste li { min-height: 170px; }
	.hosen .produktliste li { min-height: 220px; }

	.produktliste .icons li {
		min-height: 0px;
		float: left !important;
	}

	.produktliste li.trennung {
		clear: left;
		width: 840px;
		height: 10px;
		min-height: 10px;
	}

	.produktliste li a {
		float: left;
		text-align: center;
		display: block;
		width: 112px;
	}

	.produktliste .produktinformationen {
		width: 100px;
		float: right;
	}

	.produktliste.list li {
		float: none;
		width: 840px;
	}

	.produktliste.list li a {
		width: auto;
		text-align: left;
		padding: 5px;
	}

	.produktliste.list .produktinformationen a,
	.produktliste.list li a.keinrahmen {
		padding: 0px;
	}

	.produktliste.list .produktinformationen {
		padding-top: 5px;
		width: 180px;
		float: left;
	}

	.produktliste.list .produktgroessen {
		padding-top: 5px;
		float: left;
		width: 340px;
	}

	.produktliste.list .produktgroessen table.groessen td span.groesse {
		top: 0px !important;
		padding-left: 2px;
	}

	.produktliste.list .produktinformationen .produktname,
	.produktliste.list .produktinformationen .produkttyp {
		float: left !important;
		width: 80px !important;
		padding: 0px !important;
		background: none !important;
	}

	.produktliste.list .produktinformationen .produkttyp {
		font-weight: normal !important;
		font-size: 8pt;
	}

	.produktliste.list .produktinformationen .produktname {
		margin-top: -18px !important;
		font-size: 8pt;
	}

	.produktliste.list .produktinformationen .produktname a {
		border: 0 !important;
		text-decoration: none !important;
	}

	.produktliste.list .produktinformationen .produktname img {
		top: 5px;
		right: 3px;
		position: relative;
	}

	.produktliste.list .produktgroessen table.groessen .preisanzeige {
		top: -4px !important;
		position: relative;
	}

	.produktliste.list .produktgroessen table.groessen {
		margin-top: 10px;
		font-size: 8pt;
	}

	.produktliste.list .produktgroessen table.groessen .fixeBreite a img {
		position: relative !important;
		top: -10px !important;
	}

	.produktliste.list .produktansicht {
		clear: both;
		width: 840px;
		top: -20px;
		position: relative;
	}

	.produktliste.list li {
		clear: both;
		margin-bottom: 3em;
	}

}