/**
 * CSS fuer den plentyMarkets Bestellvorgang.
 *
 * Aendern Sie Ihr CSS selbst ueber den Bereich plenty* > plentyCMS * Dialog > CSS
 */
 
 
/* fieldsets werden an verschiedenen Stellen verwendet, so auch im Bereich 'Wählen Sie eine Lieferanschrift' bzw. OrderBox_DAddress */ 

.multilang_flags{
  display:none;
}

#newsletter.formblanc{
  width:100%;
  height:100%;
}

.OrderStepText{
  color:#673511 !important;
}

#PlentyOrderPayPalExpressPanelA{
  padding-left:15px;
}

#PlentyOrder{
  width:518px;
  margin-left:5px;
}

#PlentyMyAccount h1 {  
  height: 30px;  
  padding-left: 15px;
  padding-top: 10px;
  background-image: url(/layout/coffeefair_img/main-headline.gif);
  background-position:center top;
  background-repeat: no-repeat;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 550;
  text-decoration: none;
  color: #eeb839;
  overflow: hidden;
}

#PlentyOrder h1 {  
  height: 30px;  
  padding-left: 15px;
  padding-top: 10px;
  background-image: url(/layout/coffeefair_img/main-headline.gif);
  background-position:center top;
  background-repeat: no-repeat;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 550;
  text-decoration: none;
  color: #eeb839;
  overflow: hidden;
}


#textinhalt #my_account_link_container{
  padding-left:0px;
  padding-top:0px;
}

#my_account_link_container{
  padding-left:20px;
  padding-top:20px;
}

.top form input{
  background-image:url(/tpl/de/images_dialog/button/button170.gif);
  color:#fff;
  border:0px !important;
  width:170px;
  height:24px;
  font-size:11px;
  padding-left:8px;
  padding-right:0px;
  padding-bottom:2px;
  margin-right:5px;
}

#order_status_history.right fieldset{
  width:98% !important;
}

#order_status_history.right fieldset div{
  padding:0 !important;
}

.top fieldset{
  width:98%;
}

#order_status_history.right fieldset fieldset#mop_prepay_box{
  width:90% !important;
}

fieldset {
  width:96%;
  margin-top:8px;
  padding: 4px;
  border: 1px solid #77080e;
  text-align:left;
}

fieldset legend {
  font-weight:bold;
  font-size:14px;
}

fieldset div {
  padding:10px;
}

 
/* Artikelauflistung im Bestellvorgang */
 
.Order_ArticleTable {
  width:99%;
  margin-top:12px;
  margin-bottom:12px;
  
  border-collapse:collapse;
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: #77080E;
}

.Order_ArticleTable td {
  padding:3px;
}

.Order_ArticleTable th {
  padding:3px;
  font-weight: bold;
  background-color: #673511;
} 

.Order_ArticleTable th, .Order_ArticleTable span {
  color:#ffe4aa;
} 
  
.Order_ArticleTable td {
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: #77080e;
}


/* Darstellung der Summen im Warenkorb */

.Order_TotalsTable {
  width:99%;
  margin-top:14px;
  border-collapse:collapse;
}

.Order_TotalsTable td {
  padding: 8px 3px 8px 3px;
  border-bottom: #77080e 1px solid;
}


/* Konfigurationstabelle */

.Order_ConfigTable {
  width:99%;
  margin-top:10px;
}

.Order_ConfigTable th, .Order_ConfigTable th span {
  padding:4px;
  font-weight:bold;
  background-color:#673511;
  color:#ffe4aa;
}

.Order_ConfigTable td {
  padding:4px;
}

.Order_ConfigTable table {
  margin:10px;
  border-collapse:collapse;
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: #77080e;
  padding:4px;
  width:95%
}

/* Anzeige der Gesamtsumme im Warenkorb */

.Order_ConfigTableSum {
  width:99%;
}

.Order_ConfigTableSum td{
  border-top: 1px solid #77080e;
  padding:4px;
}


.Order_ConfigListTable td {
  border-top: 1px solid #77080e;
  padding:4px;
}

.Order_ConfigListTable div {
  margin:10px
}
 


/* Adresseingabe */
.Order_AddressInputTable {
  padding-top:10px;
  padding-bottom:10px;
}

.Order_AddressInputTable th {
  padding:4px;
  font-weight:bold;
  background-color:#EBEEF1;
  border-bottom: #FFFFFF 1px solid;
}

.Order_AddressInputTable td {
  padding:4px;
}


.MyAccount_Navigation {
  width: 100%;
  margin: 0px;
  padding: 8px 4px 0px 2px; 
  list-style: none;
  font-weight:bold;
  border: none;
  color: #000000;
}

.MyAccount_Navigation li a {
  display: block;
  margin: 0;
  padding: 5px;
  background-color: #EBEEF1;
  color: #000000;
  text-decoration: none;
  width: 160px;
}
            
.MyAccount_Navigation li a:hover {
  background-color: #FFFFFF;
}

/* Artikel - Attributauswahl */

.ArticleAttrTable td {
  border: 0px;
}

.small {
  font-size: 9px;
  font-style: normal;
}

.red {
  font-style: normal;
  color:#CC0000;
}
 
 
.plentyErrorBox {
          width:93%; 
          background-image:url(/images/admin/error_background.gif); background-repeat:repeat-y;
          margin: 5px 10px 4px 10px;
          padding:8px; text-align:left;
          vertical-align:middle; 
          color: #FFFFFF
}

.plentyErrorBoxTitle {
          margin-top:4px;
          margin-bottom:6px;
          padding-left:26px;
          color:#FFFFFF;
          font-size:16px;
          font-weight:bold;
          background-image:url(/images/icons/warning_onred.gif);background-repeat:no-repeat;
}

.plentyMessageBox {
          width:93%;
          background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y;
          border:0px;
          margin: 5px 10px 4px 10px;
          padding:8px;
          text-align:left;
          vertical-align:middle;
          color: #FFFFFF
}

.plentyMessageBoxTitle {
          margin-top:4px;
          margin-bottom:6px;
          padding-left:26px;
          color:#FFFFFF;
          font-size:16px;
          font-weight:bold;
          background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat;
}  
/*
 * CSS definitions for the new webshop login page (since plentyMarkets version 4.200)
 */
.PlentyOrderBox {
  border: 1px solid #c1c1c1;
  background-color: #fff;
  margin-top: 10px;
}
.PlentyOrderHeader {
  background-color: #ebeef1;
  padding: 5px;
  font-size: 18px;
  margin: 0 0 10px 0;
}
.PlentyOrderAdvice {
  background-color: #c2e7ce;
  padding: 5px;
  margin: 1px;
}
.PlentyOrderContent {
  padding:5px;
}
#PlentyBasketWebBasket{width: 100%}