/*
   VARIANTEN
*/
#variantenListe{
   margin: 0;
   padding: 0;
   list-style: none;
   overflow: hidden;  
}
#variantenListe li{ 
   list-style: none;
   padding: 0;
   float: left;
   margin: 5px 5px 10px 5px;
   background-position: center;
}
#variantenListe span{
   background-color: #fff;
   color: #555;
   padding: 1px 2px 3px 0;
   font-size: 86%;
   display: block;
}
#variantenListe a,
#variantenListe a:link,
#variantenListe a:visited {
   color: #555;
   display: block;
   width: 153px;
   padding: 40px 0 0 0;
   text-align: right;
   font-weight: bold;
}

#variantenListe a:focus,
#variantenListe a:hover,
#variantenListe a:active {
   background-color: transparent;
   color: #555;
}
#variantenListe a:focus span,
#variantenListe a:hover span,
#variantenListe a:active span{
   background-color: transparent;
   color: #fff;
}

/*
   WARENKORB
*/


#Warenkorb {
	background-color: #D4AB8A;	
	padding: 5px 10px 20px 10px;
	color: white;
	margin-bottom: 10px;
}

#Warenkorb h5{
	color: white;
}

#Warenkorb a{
	color: white;
}

#menufuehrer {
   border : 0;
   margin : 0;
   padding: 0;
}

/*
 ZUSATZDARSTELLUNGEN
*/
#content #wgMenuDiv .shop_artikel_zusatzviews td.content{
   padding: 10px;
}
#wgMenuDiv .shop_artikel_zusatzviews .content .artikellink,
#wgMenuDiv .shop_artikel_zusatzviews .content .artikellink:link,
#wgMenuDiv .shop_artikel_zusatzviews .content .artikellink:focus,
#wgMenuDiv .shop_artikel_zusatzviews .content .artikellink:hover,
#wgMenuDiv .shop_artikel_zusatzviews .content .artikellink:active{
   float: right;
   margin: 0 -10px 10px 10px;
   border-top: 1px solid #aeaeae;    
}
#content #wgMenuDiv .shop_artikel_zusatzviews .content .listImage{
   border-left: 1px solid #aeaeae;
   border-right: 0 none;    
}

#content #wgMenuDiv .shop_artikel_detail_varianten td.varianten_name {
   text-align: right;
   width: 100%;
}
#content #wgMenuDiv .shop_artikel_detail_varianten td{
   width: auto;  
   padding-right: 10px;   
}


/*
   WARENKORB
*/
#content #wgMenuDiv .shopBox #wkPosList{
   margin: 10px 0;
   width: 100%;
}

.WKArtNummer   {width: 14%;}
.WKArtname     {width: 43%;}
.WKArtAnzahl   {width: 15%;text-align: center;}
.WKArtPreis    {width: 12%;text-align: center;}
.WKArtGesPreis {width: 16%;text-align: center;}
.WKDelete      {width: 3%;text-align: center;}
body #content #wgMenuDiv .shopBox #wkPosList th.WKDelete    {border-right-color: #333;}
body #content #wgMenuDiv .shopBox #wkPosList th.WKArtNummer {border-left-color: #333;}


#content #wgMenuDiv .shopBox #wkPosList{
   border-collapse: collapse;
}
body #content #wgMenuDiv .shopBox #wkPosList th{
   border: 0 none;
   background-color: #333;
   border: 1px solid #fff;
   border-top-color: #333;
   color: #fff;
   padding: 4px 2px;
}
#content #wgMenuDiv .shopBox #wkPosList th,
#content #wgMenuDiv .shopBox #wkPosList td{
   vertical-align: middle;
   padding: 2px;
}
#content #wgMenuDiv .shopBox #wkPosList th{
   border: 1px solid #ccc;
}
#content #wgMenuDiv .shopBox #wkPosList td{
   border: 1px solid #ccc;
   border-top: 0 none;
}
#content #wgMenuDiv .shopBox #wkPosList tr.WKPosListeTr td{
   border-bottom: 0 none;
}
#content #wgMenuDiv .shopBox #wkPosList tr.WKPosListeTr td.WKArtAnzahl,
#content #wgMenuDiv .shopBox #wkPosList tr.WKPosListeTr td.WKArtPreis,
#content #wgMenuDiv .shopBox #wkPosList tr.WKPosListeTr td.WKArtGesPreis{
   border-bottom: 1px solid #ccc;  
}



/*
   RESPONSE
*/
#content .erpsys_response .erpsys_response_message{
   color: #fff;
}
#content .erpsys_response h3{
   margin: 0;
   color: #fff;
}
.erpsys_response{
   margin: 10px;
   padding: 10px;
   background-color: #333;
}

/*
   RESPONSE
*/

#content #wgMenuDiv .shopBox .contentTR .content {
   padding: 0 10px;
}

#wgMenuDiv .shopBox img,
#content #wgMenuDiv tr,
#content #wgMenuDiv td,
#content #wgMenuDiv table{
   margin: 0;
   padding: 0;  
   border: 0;
}
#wgMenuDiv .shopBox p{
   margin-bottom: 5px;  
}

#wgMenuDiv #listeMasterTable {
   width: 100%;
}

#content #wgMenuDiv .shopBox{
   width: 100%;
   border: 1px solid #DE0C19;
   background-color: #fff;
   font-size: 92%;
}

#content #wgMenuDiv #detailMasterTable .shopBottom{
   padding-bottom: 4px;  
}

.ptPreis{}

#content #listeDetailTable .shopTitle,
#content #listeMasterTable .shopTitle{
   font-size: 100%;
   padding: 0;
}
#content #wgMenuDiv .shopBox .shopTitle{
   /*padding: 10px;*/
   padding: 0 0 10px;
}


#content #wgMenuDiv .shop_warenkorb .shopBox .shopTitle,
#content #wgMenuDiv.musterliste .shopBox .shopTitle,
#content .shopBox p.artname,
#content .shopTitle a.artikellink,
#content .shopTitle a.artikellink:link,
#content .shopTitle a.artikellink:visited{
   border-bottom:1px dotted #ccc;
   color:#fff;
   background-color: #de0c19;
   display:block;
   font-size:110%;
   font-weight:normal;
   margin:0 0 6px;
   padding:4px 5px 4px 5px;
   text-decoration:none;
}

#content .shopTitle a.artikellink:hover,
#content .shopTitle a.artikellink:focus,
#content .shopTitle a.artikellink:active{
   background-color:#fff;
   color:#de0c19;
}
/*
#content .shopBox p.artname,
#content .shopTitle a.artikellink,
#content .shopTitle a.artikellink:link,
#content .shopTitle a.artikellink:visited{
   font-size: 120%;
   font-weight: normal;
   padding: 0 10px 5px 0;
   margin: 0;
   display: block;
   color: #333;
}
#content .shopTitle a.artikellink:hover,
#content .shopTitle a.artikellink:focus,
#content .shopTitle a.artikellink:active{
   color: #333;
   text-decoration: underline;
   background-color: transparent;
   
}
*/

#content #detailMasterTable .shopBox{
   padding-bottom: 5px;
   
}
/*
 Bestellvorgang
*/
#content #wgMenuDiv td.paddingLeft4Uebersicht{
   padding-left: 5px;
}
#content #wgMenuDiv .shop_bestelluebersicht .shopBox .wklink input,
#content #wgMenuDiv .shop_zahlart .shopBox .wklink input,
#content #wgMenuDiv .shop_lieferadresse .shopBox .wklink input,
#content #wgMenuDiv .shop_kundendaten .shopBox .wklink input{
   float: right;
}

#content #wgMenuDiv .shop_warenkorb .shopBox td.content,
#content #wgMenuDiv .shop_warenkorb .shopBox td.shopBottom,
#content #wgMenuDiv .shop_bestelluebersicht .shopBox td.shopBottom,
#content #wgMenuDiv .shop_bestelluebersicht .shopBox td.content,
#content #wgMenuDiv .shop_zahlart .shopBox td.content,
#content #wgMenuDiv .shop_zahlart .shopBox td.shopBottom,
#content #wgMenuDiv .shop_lieferadresse .shopBox td.shopBottom,
#content #wgMenuDiv .shop_lieferadresse .shopBox td.content,
#content #wgMenuDiv .shop_kundendaten .shopBox td.content,
#content #wgMenuDiv .shop_kundendaten .shopBox td.shopBottom,
#content #wgMenuDiv .shop_logindaten .shopBox td.shopBottom,
#content #wgMenuDiv .shop_logindaten .shopBox td.content{
   padding: 10px 0;
}
/*
 ENDE
*/

#content #wgMenuDiv .shopBox .content2{
   padding: 0 5px;
}

#content #detailMasterTable .trBoxBottom,
#content #detailMasterTable .shopBottom{
   display: block;  
   width: 100%;
}
#content .shopBox td.shopBottom td,
#content .shopBox td.shopBottom{
   vertical-align: middle;  
}
table.wklink{
   float: right;
   display: block;
}
table.wklink .wklink{
   margin-right: 10px;  
}
#detailMasterTable .shopBox .trBoxBottom .shopBottom .back_link{
   margin: 8px 0 0 0;
}
.back_link{
   float: left;
   /*
   position: absolute;
   top: 25px;
   right: 30px;
   */
}

.wklinkTop,
#wgMenuDiv .preisTable img,
.back_link img,
.artnr,
.shopBGRO,
.shopBGLO,
.shopBGLU,
.shopBGRU,
.shopBGRO img,
.shopBGLO img,
.shopBGLU img,
.shopBGRU img{
   background-image: none;
   display: none;  
}
#content #wgMenuDiv .shopBox .listImage{
   display: block;
   background-color: #aeaeae;
}
#wgMenuDiv .shopBox .content2 .artikellink:link,
#wgMenuDiv .shopBox .content2 .artikellink:focus,
#wgMenuDiv .shopBox .content2 .artikellink:hover,
#wgMenuDiv .shopBox .content2 .artikellink:active,
#wgMenuDiv .shopBox .content2 .artikellink {
   float: right;
   margin: 0 10px 10px 0;
}
  
#content #wgMenuDiv .shopBox .detailImageBox {
   display: block;
   float: right;
   margin: 0 0 10px 10px;
}
#content #wgMenuDiv .shopBox .detailImageBox br{
   display: none;
}
#content #wgMenuDiv .shopBox .detailImageBox img{
   display: block;
}

#wgMenuDiv .shopListe {
   width: 100%;
}

#wgMenuDiv .preisTable {
   width: 95%;
   float: left;
   text-align: right;
}

#content #wgMenuDiv .preisTable .ptRight {
   text-align:right;
   padding-right: 10px;
   padding-left:3px;
}

#wgMenuDiv .preisTable .ptLeft {
   width: 100%;
   text-align:right;
}


.shopBottom .detailLink {
   padding: 5px;
   display: block;
}
.shopBottom .detailLink img {
   display: none;
}
.shopBottom a.detailLink,
.shopBottom a.detailLink:link,
.shopBottom a.detailLink:visited {
   background-color: #fff !important;
   color: #de0c19 !important;
   text-decoration: none !important;
}
.shopBottom a.detailLink:focus,
.shopBottom a.detailLink:hover,
.shopBottom a.detailLink:active {
   background-color: #fff !important;
   color: #de0c19 !important;
   text-decoration: underline !important;
}
.shopBottom .welink {
   display: none;
   /*
   float: left;
   width: 231px;
   text-align: center;
   padding-bottom: 10px;
   */
}
.shopBottom div.wklink {
   float: left;
   width: 50%;
   text-align: right;
}

/* WARENGRUPPEN HEAD*/

#content #wgMenuDiv .wgBlaetterer td{
   vertical-align: middle;  
}


#content #wgMenuDiv .wgBlaetterer td.aktivBlaetterer,
#content #wgMenuDiv .wgBlaetterer td.blaetterer {
   border: 0 none;
   padding: 3px;
}


#content #wgMenuDiv .wgBlaetterer td.aktivBlaetterer span{
   border: 1px solid #DB0000;
   padding: 3px 5px;  
   display: block;
}

#wgMenuDiv .blaetterer a {
   padding: 3px 5px;
}

#content table td.paddingRight4Uebersicht,
#content table td.paddingLeft4Uebersicht{padding: 4px;}
.shopZahlartGerade, .shopZahlartBankeinzug{}
.shopZahlartUngerade{}
.wktrenner {}
.artikelzeilewk {font-weight: bold;}
.gesamtpreis {font-weight: bold;}

/* Merkliste */

#mlPosList tr th, #mlPosList tr td {
   text-align: left;
   margin: 0;
   padding: 0;
   font-weight: normal;
   padding-top: 1px;
}
#mlPosList tr th{
   font-weight: bold;
   border: 0 none;
   color: #CD0914;
}
#mlPosList tr.MLPosListeTr{
   margin-top:2px;  
}

#mlPosList .MLArtPreis, #mlPosList .MLArtGesPreis .MLArtAnzahl .MLArtBild{
   text-align: center;
}

.mllink {
   width: 150px;
   float: right;
   text-align: center;
}

.mlImage {
   vertical-align: middle;
}

a:link.mllink, a:visited.mllink, a:active.mllink, a:hover.mllink{
   text-decoration:none;
   color:#000;
}

/* Listen in der Shop-Darstellung  ********************************************************/
#wgMenuDiv ul {
   margin: 0 10px;
   padding: 5px;
   list-style-position: outside;
}
#wgMenuDiv .statusTable {
   padding:0;
   margin: 10px 5px 0px 10px;
   text-align: right;
}
/** Merkliste **/
.MLArtBild {
   padding-right: 15px !important;
   padding-bottom: 15px !important;
}
/** Muster **/
#mlPosList {
   border: 0 none !important;
}
#mlPosList .name {
   width: 350px;
}
#mlPosList .artnrmuster {
   width: 100px;
}

.statusTable {
   position: relative;
   float: right;
}