@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;
	}
	_body { background: #FFFFFF; }
	body { background: #464749;
	overflow: -moz-scrollbars-vertical; }
     
     
/** ü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#btnSubmit { 
		color: #330; 
		background: #5e5607 url(screen/images/button_yellow.png) top left repeat-x; 
	}
	form.yform div.type-button input#btnSubmit:focus,
	form.yform div.type-button input#btnSubmit:hover,
	form.yform div.type-button input#btnSubmit:active {
		background: #880; color: #fff;
	}
	form.yform .type-button input#btnReset { 
		color: #300; 
		background: #661717 url(screen/images/button_red.png) top left repeat-x; 
	}
	form.yform div.type-button input#btnReset:focus,
	form.yform div.type-button input#btnReset:hover,
	form.yform div.type-button input#btnReset:active {
		background: #800; color: #fff;
	}
	form.yform .type-button input#btnButton { 
		color: #000; 
		background: #454545 url(screen/images/button_gray.png) top left repeat-x; 
	}
	form.yform div.type-button input#btnButton:focus,
	form.yform div.type-button input#btnButton:hover,
	form.yform div.type-button input#btnButton: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;
	}
	.anschrift h6 {
		background-color:#FFFFFF;
		border-bottom:2px solid #9EA5AA;
		color:#666666;
		font-size:13px;
		font-weight:bold;
		margin:0 0 10px;
		padding:0;
		text-align:left;
	}
	.textFett {
		font-weight:bold;
	}


/** Bestellprozess Schritt 1 - Warenkorb **/
	.bestellprozess_schritt_1_warenkorb {
		background: #FFFFFF;
		border: 1px solid #DDDDDD;
		padding: 10px;
	}
	.bestellprozess_schritt_1_warenkorb .warenkorbueberschrift{
		border-bottom:1px solid #004481;
		padding:10px 0;
		width:100%;
		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;
		background-color:#FFFFFF;
		border-bottom:2px solid #9EA5AA;
		color:#666666;
		font-size:13px;
		font-weight:bold;
		margin:0 0 10px;
		padding:0;
		text-align:left;
	}
	.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;
	}
	.bestellprozess_schritt_1_warenkorb .anschrift .kommentar, 
	.bestellprozess_schritt_1_warenkorb .anschrift .anschriftueberschrift {
		padding-top:20px;
	}
	/** Block Zahlung ( in Bestellübersicht ) **/
	.bestellprozess_schritt_1_warenkorb .zahlung {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.bestellprozess_schritt_1_warenkorb .zahlungueberschrift{
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 20px;
		background-color:#FFFFFF;
		border-bottom:2px solid #9EA5AA;
		color:#666666;
		font-size:13px;
		font-weight:bold;
		margin:0 0 10px;
		padding:0;
		text-align:left;
	}
	.bestellprozess_schritt_1_warenkorb .zahlung .bezeichnung {
	}
	.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 {
		padding:25px 0;
		width: 100%;
		margin-bottom: 10px;
		border-bottom:1px solid #004481;
		font-weight:bold;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift h5 {
		font-size:11px;
		font-weight:bold;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .daten {
		float: left;
		width: 235px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .menge {
		float: left;
		text-align: right;
		width: 45px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .mengeneinheit {
		float: left;
		text-align: right;
		width: 45px;
		margin-right: 15px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .preis {
		float: left;
		text-align: right;
		width: 70px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .steuer {
		float: left;
		text-align: right;
		width: 70px;
		margin-right: 20px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .rabatt {
		float: left;
		text-align: right;
		width: 60px;
		margin-right:37px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .gesamtpreis {
		float: left;
		text-align: right;
		width: 70px;
	}
	.bestellprozess_schritt_1_warenkorb .ueberschrift .aktion {
		left: -1000em;
		position: absolute;
		top: -1000em;
	}
	/** Block Zeilen **/
	.bestellprozess_schritt_1_warenkorb .zeilen {
		width: 100%;
	}
	.bestellprozess_schritt_1_warenkorb .zeilen .zeile erste ungerade .daten {
		float:left;
		padding:10px 0 0 10px;
		text-align:left;
		width:230px;
	}
	.bestellprozess_schritt_1_warenkorb .zeilen .gerade {
		background-color:#FFFFFF;
	}
	.bestellprozess_schritt_1_warenkorb .zeilen .ungerade {
		background-color: #D8D8D8;
	}
	.bestellprozess_schritt_1_warenkorb .zeilen .datenbild {
		padding-left:5px;
		width:60px;
	}
	.bestellprozess_schritt_1_warenkorb .zeilen .mengeneinheit {
		float:left;
		margin-right:10px;
		text-align:right;
		width:45px;
	}
	/** Block Zeile **/
		.bestellprozess_schritt_1_warenkorb .zeilen .zeile erste ungerade {
		background-color:#DDDDDD;
		height:100px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile {
		overflow:hidden;
		padding-bottom:10px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile .daten {
		float: left;
		width: 240px;
		padding: 10px 0 0 10px;
	}
	.bestellprozess_schritt_1_warenkorb .Bemerkung .daten {
		padding:0 0 10px 15px;
		text-align:left;
		width:100%;
	}
	.bestellprozess_schritt_1_warenkorb .datenbild .bild {
	}
	.bestellprozess_schritt_1_warenkorb .daten .datentext {
		float:left;
		padding-left:5px;
		text-align:left;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .warenkorb_mengenformel {
		width:300px;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .warenkorb_mengenformel .text_anzahl {
		display:block;
		float:left;
		text-align:right;
		width:120px;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .warenkorb_mengenformel .anzahl {
		display:block;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .warenkorb_mengenformel .text_laenge {
		display:block;
		float:left;
		text-align:right;
		width:120px;
	}
	.bestellprozess_schritt_1_warenkorb .datentext .warenkorb_mengenformel .laenge {
		display:block;
	}
	.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 .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: 30px;
		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: 10px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile .gesamtpreis {
		float: left;
		text-align: right;
		font-weight: bold;
		margin-left:21px;
		width: 75px;
		height: 100%;
		padding-right: 2px;
	}
	.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 {
		border-top:1px solid #004481;
		margin-bottom:5px;
	}
	.bestellprozess_schritt_1_warenkorb .skontohinweis {
		font-weight:bold;
		margin-bottom:-20px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_warenwert {
		float: left;
		text-align: right;
		width: 526px;
		margin-right: 15px;
		padding-top: 5px;
		font-weight: bold;
	}
	.bestellprozess_schritt_1_warenkorb .summen .warenwert {
		background-color:#D8DCDE;
		float:left;
		font-weight:bold;
		margin-right:0;
		padding-right:2px;
		padding-top:5px;
		text-align:right;
		width:75px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_zuschlag {
		float: left;
		text-align: right;
		width: 526px;
		margin-right: 15px;
		padding-top: 5px;
	}
	.bestellprozess_schritt_1_warenkorb .summen .zuschlag {
		float: left;
		text-align: right;
		width: 75px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #D8DCDE;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe {
		float: left;
		text-align: right;
		width: 526px;
		margin-right: 15px;
		padding-top: 5px;
		font-weight: bold;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe {
		float: left;
		text-align: right;
		width: 75px;
		margin-right: 20px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #D8DCDE;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_netto {
		float: left;
		text-align: right;
		width: 526px;
		margin-right:15px;
		padding-top: 5px;
		font-weight: bold;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe_netto {
		float: left;
		text-align: right;
		width: 75px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #D8DCDE;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_steuer {
		float: left;
		text-align: right;
		width: 526px;
		margin-right:15px;
		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: #D8DCDE;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_brutto {
		float: left;
		text-align: right;
		width: 526px;
		margin-right: 15px;
		padding-top: 5px;
		font-weight: bold;
		font-size: 116.67%;
	}
	.bestellprozess_schritt_1_warenkorb .summen .summe_brutto {
		border-top:1px solid #000000;
		float: left;
		text-align: right;
		width: 75px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #D8DCDE;
		font-weight: bold;
		font-size: 116.67%;
	}
	.bestellprozess_schritt_1_warenkorb .summen .text_summe_steuer_brutto {
		float: left;
		text-align: right;
		width: 526px;
		margin-right: 15px;
		padding-top: 5px;
	}
		.bestellprozess_schritt_1_warenkorb .summen .summe_steuer {
		float: left;
		text-align: right;
		margin-right:0px;
		width: 75px;
		padding-top: 5px;
		padding-right: 2px;
		background-color: #D8DCDE;
	}
	.bestellprozess_schritt_1_warenkorb .summen .hinweis {
		clear:both;
		padding-top:10px;
		text-align:right;
	}
	.bestellprozess_schritt_1_warenkorb .summen .aktion {
		display: none;
	}
	.bestellprozess_schritt_1_warenkorb .aktion .blank_1 {
		float: left;
	}
	.bestellprozess_schritt_1_warenkorb .aktion .blank_2 {
	}
	.bestellprozess_schritt_1_warenkorb .note {
		margin-top:60px;
	}
	.bestellprozess_schritt_1_warenkorb .yform {
		background: none;
		border: none;
		margin: 0px;
		padding: 0px;
	}
	.kommentar {
		padding-top:30px;
	}
	.ueberschrift {
	border-bottom:1px solid #004481;
	padding:6px 0;
	width:100%;
	}
}


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


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

}