/*--------------------TAG-Einstellungen--------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
color: #363636;
}

h1, h2 {
  margin: 0;
}



a:hover {
   text-decoration: none;
/*color: #272727;*/
color: #b51137;

}

a {
  text-decoration: none;
color: #720d29;
outline-style: none;
}

/*--------------------Basislayouts--------------------*/
#wrapper {
  width: 984px;
  position: absolute;
  left: 50%;
  margin-left: -492px;
  margin-top: 10px;
  background-image: url('wrapper.jpg');
background-repeat: repeat-y;


}

  #inner-wrapper {
background-image: url('inner-wrapper.jpg');
background-repeat: no-repeat;
height: 183px;
}

  #inner-wrapper2 {
background-image: url('inner-wrapper2.jpg');
background-repeat: no-repeat;
height: 183px;
}

#top-navi {
/*height: 74px;*/
padding-top: 89px;
margin-bottom: 3em;
font-size: 0.9em;

}

#top-navi a {
padding-left: 30px;
color: #272727;
}

#top-navi a:hover {
color: #720d29;
}
    
   #h-spacer {
float: left;
height: 400px;
width: 2px;
}
      
    
    #center {
float: left;
      width: 502px;
      margin-left: 239px;
      margin-right: 239px;
margin-bottom: 4em;
    }
    
    
    #footer {
height: 32px;
      font-size: 0.8em;
background-image: url('footer.jpg');
background-repeat: no-repeat;
text-align:center;

    }

a.footerlink-normal {
text-decoration: none;
color: #363636;
}

div.footerlink a:hover {
/*color: #363636;*/
color: #720d29;
}

div.footer div.footerlink a {
color: #363636;
}

#footer-startseite {
height: 179px;
      font-size: 0.8em;
background-image: url('footer-startseite.jpg');
background-repeat: no-repeat;
text-align:center;
padding-top: 147px;
    }

div.footer-startseite div.footerlink a {
color: #363636;
}
 
     


/*--------------------Objekt-Layouts--------------------*/

/*--------------------Dokumentlayout_START--------------------*/



h1.doc-title {
  font-size: 1.4em;

color: #363636;
margin-top: 10px;
font-weight: normal;
}

h1.doc-title, h1.doc-title a {
margin-bottom: 1em;

}



div.doc-maintext {
  font-size: 0.8em;
  
}


h1.doc-title *, div.doc-maintext * {
  font-size: 1em;

}

div.mainjingle a.doc-title {
font-size: 0.9em;
color: #363636;
font-weight: bold;


}

div.mainjingle div.doc-maintext {
margin-top: 1.8em;
}

h2.doc-subtitle, a.doc-subtitle {
  font-size: 0.75em;
  color: #720d29;

}
div.doc-introduction {
  font-size: 0.8em;
  margin-bottom: 1em;
  font-weight: bold;
}

/*--------------------Dokumentlayout_ENDE--------------------*/

/*--------------------Navigationspfad_START--------------------*/
#navpath {
  font-size: 0.8em;
  text-align: right;
  padding: 1px 4px 1px 0;
  color: #444444;
  background-color: #bbbbbb;
}

#navpath a:hover{
  text-decoration: underline;
}

#navpath a {
  font-size: 1em;
  text-decoration: none;
  color: #444444;
}
/*--------------------Navigationspfad_ENDE--------------------*/

/*--------------------Standard Navigation auf der linken Seite--------------------*/

a.navi1-normal {
color: #272727;
padding: 5px 5px 5px 0;


  /*border-bottom: 1px dotted #FFFFFF;*/
background-image: url('link-normal.jpg');
background-repeat: no-repeat;
background-position: 18 9;
}

a.navi1-preopen {


padding: 5px 5px 5px 0;

  /*border-bottom: 1px dotted #FFFFFF;*/
background-image: url('link-active.jpg');
background-repeat: no-repeat;
background-position: 18 9;
}

a.navi1-active {

padding: 5px 5px 5px 0;


background-image: url('link-active.jpg');
background-repeat: no-repeat;
background-position: 18 9;

}

a.navi2-normal {
  color: #444444;

  padding: 5px;
  padding-left: 20px;
}

a.navi2-preopen {
  color: #444444;

  padding: 5px;
  padding-left: 20px;
}

a.navi2-active {
  color: #000;

  padding: 5px;
  padding-left: 20px;
}

a.navi3-normal {
  color: #d3dcf4;
  border-width: 0;
  padding: 5px;
  padding-left: 30px;
}

a.navi3-preopen {
  color: #444444;
  border-width: 0;
  padding: 5px;
  padding-left: 30px;
  background-color: #D3D3D3;
}

a.navi3-active {
  color: #000;
  border-width: 0;
  padding: 5px;
  padding-left: 30px;
  background-color: #D3D3D3;
}

/*--------------------Standard Navigation auf der linken Seite ENDE--------------------*/

/* Bilder und Bilduntertitel (Einbettung) Start*/

div.picture-arearight {
  float: right;
  margin-left: 15px;
  margin-bottom: 20px;
  width: 100px;
}

div.picture-arearight, div.picture-arealeft, div.picture-area {
border: 1px solid #afafaf;
} 

div.picture-arealeft, div.picture-area {
  float: left;
  margin-right: 15px;
  margin-bottom: 20px;
  width: 100px;
}

  div.picture-label-document {
    margin-bottom: 10px;
  }

    div.picture-label-document div.lupe {
      float: left;
      width: 20px;
      height: 20px;
    }
    
    div.picture-label-document div.legend {
      margin-left: 30px;
    }


  div.picture-label-document {
    background-color: #7C99DC;
  }

/*--------------------Bilder und Bilduntertitel Ende--------------------*/

/* OFFSET UND LETTERINDEX  (Glossar)*/



div.offsetindex {
  padding: 15px;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #7490b9;
}

div.offsetindex a, div.offsetindex span {
  margin: 3px;
  color: #333;
}

a.offsetindex-active {
  font-weight: bold;
}

span.offsetindex-head {
  font-weight: bold;
}


div.letterindex {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #7490b9;
}


div.letterindex-head {
  font-weight: bold;
  color: #444444;
}

a.letterindex-normal {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  color: #444444;
  text-decoration: none;
}

a.letterindex-activated {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

div.letterindex a {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  color: #000;
  text-decoration: none;
  
}



/*--------------------OFFSET UND LETTERINDEX ENDE (Glossar)--------------------*/

/*--------------------Diashow--------------------*/

div.diashow-fullsize {
  width: 468px;
  height: 468px;
  float: left;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-right: 12px;
  border: 1px solid #7C99DC;
  background-color: #ABBBE2;
}

div.doc-maintext-galery {
  /* float: right;
  width: 250px; */
  font-size: 0.8em;
}

div.diashow-overview {
  float: left;
  width: 100%;
  margin-top: 20px;
  width: 480px;
}

div.diashow-overview a.diashow-overview-thumbnail {
  display: block;
  float: left;
  width: 68px;
  height: 68px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 1px solid #7C99DC;
  background-color: #ABBBE2;
}

/*--------------------Gallery-overview_START--------------------*/

div.gallery-overview-body {
  overflow: hidden;
  margin: 0 10px 0 10px;

}

div.gallerie-overview-head {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 1px 4px 1px 4px;
  height: 18px;
}

div.gallerie-overview-pic {
  margin: 0 10px 10px 0;
  float: left;
  width: 100px;
}

div.gallerie-overview-footer {
  font-size: 0.8em;
  padding: 1px 4px 1px 4px;
  height: 18px;
}
/*--------------------Gallery-overview_Ende--------------------*/
/*--------------------Gallery-fullview_START--------------------*/
div.gallery-full-body {
  overflow: hidden;
  margin: 60px 10px 0 10px;
}

div.gallerie-overview-pic-border {
  padding-left: 10px;
}

div.gallery-full-head {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 1px 4px 1px 4px;
  height: 18px;
}

div.gallery-full-img {
  text-align: center;
  margin: 0 10px 10px 0;
}

div.gallery-full-footer {
  font-size: 0.8em;
  padding: 1px 4px 1px 4px;
  height: 18px;
}

/*--------------------Gallery-fullview_Ende*/
/*--------------------Bildergalerie und Diashow Ende--------------------*/

/*--------------------langer Jingle_Start--------------------*/

div.mainjingle {
 border-bottom: 1px solid #dcdcdc;
 padding-bottom: 2em;
 padding-top: 2em;
}

div.mainjingle div.doc-maintext {
margin-bottom: 1em;

}

/*--------------------langer Jingle_Ende--------------------*/

/*--------------------Standardlayout Infobox #right Start--------------------*/

div.infobox {
  margin: 10px;
  margin-top: 0;
  background-color: #7C99DC;
}

a.infobox-link {
  text-decoration: none;
  font-style: normal;
  color: white;
  display:block;
  font-size: 0.8em;
}

div.infobox-head {
  padding: 3px 3px 3px 0;
}

div.infobox-body {
}

div.infobox-foot {
}

/*--------------------Standardlayout Infobox #right ENDE--------------------*/

/*--------------------Layouts für die Formularfeldsteuerung--------------------*/
/*--------------------Formularfelder--------------------*/

div.form-data {
/*border: 1px solid #FFF;*/
  padding: 15px;
  margin-bottom: 40px;
}

div.form-data input {
  height: 20px;
}

div.form-data input, div.form-data textarea, div.form-data select {
  background-color: #e8e8e8;
  border: 1px black solid;
}

/*--------------------Formulartexte--------------------*/

div.errordiv-error {
  background-color: red;
  color: #444444;
  padding: 5px;
  font-size: 0.8em;
  margin-bottom: 20px;
}

div.errordiv-noerror {
  display: none;
  visibility: hidden;
}

.doc-maintext-isrequired {
  font-size: 0.8em;
  color: #720d29;
}

.doc-maintext-isnotrequired {
  font-size: 0.8em;

}

.field-noerror {
  background-color: #000;
}

.field-error {
  background-color: #FFA4A4;
}

div.form-data span.required-input {
  padding-left: 30px;
  font-size: 0.8em;
}

/*--------------------Formulartexte Übermittlungsansicht--------------------*/
/*--------------------Layouts für die Formularfeldsteuerung Ende--------------------*/


/*-----------------------Shop-----------------------------*/


/* Spezifische Layouts der Inhalte der Infoboxen */

#infobox-brands {
  margin-top: 6px;
}
div.brand-button {
  float: left;
  width: 220px;
  height: 70px;
  margin-right: 8px;
  padding-bottom: 20px;
  font-size: 0.8em;
  background-color: #f4f7fa;
}

div.brand-img {
  width: 219px;
  height: 58px;
}

div.brand-link {
  margin-top: 3px;
}

img.newsletter-img, img.warenkorb-img{
  margin: 5px 0 0 5px;
  float: left;
}

div.warenkorb-inhalt {
  float: right;
width: 125px;
  margin: 8px 0 0 0;
  padding-right: 5px;
  font-size: 11px;
}

div.warenkorb-inhalt div.artikel {
  float: left;					
  width: 85px;
  margin-left: 5px;

}
				
div.warenkorb-inhalt div.anzahl {
  float: right;					
  width: 30px;
  overflow: hidden;
  text-align: right;
}
				
div.warenkorb-inhalt div.preistxt {
  float: left;					
  width: 50px;
  margin-left: 5px;
}
				
div.warenkorb-inhalt div.preis {
  float: right;					
  width: 65px;
  overflow: hidden;
  text-align: right;
}
				
div.warenkorb-inhalt div.button {
  margin: 5px 5px 0 2px;
  padding-bottom: 10px;
}


div.warenkorb-inhalt div.zzglmwst {
  float: left;
  width: 100%;
  font-size: 0.72em;
  text-align: right;
}

				

div.newsletter-inhalt {
  float: right;
  width: 157px;
  margin: 8px 0 0 0;
  padding-right: 5px;
}

div.newsletter-inhalt a {
  display: block;
  padding-right: 1px;
  margin: 6px 0 0 0;
  float: right;
}

div.infobox-body-wk, div.infobox-body-nl, div.infobox-body-ggw, div.infobox-body-bw, div.infobox-body-uapk {
  margin-bottom: 6px;
  padding: 3px 0 0 0; 
  padding-bottom: 8px; 
  border: 1px solid #BFD0DB;
  font-size: 0.75em;
  color: #4D5A63;
  text-decoration: none;
  background-color: #fff;
}



a.basked-add-position-title {
  display: block;
  margin: 3px 0 3px 0;
  text-decoration: none;
  color: #4D5A63;
}

div.additional-basket-infos1 {
  border-top: 1px solid #242a2e;
  margin: 5px 5px 20px 5px;
  padding-top: 5px;
}

div.additional-basket-infos0 {
  display: none;
}

div.last-added-positions {
  font-weight: bold;
  margin: 5px 0 5px 0;
}

div.basket-empty-positions {
  font-size: 0.8em;
}

div.wklink1, div.wklink1 a {
  text-align: center;
  text-decoration: none;
  color: #E95C0C;
}

div.wklink0 {
  display: none;
}



div.infobox-body-nl {
  height: 77px;
}

div.infobox-body-ggw {
  height: 112px;
}

div.infobox-body-bw {
  height: 120px;
}

div.infobox-body-uapk {
  height: 200px;
}

/* ------------------------------------------------------------- */

/* Warenkorb Layouts */

div.basket-empty-positions {
  font-size: 0.8em;
  font-weight: bold;
}



div.basket-listing {
  margin-top: 40px;
}

div.basket-row {
  float: left; 
  width: 100%;
  background-color: #fff;
  margin-bottom: 5px;
border: 1px solid #bfd0db;


}

div.basket-row-left {
  float: left;
  width: 40px;
  margin: 5px;
  /* background-color: #D3D3D3; */
}

div.basket-row-left img {
  width: 38px;
  border: 1px solid #f65f11;
}



div.basket-row-center {
  float: left;
  width: 300px;
  /* background-color: #D3D3D3; */
  margin: 5px;
}

div.basket-row-number {
  font-size: 0.8em;
}

div.basket-row-variation {
  font-size: 0.8em;
}


div.basket-row-right {
  float: right;
  width: 90px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  /* background-color: #D3D3D3; */
  text-align: right;
}

div.basket-row-price {
  font-size: 0.9em;
  font-weight: bold;
}

div.basket-row-amount {
  color: #F65F11;
  text-align: right;
  margin-top: 5px;
  font-size: 0.7em;
} 

div.basket-row-amount input.amount {
  width: 30px;
}

div.basket-row-delete {
  color: #F65F11;
  text-align: right;
  margin-top: 5px;
  font-size: 0.7em;
} 




div.basket-row a.basket-row-title:hover {
  text-decoration: underline;
}

div.basket-row a.basket-row-title {
  font-size: 0.9em;
  font-weight: bold;
  color: #4D5A63;
  text-decoration: none;
}

div.basket-refresh {
  float: left;
  width: 100%;
  text-align: right;
}

div.basket-refresh input {
  background-color: #FFF;
  border: 1px solid #242a2e;
  color: #242a2e;
}

div.basket-summary {
  float: left;
  width: 100%;
  text-align: right;
  margin-top: 20px;
  border-top: 1px solid #bfd0db;
}

div.basket-summary span.basket-sum-price {
  color: #4D5A63;
  font-size: 0.9em;
  font-weight: bold;
}

div.basket-summary span.basket-sum-taxes {
  font-size: 0.75em;
}

div.cashpointselect-logedin0 {
  display: none;
}
div.cashpointselect-logedin1 {
  float: left; 
  width: 100%;
  text-align: right;
  margin-top: 30px;
}



div.cashpointselect-public0 {
  float: left; 
  width: 100%;
  margin-top: 30px;
}
div.cashpointselect-public1 {
  display: none;
}


div.cashpoint-select-fields {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

div.cashpoint-select-left {
  float: left;
  width: 60%;
  font-size: 0.8em;
  color: #242a2e;
}


div.cashpoint-select-right {
  float: right;
  width: 28%;
  text-align: right;
  height: 40px;
  padding-top: 1px;
}

div.cashpoint-select-right a.firststep1 {
  display: none;
}

div.cashpoint-select-right a.summary0 {
  display: none;
}


div.cashpoint-select-right a {
  background-color: #FFF;
  font-size: 0.8em;
  color: #242a2e;
  border: 1px solid #242a2e;
  padding: 1px 2px 1px 2px;
  text-decoration: none;
  text-align: center;
}


div.address-listing {
  margin-top: 30px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  float: left;
}

div.error0 {
  display: none;
}

div.error1 {
  background-color: red;
  color: white;
  padding: 5px;
  font-size: 0.8em;
  font-weight: bold;
}

div.address-listing-head {
background-color: #4d5a63;
  padding: 5px;
  font-size: 0.8em;
}

div.address-listing-body {
  padding: 2% 2% 0 2%;
  float: left;
  width: 96%;
}

div.address-listing {
  border: 1px solid #bfd0db;
}

div.address-listing-head span {
  color: #fff;
  font-weight: bold;
}

div.address-listing div.fieldarea {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

div.delivery-excludes span {
  font-size: 0.7em;
}



/* div.fieldarea input, div.fieldarea select {
  width: 90%;
} */


div.fieldarea div.fieldarea-label {
  width: 30%;
  float: left;
  font-size: 0.8em;
}

div.fieldarea div.fieldarea-field {
  width: 68%;
  float: right;
  font-size: 0.8em;
}

div.fieldarea-field * {
  font-size: 1em;
}

div.cashpoint-next-step {
  text-align: right;
  padding: 30px 0 30px 0;
  width: 80%;
  border-bottom: 1px solid #000;
}

div.summary-or-field {
  padding: 30px 0 30px 0;
  font-size: 1.2em;
}


div.cashpoint-next-step input {
  background-color: #FFF;
  border: 1px solid #242a2e;
  color: #242a2e;
}

div.payment-terms {
  float: left; 
  width: 80%;
  font-size: 0.8em;
  margin-top: 30px;
}

div.has-discount0 {
  display: none;
}

div.has-discount1 {
  margin-top: 14px;
}



/* Summary-Page */

div.summary-page {
  margin-top: 30px;
}

div.summary-head {
  background-color: #4D5A63;
  padding: 5px;
  font-size: 0.8em;
  
}

div.summary-head span {
  color: #fff;
  font-weight: bold;
}

div.summary-page-accept-hint {
  font-size: 0.8em;
  margin-bottom: 15px;
}

div.summary-body {
  border: 1px solid #242a2e;
  padding: 0 5px 5px 5px;
}

div.summary-field {
  font-size: 0.8em;
  padding-top: 1px;
}

div.summary-edit-data {
  text-align: right;
}

div.summary-edit-data a:hover {
  text-decoration: underline;
}

div.summary-edit-data a {
  font-size: 0.8em;
  color: #E95C0C;
  text-decoration: none;
}

div.summary-field-toc {
  height: 150px;
  overflow: auto;
}


div.invoice-adress {
  float: left;
  width: 225px;
}

div.delivery-adress {
  float: right;
  width: 225px;
}

div.payment-system {
  margin-bottom: 8px;
  clear: both;
}


/* Darstellung des Warenkorbes innerhalb der Summary-Page */


div.basketsummary-row {
  margin-bottom: 5px;
}

div.basketsummary-row-left {
  float: left;
  width: 40px;
  margin: 5px;
  /* background-color: #D3D3D3; */
}

div.basketsummary-row-left img {
  width: 38px;
  border: 1px solid #E95C0C;
}



div.basketsummary-row-center {
  float: left;
  width: 220px;
  margin: 5px;
}

div.basketsummary-row-number {
  font-size: 1em;
}

div.basketsummary-row-variation1 {
  font-size: 1em;
}

div.basketsummary-row-variation0 {
  display: none;
}


div.basketsummary-row-right {
  float: right;
  width: 90px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  text-align: right;
}

div.basketsummary-row-price {
  font-size: 1em;
  font-weight: bold;
}

div.basketsummary-row-amount {
  color: #E95C0C;
  text-align: right;
  margin-top: 5px;
  font-size: 0.9em;
} 



div.basketsummary-row a.basketsummary-row-title:hover {
  text-decoration: underline;
}

div.basketsummary-row .basketsummary-row-title {
  font-size: 1em;
  font-weight: bold;
  color: #E95C0C;
  text-decoration: none;
}


div.infobox-area-brands {
  background-color: #FFF;
}


span.address-title0 {
  display: none;
}

/* Marken-Zapper */

a.marken-picture {
  display: block;
  width: 219px;
  float: right;
  margin-left: 10px;
}

div.infobox-area-brands {
  margin: 5px 0 3px 0;
}

a.infobox-brands {
  display: none;
  height: 73px;
  font-size: 12px;
  text-decoration: none;
}


#infobox-brands0 {
  display: block;
}

div.infobox-brands-foot {
  text-align: right;
} 

div.infobox-brands-foot a {
  font-size: 0.75em;
}


div.product-filter-series {
  font-size: 0.8em;
  padding: 10px;
  border: 1px solid #840000;
}

div.product-filter-series h1 {
  display: inline;
  font-size: 1em;
  color: #000;
}


div.product-filter-series a:hover {
  text-decoration: underline;
}


div.product-filter-series a {
  font-size: 1em;
  text-decoration: none;
}

div.product-filter-series a.product-filter-link-active {
  font-weight: bold;
}

a.sitemap-link {
font-size: 0.8em;
}

/*-----Foto-Link------*/

#inner-wrapper #florian-neuhann a, #inner-wrapper2 #florian-neuhann a {
display: block;
position: absolute;
left: 851px;
top: 25px;
width: 104px;
height: 154px;
}

a.doc_text1 {
color: #000;
font-weight: bold;

}


