.wk_left, .wk_left:visited {
		background-image: url("/plissee/bilder/button_zurueck.jpg");
		background-repeat: no-repeat;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 11px;
		height: 25px;
		width: 240px;
		margin-left: 0;
		margin-right: auto;
		padding-left: 40px;
		padding-top: 5px;
		text-decoration: none;
		font-weight:bold;
}
input[type="number"] {
    background-color: #ececec;
    border: 1px solid #cecece;
    padding: 6px;
    text-align: right;
    width: 30px;
    margin: 0 auto 10px;
}

.wk_delete, .wk_delete:visited {
		background-image: url("/plissee/bilder/button_loeschen.jpg");
		background-repeat: no-repeat;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 11px;
		height: 25px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 40px;
		padding-top: 5px;
		text-decoration: none;
		font-weight:bold;
}

.wk_similar, .wk_similar:visited  {
		background-image: url("/plissee/bilder/button_aehnlich.jpg");
		background-repeat: no-repeat;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 10px;
		height: 25px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-top: 5px;
		text-decoration: none;
		font-weight:bold;
}

.wk_right, .wk_right:visited  {
		background-color: #ffffff;
		background-image: url("/plissee/bilder/button_bestellen.jpg");
		background-repeat: no-repeat;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		height: 44px;
		padding-left: 55px;
		padding-top: 15px;
		text-decoration: none;
		width: 240px;
		margin-top: 1em;
		margin-left: auto;
		margin-right: 20px;
		display: block;
		font-weight:bold;
}

.adr_bestellen, .adr_bestellen:visited {
		background-color: #ffffff;
		background-image: url("/plissee/bilder/button_fertigstellen.jpg");
		background-repeat: no-repeat;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		height: 44px;
		padding-left: 42px;
		padding-top: 15px;
		text-decoration: none;
		width: 212px;
		margin-top: 1em;
		margin-left: auto;
		margin-right: 0;
		display: block;
		font-weight:bold;
}


.adr_kunde {
		background-color: #ffffff;
		background-image: url("/plissee/bilder/button_kunde.jpg");
		background-repeat: no-repeat;
		color: #00447d;
		cursor: pointer;
		display: block;
		font-size: 11px;
		text-align: center;
		height: 25px;
		width: 240px;
		margin-left: auto;
		margin-right: 20px;
		margin-bottom: 4px;
		padding-left: auto;
		padding-top: 5px;
		text-decoration: none;

}

.adr_login {
		background-image: url("/plissee/bilder/button_login.jpg");
		background-repeat: no-repeat;
		color: #00447d;
		cursor: pointer;
		display: block;
		font-size: 11px;
		height: 25px;
		width: 240px;
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 4px;
		padding-left: 32px;
		padding-top: 5px;
		text-decoration: none;
}

.adr_email {
		background-image: url("/plissee/bilder/button_mail.jpg");
		background-repeat: no-repeat;
		color: #00447d;
		cursor: pointer;
		display: block;
		font-size: 11px;
		height: 25px;
		width: 240px;
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 4px;
		padding-left: 32px;
		padding-top: 5px;
		text-decoration: none;
}

.adr_lieferanschrift {
		background-image: url("/plissee/bilder/button_lieferadresse.jpg");
		background-repeat: no-repeat;
		color: #FFF;
		cursor: pointer;
		display: block;
		font-size: 11px;
		height: 25px;
		width: 240px;
		margin-top: 0px;
		margin-bottom: 4px;
		padding-left: 0px;
		padding-top: 5px;
		text-decoration: none;
		text-align: center;
		margin: 1em auto !important;
}

.btn_adr
{
	width: 276px;
	height: 26px;
}

/* Warenkorb */

.buttongroup_top, .bottom {
		width: 100%;
		border-spacing: 0;		/* cellspacing */
}

.buttongroup_top > tr > td , .bottom  > tr > td {
		padding: 0;		/* cellpadding */
}

.buttongroup_top {
		margin-bottom: 8px;
		margin-top: 6px;
}

.warenkorb_table {
		border-spacing: 0;
		border-collapse: collapse;
		margin-left: 0px;
		margin-right: 20px;
		width: 98%;
		border: 1px solid #cacaca;
}

.warenkorb_table > td {
		padding: 2px;
}
.warenkorb_table .box_menge .up, .box_menge .down {
    padding: 6px 10px;
    background-color: #f9f9f9;
    color: #cdcdcd;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid #cdcdcd;
    display: inline-block;
    margin: 8px 0;
    color: #181818;
}
.table_head {
	border: 1px solid #cacaca;
	font-weight: bold;
	font-size: 10pt;
	background-color: #888888;
	color: #ffffff;
}

.table_body_bild {
	border-left: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-right: 0;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 8px;
	padding-right: 8px;
}

.table_body_details {
	border-left: 0;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-right: 0;
	padding-top: 16px;
	padding-bottom: 16px;
}

.table_body_amount {
	text-align: center;
	border-left: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	border-top: 1px solid #cacaca;
	border-bottom: 1px dotted #cacaca;
	height: 150px;		/* Mindesthoehe, weil sonst die Hoehenangabe fuer die Tabellenzelle von aehnl. Artikeln ignoriert wird (IE 7, Opera, Chrome) - bei Firefox 3 gehts */
}

.table_body_price {
	border-left: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	border-top: 1px solid #cacaca;
	border-bottom: 1px dotted #cacaca;
	text-align: center;
}

.table_body_total {
	border-left: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	border-top: 1px solid #cacaca;
	border-bottom: 1px dotted #cacaca;
	text-align: center;
}

.table_body_loeschen {
	border-left: 1px dotted #cacaca;
	border-right: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	border-bottom: 1px dotted #cacaca;
	text-align: center;
}

.table_body_aehnl {
	border-top: 1px dotted #cacaca;
	border-left: 1px dotted #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	font-size: 9px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 30px;
}

.artikelbild_klein {
	border: 1px solid #000000;
}

.bottom td {
		vertical-align: top;
}

.bottom_zahlbetrag, .bottom_details {
	text-align: right;
	margin-right: 20px;
}

.bottom_zahlbetrag {
    font-size: 11pt;
    font-weight: bold;
	margin-top: 4em;
	margin-top: 2em;
}

.bottom_details {
	font-size: 8pt;
	color: #505050;
}

.bt_img {
	position:relative;
	top: 2px;
}

.bez {
	font-weight: bold;
	font-size: 10pt;
	color: black;
}

/* Adresseingabe */

.grp_box {
	border: 1px solid #cacaca;
	padding: 8px;
	margin-bottom: 12px;
}
.grp_box.adressen table  tr > td {
    width: 50%;
}
.grp_box.adressen table  tr > td > div {
    margin:1em;
	text-align:center;
}
.grp_box.adressen td #logo {
    margin-left: 40px;
}
.msg_info {
	color: #0000FF;
	font-style: italic;
}

.msg_alert {
	color: #FF0000;
	font-style: italic;
}

.msg_confirm {
	color: #008800;
	font-style: italic;
}

.label {
	font-weight: bold;
	FONT-SIZE: 8pt;
	COLOR: black;
}

.input_error {
	background-color: #CD5C5C !important;		/* !important, weil es sonst von der layout.css mit dem Selektor "input[type="text"], input[type="number"], textarea" ueberschrieben wird */
	color: #FFFFFF;
}

.zahlart_zusatz {
	display: none;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 1em;
	padding: 2em;
	border: 1px solid #dddddd;
}

.grp_box_enduebersicht {
	border: 1px solid #cacaca;
	padding: 8px;
	margin-top: 28px;
	margin-bottom: 18px;
	position: relative;
	background-image: none;
	background-color: #FFFFFF;
	font-size: 0.9em;
}

	.grp_box_enduebersicht  h3{
		margin: 0;
		padding: 0;
		background-color: #ffffff;
		padding-left: 4px; padding-right: 4px;
	}

	.enduebersicht {
		width: 100%;
		border-collapse: collapse;
		border-bottom: 0px;
	}

		.enduebersicht td {
			border-bottom: 1px solid #cacaca;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 4px;
			padding-right: 4px;
		}

		.rabatt {
			color: #007700;
		}

		.enduebersicht_zwischenpreis {
			/* border-top: 3px double #cacaca; */
			border-bottom: 0 !important;
			font-weight: bold;
		}

		.enduebersicht_zahlart {
			border-bottom: 0 !important;
		}

		.enduebersicht_gesamt {
			border-top: 1px solid #cacaca;
			border-bottom: 3px double #cacaca !important;
			font-weight: bold;
		}


/* Bestaetigungsseite */

.artikel_tabelle {
	border-collapse: collapse;
	width: 100%;
}

.artikel_tabelle tr td, .artikel_tabelle tr th {
		border: 1px solid #cacaca;
}

.highlighted {
		background-color: #f5f5f5;
}

@media (max-width: 768px) {
		.warenkorb_table td, .bottom td, form#bs .grp_box td {
			float: left;
			display: inline-block;
			width:30%;
			border: 0;
		}
		.warenkorb_table td.table_body_loeschen {
			width:10%;
		}
		.bottom td a {
			width:100%;
		}
		.warenkorb_table td[rowspan="2"], .bottom td, form#bs .grp_box td {
			display: block;
			width:100%;
			padding: 1em;
		}
		.warenkorb_table th {
			display: none;
		}
		.table_body_amount {height:auto;}
		.table_body_amount::before {content:"Menge";display:inline-block;background-color:#cecece;padding:3px;margin:auto;width:100%;}
		.warenkorb_table td.table_body_aehnl {
			border-bottom: 2px solid #cacaca;
			width:100%;
			height:auto;
		}
		.table_body_price::before {
			content: "Einzelpreis:";
			display: block;
		}
		.table_body_total > div::before {
			content: "Gesamt:";
			display: block;
			font-weight: bold;
		}

}

		#box_zahlart.zahlungOK {
				opacity: 0.05;
				height: 200px;
				overflow: hidden;
				pointer-events: none;
				user-select: none;
		}
		.zahlarten, #paypal_ppcp {
				max-width: 600px;
		}
		.zahlarten {
					margin-top: 1em;
		}
				.zahlart {
						padding: 1em;
						display: flex;
						align-items: center;
						justify-content: center;
						cursor: pointer;
						background-color: #eeeeee;
						font-size: 12px;
						color: #3f3f3f;
						font-weight: normal;
						line-height: 1.5;
						margin-top: 1em;
						margin-bottom: 1em;
						border-radius: 4px;
				}
				.zahlart:hover, .zahlart.selected {
						background-color: #f9f9f9;
				}
				.zahlart.selected {
						background-image: url(/shop/rts/img/checkmark.png);
						background-repeat: no-repeat;
						background-position: 99% center;
				}
				/*
				.zahlart:last-child {
						padding-bottom: 0;
				}
				*/
						.zahlartImg {
								flex: 0 1 auto;
						}
						.zahlart img {
								width: 100px;
								max-height: 30px;
								display: block;
						}
						.zahlartInput {
								display: none;
						}
						.zahlartLabel {
								flex: 0 1 auto;
								padding-left: 2em;
								color: #3f3f3f;
						}
								.zahlartUeberschrift {
										display: block;
										font-size: 12px;
								}
								.zahlartText {
										display: none;
										font-size: 12px;
										margin-top: 1em;
										font-family: arial;
								}
										.zahlart.selected .zahlartUeberschrift {
												font-weight: bold;
										}
										.zahlart.selected .zahlartText {
												display: block;
										}

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


		#box_zahlart {
				position: relative;
		}
		#paypal_meldung.zahlungOK {
				text-align: left;
				position: absolute;
				top: 50%;
				margin-top: -10px;
				left: 170px;
				z-index: 1000;			/* Die Paypal-Boxen Paypal und Rechnungskauf haben seitens Paypal (nicht aenderbar) einen z-index von 100. - Da muss ich drueber */
		}
				.paypal_meldung_ueberschrift {
						font-weight: bold;
						font-size: 200%;
				}
				.paypal_meldung_text {

				}

		#group_creditcard, #group_invoice {
				display: none;
		}
				#card_container, #rechnung_container {
						display: none;
						padding: 20px;
						max-width: 760px;
				}

						.card_field {
								width: 100%;
								padding: 12px;
								border: 1px solid #ccc !important;
								border-radius: 4px;
								box-sizing: border-box;
								margin-top: 6px;
								margin-bottom: 16px;
								resize: vertical;
								height:40px;
								background:white !important;
								font-size:14px;
								color:green;
								font-family: helvetica, tahoma, calibri, sans-serif;
						}
								.card_field::placeholder {
										font-size: 14px;
										font-family: helvetica, tahoma, calibri, sans-serif;
										color: #000000;
								}


		.progressbar {
				display: flex;
				justify-content: center;
				align-items: center;
				position: fixed;
				left: 0;
				top: 0;
				width: 100vw;
				height: 100vh;
				background: #000000cc;
		}
				.progressbar > * {
						padding-top: 1em;
						padding-bottom: 1em;
						padding-left: 2em;
						padding-right: 2em;
						border-radius: 0.5em;
						background-color: #ffffff;
						max-width: 80%;
						width: 300px;	
				}
						.progressbar progress {
								width: 100%;
						}