/*
Projektname:   Carlo Colucci
Erstellt am:   07.08.2008 von aschuengel
Bearbeitet am: 15.09.2008 von jdobriakova
QS am:         12.08.2008 von MKue
Freigabe am:   12.08.2008 von MKue
*/
@page{
	size:21.0cm 29cm; 
	margin: 2,5cm 2cm 1.4cm 1cm;
	marks:cross;
}
/* Einige Elemente werden ausgeblendet da sie beim Druck nicht relevant sind */
#header,
#subnavi,
#footer,
.pagination,
#content.startseite .spaltelinkshalb img,
#checkout-fortschritt,
#features,
.error {
display: none;
}

body {
	font: normal 10pt/1.3 "Trebuchet MS", sans-serif;

}

#content {
	height: 100%;
	position: relative;
}

#container {
/*
background: #484848 url(../images/content_bg.jpg) top left repeat-x !important;
display:inline;
float:right;
height:auto !important;
min-height:360px;
*/
padding:	0 0 10px 0;
position:relative;
top: 		0;
left: 	0;
width: 	100%;
font: 10pt;
}

h1, #container h1{
	font: 14pt;
	text-transform:uppercase;
}

a{
	text-decoration: none;
}

a img {
border: 1px solid black;
}

a.white{
	display: none;
}

#druck-logo {
display: block;
margin-top: 10px;
}

#logo h2 a {
color: #000000;
font-size: 12pt;
text-decoration: none;
}


/* Banner zur Vorteilskommunikation */
.vorteilskommunikation {
margin: 0;
text-align: left;
background: #fff;
width: 100%;
float: left;
padding: 0 0 5px 0;
margin-bottom: 20px;
border-bottom: 1px solid black;
}

.vorteilskommunikation dl {
font-size: 14px;
}

.vorteilskommunikation dl dd {
display: block;
margin: 0 20px 0 0;
float: left;
}

/* Abschnitt Produktuebersicht */
.produkt {
width: 163px;
float: left;
margin: 0 11px 30px 0;
}

.pagebreak{
	page-break-after: always;
}

span.produktname {
font-weight: bold;
margin: 5px;
height: auto;
height: 20px;
display: block;
}

span.produktpreis {
height: 40px;
margin: 5px;
}

.produkt-info br {
display: none;
height: 1px;
}

span.produktname,
span.produktpreis {
display: block;
padding: 0;
color: #000;
font-size: 14px;
}

span.produktpreis del {
display: block;
text-decoration: strike;
margin: 0;
font-size: 0.8em;
font-weight: normal;
font-style: normal !important;
}

span.produktpreis ins {
text-decoration: none;
}

.produkt-farbe img  {
border: none;
margin: 0;
}

/* Startseite */
.spaltelinkshalb,
.spalterechtshalb {
background: none !important;
margin: 0;
padding: 0;
}

.spaltelinkshalb p a,
.spalterechtshalb p a {
display: none;
}

.spaltelinkshalb a.img,
.spalterechtshalb a.img {
display: none;
}

.spaltelinksdrittel,
.spaltemittedrittel,
.spalterechtsdrittel {
float: left;
margin: 10px 0;
}

.spaltelinksdrittel div p,
.spaltemittedrittel div p,
.spalterechtsdrittel div p {
padding: 0;
margin: 5px;
background: #fff;
color: #000;
}

.spaltelinksdrittel div p a,
.spaltemittedrittel div p a,
.spalterechtsdrittel div p a {
text-decoration: none;
color: #000;
}

.spaltelinksdrittel,
.spaltemittedrittel {
margin-right: 15px;
}

.spaltenwrapper {
width: 100%;
float: left;
}

.spalteerstesviertel,
.spaltezweitesviertel,
.spaltedrittesviertel,
.spalteviertesviertel {
float: left;
width:49%
}

.spalteerstesviertel p a,
.spaltezweitesviertel p a,
.spaltedrittesviertel p a,
.spalteviertesviertel p a{
display: none;
}

/* keine idealloseung */
.spaltezweitesviertel {
page-break-after:always;
}

/* Bestellung pruefen */
table#proof_bill_table,
table#warenkorb{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	
}

table#proof_bill_table th,
table#proof_bill_table td,
table#warenkorb th,
table#warenkorb td{
	border: 1px solid gray;
	padding: 3px;
}

table#proof_bill_table td a,
table#warenkorb td a,
table#warenkorb td button{
	display: none;
}

table#warenkorb td.no-border{
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1;
}

table#warenkorb input{
	width: 25px;
}

table#warenkorb td.summe,
table#warenkorb td.gesamtwarenwert{
	text-align: right;
}

#checkout div#widerrufsrecht a{
	text-decoration: none;
}


.clear {
clear: both;
margin: -1px 0 0 0;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;  
line-height: 1px;  
width: 100%;
}


/* allgemeine Formularelemente */
form, fieldset {
border: none;
margin:0;
padding:0;
}


fieldset {
padding: 5px 0;
margin-bottom: 5px;
float: left;
width: 100%;
}

legend {
display:none;
}

label {
font-size: 1.1em;
line-height: 1.3em;
}

input, select, textarea {
border: 1px solid #e2e3ea;
font-size: 1em;
padding: 1px 2px;
margin: 0;
width: 196px;
}

select {
padding: 0;
height: 20px;
width: 202px;
}

input.submit {
border: 0 !important;
padding: 0 !Important;
margin: 0;
}

.formular label, .formular .fakelabel span {
float:left;
font-size:1.0em;
margin:0pt 10px 16px 0pt;
width: 135px;
padding: 4px 0 0 0;
}

.formular label.versandart{
	width: 230px;
}

*html #kunde .formular label {
margin:0pt 10px 16px 0pt;
}

#content .label-small {
width: 69px;
margin-left: 20px;
margin-bottom: 0px;
}

*html #content .label-small {
margin-left: 17px;
}


#content .label-pwd {
margin-bottom: 0px;
}

*html #content .label-pwd {
margin-bottom: 0px;
margin-right: 13px;
}

.fakelabel label {
float:none;
vertical-align:middle;
width:auto;
}

.fakelabel span label {
font-size:1em;
margin:0pt;
}

.fakelabel-inner {
margin: 0 0 0 145px;
float: left;
width: 450px;
}

* html .fakelabel-inner {
margin: 10px 0 0 75px;
float: left;
width: 450px;

}

.fakelabel-inner input.checkbox {
margin-top: 4px !important;
}

.breites-label {
width: 377px !important;
}

.sehr-breites-label {
width: 577px !important;
padding: 0 !important
}

.formular .radio {
border: none;
margin:0 5px 0 0 !important;
padding:0 !important;
vertical-align: middle;
width: 12px;
}

.formular .checkbox {
border: none;
margin:0 5px 0 0 !important;
padding:0 !important;
vertical-align: middle;
width: 12px;
float: left;
}

.formular .schritt-zurueck {
float: left;
width: auto;
margin: 0;
padding: 0;
border: none !important;
}

#content .formular .schritt-zurueck p {
font-size: 1.4em;
margin: 0;
padding: 6px 0 0 0;
}

input#nl-email-adresse {
width: 115px;
}

/* Fehlermeldungen*/
input.error {
background: #c07e7e;
}

div.error {
color: #c07e7e;
margin: 0 0 15px 0;
}

.error dl {
margin: 0 !important;
padding: 0 !important;
}

.error dt,
.error dd {
background: none !important;
margin: 0 0 5px 0 !important;
padding: 0 !important;
}

/* grafischer dynamischer button */
form button.pers_daten {
display:none;
}

button[type] {
display: none;
width:auto;
}

button {
cursor:pointer;
}

/* Checkout Formular  */
#checkout-formular {
margin: 0 0 0 0;
}

#wrapper #content #container #checkout-formular h2 {
border-bottom: none !important;
margin-bottom:0;
/*text-transform: none;*/
}

#wrapper #content #container #checkout-formular h3 {
float: left;
width: 100%;
padding: 0;
font-size: 1.2em;
font-weight: normal;
}

#wrapper #content #container #checkout-formular h3 span {
padding-left: 10px;
}

#checkout-formular form {
margin: 0 0 0 0px;
}

/* Schritt 1 Warenkorb */
#checkout table#proof_bill_table	{
border-collapse:collapse;
width: 677px !important;
}

#checkout table#warenkorb	{
border-collapse:collapse;
width: 677px !important;
border: 1px;
}

#checkout table#proof_bill_table th {
padding-left: 3px !important;
}

#checkout table#proof_bill_table tr td {
padding: 15px 0 15px 5px;
}

#checkout div#widerrufsrecht	{
color:#bababa;
}

#checkout table#proof_bill_table th h3 span {
padding-left: 5px !important;
}

#checkout table#proof_bill_table th.r_anschrift {
width: 306px;
padding-left: 0 !important;
}

#checkout table#warenkorb form {
margin-left: 0 !important;
}


#checkout table#warenkorb th.artikel {
width: 306px;
padding-left: 0 !important;
}

#checkout table#warenkorb th {
padding-left: 3px !important;
}

#checkout table#warenkorb th h3 span {
padding-left: 5px !important;
}

#checkout table#warenkorb th.menge {
width: 125px;
}

#checkout table#warenkorb th.einzelpreis {
width: 88px;
}

#checkout table#warenkorb th.gesamtpreis {
width: 163px;
}

#checkout table#warenkorb tr td.image {
width:66px;
vertical-align:top;
padding-left: 0 !important;
}

#checkout table#warenkorb tr td.productinfo {
width: 220px;
}

#checkout table#warenkorb tr td.productinfo p {
margin-bottom: 3px;
margin-top: 3px;
}

#checkout table#warenkorb tr td.productinfo span {
font-size: 1.1em;
display: block;
}

#checkout table#warenkorb tr td.amount {
width:125px;
}

#checkout table#warenkorb tr td.amount input {
width: 40px;
display: block;
margin: 0 0 15px 0;
}

#checkout table#warenkorb tr td.amount input.ahem {

display: none;

}

#checkout table#warenkorb tr td.amount span {
font-size: 1.1em;
display: block;
margin: 3px 0;
}

#checkout table#warenkorb tr td.einzelpreis {
width: 85px;
font-size: 1.2em;
padding-left: 7px;
}

#checkout table#warenkorb tr td.einzelpreis span{
font-size: 0.9em;
margin-top: 3px;
display: block;
}

#checkout table#warenkorb tr td.summe {
text-align: right;
font-size: 1.2em;
padding-right: 17px;

}

#checkout table#warenkorb tr.even td.gesamtwarenwert {
text-align: right;
font-size: 1.2em;
padding-right: 17px;

}

#checkout table#warenkorb tr.even td.summe span{
font-size: 0.9em;
margin-top: 3px;
display: block;
}


#checkout table#warenkorb tr td.gesamteuro {
	font-size: 1.6em;
	padding-top: 4px;
	padding-bottom: 12px;
	vertical-align: bottom;
	
}

#checkout table#warenkorb tr td.gesamtpreis {
width: 163px;
font-size: 1.2em;
padding-left: 7px;
border-bottom: 1px;
}

#checkout table#warenkorb tr td span.warenwert {
margin-top: 10px;
}

/* Schritt 2 Meine Adressdaten */
#checkout input#vorname,#checkout input#alternativ-vorname {width: 158px;}
#checkout input#name {width: 208px;}
#checkout input#strasse,input#ort {width: 298px;}
#checkout input#hausnr,input#plz,input#geb-tag,input#geb-monat {width: 68px;}
#checkout select#land {width: 262px;}

#checkout input#vorwahl,input#mobil-vorwahl {width: 78px;}
#checkout input#telnummer,input#mobil-telnummer {width: 170px;}
#checkout input#geb-jahr {width: 103px;}
#checkout textarea {width: 374px;}
#checkout span.info {
margin: 5px 0 5px 145px;
color: #9b9b9b;
display:block;
}
*html #checkout span.info {
margin: 5px 0 5px 148px;
}

#checkout input#email {width: 375px;}
#checkout input#captchatext {
width: 375px;
margin-top: 10px;
}

#checkout label#captchatext{
	margin-top: 10px;
}
#checkout input#password {width: 135px;}
#checkout input#alternativ-name {width: 208px; vertical-align: bottom;}
#checkout input#alternativ-strasse,input#alternativ-ort {width: 298px;}
#checkout input#alternativ-hausnr,input#alternativ-plz {width: 68px;}
#checkout select#alternativ-land {width: 262px;}

#content .label-small,
#checkout input#password-wdh,
.formular .schritt-zurueck {
	display: none;

}

/* Kundendaten */

#neukunde a, #kunde a {
display: none;
}

/* Checkout-Zahlungsart */
#checkout-zahlungsarten {
float: left;
width: 687px;
}

#checkout-zahlungsarten form {
float: left;
width: 687px;
margin: 0 !important;
}

#checkout-zahlungsarten fieldset {
width: 687px;
}

#checkout-zahlungsarten form div.zahlungsmittel {
border: none !important;
}

#checkout-zahlungsarten form div {
float: left;
border-bottom: 1px solid #838383;
}

#checkout-zahlungsarten form div.formular-footer {
	float: none;
}

#checkout-zahlungsarten form div.zahlungsmittel-auswahl {
float: left;
width: 137px;
margin: 0 !important;
padding: 10px 0 !important;
border: none !important;
}

#checkout-zahlungsarten form div.nurzahlungsmittel {
float: left;
width: 677px;
margin: 0 !important;
padding: 10px 0 !important;
border: none !important;
}

#checkout-zahlungsarten form div.form-eingerueckt {
width: 540px;
float: left;
margin: 0 !important;
padding: 10px 0 !important;
border: none !important;
}

#checkout-zahlungsarten form input {
width: 280px;
}

#checkout-zahlungsarten form select {
width: 284px;
}

#checkout-zahlungsarten form select.monat {
width: 50px;
float: left;
}

*html #checkout-zahlungsarten form select.monat {
margin-left: 3px;
}

#checkout-zahlungsarten form select.jahr {
width: 55px;
float: left;
margin-left: 10px;
}

#checkout-zahlungsarten form input.radio {
float: left;
width: 12px;
margin: 4px 10px 0 0px !important;
}

#content .zahlungsmittel p {
font-size: 1.1em;
color: #a6a6a6;
width: 290px;
margin: 0;
margin-left: 110px;
}

#content .zahlungsmittel p.nachnahme {
margin: 4px 0 0 0;
}

*html #content .zahlungsmittel .form-eingerueckt p.nachnahme {
margin: 0;
padding-bottom: 0;
padding-top: 5px;
vertical-align: bottom;
}

#content .formular .zahlungsmittel span,
#content .formular .zahlungsmittel label {
width: 100px;
float: left;

}

#content .formular .zahlungsmittel .zahlungsmittel-auswahl label {
margin-bottom: 0;
width: 100px;
float: left;
}

#content .formular .zahlungsmittel .nurzahlungsmittel label {
width: 200px;
float: left;
margin-bottom: 0;
}

#checkout-zahlungsarten form .pruefziffer {
border: none !important;
margin-left: 10px;
position: relative;
width: 280px;
}

#checkout-zahlungsarten .formular .pruefziffer img {
margin: 0 !important;
padding: 0 !important;
position: absolute;
top: -60px;
right: 0;
}

#checkout-zahlungsarten form .pruefziffer input {
width: 44px;
}

#checkout-zahlungsarten form .pruefziffer label {
text-align: right;
margin-left: 10px !ie;

}

* html #checkout-zahlungsarten form .pruefziffer label {
margin-left: 8px;
}

#checkout-zahlungsarten form .versandart {
width: 687px;
margin: 0 !important;
padding: 0 !important;
}

#checkout-zahlungsarten form .versandart select {
display: inline;
margin: 0 10px;
}

#checkout-zahlungsarten form .versandart p {
margin: 20px 10px !important;
}

.formular label.versandmit{
	width: 230px;
}

/* Produktdarstellung */
.pagebreak{
	page-break-after: always;
}

.product_image {
float:left;	
width: 250px;
margin: 30px 20px 0 0;
padding-left: 30px;
}

.product_thumb_gallery {
float: left;
margin: 0 0 25px 0;
}

.product_thumb_gallery img.lupe {
display: none;
}

.product_thumb_gallery img {
float:left;
margin: 10px 5px  0 0 ;
}

.product_thumb_gallery	{
position:relative;
float:left;
}

.product_description	{
float: left;
width: 230px;
margin: 30px 0 0 0;
}

.product_description a.white{
	display: none;
}

.weitere-details {
float: left;
width: 500px;
padding-left: 25px;
}

.linke-spalte .detail-navi{
	display: none;
}

/* Top Produkte */

div.topseller_item	{
margin: 0;
padding: 10px 0 10px 25px;
float: left;
width: 110px;
}

div.topseller_item span	{
margin: 5px 0 0 0;
font-size: 1.1em;
display: block;
}

div.topseller_item span a	{ 
background-position: 0 5px !important;
}

/** Setkauf ****/
.setkauf {
page-break-before: always;
page-break-inside:avoid;
float: left;
width: 100%;
padding: 0 20px 20px 20px;
}

#website #content #container.zweispaltig .setkauf h1	{
margin-bottom: 30px;ol

}

.setkauf .product_image {
float: left;
margin: 0 30px 0 0;
padding: 0;
}

.setkauf-zusammenstellung {
margin-left: 280px;
}

div.setkauf-box {
float: left;
margin: 0 0 10px 0;
background: #2f2f2f;
width: 269px;
padding: 13px 0 0 0;
}

.setkauf-box div {
margin: 0 0 0 95px;
width: 160px;
}

#wrapper #content .setkauf-footer {
border-top: 2px solid #393939;
float: left;
width: 249px;
margin: 0;
padding: 10px 10px 0 10px;
}

#website #content div.setkauf-box dl {
float: left;
margin: 0 0 10px 0;
}

#website #content div.setkauf-box dl dd {
font-weight: bold;
font-size: 1em;
float: left;
padding: 0;
}

#website #content div.setkauf-box dl dd.details {
float: right;
}

#website #content div.setkauf-box dl dd a {
font-weight: normal;
font-size: .915em;
color: #bababa;
background: url(../images/pfeil_bababa.gif) 0 5px no-repeat;
padding: 0 0 0 8px;
}

#website #content div.setkauf-box dl dd a:hover {
color: #fff;
background: url(../images/pfeil_fff.gif) 0 5px no-repeat;
}

.setkauf-box img {
float: left;
margin: 0 0 0 16px;
}

#website #content .setkauf-box form {
margin: 0;
}

#website #content .setkauf-box label,
#website #content .setkauf-box select {
height: 20px;
margin: 0 0 10px 0;
}

#website #content .setkauf-box label {
width: 30px !important;
float: left;
margin: 0 10px 5px 0;
padding: 3px 0 0 0;
}

* html #website #content .setkauf-box label {
margin-right: 7px;
}

#website #content .setkauf-box input.checkbox {
margin: 3px 10px 0 0;
padding: 0;
border: 0;
float: left;
width: 12px;
}

* html #website #content .setkauf-box input.checkbox {
margin-top: 2px 0 0 0;
}

#website #content .setkauf-box .sofort-lieferbar {
margin: 0 0 7px 40px !important;
}

.setkauf-box select {
width: 120px;
}

#website #content .setkauf-box span.setkauf-preisgestaltung {
float: right;
}

#website #content .setkauf-box span.setkauf-preisgestaltung del {
font-size: 1.1em !important;
color: #bebebe;
margin: 0 5px 0 0;
}

#website #content .setkauf-box span.setkauf-preisgestaltung ins {
text-decoration: none !important;
font-size: 1.6em;
}

.setkauf-gesamtpreis {
float: left;
margin: 0 0 10px 0;
background: #2f2f2f;
width: 269px;
padding: 5px 0;
}

.setkauf-gesamtpreis dl {
margin: 0 10px;
}

.setkauf-gesamtpreis dl dd {
font-weight: bold;
float: left;
padding: 10px 0 0 0 !important;
}

.setkauf-gesamtpreis dl dd.gesamtpreis {
font-weight: normal;
float: right;
font-size: 2em;
padding: 0 !important;
}

.setkauf button {
float: none !important;
}

/** Setkauf ende ****/


/* +++ */

.linke-spalte {
width: 580px; /*608px;*/
float: left;
}

* html .linke-spalte {
width: 568px;
}

.rechte-spalte {
float: left;
width: 110px; /*137px;*/
margin-left: 2px;
}

.rechte-spalte dl dd {
padding: 0 !important;
}

#border-zweispaltig {
background: url(../images/bg_border_zweispaltig.gif) top left repeat-y;
float: left;
width: 747px;
}

.context-box {
float: left;
border-bottom: 2px solid #333333;
padding-bottom: 20px;
width: 100%;
}

.context-box h4 {
border-bottom: 2px solid #333333;
width: 100%;
font-weight: bold;
text-align: center;
padding: 10px 0;
}

.context-box h4.first-in-rechte-spalte {
padding: 10px 0 6px 0;
border-bottom: 2px solid #333;
}

.detail-navi	{
float:left;
height: 21px;
padding: 11px 0 0 0px;
border-bottom: 2px solid #333;
}

.linke-spalte .detail-navi	{
padding-left: 20px;
width: 588px;
}

.rechte-spalte .detail-navi	{
text-align: center;
width: 136px
}

.detail-navi dl {
margin: 0;
font-size: 1.2em;
font-weight: bold;
width: auto;
}

.detail-navi dl dt,
.detail-navi dl dd {
display: inline;
margin-right: 24px;
}

.rechte-spalte .detail-navi dl dt,
.rechte-spalte .detail- navi dl dd {
margin-right: 0;
}

.detail-navi dl.detail-left {
float: left;
}

.detail-navi dl.detail-right {
float: right;
margin-right: 20px;
}

* html .detail-navi dl.detail-right {
margin-right: 10px;
}

.detail-navi dl dd a,
.detail-navi dl dd a:hover {
background-position: 0px 5px;
font-size: 0.915em;
font-weight: normal;
}

#produkt-uebersicht {
width: 100%;
}

/* Abschnitt Zwischenseite */

.zwischenseite {
/*float: left;*/
float: none;
page-break-before:always
}

.zwischenseite img.img2 {
/*float: left;*/
float: none;
position:absolute;
border: none;
}

.zwischenseite img.img1 {
left:208px;
position:absolute;
}

.zwischenseite-visual {
	height: 380px;
	position: relative;
	display: block;
	z-index: 0;
	
}

div.zwischenseite-content	{
margin-left:229px;
position:relative;
display:block;
z-index:2;
/*float:right;*/
float: none;
}

.zwischenseite-visual img {
position: absolute;
top: 0;
left: 0;
}

.zwischenseitentext {
/*float: left;*/
width: 160px;
margin: 20px 11px 0 0;
z-index:15;
}


#filialfinder-suche{
	display: none;
}
#container .einzelne-filiale dl dt{
	font-weight: bold;
}


/* Helfer - am Ende der Datei belassen */
.ahem {  /*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
position: absolute;
overflow: hidden;
height: 0;
width: 0;
left: -1000px;
top: -1000px;
}

.clear {
clear: both;
margin: -1px 0 0 0;  /* laesst 1px clear nach oben verschwinden */
height: 1px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;  
line-height: 1px;  
width: 100%;
}