/* CSS Document */


/*
////////////////////////////////////////////////////////////////////////////////////////////////
		Global 
////////////////////////////////////////////////////////////////////////////////////////////////
*/

fieldset {
	border:none;
	margin:0;
	padding:10px;
}

#content input {
	border:1px solid #cac2be;
	height:17px;
	width:290px
}

#content select {
	border:1px solid #cac2be;
	height:22px;
	width:295px
}

#content input.radio,
#content input.checkbox,
#customerdata legend input {
	margin:2px 2px 0 0;
	border:none;
	height:17px;
	width:17px
}

label {
	width:180px;
	padding:4px 0 0 0;
}

div#errReport p {
	margin:10px 0;
	padding:4px;
	border: 1px solid #E00000;
	background-color:#f39999;
	color: #E00000;
}

#content input.validationerror {
	border: 1px solid #E00000; 
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////
		Table ...
////////////////////////////////////////////////////////////////////////////////////////////////
*/ 

#middlePan table { margin:10px 0; width:684px; table-layout:fixed; border-bottom:1px solid #E4E4E6; }
#middlePan table.tblDiscount { width:664px; }
#middlePan table td {	padding:6px 0 4px 5px; border-top:1px solid #E4E4E6; vertical-align:middle; }
#middlePan table td.article { display:none }

.tdArtNr  {width:140px;}
.tdArtBez {width:280px;}
.tdMenge  {width:100px;}
.tdPreis  {}

.tdArtNr a  {color:#000; text-decoration:none}

#middlePan table .tdBWPreis,
#middlePan table .tdVKPreis,
#middlePan table .tdMwst,
#middlePan table .tdPreis,
#middlePan table .tdGPreis {text-align:right; padding:0 10px 0 0;}

.tdBottom {display:none}

.tdArtNrHeader, .tdArtBezHeader, .tdMengeHeader, .tdEinzelPreisHeader, .tdPreisHeader, .tdHeader, 
.tdOrderHeader, .tdDateHeader, .tdPaymentHeader, .tdOptionHeader, .tdArtHeader, .tdStatusHeader {
	background:#E4E4E6; font-size:16px; color:#000; }

#middlePan table td.tdMengeHeader {
	padding:6px 0 4px 0; text-align:center }

#pageUebersicht table td.tdMenge {text-align:center}

.tdGPreisTxt, .tdGPreis { font-size:16px; }
.tdBWPreisTxt, .tdBWPreis { border-top:1px solid #999; }

.tdBWPreisTxt, .tdVKPreisTxt, .tdGPreisTxt, .tdMwstTxt {
	text-align:right; padding-right:35px; }

#pageWarenkorb .tdVKPreisTxt {
	text-align:left; padding-right:0px; }

#middlePan table.tblWK td.vkrechner {
	margin:0; padding:0; }

#middlePan table td.empty {
	font-style:italic; padding:2px 20px 5px 5px; }

dl dd table {margin:0;}


table td input {margin:2px 0;}

#content input.txtMenge {
	width:40px;
	text-align:center;
	float:left
}

#up-down-wrapper {
	margin:2px 0 0 5px;
	padding:0;
	width:20px;
	height:20px;
	float:left;
}

#btn.basket {
	margin:2px 0 0 0;
	padding:0;
	width:20px;
	height:20px;
	float:left;
	background:url(../images/button_delete.gif);
}

#pageWarenkorb #middlePan dd table td,
#pageWarenkorb #middlePan dd table {border:none; border:0; padding:0; margin:0; font-weight:bold}

#pageWarenkorb #middlePan dd table .tdPreisTxt {width:490px}
#pageWarenkorb #middlePan dd table .tdPreis 			{padding-right:0px;}



/*
////////////////////////////////////////////////////////////////////////////////////////////////
		Button ...
////////////////////////////////////////////////////////////////////////////////////////////////

*/ 




#btn .left,
#btn .right {display:none;}

#btn,
#btnCart,
input.frmButtonHover { cursor:pointer; }

#btn a { font-size:12px; font-weight:bold; text-transform:uppercase; color:#5F5065; }
#btn a:hover { text-decoration:none; }

.btn-wrapper { display:block;	margin:20px 0 0 0; width:684px; height:30px; }

#btn 					{	float:left; }
#btn.next { float:right; }
#btn div 	{	float:left; }

div.btn-wrapper #btn .middle,
dd.btn-wrapper #btn .middle					{	float:left;	padding:7px 7px 7px;	background:#fff url(../images/btn-middle.png) repeat-x; height:30px; }
div.btn-wrapper #btn .left,
div.btn-wrapper #btn .right,
#pageKundenLogin dd.btn-wrapper #btn .left,
#pageKundenLogin dd.btn-wrapper #btn .right,
#pagePassworaendern2 dd.btn-wrapper #btn .right,
#pagePassworaendern2 dd.btn-wrapper #btn .left					{ display:block; height:27px; }
div.btn-wrapper #btn.next .right,
div.btn-wrapper #btn .left,
#pageKundenLogin dd.btn-wrapper #btn .right,
#pageKundenLogin dd.btn-wrapper #btn .left,
#pagePassworaendern2 dd.btn-wrapper #btn .left  				{ background:#fff url(../images/btn-left.png) no-repeat; height:30px; }
div.btn-wrapper #btn .right, 
div.btn-wrapper #btn.next .left,
#pageKundenLogin dd.btn-wrapper #btn .right,
#pageKundenLogin dd.btn-wrapper #btn.next .left,
#pagePassworaendern2 dd.btn-wrapper #btn .right { background:#fff url(../images/btn-right.png) right no-repeat; height:30px; }

/*div.btn-wrapper #btn.next a { float:right; }*/

fieldset #btn,
#page_passwort dd.btn-wrapper #btn,
#pagePassworaendern dd.btn-wrapper #btn,
#pageLogin dd.btn-wrapper #btn {
	margin:0px 10px; padding:0;
	width:24px; height:20px;
 background: url(../images/btn_go.png) no-repeat;
	border:none;
}

#pageLogin dd.btn-wrapper #btn .middle,
#page_passwort dd.btn-wrapper #btn .middle,
#pagePassworaendern dd.btn-wrapper #btn .middle { display:none; }


#frmDiscount fieldset #btn {
	margin:0px 10px;
}

#pagePassworaendern dd.btn-wrapper #btn {
	margin:35px 10px 0 10px;
	padding:0;
}

#page_passwort dd.btn-wrapper #btn a,
#pagePassworaendern dd.btn-wrapper #btn a,
#pageLogin dd.btn-wrapper #btn a {
 background:none
}

#page_passwort dd.btn-wrapper,
#pagePassworaendern dd.btn-wrapper,
#pageLogin dd.btn-wrapper  {
	width:160px;
	margin:0; padding:9px 0 0;
	float:left;
}

#pageKundenLogin dd.txt,
#pagePassworaendern2 dd.txt {border:1px solid #e4e4e6;}
#pageKundenLogin dl,
#pagePassworaendern2 dl {border:none}

/*
////////////////////////////////////////////////////////////////////////////////////////////////
		Form ...
////////////////////////////////////////////////////////////////////////////////////////////////
*/ 

dl {
	display:table;
	width:684px;
	margin:20px 0 0 0;
	border:1px solid #e4e4e6;
}


#pageUebersicht dl, #pageLogin dl.new { border-bottom:none; }
#pageUebersicht dl { border:none; }

#pageWarenkorb dl {
	margin-top:20px;
	border:1px solid #efefef;
	border-bottom:1px dashed #efefef;
}

#pageEingabePrivate dl,
#pageEingabeCompany dl {
	margin:20px 0;
}

legend {
	display:table;
	margin:0;	padding:10px 0;
	font-size:16px;
	color:#959EA3;
}

dt {
	clear:both;
	padding:6px 0 0 10px;
	background:#E4E4E6;
	height:24px;
	font-size:16px;
	line-height:18px;
	color:#000;
}

dt input {
	margin-right:10px;
	float:left
}

dd.storebox {
	clear:both;
	padding:10px;
}

#pageUebersicht dd.storebox {
	padding:0px;
	border-bottom:none;
}

dd.storebox fieldset {
	margin:0; padding:0;
}


p#lg-after-login {margin:10px 0 0 0;}


#confirmation dd.txt {
	padding:10px;
}

#page_passwort dd.txt,
#pagePassworaendern dd.txt,
#pageLogin dd.txt {
	width:480px;
	float:left;
}

	
#pageLogin dl.new dd.txt {
	border-bottom:1px solid #e4e4e6;
	width:470px;
	padding:10px 0 14px 10px;
}

#pageLogin dl.new dd.btn-wrapper {
	border-bottom:1px solid #e4e4e6;
	width:202px;
}


#Passwort2 dd.txt p,
#pagePassworaendern dd.txt p,
#pagePassworaendern2 dd.txt p {
	padding:10px;
}

dd.txt fieldset {
	width:490px; padding-right:0px;
}

#page_passwort dd.txt fieldset,
#pagePassworaendern dd.txt fieldset,
#pageLogin dd.txt fieldset {
	width:480px;
}

dd.txt fieldset label,
dd.txt fieldset input,
dd.txt fieldset select {
	margin:0 0 5px 0;
}

fieldset label,
fieldset input,
fieldset select {
	float:left
}

fieldset#fdsVK input.radio {
 clear:both;
	margin:10px 0 0 180px;
}

fieldset#fdsVA input.radio,
fieldset#fdsZA input.radio {
	margin:5px 10px 0 0;
}

fieldset#fdsVK label.lblVersandart,
fieldset#fdsVA label {
	width:460px;
}
fieldset#fdsVK label.lblVersandart {
	padding:10px 10px 0 10px;
}

p.txtVersandkosten {
	float:left;
	width:185px; height:22px;
	text-align:right;
}

p.ptxtVK {
	clear:both;
	padding:10px 10px 10px 180px;
	font-size:11px;
	font-style:italic
}

p#discount {
	width:664px; padding:10px;
	border:1px solid #efefef;
	border-top:none;
}

div#address-container, div#details-container {
	display:table; 
	margin:40px 0 0; border:1px solid #e4e4e6; 
}

div#details-container { margin-bottom:20px; border:none }

div#billing, div#delivery,
fieldset#fdsRAUe, fieldset#fdsLAUe,
ul#details { 
	display:table;
	width:340px;
	margin:0;
	float:left;
}
div#delivery, ul#details.payment { width:341px; }

p.invoice,
p.delivery, ul#details li {	padding:6px 0 6px 10px; background:#e4e4e6; font-size:16px; }

ul#address { margin:10px 0 0 10px; }
ul#details { float:right; border:1px solid #e4e4e6; }
ul#details.shipping { border-left:none; }
ul#details.cc { border-bottom:1px dashed #e4e4e6; }

ul#address li,
fieldset#fdsRAUe label,
fieldset#fdsLAUe label {
	float:left;
	margin:0; padding:3px 0;
	color:#999;
	width:140px;	
}

ul#address li { clear:both; }

ul#address li.data,
fieldset#fdsRAUe p,
fieldset#fdsLAUe p {
	clear:none; float:left;
	color:#000;
	width:175px;	
}

ul#details li.data {
	font-size:12px;
	color:#666666;
	background:none;
}

ul li.zweizeilig { height:30px; }
ul.shipping { border-left:1px solid #e4e4e6; }
div#billing { border-right:1px solid #e4e4e6; }

ul#paymentMethod {
	clear:both;
	width:341px; 
	margin:0 0 20px 0; padding-top:10px;
	display:table;
	border:1px solid #e4e4e6;	border-top:none;	}

ul#paymentMethod li.rdo {
	width:40px; height:30px; margin:0; padding:0 0 0 10px; float:left; }

ul#paymentMethod li.img {
	width:50px; height:30px; margin:0; padding:0; float:left;
}

ul#paymentMethod li.des { 
	width:230px; height:30px; margin:0; padding:0; float:left
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////
		BIBIT ...
////////////////////////////////////////////////////////////////////////////////////////////////
*/ 
#iframeBibit { width:660px; height:700px; margin:30px 0 0 0; padding:0; }
#pageBibit #topPan h2 { background:url(../images/secure/rbs.jpg) right top no-repeat; }


/*
////////////////////////////////////////////////////////////////////////////////////////////////
		DATA-PAGES
////////////////////////////////////////////////////////////////////////////////////////////////
*/

#p_AGB a { color:#000 }

body#p_Impressum,
body#p_Privacy_Policy,
body#p_AGB, 
body#pageVK { background:#fff; padding:20px }

body#pageVK #middlePan h1 { display:none }
body#pageVK #middlePan p  { padding:0 0 20px 0; }

body#p_Impressum #middlePan,
body#p_Impressum #topMainPan,
body#p_AGB #middlePan, 
body#p_AGB #topMainPan, 
body#p_Privacy_Policy #middlePan,
body#p_Privacy_Policy #topMainPan,
body#pageVK #middlePan,
body#pageVK #topMainPan { width:684px; }

/*
 Versandkosten...
*/

#pageVK .tblVK th,
#pageVK .tblVK2 th { background:#e4e4e6; font-size:16px; color:#000; font-weight:normal; padding:6px 0 4px 5px;	text-align:left; }
#pageVK .tblVK td {	padding:2px 0 0 5px; }

#pageVK div.currency 					{ text-align:right; margin:0 }
#pageVK div.currency p 			{ float:right; font-weight:bold }
#pageVK div.currency form { float:right; display:inline; margin:0 0 0 5px; }


/*
////////////////////////////////////////////////////////////////////////////////////////////////
		CUSTOMER PORTAL
////////////////////////////////////////////////////////////////////////////////////////////////
*/


/* Welcome */
#pageWelcome #content p {margin:20px 0;}

/* Order Data, Order Detail */
#orderdetail { margin:20px 0 0; }
#pageOrderdetails table.tblOrder { clear:left; }

table.tblOrder td.tdOrder   {width:120px}
table.tblOrder td.tdDate    {width:150px}
table.tblOrder td.tdPayment {width:160px}
table.tblOrder td.tdOption {}
table.tblOrder td.tdArtHeader {width:300px}
table.tblOrder td.tdMenge {width:100px; text-align:center}
table.tblOrder td.tdStatus {width:160px; text-align:center}
table.tblOrder td.tdPreis {}

#pageOrderdata #frmZurueck2 input,
#pageOrderdetails #frmZurueck input.frmButton,
#frmZurueck input.frmButton, #frmZurueck input.frmButtonHover,
#pageOrderdetails #frmZurueck input.frmButtonHover,
#customerdata input.btnSpeichern,
#customerdata input.btnSpeichernHover,
#customerdata input.frmButton,
#customerdata input.frmButtonHover {
	display:block;
	clear:both;
	background:url(../images/btn-blank.gif) no-repeat;
	border:none;
	color:#5f5065; font-size:11px; font-weight:bold; text-transform:uppercase;
	width:112px; 
	height:30px;
}

#customerdata input.btnSpeichern,
#customerdata input.btnSpeichernHover,
#customerdata input.frmButton,
#customerdata input.frmButtonHover {
	margin:20px 10px 0 0;
	float:left;
	clear:none
}

#pageOrderdetails #orderdetail ul {display:block; width:360px; margin:0 0 30px 5px;}
#pageOrderdetails #orderdetail ul li.des {width:160px; font-weight:bold; float:left;}
#pageOrderdetails #orderdetail ul li {width:200px; float:left}

fieldset#fdsRAUe,
fieldset#fdsLAUe {padding:0; margin:40px 0;}

fieldset#fdsRAUe legend,
fieldset#fdsLAUe legend {
	width:340px; padding:0 0 10px 0;
	font-size:16px; color:#959EA3;
	display:compact;
}

#pagePassworaendern dl.pwdsaved dd.txt { width:460px; padding:10px; }

#pageOrderdetails label { clear:both; }
#pageOrderdetails fieldset#fdsRAUe p,
#pageOrderdetails fieldset#fdsLAUe p { padding:3px 0; }

#customerdata #fdsRA,
#customerdata #fdsLA {
	margin:0 0 20px 0; padding:0;
	width:500px;
	display:table;
}

#customerdata #fdsRA label,
#customerdata #fdsRA input,
#customerdata #fdsRA select,
#customerdata #fdsLA label,
#customerdata #fdsLA input,
#customerdata #fdsLA select {
	margin:0 0 2px 0;
}

ul#LA,
p#stern2 {clear:both}



/*
////////////////////////////////////////////////////////////////////////////////////////////////
		Pages ...
////////////////////////////////////////////////////////////////////////////////////////////////
*/ 


#pageUebersicht dd.btn-wrapper,
#page_passwort div.btn-wrapper div.next,
#pagePassworaendern div.btn-wrapper div.logout,
#pagePassworaendern2 div.btn-wrapper div.logout {display:none}


#pageLogin div.btn-wrapper  div.next {display:none}


ul#DS {display:none}

#pageUebersicht #middlePan table {margin:0px; padding:0px; }

#pageUebersicht div#before-overview,
#pageUebersicht dl dt, 
dd.rounded,
dd.end {display:none}



fieldset#fdsRA,
fieldset#fdsLA {display:table; float:left}

#pageEingabePrivate dd.end,
#pageEingabeCompany dd.end {display:block; clear:both}

dl.block dd.txt fieldset label.pflichtfelder3 span, dl.block dd.storebox fieldset label.pflichtfelder3 span,
p.hinweis2 span {color:#CCCCCC;}

p.hinweis2 {margin:10px 0px;}

div.pflichtfelder {
	margin:10px 0 0 0;
	width:140px;
	float:left;
	font-style:italic;
}

#confirmation dl dd.txt {padding:0}
#confirmation dl  {border:none}
#confirmation dl dt,
#confirmation  div.btn-wrapper {display:none}


/*
Stuff ...
*/

p#vatid {	clear:both;	margin:0 0 5px 180px;	font-style:italic;}
ul#LA {margin:0 0 20px 0;}
p#esd {margin:10px 0 0 0;}
p#agb {margin:10px 0;}
p#agb input {float:left}



/*** +++ PACKSTATION +++ ***/
div.divRelative {
	position:relative;
	float:left;
}
div.divPackTool {
	position:absolute; 
	right:0; top:0; 
	line-height:17px; 
	margin-top:1px; margin-right:-150px;
}
div.divPackTool span {
	background-color:#FC0;
	border:1px solid #666;
	padding:0 4px;
	display:block;
	float:left;
	text-align:left;
	width:120px;
	position:relative;
	z-index:10;
}
div.divPackTool span.pfeil {
	background:transparent url(../images/pfeil.gif) no-repeat;
	padding:0;
	border:0;
	display:block;
	width:6px;
	height:11px;
	margin-right:-1px;
	margin-top:4px;
	z-index:20;
}
a.aPackstation {
	cursor:pointer;
	background:transparent url(../images/packstation.jpg) no-repeat;
	right:4px;
	top:-25px;
	width:120px;
	height:19px;
	position:absolute;
	border:1px solid #666666;
	z-index:100;
}
a.aPackstation span {
	display:none;
}
dd.txtPackstation {
	position:relative;
}
/*** --- PACKSTATION --- ***/



fieldset#fdsZA label {width:460px;height:20px; padding-top:3px;}

fieldset#fdsZA label,
fieldset#fdsZA input{float:left;}



#esd-wrapper { }
#esd-wrapper .top { background:none; display:none; }
#esd-wrapper .middle { background:transparent url(../images/bck_esdwrapper_header.jpg) no-repeat; margin-top:20px; padding:0 0 0 10px;}
#esd-wrapper .bottom { background:transparent url(../images/bck_esdwrapper_footer.jpg) no-repeat; height:19px; width:600px; }

#esd-wrapper .middle h4 { font-size:16px; line-height:34px; }

.trError { color:#E00000; }

body#confirmation.refused p.hinweis1 {padding-left:180px;}
body#confirmation.refused #fdsRA {width:500px;}
body#confirmation.refused a.button {margin-left:180px; padding:2px 4px;}
body#confirmation.refused textarea {width:290px;}


p#cbx_datenschutz { padding:15px 0; }
p#cbx_datenschutz span.ui-checkbox  { clear:both }