@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 {

/** überschreibe Werte aus basemod.css **/
	#col1_content {
		padding: 0 10px 0 0;
	}
	#col3_content {
		padding: 0;
	}
	#topnav {
		padding: 0;
		overflow: hidden;
		height: 15px;
	}
	#header {
		padding: 0;
		overflow: hidden;
		height: 75px;
	}
	body { background: #464749; }
	.page_margins { border: 1px solid #000000; }
    #nav ul {
    	margin: 0;
    	padding-left: 8px;	
    }
     
     
/** überschreibe Werte aus content.css **/
	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%; }

	#col3_content h2 {
		background: #ffec00;
		color: #000000;
		padding: 3px 10px 3px 10px;
		margin-bottom: 5px;
	}

	.important {
		background: #f4f4f4;
		margin-top: 20px;	
		margin-bottom: 20px;
	}


/** ü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;	
	}


/** überschreibe Werte aus nav_shinybuttons.css **/
	.hlist {
		background: #FFFFFF;
		border: none;	
	}
	.hlist ul {
		border: none;	
		margin: 0;
	}
	.hlist ul li {
		border: none;
	}                
	.hlist ul li a,	.hlist ul li strong {
		_padding: 0px 4px 0px 0px;
		padding: 0;
	}
	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active  { background: transparent; }


/** überschreibe Werte aus nav_vlist.css **/

	/* Level 1 */
	.vlist li a, 
	.vlist li a:visited { background-color:#fff59e; color: #000000; }
	.vlist li a:focus,
	.vlist li a:hover,
	.vlist li a:active { background-color:#fff59e; color: #000000; }
	
	
	/* aus Rubrik.css
	.vlist li a,
  .vlist li a:active { background-color:#9caad3; color: #000000; }
  .vlist li a:hover { background-color:#9caad3; color: #000000; }
  .vlist li a:visited { background-color:#9caad3; color: #000000; }
  .vlist li a:focus { background-color:#9caad3; color: #000000; }
	*/
	

     h6.vlist {
		background-color: #ffec00;
		border-bottom: 0;
		border-top: 0;
		color: #000000;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 116.67%;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 10%;
		width: 90%;
    }


	.vlist {
		border-bottom: 0;	
	}

	.vlist a, .vlist a:visited {
		border-bottom: 1px solid #fff;
		color: #000000;
		text-decoration: none;
	}	

	.vlist li.active {
		background-color: transparent;	
	}
     
/** Logo **/
	.logo {
	}


/** Modul topnav_navigation **/
	.topnav_navigation {
		float: right;
	}


/** Modul nav_rubrik_navigation_kopf **/
	.nav_rubrik_navigation_kopf {
	}


/** Modul navbar_verlauf **/
	.navbar_verlauf {
		padding: 0px 0 0 0;
	}


/** Formulare Prefix und Postfix **/
	.prefix,
	.postfix {
		font-size: 133.33%;
		margin-top: 10px;
		margin-bottom: 10px;
	}


/** 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;
	}


/** Modul Bestellprozess Verlauf **/
	.col1_verlauf {
	}
	.col1_verlauf .ohne_link {
		background-color: #fff59e;
		color: #000000;
		padding-left: 19%;
	}


/** Modul zuletzt_gesehen **/
	.col1_zuletzt_gesehen {
		background-color: #ffec00;
		width: 100%;
	}
	.col1_zuletzt {
		background: #f9f9f9;
		margin-bottom: 20px;
		padding-bottom : 10px;
	}
	.col1_zuletzt .ueberschrift{
		background: #ffec00 ;
		color: #000000;
		margin-bottom: 20px;
		padding: 3px 0px 3px 10px;
		font-weight: normal;
	}
	.col1_zuletzt h4.artikel_bezeichnung {
		margin-top: 20px;
		border-bottom: 2px solid #DDDDDD;
		padding-left: 10px;
	}	
	.col1_zuletzt .artikel_bild {
		padding-top: 5px;
		padding-left: 10px;
	}
	.col1_zuletzt .artikel_preis {
		text-align: right;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #DDDDDD;
		padding-right: 10px;
	}


/** Modul Login **/
	.col1_login {
		background: #F9F9F9;
		margin-bottom: 20px;
		padding-bottom : 10px;
		width: 100%;
	}
	.col1_login .ueberschrift {
		background: #9EA5AA ;
		padding: 6px 0px 6px 10px;
		color: #FFFFFF;
		font-weight: normal;
	}
	.col1_login .angemeldet_als {
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 10px;
	}
	.col1_login .benutzer { 
		font-weight: bold;
	}
	.col1_login .yform {
		background: none;
		border: none;
		margin: 0px;
		padding: 5px;
	}
	.col1_login form.yform label {
		float: none;
		width: 90%;	
	}
	.col1_login form.yform .type-text {
	}
	.col1_login form.yform .type-text input {
		width: 93%;
	}
	.col1_login form.yform .type-button input {
		width: 100%;
	}
	.col1_login .vlist {
		margin-top: 20px;
		border-top: 4px solid #888888;
	}


/** Bestellprozess Schritt 1 - Direkt Bestellen **/
	.bestellschein_direkt {
		background: #F9F9F9;
		border: 1px solid #DDDDDD;
		margin-bottom: 20px;
		padding: 10px;
	}
	.bestellschein_direkt .note { 
	}
	.bestellschein_direkt .yform {
		background: none;
		border: none;
		margin: 0px;
		padding: 0px;
	}
	.bestellschein_direkt form.yform label {
		float: none;
		width: 150px;	
	}
	.bestellschein_direkt form.yform .type-text {
		float: left;
	}
	.bestellschein_direkt form.yform .type-text input {
	}
	.bestellschein_direkt form.yform .type-button input {
		margin-top: 12px;
	}


/** Bestellprozess Schritt 1 - Warenkorb **/
	.bestellprozess_schritt_1_warenkorb {
		background: #F9F9F9;
		border: 1px solid #DDDDDD;
		padding: 10px;
		margin-bottom: 20px;
	}
	.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 {
	}
	/** Block Zeilen **/
	.bestellprozess_schritt_1_warenkorb .zeilen {
		width: 100%;
	}
	/** Block Zeile **/
	.bestellprozess_schritt_1_warenkorb .zeile {
		height: 70px;
	}
	.bestellprozess_schritt_1_warenkorb .zeile.erste {
	}
	.bestellprozess_schritt_1_warenkorb .zeile.letzte {
	}
	.bestellprozess_schritt_1_warenkorb .zeile.ungerade {
		background-color: #ffffff;
	}
	.bestellprozess_schritt_1_warenkorb .zeile.gerade {
		background-color: #ffffff;
	}

	.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 .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: #fffad2;
		color: #000000;
	}
	.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: #fff59e;
		color: #000000;
	}
	.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: #fff59e;
		color: #000000;
	}
	.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: #fff59e;
		color: #000000;
	}
	.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: #fff59e;
		color: #000000;
	}
	.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: #fff59e;
		color: #000000;
	}
	.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: #fff59e;
		color: #000000;
		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;
	}


/** Bestellprozess Schritt 2 - Anschrift **/
	.bestellprozess_schritt_2_anschrift {
	}


/** Bestellprozess Schritt 3 - Lieferung **/
	.bestellprozess_schritt_3_lieferung {
	}


/** Bestellprozess Schritt 4 - Lieferung **/
	.bestellprozess_schritt_4_zahlung {
	}


}


@media print {
}