/* -------------------------------------------------------------------------------------------------------------
   ePages 5 - Storefront Style - Ueberladung
   ------------------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------------------
   Basketlink in Suchen
   ------------------------------------------------------------------------------------------------------------- */

/*
  .LinkBasket {
      padding: 1px 10px 3px 20px;
      margin-bottom: 10px;
  }   
      
  input.LinkBasket {
      padding-right: 20px;
      line-height: 150%;
      height:25px;
      margin-bottom: 2px;
      _overflow: visible;
  }
      
  input.ButtonBasket {
      width: 26px;
      cursor: pointer;
      height: 20px;
      border: 0px;
      padding: 0 0 0 14px;
      text-align: left;
      color: #000000;
      font-size: 11px;
      line-height: 120%;
      background: transparent url("../../../../SF/Icon/CreativDiscount/button_s_basket.gif") no-repeat 0px 0px;
  }

*/

/* -------------------------------------------------------------------------------------------------------------
   Basket-Link Listenansicht
   ------------------------------------------------------------------------------------------------------------- */

input.ButtonBasket {
        width: 22px;
        height: 21px;
}

input.ButtonBasket:hover {
        background-position: 0px -21px;
}

input.ButtonBasket:active {
        background-position: 0px -42px;
}



/* -------------------------------------------------------------------------------------------------------------
   Produkt-Detailseite
   ------------------------------------------------------------------------------------------------------------- */

  .PDProdukttabelle .gestrichelt {
      border-top: 2px dotted;
      border-color: #BEBEBE;
  }

  .PDProdukttabelle .Preis {
      font-size: 14px;
      font-weight: bold;
  }

  .PDProdukttabelle .ReferenzPreis {
      font-size: 10px;
      font-weight: normal;
  }

  .PDProdukttabelle .Funktionen {
      text-align: right;
  }

/* -------------------------------------------------------------------------------------------------------------
   Linke Navigation
   ------------------------------------------------------------------------------------------------------------- */
  .NavBarLeft .PropertyContainer {
     padding-top: 0px;
  }

  .NavBarLeft .ContextBoxBody.PDNav {
    padding: 0px 4px 0px 0px;
    height: 20px;
  }

  .NavBarLeft .ContextBoxBody.PDNav a {
  	  padding: 0px 0px 10px 5px;
      margin: 0px;
      vertical-align: 40%;
  }

/* -------------------------------------------------------------------------------------------------------------
   Top Navigation
   ------------------------------------------------------------------------------------------------------------- */
  .NavBarTop .NavigationElement a {
  	  padding-top: 3px;
  }


/* -------------------------------------------------------------------------------------------------------------
   Kategorieanzeige  -->  oben - allgemein
   ------------------------------------------------------------------------------------------------------------- */

  .CategoryList .CategoryTop .CategoryImage {
      border-width: 2px;
      border-color: #BEBEBE;
      border-style: solid;
	  height:83px;
  }

   .CategoryList .CategoryTop .CategoryText {
      border-width: 0 0 2px 0;
      border-color: #BEBEBE;
      border-style: solid;
      margin: 4 4 0 4px;
      height: 85px;
	  _height: 86px;
      width: 490px;
  }
	 
	 .CategoryList  .CategoryImage {
      border-width: 2px;
      border-color: #BEBEBE;
      border-style: solid;
	  height:83px;
  }
  .CategoryList .CategoryText {
      border-width: 0 0 2px 0;
      border-color: #BEBEBE;
      border-style: solid;
      margin: 4 4 0 4px;
      height: 85px;
	  _height: 86px;
      width: 490px;
  }
  
  .CategoryList  .CategoryList .CategoryImage {
      border-width: 2px;
      border-color: #BEBEBE;
      border-style: solid;
	  height:80px;
  }

/* -------------------------------------------------------------------------------------------------------------
   Kategorieanzeige  -->  oben - Hintergrund
   ------------------------------------------------------------------------------------------------------------- */

  .bgr500_schoenerwohnen {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-schoenerwohnen.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_creativefreizeit {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-creativefreizeit.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_farbenstifteco {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-farbenstifteco.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_papierelaternenbau {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-papierelaternenbau.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_basismaterialbasteln {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-basismaterialbasteln.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_floristikdekobaenderco {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-floristikdekobaenderco.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_bastelnmitholz {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-bastelnmitholz.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_textilesgestalten {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-textilesgestalten.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_creativesgestalten {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-creativesgestalten.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_kartengestaltung {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-kartengestaltung.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_kuenstlermaterial {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-kuenstlermaterial.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_handarbeiten {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-handarbeiten.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_baerenhobby {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-baerenhobby.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_werkzeugklebstoffe {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-werkzeugklebstoffe.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_pinsel {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-pinsel.png) no-repeat  left bottom #FFFFFF;
  }
  .bgr500_buecher {
      background: url(/WebRoot/CreativDiscount/CreativDiscount/category-bgr/bgr500-buecher.png) no-repeat  left bottom #FFFFFF;
  }

/* -------------------------------------------------------------------------------------------------------------
   Kategorieanzeige  -->  1- und 3-spaltig
   ------------------------------------------------------------------------------------------------------------- */

  .ListItemCategoryTable tr td{
      background: #FFFFFF;
  }

  .ListItemCategory {
      border-width: 0 0 2px 0;
      border-color: #BEBEBE;
      border-style: solid;
      background: #FFFFFF !important;
	  height:76px;
  }

  .ListItemCategory .CategoryImage {
      border-width: 2px;
      border-color: #BEBEBE;
      border-style: solid;
   	  margin-top:0px;
  }

       
  .ListItemCategory .ImageArea img{
      margin-bottom: -12px;
      margin-left: -7px;
      _margin-bottom: 0;
	  
	
  }
  .ListItemCategory .InfoAreaPD {
      min-height: 76px;
      _height: 76px;
  }

/* -------------------------------------------------------------------------------------------------------------
   Produktanzeige  -->  3-spaltig
   ------------------------------------------------------------------------------------------------------------- */

  .ProductListImageBox .ProduktName {
      font-size: 12px;
      font-weight: bold;
  }

  .ProductListImageBox div.ImageArea {
      border-width: 2px;
      border-color: #BEBEBE;
      border-style: solid;
      margin-bottom: 5px;

      min-height: 102px;
      _height: 102px;
  }

/*
  .ProductListImageBox div.Beschreibung {
      min-height: 70px;
      _height: 70px;
  }
*/

  .ProductListImageBox .Price {
      font-size: 12px;
      font-weight: bold;
  }

  .ProductListImageBox div.LinkArea {
      margin-top: 5px;
  }


/* -------------------------------------------------------------------------------------------------------------
   Service-Menü im Contentbereich
   ------------------------------------------------------------------------------------------------------------- */

  .ContentArea .SrvContextBox {
      clear: both !important;
      width: 100%;
      padding: 0;
      margin: 0 0 0px 0;
  }

  .ContentArea .SrvContextBox {
        background: ;
  }

  .ContentArea .SrvContextBox .SrvBoxContainer {
  }

  .ContentArea .SrvContextBoxHead {
      min-height: 10px;
      _height: 10px;
      padding: 0 0 0 0px;
      margin: 0;
      background: url(/WebRoot/CreativDiscount/CreativDiscount/service-nav/bgr_header.png) no-repeat  left bottom #FFFFFF;
      background-image: url(/WebRoot/CreativDiscount/CreativDiscount/service-nav/bgr_header.png);
  }

  .ContentArea .SrvContextBox h1 {
      min-height: 20px;
      _height: 20px;
      margin: 0 ;
      padding: 3px 0 1px 0;
      text-align: left;
  }

  .ContentArea .SrvContextBoxBody {
    clear: both;
    padding: 2px 4px 2px 27px;
    border: 0;
    margin-bottom: 0px;
    text-align: left;
    background: url(/WebRoot/CreativDiscount/CreativDiscount/service-nav/bgr_body.png) no-repeat  left top #FFFFFF;
    background-image: url(/WebRoot/CreativDiscount/CreativDiscount/service-nav/bgr_body.png);
  }

  
  .ContentArea .SrvContextBoxBody a {
  	color: #33329A;
    text-decoration: underline !important;
  }

  .ContentArea .SrvContextBoxBody a.UeberUns {
  	color: red;
    text-decoration: underline !important;
  }

  .ContentArea a.SrvContextBoxHead:hover h1 {
    text-decoration: underline !important;
  }

  .ContentArea .SrvContextBoxFooter {
      min-height: 10px;
      _height: 10px;
      padding: 0 0 0 10px;
      margin: 0;
      background: url(/WebRoot/CreativDiscount/CreativDiscount/service-nav/bgr_footer.png) no-repeat  left top #FFFFFF;
      background-image: url(/WebRoot/CreativDiscount/CreativDiscount/service-nav/bgr_footer.png);
  }

