/*  

Stylesheet StempelShop

Änderungen am Standard bitte immer in die shop.css  


/* ---------- Allgemeine Seitenangaben -----------*/

* {	margin:0; padding:0; outline:none; }

body,html {	min-height:101%; /*Firefox Scrollbar Fix*/ }
body { background:#f1f1f1 url(../gfx/bg.gif) top center no-repeat; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 75%; margin: 0 auto; text-align: center; }
p {	margin: 12px 0;	line-height:160%; }
img { border: 0; }	
a, a:link, a:active, a:visited { color: #333333; text-decoration: none; border-bottom: 1px dotted #888888; }
a:hover { color: #333333; text-decoration: none; background-color: #dbdbdb; }

.color-gray { color: #333333; background-color: #dbdbdb; }	
.gray-line { float: left; width: 688px;	color: #e1e1e1;	background: url(../gfx/line.gif) no-repeat 0 18px; height: 38px; }	
.space-big { float: left;width:688px;height: 20px; }
.space-bigger { float: left; width:688px;height: 40px; }	
.link-bold { color: #333333; font-weight: bold; }
	
/* ---------- Seiteninhalt -----------*/	

#wrapper { width: 960px; margin: 0 auto; text-align: left; background-color: #ffffff; margin-top: 26px; }
#header { float: left; _margin: 0 auto;	width: 960px; height: 205px; border-bottom: 1px solid #ffffff;}

#header img { border: none; }
#header a, #header a:link, #header a:active, #header a:visited, #header a:hover { text-decoration: none; border-bottom: none; background-color: #ffffff; }

#wrapper-inner { float: left; width: 960px; _margin: 0 auto; background:#ffffff url(../gfx/bg-inner.gif) repeat-y; color: #333333; }
#column-left { float: left; width: 199px; padding-right: 1px; margin-left: 1px; }
#column-right { float: left; border-top: 1px solid #e1e1e1; width: 759px; _width: 700px;/*IE6-Fix*/ }
#content { float: left; width: 726px; padding-left: 32px; padding-top: 1px; padding-bottom: 32px; }
#content-single { float: left; width: 600px; padding-left: 32px; padding-top: 1px; padding-bottom: 32px; }
#content-single li { margin-left: 30px; line-height: 160%; }

.column-left-headline { float: left; font-weight: bold; color: #ffffff; float: left; width: 187px; padding-left: 12px; padding-top: 6px; padding-bottom: 6px; _width:199px;/*IE6-Fix*/ }
.column-left-box { float: left;	font-weight: normal; color: #333333; float: left; width: 187px; padding-left: 12px; padding-top: 6px; padding-bottom: 4px; _width:199px;/*IE6-Fix*/	}
.column-left-box p { margin-bottom: -2px; }
.column-left-box-suche { float: left; font-weight: bold; color: #ffffff; font-size: 88%; float: left; width: 187px; padding-left: 12px; padding-top: 6px; padding-bottom: 4px; _width:199px;/*IE6-Fix*/	}
.box-bottom { float: left; width: 199px; height: 15px; background:#ffffff url(../gfx/box-bottom.gif) left bottom repeat-x; }
.box-bottom-nav { float: left; width: 199px; height: 15px; background:#ffffff url(../gfx/box-bottom-nav.gif) left bottom repeat-x; }

.firmeninfo { float: left; width: 199px; height: 95px; background:#ffffff url(../gfx/firmeninfo.jpg) left bottom repeat-x; }
.siegel { float: left;_float: none; _clear: all; text-align: center; width: 196px; height: 107px; }

.left-space { float: left; width: 199px; height: 30px; }



/* ---------- Formular: Suchfeld -----------*/

#searchInput { padding: 2px; margin-bottom: 5px; margin-top: 10px; width: 166px; }
.searchSelect { padding: 2px; margin-bottom: 16px; width: 118px; }
.searchPlatteInput { font-size: 12px; width:20px; }
#searchPlatte { font-weight: normal; font-size: 12px; padding: 2px; margin-bottom: 5px;	margin-top: 13px; color: #333333; }



/* ---------- Formular: Sonstige Elemente -----------*/

input {	margin: 0; padding: 0; }

.formular-button { color: #FFFFFF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; border: none; font-weight: bold; padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; line-height: 160%; *padding-left: 2px;/*IE6/7-Fix*/ *padding-right: 2px;/*IE6/7-Fix*/ *padding-top: 1px;/*IE6/7-Fix*/ *padding-bottom: 1px;/*IE6/7-Fix*/ }
.formular-button:hover { color: #FFFFFF; background: #797979; }
.formular-button-gray { border: none; color: #333333; background: #f0f0f0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px;	cursor: pointer; padding-left: 12px; padding-right: 12px; padding-top: 2px; padding-bottom: 2px; line-height: 140%;	*padding: 0; *padding-top: 1px; *padding-bottom: 0px; *margin: 0; }	
.button-text { float: left; background: #f0f0f0;height:18px; _height: 21px; padding-top: 3px; padding-left: 12px; padding-right: 12px; }
.button-text a, .button-text a:link, .button-text a:active, .button-text a:visited, .button-text a:hover { border-bottom: none; background: none; }	
	

/* ---------- Navigation -----------*/

#nav { clear: both; width: 199px; text-align: left; }
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav li a {	display: block; margin: 0; height: 22px; text-decoration: none; color: #333333; border-bottom: none; padding: 8px 0 0 25px; background:  #d1d3d3 url(../gfx/bg-nav.gif) 0 0px; _height: 30px;/*IE6-Fix*/ }
#nav li a:hover { background:  #d1d3d3 url(../gfx/bg-nav.gif) 0 -30px; padding: 8px 0 0 25px; border-bottom: none; }



/* ---------- Footer -----------*/	

#footer { float: left; width: 100%; text-align: center; background: #f1f1f1; }
#footer-inner { width: 960px; margin: 0 auto; text-align: center; background: #f1f1f1 url(../gfx/bg-footer.jpg) no-repeat; padding-top: 20px; padding-bottom: 50px; font-weight: bold; }
.external, .external a, .external a:link, .external a:active, .external a:visited  { font-weight: normal; }
	
	
	
/* ---------- Headlines -----------*/	

h1 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 100%; color: #333333; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover  { color: #333333;	}
h1 span { display: none; }	

h2 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 100%; color: #ffffff; }
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { color: #ffffff;}

h3 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 100%; color: #797979; width: 580px; line-height: 180%; padding-bottom: 15px;	}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover  { color: #797979;	}	
	
h4 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 126%; color: #333333; width: 580px; line-height: 180%; padding-bottom: 15px;	}
h4 a:link, h4 a:visited, h4 a:active, h4 a:hover  { color: #797979;	}	

h5 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 126%; line-height: 140%;	}	

h6 { float: left; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 126%; line-height: 140%; }		
	
	
	
/* ---------- Headlines als Grafik -----------*/	
	
.headline-adresse { background: url(../gfx/headline-adresse.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-adresse-fr { background: url(../gfx/fr/headline-adresse.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-adresse-en { background: url(../gfx/en/headline-adresse.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-agb { background: url(../gfx/headline-agb.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-agb-fr { background: url(../gfx/fr/headline-agb.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-agb-en { background: url(../gfx/en/headline-agb.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikel-gestalten { background: url(../gfx/headline-artikel-gestalten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikel-gestalten-fr { background: url(../gfx/fr/headline-artikel-gestalten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikel-gestalten-en { background: url(../gfx/en/headline-artikel-gestalten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikel-pruefen { background: url(../gfx/headline-artikel-pruefen.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikel-pruefen-fr { background: url(../gfx/fr/headline-artikel-pruefen.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikel-pruefen-en { background: url(../gfx/en/headline-artikel-pruefen.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikelvorschlag { background: url(../gfx/headline-artikelvorschlag.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikelvorschlag-fr { background: url(../gfx/fr/headline-artikelvorschlag.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-artikelvorschlag-en { background: url(../gfx/en/headline-artikelvorschlag.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-bestellhilfe { background: url(../gfx/headline-bestellhilfe.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-bestellhilfe-fr { background: url(../gfx/fr/headline-bestellhilfe.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-bestellhilfe-en { background: url(../gfx/en/headline-bestellhilfe.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-datenschutz { background: url(../gfx/headline-datenschutz.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-datenschutz-fr { background: url(../gfx/fr/headline-datenschutz.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-datenschutz-en { background: url(../gfx/en/headline-datenschutz.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gesamtuebersicht { background: url(../gfx/headline-gesamtuebersicht.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gesamtuebersicht-de { background: url(../gfx/headline-gesamtuebersicht.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gesamtuebersicht-fr { background: url(../fr/gfx/headline-gesamtuebersicht.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gesamtuebersicht-en { background: url(../en/gfx/headline-gesamtuebersicht.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gestaltungsmuster { background: url(../gfx/headline-gestaltungsmuster.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gestaltungsmuster-fr { background: url(../gfx/fr/headline-gestaltungsmuster.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-gestaltungsmuster-en { background: url(../gfx/en/headline-gestaltungsmuster.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-herzlich-willkommen { background: url(../gfx/headline-herzlich-willkommen.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-herzlich-willkommen-fr { background: url(../gfx/fr/headline-herzlich-willkommen.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-herzlich-willkommen-en { background: url(../gfx/en/headline-herzlich-willkommen.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-impressum { background: url(../gfx/headline-impressum.gif) no-repeat;  margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-impressum-fr { background: url(../gfx/fr/headline-impressum.gif) no-repeat;  margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-impressum-en { background: url(../gfx/en/headline-impressum.gif) no-repeat;  margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-individualstempel { background: url(../gfx/headline-individualstempel.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 72px; }/*Zweizeilig*/
.headline-individualstempel-de { background: url(../gfx/headline-individualstempel.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 72px; }/*Zweizeilig*/
.headline-individualstempel-fr { background: url(../gfx/fr/headline-individualstempel.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 72px; }/*Zweizeilig*/
.headline-individualstempel-en { background: url(../gfx/en/headline-individualstempel.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 72px; }/*Zweizeilig*/
.headline-kontakt { background: url(../gfx/headline-kontakt.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-kontakt-fr { background: url(../gfx/fr/headline-kontakt.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-kontakt-en { background: url(../gfx/en/headline-kontakt.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-produktvariante { background: url(../gfx/headline-produktvariante.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-produktvariante-de { background: url(../gfx/headline-produktvariante.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-produktvariante-fr { background: url(../gfx/fr/headline-produktvariante.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-produktvariante-en { background: url(../gfx/en/headline-produktvariante.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-ergebnisseite { background: url(../gfx/headline-ergebnisseite.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-ergebnisseite-de { background: url(../gfx/headline-ergebnisseite.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-ergebnisseite-fr { background: url(../gfx/fr/headline-ergebnisseite.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-ergebnisseite-en { background: url(../gfx/en/headline-ergebnisseite.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-keinedatengefunden { background: url(../gfx/headline-keinedatengefunden.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-keinedatengefunden-de { background: url(../gfx/headline-keinedatengefunden.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-keinedatengefunden-fr { background: url(../gfx/fr/headline-keinedatengefunden.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-keinedatengefunden-en { background: url(../gfx/en/headline-keinedatengefunden.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-versandkosten { background: url(../gfx/headline-versandkosten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-versandkosten-de { background: url(../gfx/headline-versandkosten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-versandkosten-fr { background: url(../gfx/fr/headline-versandkosten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-versandkosten-en { background: url(../gfx/en/headline-versandkosten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-warenkorb { background: url(../gfx/headline-warenkorb.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-warenkorb-fr { background: url(../gfx/fr/headline-warenkorb.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-warenkorb-en { background: url(../gfx/en/headline-warenkorb.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-widerrufsbelehrung { background: url(../gfx/headline-widerrufsbelehrung.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-widerrufsbelehrung-fr { background: url(../gfx/fr/headline-widerrufsbelehrung.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-widerrufsbelehrung-en { background: url(../gfx/en/headline-widerrufsbelehrung.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-lieferzeiten { background: url(../gfx/headline-lieferzeiten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-lieferzeiten-de { background: url(../gfx/headline-lieferzeiten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-lieferzeiten-fr { background: url(../gfx/fr/headline-lieferzeiten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-lieferzeiten-en { background: url(../gfx/en/headline-lieferzeiten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-bestellablauf { background: url(../gfx/headline-bestellablauf.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-bestellablauf-fr { background: url(../gfx/fr/headline-bestellablauf.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-bestellablauf-en { background: url(../gfx/en/headline-bestellablauf.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-zahlungsarten { background: url(../gfx/headline-zahlungsarten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-zahlungsarten-de { background: url(../gfx/headline-zahlungsarten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-zahlungsarten-fr { background: url(../gfx/fr/headline-zahlungsarten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-zahlungsarten-en { background: url(../gfx/en/headline-zahlungsarten.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-kundenkonto { background: url(../gfx/headline-kundenkonto.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-kundenkonto-fr { background: url(../gfx/fr/headline-kundenkonto.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }
.headline-kundenkonto-en { background: url(../gfx/en/headline-kundenkonto.gif) no-repeat; margin-top:10px; float: left; display: block; width: 726px; height: 49px; }

/* ---------- Breadcrump-Navigation und Warenkorb-Link -----------*/	
	
#breadcrump { float: left; width: 728px; border-bottom: 1px solid #e1e1e1; padding-left: 31px; padding-top: 5px; padding-bottom: 5px; font-size: 92%; _width: 758px;/*IE6-Fix*/ }
#breadcrump a, #breadcrump a:link, #breadcrump a:active, #breadcrump a:visited { border-bottom: none; }
#breadcrump-left { float: left; width: 450px; }
#breadcrump-right { float: left; width: 250px; text-align: right; }

.warenkorb, .warenkorb a, .warenkorb a:link, .warenkorb a:active, .warenkorb a:visited { font-weight: bold; font-size: 105%; background: url(../gfx/icon-warenkorb.gif) right no-repeat; padding-right: 14px; }
#warenkorb-button {	float: left; width:726px; text-align: right; padding-top: 6px;}

/* ---------- Produkt-Abbildungen -----------*/	

.produkt { float: left; width: 180px; text-align: left; padding-right: 20px; }
.produkt-detailansicht { float: left; width: 600px; text-align: left; padding-right: 20px; }


.produktabbildung { float: left; width: 180px; text-align: center; color:#ffffff; font-weight:bold; padding-bottom:5px;	}
.produktabbildung img { border: 12px solid #f0f0f0;	width: 156px; height: 156px; }
.produktabbildung input { border: 12px solid #f0f0f0;	width: 156px; height: 156px; }
.produktabbildung a, .produktabbildung a:link, .produktabbildung a:active, .produktabbildung a:visited { border-bottom: none; background: none; }	
.produktabbildung img:hover { border: 12px solid #dbdbdb; width:156px; height: 156px; background: #dbdbdb; }	
.produktabbildung input:hover { border: 12px solid #dbdbdb; width:156px; height: 156px; background: #dbdbdb; }	
	
.produktheadline { float: left; width:180px; height:28px; padding-top:5px; padding-bottom:3px; padding-top:2px;/*IE6-Fix*/ padding-bottom:0px;/*IE6-Fix*/ }	
.produktheadline a, .produktheadline a:link, .produktheadline a:active, .produktheadline a:visited { border-bottom: none; color: #ffffff; }
.produktheadline a:hover { text-decoration: underline; background: none; color: #f0f0f0; }

.produkttext { float: left; width: 180px; padding-top: 10px; line-height: 140%;	}
.produkttext-detailansicht { float: left; padding-left: 25px; width: 395px; line-height: 160%;	}

.produktbereichauswaehlen { float: left; width: 180px; padding-top: 12px; line-height: 160%; }
.produktauswaehlen { float: left; width: 180px; line-height: 160%; }	

.produktspace { float: left; width: 20px; height: 350px; border-left: 1px solid #e1e1e1; }

.produktpreis { float: left; width: 180px; font-weight: bold; font-size: 126%; text-align: right; padding-top: 4px; }
.produktpreis-detailansicht { float: left; width: 395px; font-weight: bold; font-size: 126%; text-align: left; padding-top: 4px; padding-bottom: 25px; }
	
.clearbereich { float: left; height: 34px; width: 728px; background: url(../gfx/produkte-trennlinien.gif) no-repeat 0 15px; _width: 694px;/*IE6-Fix*/ _padding-left: 32px;/*IE6-Fix*/ }	
.clearbereich-headline { float: left; height: 34px; width: 728px; _width: 694px;/*IE6-Fix*/ _padding-left: 32px;/*IE6-Fix*/ }	

	
/* ---------- Bestellablauf  -----------*/	

.bestellablauf { float: left; width: 689px; height: 70px; }

#sitesnav { float: left; margin-top: 30px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 694px; text-align: center; padding-top: 6px; padding-bottom: 6px; }
#sitesnav-left { float: left; width: 70px; text-align: left; }
#sitesnav-center { float: left; width: 554px; text-align: center; font-weight: bold; }
#sitesnav-right { float: left; width: 70px; text-align: right; }

.sitesnav-button { border: 1px solid #e1e1e1; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 9px; padding-right: 9px; }
a .sitesnav-button, a:link.sitesnav-button, a:active.sitesnav-button, a:visited.sitesnav-button, a:hover.sitesnav-button { border-bottom: 1px solid #e1e1e1; text-decoration: none; }
.sitesnav-button-active { border: 1px solid #e1e1e1; font-weight: bold; padding-top: 2px; padding-bottom: 2px; padding-left: 9px; padding-right: 9px; background: #e1e1e1; }
a .sitesnav-button-active, a:link.sitesnav-button-active , a:active.sitesnav-button-active , a:visited.sitesnav-button-active , a:hover.sitesnav-button-active  { border-bottom: 1px solid #e1e1e1; text-decoration: none; }



/* ---------- Gestaltungsmuster  -----------*/	

.gestaltungsmuster { float: left; text-align: left; background: #f0f0f0; text-align: center; font-weight: bold; padding-bottom: 8px; }
.gestaltungsmuster img { border-bottom: none; background: none; color: #333333; border: 4px solid #f0f0f0; }	
.gestaltungsmuster a, .gestaltungsmuster a:link, .gestaltungsmuster a:active, .gestaltungsmuster a:visited { border-bottom: none; background: none; color: #333333; padding-top: 6px; }	
.gestaltungsmuster img:hover { border: 4px solid #dbdbdb; background: #dbdbdb; }		
.gestaltungsmuster a:hover { text-decoration: underline; }

.gestaltungsmusterspace { float: left; width: 30px; }
.gestaltungsmusterline { float: left; width: 694px; color: #e1e1e1; background: url(../gfx/line.gif) no-repeat 0 18px; height: 38px; }	
	
	
	
/* ---------- Konfigurator  -----------*/	

.kartei-links { float: left; width: 200px; text-align: left; }
.kartei-rechts { float: left; width: 484px; text-align: right; font-weight: bold; padding-top: 7px; }

.kartei { float: left; background: #efefef url(../gfx/bg-kartei.gif) repeat-x; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-weight: bold; text-align: center; margin-right: 3px; }
.kartei a, .kartei a:link, .kartei a:active, .kartei a:visited { border-bottom: none; padding-top: 6px; padding-bottom: 6px; padding-left: 14px; padding-right: 14px; display: block; }
.kartei a:hover { background: #898a89; color: #ffffff; }

.kartei-active { float: left; background: #898a89; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-weight: bold; text-align: center; margin-right: 3px; }
.kartei-active a, .kartei-active a:link, .kartei-active a:active, .kartei-active a:visited { border-bottom: none; padding-top: 6px; padding-bottom: 6px; padding-left: 14px; padding-right: 14px; display: block; color: #ffffff; }
.kartei-active a:hover { background: #898a89; color: #ffffff; }

.tabellenrahmen { float: left; width: 679px; _width: 688px; background: url(../gfx/bg-tabelle.gif) repeat-x; padding-left: 5px; padding-right: 5px; padding-top: 5px; }	
.tabelle-text {	float: left; width: 679px; padding-bottom: 10px; }
	
.zeile { float: left; width: 686px; height: 29px; padding-left: 2px; padding-top: 2px; font-size: 90%; font-weight: bold; background: #f0f0f0 url(../gfx/bg-spalte.gif) repeat-x; border-bottom: 1px solid #ffffff; _padding-bottom: 4px; }

.spalte-header-input { padding-left: 47px; float: left; width: 148px; font-weight: bold; }
.spalte-header-schrift { padding-left: 63px; _padding-left: 102px; float: left; width: 200px; font-weight: bold;	}
.spalte-header-groesse { padding-left: 32px; _padding-left: 134px; float: left; width: 55px; font-weight: bold;	}
.spalte-header-ausrichtung { padding-left: 1px; _padding-left: 17px; float: left; width: 75px; font-weight: bold; }
.spalte-header-u { padding-left: 6px; *padding-left: 10px; _padding-left: 12px; float: left; width: 16px; font-weight: bold; }
.spalte-header-s { padding-left: 0px; *padding-left: 8px; _padding-left: 15px; float: left; width: 15px; font-weight: bold;	}

.spalte-zeile { float: left; width: 45px; font-size: 10px; padding-top: 6px; *height: 9px; _height: 19px; }
.spalte-input { width: 198px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 4px; *height: 12px; _height: 22px; }
.spalte-zeile-input { float: left; width: 256px; _width: 245px; font-size: 12px; padding-top: 4px; *height: 9px; _height: 19px; }
.spalte-select-schrift { width: 200px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 3px; }
.spalte-select-groesse { width: 50px; _width: 45px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 3px; }
.spalte-select-ausrichtung { width: 75px; _width: 70px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 3px; }
.spalte-schrift { width: 220px; height: 14px; *height: 14px; _height: 22px; font-weight: normal; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 3px; _width: 228px; }
.spalte-groesse { width: 45px; height: 14px; *height: 14px; _height: 22px; font-weight: normal; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 3px; _width: 228px; }
.spalte-ausrichtung { width: 70px; height: 14px; *height: 14px; _height: 22px; font-weight: normal; border: 1px solid #e1e1e1; background: #ffffff; font-size: 11px; padding: 3px; _width: 228px; }

a .icon-link, a:link.icon-link, a:active.icon-link, a:visited.icon-link, a:hover.icon-link { border-bottom: none; padding-top: 4px; }
a:hover.icon-link { background: none; }
	
.form-end { float: left;width:688px;height: 30px; }	
.form-end-left { float:left;width: 388px;text-align: left;height:30px; }
.form-end-right { float: left;width: 298px;text-align:right;height:30px; }

.vorschau { float: left; width:688px; padding-bottom: 6px; }	
.muster-vorschau { float:left; text-align: left; background: #f0f0f0; border: 10px solid #f0f0f0; margin-bottom: 10px; }
.vorschau-left { float:left; text-align: left;  }
.vorschau-right { width: 120px; float: right; text-align: right; font-weight: bold; font-size: 130%; }
.vorschau-right img { border: 10px solid #f0f0f0; margin-bottom: 5px; }


.konfigurator-logo-right { float: left; border-left: 1px solid #e1e1e1; padding-left: 10px; width: 320px; height: 620px; }
.konfigurator-logo-right p { margin-top: 0px; }
.konfigurator-logo-left { float: left; border-left: 1px solid #e1e1e1; width: 320px; height: 600px; padding-left: 10px; margin-right: 30px; }
.konfigurator-logo-left p { margin-top: 0px; }
.konfigurator-logo-head-left { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 340px; margin-bottom: 15px; padding-bottom: 5px; padding-left: 10px; }
.konfigurator-logo-head-right { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 316px; margin-bottom: 15px; padding-bottom: 5px; padding-left: 10px; margin-left: 10px; }
.konfigurator-logo-head-top { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 677px; margin-bottom: 15px; padding-bottom: 5px; padding-left: 10px; }
.konfigurator-logo-top { float: left; width: 677px; padding-left: 10px; padding-bottom: 30px; }
.konfigurator-logo-top p { margin: 0; padding: 0; margin-top: 2px; margin-bottom: 8px; }

.konfigurator-button-unten { float: left; padding-top:16px; }
.konfigurator-button-unten-links { float: left; padding-right: 25px; }
.konfigurator-button-unten-rechts { float: left; padding-right: 25px; }
.konfigurator-button-oben { float: left; padding-right: 25px; }


/* ---------- Tool-Tip  -----------*/	

.a:hover { background:#e7f4fa; text-decoration:none; } 
a.tooltip span { display:none; padding:2px 3px; margin-left:8px; width:300px; border-bottom: none; }
a.tooltip:hover span { display:inline; position:absolute; background:#e7f4fa; border:1px dotted #24abe3; padding: 10px; color:#169adc; }
a.tooltip, a:link.tooltip, a:active.tooltip, a:visited.tooltip { border-bottom: none; } 

a.tooltip3 span { display:none; padding:2px 3px; margin-left:8px; width:300px; border-bottom: none; }
a.tooltip3:hover span { display:inline; position:absolute; left:-140px; background:#e7f4fa; border:1px dotted #24abe3; padding: 10px; color:#169adc; }
a.tooltip3, a:link.tooltip3, a:active.tooltip3, a:visited.tooltip3 { border-bottom: none; } 

a.xtooltip3 span { display:none; padding:2px 3px; margin-left:8px; width:200px; border-bottom: none; }
a.xtooltip3:hover span { display:block; position:absolute; left:-140px; top:-40px; background:#e7f4fa; z-index: 1500; border:1px dotted #24abe3; padding: 10px; color:#169adc; }
a.xtooltip3, a:link.xtooltip3, a:active.xtooltip3, a:visited.xtooltip3 { border-bottom: none; } 

a.tooltip2 span { display:none; padding:2px 3px; margin-left:8px; width:200px; border-bottom: none; }
a.tooltip2:hover span { display:block; position:absolute;background:#e7f4fa; z-index: 1500; border:1px dotted #24abe3; padding: 10px; color:#169adc; }
a.tooltip2, a:link.tooltip2, a:active.tooltip2, a:visited.tooltip2 { border-bottom: none; } 

.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

a.tooltipn {outline:none; }
a.tooltipn strong {line-height:30px;}
/*a.tooltipn:hover {text-decoration:none;} */
/*CSS3 extras*/
a.tooltipn span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    opacity: 0.8;
}
/*a.tooltipn1:hover {text-decoration:none;} */
a.tooltipn1 span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:40px; margin-left:-160px;
    width:240px; line-height:16px;
}
a.tooltipn1:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#000 url(img/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
/*CSS3 extras*/
a.tooltipn2 span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-170px; margin-left:-160px;
    width:240px; line-height:16px;
}
a.tooltipn3 span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-20px; margin-left:20px;
    width:240px; line-height:16px;
}
a.tooltipn:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#000 url(img/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
a.tooltipn, a:link.tooltipn, a:active.tooltipn, a:visited.tooltipn { border-bottom: none; } 




/* ---------- Warenkorb: Gesamtuebersicht  -----------*/

.bestellung-zeilenwechsel { clear: both; line-height: 30%; }
.bestellung-pos { width: 35px; float: left; text-align: left; }
.bestellung-artikel { width: 435px; float: left;  text-align: left; line-height: 140%; }
.bestellung-menge { width: 38px; _width: 54px; padding-right: 16px; float: left;  text-align: right; }
.bestellung-einzelpreis { width: 66px; _width: 78px; padding-right: 12px; float: left;  text-align: right; }
.bestellung-gesamtpreis { width: 75px; float: left;  text-align: right; }
.bestellung-line { float: left; width: 688px; color: #e1e1e1; background: url(../gfx/line.gif) no-repeat 0 8px; height: 16px;	}	
.bestellung-doppelline { float: left; width: 688px; color: #e1e1e1; background: url(../gfx/line-two.gif) no-repeat 0 6px; height: 12px;	}	
.bestellung-bezeichnung { width: 602px; float: left; text-align: left; font-weight: bold; line-height: 140%; }
.bestellung-wert { width: 75px; float: left; text-align: right; font-weight: bold; line-height: 140%; }
.bestellung-adresse-links { width: 250px; float: left; padding-top: 5px; }
.bestellung-adresse-rechts { width: 427px; float: left; padding-top: 5px; }
.bestellung-agb-gelesen { width: 644px; _width: 684px; border: 1px solid #e3001a; background: #fef2f3; float: left; padding: 20px; }



/* ---------- Warenkorb: Adresse- und Zahlungsinformationen  -----------*/

.bestellung-rechnungsadresse { width: 356px; float: left; padding-top: 5px; }
.bestellung-lieferadresse {  width: 321px; float: left; padding-top: 5px; }
.bestellung-bezahlung-versand {  width: 677px; float: left; padding-top: 5px; }
.bestellung-form-beschreibung {  width: 114px; float: left; padding-top: 5px; padding-bottom: 5px; }
.bestellung-form-feld {  width: 190px; float: left; padding: 2px;}
.bestellung-form-input { width: 190px; clear: both; border: 1px solid #e1e1e1; background: #ffffff; font-size: 126%; padding: 2px; *height: 15px; _height: 20px; }
.bestellung-form-input-plz { width: 50px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 126%; padding: 2px; *height: 15px; _height: 20px; }
.bestellung-form-input-ort { width: 121px; _width: 137px; border: 1px solid #e1e1e1; background: #ffffff; font-size: 126%; padding: 2px; *height: 15px; _height: 20px; }



/* ---------- Warenkorb: Adresse- und Zahlungsinformationen  -----------*/

.pruefen-left { width: 200px; float: left; padding-left: 5px; font-weight: bold; }
.pruefen-right { width: 477px; float: right; }
.pruefen-right img { border: 4px solid #f0f0f0; }



/* ---------- Warenkorb  -----------*/

.warenkorb-artikel-head { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 245px; padding-bottom: 5px; padding-left: 10px; }
.warenkorb-layout-head { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 288px; padding-bottom: 5px; padding-left: 10px; }
.warenkorb-menge-head { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 46px; _width: 66px; padding-bottom: 5px; padding-left: 10px; }
.warenkorb-preis-head { float: left; font-weight: bold; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 66px; _width: 86px; padding-bottom: 5px; padding-left: 10px; }

.warenkorb-pos { float: left; border-bottom: 1px solid #e1e1e1; width: 691px; _width: 687px; padding-top: 5px; }
.warenkorb-artikel { float: left;  width: 246px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; line-height: 140%; }
.warenkorb-artikel img { float: right; border: 5px solid #f0f0f0; margin-left: 5px; }
.warenkorb-layout { float: left; width: 290px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;  *padding-left: 5px; }
.warenkorb-layout img { float: left; border: 5px solid #f0f0f0; }
.warenkorb-menge { float: left; width: 47px; _width: 65px; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
.warenkorb-menge a, .warenkorb-menge a:link, .warenkorb-menge a:active, .warenkorb-menge a:visited, .warenkorb-menge a:hover { border-bottom: none; }
.warenkorb-preis { float: left; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-weight: bold; }
.warenkorb-edit { clear:both; padding-top: 5px; *padding-top: 0px; }
.warenkorb-edit img { clear: both; border: none; } 

.warenkorb-del-gray { border: none; color: #333333; background: #f7f7f7; cursor: pointer; padding-top: 2px; padding-bottom: 2px; line-height: 140%;	*padding: 0; *padding-top: 1px; *padding-bottom: 0px; *margin: 0;  width:11px; }
.warenkorb-del-white { border: none; color: #333333; background: #ffffff; cursor: pointer; padding-top: 2px; padding-bottom: 2px; line-height: 140%;	*padding: 0; *padding-top: 1px; *padding-bottom: 0px; *margin: 0;  width:11px; }

.warenkorb-line { float: left; width: 688px; color: #e1e1e1; background: url(../gfx/line.gif) no-repeat 0 8px; height: 16px;	}	
.warenkorb-doppelline { float: left; width: 688px; color: #e1e1e1; background: url(../gfx/line-two.gif) no-repeat 0 6px; height: 12px;	}	

.warenkorb-summe { float: left; text-align: right; font-weight: bold; width: 668px; _width: 666px; padding-bottom: 5px; padding-left: 10px; }



/* ---------- Overlay  -----------*/

.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 150%; background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }
.black_overlay2{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 250%; background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }
.white_content { display: none; position: fixed; top: 200px; _top: 400px; left: 28%; width: 650px; height: 300px; padding: 16px; border: 10px solid #f0f0f0; background-color: white; z-index:1002; overflow: auto; }
.white_contentlogin { display: none; position: fixed; top: 200px; _top: 400px; left: 28%; width: 650px; height: 275px; padding: 16px; border: 10px solid #f0f0f0; background-color: white; z-index:1002; overflow: auto; }
.white_contentfixed { display: none; position: fixed; top: 200px; _top: 400px; left: 28%; width: 650px; height: 300px; padding: 16px; border: 10px solid #f0f0f0; background-color: white; z-index:1002; overflow: auto; }
.white_contentrel { display: none; position: relative; top: -150px; left: -300px; width: 650px; height: 300px; padding: 16px; border: 10px solid #f0f0f0; background-color: white; z-index:1002; overflow: auto; }
.white_content_save { display: none; position: absolute; top: 500px; left: 28%; width: 700px; height: 150px; padding: 16px; border: 10px solid #f0f0f0; background-color: white; z-index:1002; overflow: auto; }
.schliessen { float:right; text-align: right;  }
a .schliessen, a:link.schliessen, a:active.schliessen, a:visited.schliessen, a:hover.schliessen { border-bottom: none; }
