@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" for SyShop
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 */

@media screen , projection , print {

/** überschreibe Werte aus base.css **/
	.subcolumns {
		width: 90%;
	}

/** überschreibe Werte aus basemod.css **/
	#header {
		padding: 0;
		overflow: hidden;
		height: 70px;
	}
	_body { background: #FFFFFF; }
	body { background: #464749; }
     
     
/** überschreibe Werte aus content.css **/
	#main h2 {
		background: #F9F9F9;
		border: 1px solid #DDDDDD;
		padding: 2px 10px 2px 10px;
		margin-bottom: 20px;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: Arial,Helvetica,sans-serif;
	}

	h1 { font-size: 116.67%; }
	h2 { font-size: 116.67%; }
	h3 { font-size: 116.67%; }
	h4 { font-size: 116.67%; }
	h5 { font-size: 116.67%; }
	h6 { font-size: 116.67%; }


/** überschreibe Werte aus form.css **/
	form.yform .type-button input.submit { 
		color: #330; 
		background: #5e5607 url(screen/images/button_yellow.png) top left repeat-x; 
	}
	form.yform div.type-button input.submit:focus,
	form.yform div.type-button input.submit:hover,
	form.yform div.type-button input.submit:active {
		background: #880; color: #fff;
	}
	form.yform .type-button input.reset { 
		color: #300; 
		background: #661717 url(screen/images/button_red.png) top left repeat-x; 
	}
	form.yform div.type-button input.reset:focus,
	form.yform div.type-button input.reset:hover,
	form.yform div.type-button input.reset:active {
		background: #800; color: #fff;
	}
	form.yform .type-button input.button { 
		color: #000; 
		background: #454545 url(screen/images/button_gray.png) top left repeat-x; 
	}
	form.yform div.type-button input.button:focus,
	form.yform div.type-button input.button:hover,
	form.yform div.type-button input.button:active {
		background: #555; color: #fff;
	}
	form.yform label {
		float: left;
		width: 220px;	
	}
	form.yform div.type-check {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	form.yform {
		margin: 0;	
	}


/** Logo **/
	.logo_drucken {
	}


/** Inhalt **/
	.inhalt {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.seite_drucken {
		background: url(../images/printer.png) no-repeat left bottom;
		padding: 0 0 0 30px;
	}


/** Artikel (subcl) **/
	.artikel {
	}
	.artikel .artikel_bezeichnung {
		text-align: left;
		border-bottom: 2px solid #DDDDDD;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	.artikel .artikel_bild {
		padding-top: 13px;
	}
	.artikel .artikel_weitere_ansichten {
		float: left;
		font-weight: bold;
		margin-top: 10px;
	}
	.artikel .artikel_zoom {
		text-align: right;
		font-weight: bold;
		margin-top: 10px;
		margin-right: 40px;
	}

/** Artikel (subcr) **/
	.artikel div.artikel_bezeichnung {
		font-weight: bold;
		border-bottom: 1px solid #DDDDDD;
		margin-bottom: 20px;
	}	
	.artikel h5.artikel_variante {
	}
	.artikel div.artikel_variante {
		margin-bottom: 20px;
	}
	.artikel h5.artikel_menge {
		float:left;
		width:60px;
		padding-right:10px;
	}
	.artikel h5.artikel_nummer {
		float:left;
		width:95px;
		padding-right:10px;
	}
	.artikel h5.artikel_preis {
		float:right;
	}
	.artikel div.artikel_menge {
		float:left;
		width:60px;
		height:36px;
		padding-right:10px;
	}
	.artikel div.artikel_nummer {
		float:left;
		width:95px;
		padding:10px 10px 0 0;
	}
	.artikel div.artikel_preis {
		float:right;
		padding:10px 0 0 0;
	}
	.artikel .artikel_verpackungseinheit {
	}
	.artikel div.artikel_lieferstatus_ja {
		clear:both;
		width: 100px;
		background: url(../images/bullet_green.png) no-repeat right top;
		padding-bottom: 20px;
	}
	.artikel div.artikel_lieferstatus_nein {
		clear:both;
		width: 100px;
		background: url(../images/bullet_red.png) no-repeat right top;
		padding-bottom: 20px;
	}
	.artikel .artikel_zusatztext {
		border-top: 1px solid #DDDDDD;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.artikel .artikel_langtext {
		margin-bottom: 10px;
	}
	.artikel div.artikel_preis_gross {
		text-align: right;
		font-size: 133.33%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.artikel .artikel_hinweis {
		border-bottom: 1px solid #DDDDDD;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.artikel h5.artikel_staffel {
	}
	.artikel div.artikel_staffel {
		padding-bottom: 10px;
		border-bottom: 1px solid #DDDDDD;
	} 
	.artikel .type-button {
		text-align: right;
	}
	.artikel .yform {
		background: none;
		border: none;
		margin: 0px;
	}


/** Bestellprozess Schritt 1 - Warenkorb **/
	.bestellprozess_schritt_1_warenkorb {
		background: #F9F9F9;
		border: 1px solid #DDDDDD;
		padding: 10px;
	}
	.bestellprozess_schritt_1_warenkorb .warenkorbueberschrift{
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 20px;
	}
	/** Block Anschrift ( in Bestellübersicht ) **/
	.bestellprozess_schritt_1_warenkorb .anschrift {
		margin-bottom: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .anschrift .anschriftueberschrift {
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .anschrift div.text {
		float: left;
		width: 220px;
	}
	.bestellprozess_schritt_1_warenkorb .anschrift div.wert {
		font-weight: bold;
		margin: 10px 0 10px 0;
	}
	.bestellprozess_schritt_1_warenkorb form.yform label {
		float: none;
	}
	/** Block Zahlung ( in Bestellübersicht ) **/
	.bestellprozess_schritt_1_warenkorb .zahlung {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.bestellprozess_schritt_1_warenkorb .zahlungueberschrift{
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .zahlung .bezeichnung {
		font-weight: bold;
		margin-bottom: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .zahlung div.text {
		float: left;
		width: 220px;
	}
	.bestellprozess_schritt_1_warenkorb .zahlung div.wert {
		font-weight: bold;
		margin: 10px 0 10px 0;
	}
	/** Block Überschrift **/
	.bestellprozess_schritt_1_warenkorb .ueberschrift { 
		width: 100%;
		margin-bottom: 20px;
		border-bottom: 1px solid #DDDDDD;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .daten {
		float: left;
		width: 250px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .menge {
		float: left;
		text-align: right;
		width: 50px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .preis {
		float: left;
		text-align: right;
		width: 75px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .steuer {
		float: left;
		text-align: right;
		width: 75px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .rabatt {
		float: left;
		text-align: right;
		width: 60px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .gesamtpreis {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .aktion {
		left: -1000em;
		position: absolute;
		top: -1000em;
	}
	/** Block Zeilen **/
	.bestellprozess_schritt_1_warenkorb .zeilen {
		width: 100%;
	}
	/** Block Zeile **/
	.bestellprozess_schritt_1_warenkorb .zeile {
		height: 85px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile.erste {
	}
	.bestellprozess_schritt_1_warenkorb .zeile.letzte {
	}
	.bestellprozess_schritt_1_warenkorb .zeile.ungerade {
		background-color: #DDDDDD;
	}
	.bestellprozess_schritt_1_warenkorb .zeile.gerade {
	}

	.bestellprozess_schritt_1_warenkorb .zeile .daten {
		float: left;
		width: 240px;
		padding: 10px 0 0 10px;
	}
	.bestellprozess_schritt_1_warenkorb .daten .datenbild {
		float: left;
		padding-right: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .datenbild .bild {
	}
	.bestellprozess_schritt_1_warenkorb .daten .datentext {
	}
	.bestellprozess_schritt_1_warenkorb .datentext .bezeichnung {
	}
	.bestellprozess_schritt_1_warenkorb .datentext .text_nummer {
		float: left;
		margin-right: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .nummer {
	}
	.bestellprozess_schritt_1_warenkorb .datentext .artikel_preiseinheit {
	}
	.bestellprozess_schritt_1_warenkorb .datentext .text_variante {
		float: left;
		margin-right: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .variante {
	}
	.bestellprozess_schritt_1_warenkorb .datentext .text_staffel {
		float: left;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .staffel {
	}
	.bestellprozess_schritt_1_warenkorb .zeile .menge {
		float: left;
		text-align: right;
		width: 50px;
		margin-right: 20px;
	}
		.bestellprozess_schritt_1_warenkorb .zeile .lieferstatus_ja {
			background: url("../images/bullet_green.png") no-repeat right top;
			float: left;
			width: 100px;
			margin-right: 20px;
		}
		.bestellprozess_schritt_1_warenkorb .zeile .lieferstatus_nein {
			background: url("../images/bullet_red.png") no-repeat right top;
			float: left;
			width: 100px;
			margin-right: 20px;
		}
	.bestellprozess_schritt_1_warenkorb .zeile .preis {
		float: left;
		text-align: right;
		width: 75px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile .steuer {
		float: left;
		text-align: right;
		width: 75px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile .rabatt {
		float: left;
		text-align: right;
		width: 60px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile .gesamtpreis {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		height: 100%;
		padding-right: 2px;
		background-color: #888888;
		color: white;
	}
	.bestellprozess_schritt_1_warenkorb .zeile .aktion {
		padding-left: 67%;
	}
	.bestellprozess_schritt_1_warenkorb .aktion .aendern {
		background: url("../images/cart_edit.png") no-repeat left top;
		vertical-align: bottom;
		padding: 0 0 20px 20px;
		width: 16px;
		height: 16px;
	}
	.bestellprozess_schritt_1_warenkorb .aktion .loeschen {
		background: url("../images/cart_delete.png") no-repeat left top;
		width: 16px;
		height: 16px;
		padding: 0 0 20px 20px;
	}
	/** Block Summen **/
	.bestellprozess_schritt_1_warenkorb .summen {
		margin-bottom: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_warenwert {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
		font-weight: bold;
	}
	.bestellprozess_schritt_1_warenkorb .summen .warenwert {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		padding-top: 5px;
		font-weight: bold;
		padding-right: 2px;
		background-color: #888888;
		color: white;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_zuschlag {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .zuschlag {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #888888;
		color: white;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_belegrabatt {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
		font-weight: bold;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #888888;
		color: white;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_netto {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
		font-weight: bold;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe_netto {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #888888;
		color: white;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_steuer {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe_steuer {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #888888;
		color: white;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_brutto {
		float: left;
		text-align: right;
		width: 570px;
		margin-right: 20px;
		padding-top: 5px;
		font-weight: bold;
		font-size: 116.67%;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe_brutto {
		float: left;
		text-align: right;
		width: 85px;
		margin-right: 20px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #888888;
		color: white;
		font-weight: bold;
		font-size: 116.67%;
	}
	.bestellprozess_schritt_1_warenkorb .summen .hinweis {
		text-align: right;
		width: 570px;
		padding-top: 60px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .aktion {
	}
	.bestellprozess_schritt_1_warenkorb .aktion .blank_1 {
		float: left;
	}
	.bestellprozess_schritt_1_warenkorb .aktion .blank_2 {
	}
	.bestellprozess_schritt_1_warenkorb .note {
	}
	.bestellprozess_schritt_1_warenkorb .yform {
		background: none;
		border: none;
		margin: 0px;
		padding: 0px;
	}


}


@media print {
/** Spezielle Seitenformatanweisungen **/
@page {
	margin-left: 2cm;
	margin-right: 0.5cm;	
}


/** überschreibe Werte aus basemod.css **/
	body {
		background: #FFFFFF;	
	}

}