@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;
	}
	#col2_content {
		padding: 0 0 0 10px;
	}
	#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;	
    }
     
     
/** ü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: 100.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;
	}


/** ü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;
		padding: 0px;	
	}
	.hlist ul {
		border: none;	
		margin: 0;
		padding-left: 8px;
	}
	.hlist ul li {
		border: none;
		padding-left: 0px;
	}                
	.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:#fffad2; color: #000000; }
	.vlist li a:focus,
	.vlist li a:hover,
	.vlist li a:active { background-color:#fffad2; color: #000000;}

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


	.vlist {
		border-bottom: 0;	
	}

	.vlist a, .vlist a:visited {
		border-bottom: 1px solid #fff;
		color: #fff;
		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: 0px;
		margin-bottom: 20px;
	}
	.seite_drucken {
		background: url(../images/printer.png) no-repeat left bottom;
		padding: 0 0 0 30px;
	}
                  
                  
/** Modul service **/
	.col1_service,
	.col2_service {
		width: 100%;
	}
	.col1_service .ueberschrift,
	.col2_service .ueberschrift {
		background: #ffec00 ;
		border-bottom: 1px solid #FFFFFF;
		color: #000000;
		display: block;
		padding: 2px 0 2px 10%;
		text-decoration: none;
	}
	.col1_service h6.vlist,
	.col2_service h6.vlist {
		border-bottom: 0;
		border-top: 0;
		background: #ffec00 ;
		color: #ffec00;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 116.67%;
		font-weight: normal;
		margin: 0;
		padding: 1px 0 1px 10%;
		width: 90%;
	}


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


/** Modul rubrik_navigation2 **/
	.col1_rubrik_navigation2,
	.col2_rubrik_navigation2 {
		background: #F9F9F9;
		margin-bottom: 20px;
		width: 90%;
	}


/** Modul gruppe_navigation **/
	.col1_gruppe_navigation,
	.col2_gruppe_navigation {
	}


/** Modul gruppe_navigation2 **/
	.col1_gruppe_navigation2,
	.col2_gruppe_navigation2 {
	}


/** Modul gruppe_navigation3 **/
	.col1_gruppe_navigation3,
	.col2_gruppe_navigation3 {
	}


/** Modul Suche / Sprachauswahl / Login / Warenkorb **/
	.col1_suche,
	.col1_sprachauswahl,
	.col1_login,
	.col1_warenkorb,
	.col2_suche,
	.col2_sprachauswahl,
	.col2_login,
	.col2_warenkorb {
		background: #fffad2;
		margin-bottom: 20px;
		padding-bottom : 10px;
		width: 100%;
	}
	.col1_suche .ueberschrift,
	.col1_sprachauswahl .ueberschrift,
	.col1_login .ueberschrift,
	.col1_warenkorb .ueberschrift,
	.col2_suche .ueberschrift,
	.col2_sprachauswahl .ueberschrift,
	.col2_login .ueberschrift,
	.col2_warenkorb .ueberschrift {
		background: #ffec00 ;
		padding: 2px 10px 2px 10px;
		color: #000000;
		font-weight: normal;
	}
	.col1_suche .yform,
	.col1_sprachauswahl .yform,
	.col1_login .yform,
	.col2_suche .yform,
	.col2_sprachauswahl .yform,
	.col2_login .yform {
		background: none;
		border: none;
		margin: 0px;
		padding: 5px;
	}
	.col1_suche form.yform label,
	.col1_sprachauswahl form.yform label,
	.col1_login form.yform label,
	.col2_suche form.yform label,
	.col2_sprachauswahl form.yform label,
	.col2_login form.yform label {
		float: none;
		width: 90%;
	}
	.col1_suche form.yform .type-text,
	.col1_sprachauswahl form.yform .type-text,
	.col1_login form.yform .type-text,
	.col2_suche form.yform .type-text,
	.col2_sprachauswahl form.yform .type-text,
	.col2_login form.yform .type-text {
	}
	.col1_suche form.yform .type-text input,
	.col1_sprachauswahl form.yform .type-text input,
	.col1_login form.yform .type-text input,
	.col2_suche form.yform .type-text input,
	.col2_sprachauswahl form.yform .type-text input,
	.col2_login form.yform .type-text input {
		width: 93%;
	}
	.col1_suche form.yform .type-button input,
	.col1_sprachauswahl form.yform .type-button input,
	.col1_login form.yform .type-button input,
	.col2_suche form.yform .type-button input,
	.col2_sprachauswahl form.yform .type-button input,
	.col2_login form.yform .type-button input {
		width: 100%;
	}
	.col1_suche form.yform .type-select select,
	.col1_sprachauswahl form.yform .type-select select,
	.col1_login form.yform .type-select select,
	.col2_suche form.yform .type-select select,
	.col2_sprachauswahl form.yform .type-select select,
	.col2_login form.yform .type-select select {
		width: 100%;
	}
	/** Modul Login **/
	.col1_login .angemeldet_als,
	.col2_login .angemeldet_als {
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 10px;
	}
	.col1_login .benutzer, 
	.col2_login .benutzer { 
		font-weight: bold;
	}
	.col1_login .vlist,
	.col2_login .vlist {
		margin-top: 20px;
		border-top: 4px solid #888888;
	}
	/** Modul Warenkorb **/
	.col1_warenkorb .ueberschrift a,
	.col2_warenkorb .ueberschrift a {
		color: #000000;
		font-weight: normal;
	}
	.col1_warenkorb .ueberschrift a:visited,
	.col2_warenkorb .ueberschrift a:visited {
		color: #000000;
		font-weight: normal;
	}
	.col1_warenkorb .ueberschrift a:focus,
	.col2_warenkorb .ueberschrift a:focus {
		color: #000000;
		font-weight: normal;
	}
	.col1_warenkorb .ueberschrift a:hover,
	.col2_warenkorb .ueberschrift a:hover {
		color: #000000;
		font-weight: normal;
	}
	.col1_warenkorb .ueberschrift a:active,
	.col2_warenkorb .ueberschrift a:active {
		color: #000000;
		font-weight: normal;
	}
	.col1_warenkorb .bild,
	.col2_warenkorb .bild {
		vertical-align: center;
		width: 16px;
		height: 16px;
		background: url(../images/basket_go.png) no-repeat right bottom;
		padding-right: 20px;
		margin-bottom: 20px;
	}
	.col1_warenkorb .anzahl,
	.col2_warenkorb .anzahl {
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 10px;
	}
	.col1_warenkorb .wert,
	.col2_warenkorb .wert {
		font-weight: bold;
		padding-bottom: 20px;
		margin-bottom: 10px;
		padding-left: 10px;
		border-bottom: 1px solid #DDDDDD;
	}
	.col1_warenkorb .jetzt_bestellen,
	.col2_warenkorb .jetzt_bestellen {
		padding-left: 10px;
	}


/** Gruppe blättern **/
	.gruppe_blaettern_oben,
	.gruppe_blaettern_unten {
		background: #F9F9F9;
		border: 1px solid #DDDDDD;
		margin-bottom: 20px;
		padding-top: 5px;
	}
	.gruppe_blaettern_unten {
		clear: both;
		margin-bottom: 0;
	}
	
	.gruppe_blaettern_oben .artikel,
	.gruppe_blaettern_unten .artikel {
		float: left;
		width: 33%;
	}
	.gruppe_blaettern_oben .artikel_ueberschrift,
	.gruppe_blaettern_unten .artikel_ueberschrift {
		padding-left: 10px;
	}
	.gruppe_blaettern_oben .artikel_form,
	.gruppe_blaettern_unten .artikel_form {
	}
	.gruppe_blaettern_oben .sortierung,
	.gruppe_blaettern_unten .sortierung {
		float: left;
		width: 33%;
	}
	.gruppe_blaettern_oben .sortierung_ueberschrift,
	.gruppe_blaettern_unten .sortierung_ueberschrift {
		padding-left: 10px;
	}
	.gruppe_blaettern_oben .sortierung_form,
	.gruppe_blaettern_unten .sortierung_form {
	}
	.gruppe_blaettern_oben .seite,
	.gruppe_blaettern_unten .seite {
	}
	.gruppe_blaettern_oben .seite_ueberschrift,
	.gruppe_blaettern_unten .seite_ueberschrift {
		padding-left: 67%;
	}
	.gruppe_blaettern_oben .seite_form,
	.gruppe_blaettern_unten .seite_form {
	}
	.gruppe_blaettern_oben .yform,
	.gruppe_blaettern_unten .yform {
		background: none;
		border: none;
		margin: 0px;
	}
	.gruppe_blaettern_oben form.yform .type-select select,
	.gruppe_blaettern_unten form.yform .type-select select {
		width: 100%;
	}
	.gruppe_blaettern_navleft {
		vertical-align: bottom;
		width: 16px;
		height: 16px;
		background: url(../images/arrow_left.gif) no-repeat left center;
		padding-left: 20px;
		padding-right: 1px;
	}
	.gruppe_blaettern_navright {
		width: 16px;
		height: 16px;
		background: url(../images/arrow_right.gif) no-repeat right center;
		padding-right: 20px;
		padding-left: 20px;
	}


/** Gruppe / Suche / Zubehör / Listenansicht **/	
	.gruppe,
	.artikel_suche,
	.zubehoer {
		width: 48%;
		float: left;
		padding: 0 0.5em;
	}
	.gruppe .artikel_bezeichnung,
	.artikel_suche .artikel_bezeichnung,
	.zubehoer .artikel_bezeichnung {
		text-align: left;
		font-weight: bold;
		border-bottom: 2px solid #DDDDDD;
		margin-bottom: 10px;
	}
	.gruppe .artikel_bild,
	.artikel_suche .artikel_bild,
	.zubehoer .artikel_bild {
		float: left;
		margin-right: 5px;
	}
	.gruppe .artikel_langtext,
	.artikel_suche .artikel_langtext,
	.zubehoer .artikel_langtext {
	}
	.gruppe .artikel_detail,
	.artikel_suche .artikel_detail,
	.zubehoer .artikel_detail {
		text-align: right;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.gruppe .artikel_preis_bisher,
	.artikel_suche .artikel_preis_bisher,
	.zubehoer .artikel_preis_bisher {
		text-align: right;
		font-weight: bold;
		color: red;
		margin-bottom: 10px;
		text-decoration: line-through
	}
	.gruppe .artikel_preis_jetzt,
	.artikel_suche .artikel_preis_jetzt,
	.zubehoer .artikel_preis_jetzt {
		text-align: right;
		font-size: 133.33%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.gruppe .artikel_preis_sparen,
	.artikel_suche .artikel_preis_sparen,
	.zubehoer .artikel_preis_sparen {
		text-align: right;
		font-weight: bold;
		color: red;
		margin-bottom: 10px;
		display: none;
	}
	.gruppe .artikel_preis,
	.artikel_suche .artikel_preis,
	.zubehoer .artikel_preis {
		text-align: right;
		font-size: 133.33%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.gruppe .yform,
	.artikel_suche .yform,
	.zubehoer .yform {
		text-align: right;
		background: none;
		border: none;
		margin: 0px;
		padding: 0 0 10px 0;
	}
	.gruppe .artikel_hinweis,
	.artikel_suche .artikel_hinweis,
	.zubehoer .artikel_hinweis {
		border-bottom: 1px solid #DDDDDD;
		margin-bottom: 40px;
		text-align: right;
	}

  .gruppe yform,
  .artikel_preis_jetzt {
  	font-size: 133.33%;
		text-align: left;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 10px;
	}
  

/** Artikel blättern **/
	.artikel_blaettern_oben,
	.artikel_blaettern_unten {
		padding: 8px 10px 8px 10px;
		background: #F9F9F9;
		border: 0px solid #DDDDDD;
	}
	.artikel_blaettern_unten {
		_clear: both;
		margin-bottom: 20px;
	}
	.artikel_blaettern_oben .subcr,
	.artikel_blaettern_unten .subcr {
		float: right;
	}
	.artikel_blaettern_navleft,
	.artikel_blaettern_navright {
		width: 16px;
		height: 16px;
		background: url(../images/arrow_left.gif) no-repeat left center;
		padding-left: 20px;
		padding-right: 20px;
	}
	.artikel_blaettern_navright {
		background: url(../images/arrow_right.gif) no-repeat right center;
	}


/** 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 {
		border-top: 0px solid #DDDDDD;
		padding-top: 0px;
		margin-bottom: 0px;
	}
	
	.artikel_zusatztext {
	  padding-top: 70px;
		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 div.artikel_preis_bisher {
		text-align: right;
		font-weight: bold;
		color: red;
		margin-bottom: 10px;
		text-decoration: line-through
	}
	.artikel div.artikel_preis_jetzt {
		text-align: right;
		font-size: 133.33%;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.artikel div.artikel_preis_sparen {
		text-align: right;
		font-weight: bold;
		color: red;
		margin-bottom: 10px;
		display: none;
	}
	.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;
	}
	
}


@media print {
}