@charset "UTF-8";
/****** Zentrale Haupt - CSS Datei ******/

/****** Inhalte (Reihenfolge) ******/

/**** Generelle Browser-Fehlerkorrekturen (BUGFIXES) ****/

/**** Grundeinstellung der Formatierungen (Z. 75) ****/
/*** Grundeinstellungen body   ***/
/*** Übersicht Größen-Konversionen auf der Basis von 12px %  / em / px  ***/
/*** Standardwerte für Überschriften  ***/
/*** Standardwerte für Text und Absätze ***/
/*** Standardwerte für Listen & Zitate  ***/
/*** Formatierungen von Links ***/
/*** Formatierung von Tabellen  ***/
/*** Sonstige Grund-Formatierungen ***/

/**** Grundeinstellung des Layouts (Z.430) ****/
/**** Einrichtung / Positionierung der Hauptbereiche des Layouts ****/
/*** Sprunglinks ***/
/*** Header ***/
/*** Navigationsleiste (navigation_1, Quermenü) ***/
/*** Hauptbereich ***/  
/*** Spalten positionieren und einrichten ***/  
/*** Klasse für Unterspalten ***/  
/*** Fußzeile ***/  

/**** Einrichtung von Layout-Einzelelementen und Unterspalten oder Tabellen (Z. 680) ****/
/*** Topnavigation ***/
/*** Formatierung horizontales Menü (navigation_1)  ***/
/** Sonstige Style-Anweisungen **/

@media all
{
/**------------------------------------------------------------------------------------------------------**/
 
/**** Generelle Browser-Fehlerkorrekturen ( BUG FIXES): Basics! ****/

  /**  Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente **/
  * { margin:0; padding:0; }
  
  /** Korrektur Abstände für Selectboxen. **/
  option { padding-left:0.4em; }
  select { padding:1px; }

  /** Korrektur des Italics Bugs des IE 5 und IE 6 **/
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /** Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern **/
  div { outline:0 none; }

  /** floatrep-Methode zum Clearen der Float-Umgebungen **/
  .floatrep:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }
  /** Für Safari-Browser  **/
  .floatrep { display:block; }

  /** floatdiven (Einschließen von Float-Umgebungen) **/
  .floatdiv { overflow:hidden; }

  /** IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet **/
  #clear_ie { display:none; }
    .clear_ie { display:none; }

/**------------------------------------------------------------------------------------------------------**/
 
/**** Grundeinstellung der Formatierungen ****/

  /** Alle Schriftgrlößen zunächst auf Standardgröße 16 Pixel (= 1em) zurücksetzen **/
  html * { font-size:100%; }

/*** Grundeinstellungen body    -----------------------------------------  ***/
  body { 

  /** Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera  **/
  overflow-y: scroll; 
  
  /** Schrift-Formatierungen **/
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#444;  /** mitteldunkles Grau **/
  font-size:13px; /** = Standardgröße 12 px. Achtung! Dies entspricht nun 100 % bzw. 1 em !**/
  }

/*** Übersicht Größen-Konversionen auf der Basis von 12px %  / em / px  ***/
/** siehe auch http://pxtoem.com/12 **/

  /**    8.3%  0.083em    1 px   **/
  /**   16.7%  0.167em    2 px   **/
  /**   25%    0.25bem    3 px   **/
  /**   33.3%  0.333em    4 px   **/
  /**   41.7%  0.417em    5 px   **/
  /**   50%    0.5em      6 px   **/
  /**   58.3%  0.583em    7 px   **/
  /**   66.7%  0.667em    8 px   **/
  /**   75%    0.75em     9 px   **/
  /**   83.3%  0.833em   10 px   **/
  /**   91.7%  0.917em   11 px   **/
  /**  100%    1em       12 px   **/
  /**  108.3%  1.083em   13 px   **/
  /**  116.67% 1.167em   14 px   **/
  /**  125%    1.25 em   15 px   **/
  /**  133.33% 1.333em   16 px   **/
  /**  141.7%  1.417em   17 px   **/
  /**  150%    1.5em     18 px   **/
  /**  158.3%  1.583em   19 px   **/
  /**  133.7%  1.667em   20 px   **/
  /**  200%    2em       24 px   **/
  /**  250%    2.5em     30 px   **/

/*** Standardwerte für Überschriften    -----------------------------------------  ***/

  h1,h2,h3,h4,h5,h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#444; /** dunkles Grau **/
    margin:0 0 0.5em 0; /** Abstand nach unten 5 px **/
  }

  h1 { font-size:166.67%; }  /** 17px **/
  h2 { font-size:116.67%; }  /** 14px **/
  h3 { font-size:116.67%; }  /** 14px **/
  h4 { font-size:100%; }     /** 12px **/
  h5 { font-size:100%; }     /** 12px **/
  h6 { font-size:100%; }     /** 12px **/

/*** Standardwerte für Text und Absätze   -----------------------------------------  ***/

  /** Normale Absätze (Hinweis: Schrifttyp, Farbe und Größe von Standard in <body> übernommen!) **/
  p { 
  line-height:1.25em; /** 18 px **/
  margin:0 0 0 0;  /** Abstand nach unten 0 px **/
  }
  
  .txt p { 
  margin:0 0 0.5em 0;  /** Abstand nach unten 6 px **/
  }
  
  /** Eingerückter Absatz (z.B: für Zitate). Text muss in <p> oder <div> stehen! **/
  blockquote { 
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  margin:0 0 1em 0.8em; 
  } 

  /** Inhalte die vor oder nach Zitat-Absatz gesetzt werden können (z.B. Quell-Link oder Image) **/
  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }
  
  /** Fett, Kursiv usw. **/
  strong, b, .fett { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.67%; } /** 14 px **/
  small { font-size:83.3%; } /** 10 px **/
 
  /** Eigendefinierte Sondermarkierungen für Text **/
  .highlight { 
  color:#E7401A; /** Moravia-Rot **/
  font-weight:bold;
  } 

  .ok { 
  background:#efe; /** Grün mit Rahmen**/
  color:#484; 
  border:2px #484 solid; 
  padding:5px; 
  margin-bottom:1em; 
  }

  .warnung { /** Rot mit Rahmen**/
  background:#fee; 
  color:#E7401A; 
  border:2px #E7401A; solid; 
  padding:5px; 
  margin-bottom:1em; 
  }
 
  .red {
  color:#E7401A; 
  }	
	
  .left {text-align:left;}
  .right {text-align:right;}
  .center {text-align:center;}
 
  /** Diverse selten verwendete Sonder-Tags**/
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  /** Auszeichnung von Akronymen und Abkürzungen **/
  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  /** Text hochstellen (sup) oder tiefstellen (sub) **/ 
  sub, sup { 
  font-size:91.7%; /** 11px **/
  line-height:0; 
  }



/*** Standardwerte für Listen & Zitate    -----------------------------------------  ***/

  ul, ol, dl { 
  line-height:1.5em; /** 18 px **/
  margin:0 0 0.5em 1em; /** Abstände der gesamten Auflistung nach unten und links **/
  padding:0;
  } 
  
  /** ul erste Ebene **/
  ul { 
  list-style-type:disc; 
  }
  
  /** ul zweite Ebene **/
  ul ul { 
  list-style-type:circle; 
  margin-bottom:0; 
  }
  
  li {
    line-height:1.5em;	/** 25px **/
    margin-left:0.8em; /** 13px **/
  }

  /** ol erste Ebene **/
  ol { 
  list-style-type:decimal; 
  }
  
  /** ol zweite Ebene **/
  ol ol { 
  list-style-type:lower-latin; 
  margin-bottom:0; 
  }

  /** Definitionslisten **/
  dt { font-weight:bold; } /** dt= dfinition term (Ausdruck) **/
  dd { margin:0 0 1em 0.8em; } /** dd = definition definition (Wert) **/

  textarea {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:1em;
  }


/*** Formatierungen von Links    -----------------------------------------  ***/

  /** Standard-Links **/
  a { 
 /* color:#4D87C7;/**   Helleres Blau **/ 
  color:#006699;
  background:transparent; /** transparent ist standard. **/ 
  text-decoration:none;  }
  
  /** Bereits besuchte Links. Ggf. abweichende Farbe entfernen **/
  a:visited  { 
  /** color:#036; Dunkelblau **/
  outline: 0 none;
  }


  /** Mousover-Effekt und Aktive LInks **/
  a:hover
  /*a:active*/
  { 
  color:#E7401A; /** Dunkelrot **/
  text-decoration:underline; 
  outline: 0 none; /** Entfernung von "Konturen", die manche Browser um Link anzeigen **/  
  }
    
  #sprunglinks a
  /*#sprunglinks a:focus,
  #sprunglinks a.sprung:active*/ 
  {
    position:absolute; 
	left:32768px; 
    outline:0 none;
    width:100%;
	color: #fff; 
	background: #333; 
	border-bottom: 1px #000 solid;
	padding: 10px 0;
	text-decoration:none;
  }
  
    .copyright {
        display: none;
    }

/*** Formatierung von Tabellen  -----------------------------------------  ***/

  table { 
  width:auto; 
  border-collapse:collapse; 
  margin-bottom:0em; /** Abstand nach unten 6 px **/
  border:0px #222 solid; /** Optional: Tabellen-Außenrahmen **/
  }
  
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th { 
  padding:0.5em; /** 6 px Innenabstand **/
  text-align: center;
  color:#000; 
  border:0px #ccc solid; /** Hellgrau **/
  }
  
  td { 
  padding:0em; /** Innenabstand **/
  text-align: left;
  vertical-align:top;
  border:0px #ccc solid; /** Optional: Tabellenlinien Hellgrau **/
  }
  
  thead th {
  border:1px #222 solid; /** Dunkelgrau **/
  }
  
  tbody {
  /**height: 200px;  Optional: Feste Tabellenhöhe **/
  /**overflow: scroll; Erzwingt Scrollbalken in der TAbelle **/
  }
  
  /** Spalte, die als Zeilen-Bezeichner definiert wurde (in der Regel links) **/
  tbody th[scope="row"] { background:#f0f0f0;}
  
  /** Hover-Effekte in Tabellenzellen **/
  /*tbody tr:hover td { background:#ccc; border:1px #222 solid;}
  tbody tr:hover th[scope="row"]  { background:#fff; border:1px #222 solid;}*/
  


/*** Sonstige Grund-Formatierungen   -----------------------------------------  ***/

  /** Horizontale Linien. **/
  /** Um die Dicke der Linie besser steeurn zu können, wird sie auf "weiß" bzw. "transparent gestellt und dann ein untere Rand in der eigentlichen Linienfarbe und Dicke erstellt **/
  hr {
    color:#fff; /** weiß - ggf. an Hintergrundfarbe anpassen 
    background:transparent;**/
    margin:0 0 1em 0; /** Abstand nach unten 6 px **/
    /* padding:0 0 0.5em 0; Innenabstand nach unten */
    border:0;
    border-bottom:1px #ccc solid; /** 1px Linie in Grau **/
  }

  /** Rahmen für verschiedene Elemente standardmäßig löschen **/
  fieldset, img { 
  border:0 solid;
  }

  /** Klassen für unsichtbare Elemente **/
  .sprung, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; 
  }

    .hidden, .showable, .smartonly  {
        display:none;
    }
  
  /** Ausrichtungen **/
  .mitte {
  text-align:center; 
  /*display:block; 
  margin:0.5em auto; */
  }
  
  .links {
  text-align:left; 
  }
   
  .rechts {
  text-align:right; 
  }
  
  /** FLoat-Elemente **/
  .float_links { 
  float:left; 
  display:inline; 
  margin-right:1em; 
  margin-bottom:0.15em; 
  }
  
  .float_rechts { 
  float:right; 
  display:inline; 
  margin-left:1em; 
  margin-bottom:0.15em; 
  }

  
  /** Absatz mit floatenden Elementen (z.B. umfließenden Bildern, mit opt. Bildunterschrift)**/

  p.umfluss_links { 
  float:left; display:inline; margin:0 1em 0.15em 0; 
  }
  
  p.umfluss_rechts { 
  float:right; display:inline; margin:0 0 0.15em 1em; 
  }

  p.umfluss_links img,
  p.umfluss_rechts img { 
  padding:0; border:1px #888 solid; 
  }

  p.umfluss_links strong,
  p.umfluss_rechts strong { 
  display:block; overflow:hidden; 
  margin-top:2px; padding:0.3em 0.5em; 
  background:#eee; 
  font-weight:normal; font-size:91.667%; 
  }
  
/**------------------------------------------------------------------------------------------------------**/

/**** Grundeinstellung des Layouts ****/

  /** Zentrierung des Layouts **/
  body { 
      text-align: center;
      padding: 0px 0px;
     background:#fff;
 }
  .seite_aussenrahmen { 
      
    text-align:left; 
    margin: 0 auto;
    width: 100%; 
    background: #fff;
  }
  
  /** Layout Innenabstand **/
  .seite_innenrahmen {
    padding: 0 0;
  }

/** Cookies Info **/
    .cookies_hinweis {
        margin:0 auto;
        text-align: center;
        padding: 1em 0em;
        background: #e4e4db;
        color: #000;
        z-index: 10000;
    }
    .cookies_hinweis a {
        color: #006699;
        text-decoration: underline;
        cursor: pointer;
    }
    .cookies_hinweis .ok_button {
        display: inline-block; 
        margin-left: 1em;
        width: 2.5em;
        background: #FDC500;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        cursor: pointer;
    }

/*** Hauptcontainer für max-width und Zentrierung***/

.main_container {
    max-width: 1200px;
    margin: 0 auto;
}

/*Begrenzung Breite vor Hauptspalten-Inhalte*/
.main_content {
    max-width: 1170px;
}

  /*** Klassen für Unterspalten ***/

  /** Umfassender Container für Unterspalten **/
  .unterspalten { /**basic**/
  width:100%; 
  overflow:hidden; /** Einschluss der Inhalte in Container **/
  }

/**------------------------------------------------------------------------------------------------------**/

/**** Einrichtung / Positionierung der Hauptbereiche des Layouts ****/
  
  /** 
   * |-----------------------------------|
   * | #header                           |
   * |-----------------------------------|
   * | #spalte_2 | #spalte_1 | #spalte_3 |
   * | deaktviert| 100%      |deaktiviert|
   * |-----------------------------------|
   * | #footer                           |
   * |-----------------------------------|
   **/   

/** Beenden des vorangegangenen floats **/
  #header, #navigation_1, #hauptbereich, #footer, #intro { clear:both; } /** basic **/

/*** Sprunglinks ***/

 /** Sprunglinks für Tab-Navigation sichtbar schalten **/
  .sprung:focus, 
  .sprung:active {
    position:static;
    top:0;
    left:0;
  }

  /** Sprunglinks aus Blickfeld schieben **/
  #sprunglinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
    
/*** Header ***/	
  #header {
  position:relative; /** basic **/
  /* background:#FFC993 repeat-x top left; /** nur als Beispiel **/
  padding: 1.333em 0em 0em 0em;
  background-color:#fff;
  }
  
  
/*** Flex-Boxen Hauptbereich **/

.flex_container {
   /* display: table;  Workaround für IE 9*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }

.flex_container>div,
.flex_container>section,
.flex_container>nav {
    /*display: table-cell; Workaround für IE 9*/
}

 /** #spalte_1 wird mittlere Spalte **/

    #spalte_2 { 

    }
  .flex_spalte_links {
    width: 250px;
    flex: 0 0 250px ;
  }
  #spalte_1 { 
    width: 100%;
  }
  .flex_spalte_rechts {
    flex-grow: 1;
  }
  
  /** Hauptspalte Mitte **/
  #spalte_1_content, #spalte_2_content, #spalte_3_content { /**basic**/
  position:relative; 
  }

  #spalte_1_content { 
  padding: 1.5em 1em 3em 2em;
  min-height: 550px; /** Achtung: Geht nur in neuen Browsern! **/
  }
  
  /** Navigationsspalte Links **/
  #spalte_2_content { 
  padding: 1.5em 0em 1em 1em;
  }

/*** Hauptbereich ***/
#hauptbereich { 
    width: 100%;
    max-width: 1720px;
    background:#FFF;
    /*background:yellow;*/
    /**background:#fff url(images/greyline.gif) repeat-y top left; */ /** Graue Trennline zwischen LInker und rechter Spalte **/
    }
  
    #hauptbereich_content {
        padding:0em;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }


/*** Fußzeile ***/

  #footer {
    color:#666;
    background: #f8f8f8;
    padding: 3em 1em 2em 1em;
    border-top: 0.25em #eee solid;
	border-bottom: 0.25em #eee solid;
    line-height: 1.5em;
  }

  #footer_banner {
  }

  .footer_banner_item {
      flex: 1 300;
      text-align: center;
      padding-bottom:2em;
  }

  #fussnavtable {
  margin-top:0em;
  }	




  #fussnavtable div {
  padding: 0 0.75em 0 0.75em;
  margin-bottom: 1em;
  height: 3em;
  text-align: center;
  border-left:#E7401A 0.167em solid;
  }

    #fussnavtable div.footer_item_right {
        border-right:#E7401A 0.167em solid;
    }


  .copyright {
      display: none;
  }

/**------------------------------------------------------------------------------------------------------**/

/**** Einrichtung von Layout-Einzelelementen und Unterspalten oder Tabellen  ****/



/** Spalten im Header **/

 #seitenkopf {
    justify-content: space-between;
    padding: 0em;
 }
 
.header_l { /** links **/
  width: 15em;
}		
	
.header_m { /** mitte **/
 }	

.header_r { /** rechts **/

}		
  
.header_l_inhalt { /** links **/
  padding: 0 0 0.75em 1em;
}
  

.header_m_inhalt { /** mitte **/
  padding: 0em 0em 0.75em 0em;
}

  
.header_r_inhalt {/** rechts **/
  padding: 0 1em 0.75em 0;
  z-index:20;
}


#logo {
    padding: 0.75em 0 0.5em 0 ;/** =6px**/
    margin: 0em;
}
  
#logo img {
}


.header_contact {
    padding: 0 0 1.5em 0;
    font-weight: bold;
}


/** Sucheingabe **/
#suchbox_neu {
    padding: 0em 0em 0em 0em;
}

#suchbox_neu .sucheingabe {
    text-align:right;
    padding-right: 0.5em;
}

#suchbox_neu .suchinput,
#suchbox_neu .box_search input {
    width:20em;
    height: 32px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.suchebutton {
    text-align:right;
}

.suchebutton input {
    height: 35px;
    padding-right: 1em;
    padding-left: 1em;
}
  

#top_banner {
    position:relative;
    width: 100%;
    max-height: 250px;
    overflow: hidden;
}

#top_images img {
    width: 100%;
}

.register_info {
    position: absolute;
    top: 1em;
    right: 1em;
    padding: 1em 1em;
    background: #fff;
    opacity: 0.9;
}

.nl-box {
    align-self: center;
    margin-left:3em;
    float: right;
    width: 51%;
}
.nl_info {
    position: absolute;
    top: 6em;
    right: 1em;
    font-size:1em ;
    opacity: 0.8;
}
.nl_head {
    font-weight: bolder;
}
.nl_text {
    width: 80%;
    padding-right: 0.5em;
}
.nl_button {
    padding: 0.333em 0.5em;
    margin:0 0 1em 7em;
    background-color: #FDC500;
    border-radius: 3px;
    cursor:pointer;
}

.introtext {

}

.introtext_inhalt {
    padding: 1em 1em 0em 1em;
}

.introtext p {
    line-height: 1.333em;
    margin-bottom:0.5em;
}
    
 
/** Kundenbuttons (Login, Warenkorb) **/

.button {
padding: 0.333em 0.5em;
background-color: #FDC500;
border-radius: 3px;
cursor:pointer;
white-space: nowrap;
}

.button:hover {
    background-color:#FFD700;
    color: #0b5799;
}

a.button {
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-radius: 3px;
    padding: 0.333em 0.5em;
    color: #000;
}

a.button:hover {
    background-color:#FFD700;
    color: #0b5799;
    text-decoration: none;
}

input.button {
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-radius: 3px;
    padding: 0.333em 0.5em;
    color: #000;
}

input.button:hover {
    background-color:#FFD700;
    color: #0b5799;
    text-decoration: none;
}

#kundenbuttons {
width:100%;
height:5.5em;
margin-top:0.333em;
margin-bottom:1em;
text-align:right;
}

#kundenbuttons img {
margin-bottom:0.083em; 
vertical-align:middle;
}
  
  
/*** Formatierung horizontales Menü (navigation_1) ***/

  #navigation_1 {
    margin-bottom:0em;
    display: none;
  }

 .horizont_liste {
    /** Einfassen der Floats im IE **/
    width:100%;
	height: 2em;
    overflow:hidden;
    /** Einfassen der Floats in allen anderen Browsern **/
    float:left;
    display:inline;
    /** Bugfix:IE - collapsing horizontal margins **/
    position:relative;
    line-height:0;
  }

  .horizont_liste ul {
    margin:0;
    padding:0;
    /** Bugfix:IE - Doubled Float Margin Bug **/
    display:inline;
    float:left; 
    /** Abstand der Buttons vom linken und rechten Rand  **/
    border-left:0px #aaa solid;
    border-right:0px #fff solid;
	    /** (de) Wiederholung der Hauptfarbe aus der Bilddatei **/
  }

  #alle_marken {
  width:14em;
  border-right:#fff 0.75em solid;
  }

  .horizont_liste ul li {
    width: 8.25em;
	text-align:center;
  	/** Abstand der Buttons zueinander  **/
    border-left:0.167em #fff solid;
    /** Bugfix:IE - Doubled Float Margin Bug **/
    display:inline;
    float:left;
    line-height:1em;
	letter-spacing:1px;
    list-style-type:none;
    margin:0;
    padding:0;
	background:#c0c0c0 url("images/pf-allemarken.jpg") repeat-x center right;
  }

  .horizont_liste ul li a,
  .horizont_liste ul li strong {
    background:transparent;
    color:#444;
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:0.5em 0.5em;
    text-decoration:none;
  }

  
  .horizont_liste ul li a:hover
  /*.horizont_liste ul li a:focus,
  .horizont_liste ul li a:active*/ { 
  /*background:#eee url("images/xy.png") repeat-x center right; /** Bild nur Beispiel, geht auch ohne **/
  background:#E7401A;
  color:#FFF; 
  text-decoration:none; 
  outline: 0 none; }

  /** Farbe des Buttons der aktiven Seite **/
  .horizont_liste ul li.active {
    /*background:#272727 url("images/background_active.png") repeat-x center right; /** Bild nur Beispiel **/
  background:#E7401A;
  color:#FFF; 
  }
  
  .horizont_liste ul li.active a {
  color:#FFF; 
  }
   /** Farbe des Buttons der aktiven Seite (hover) **/
  .horizont_liste ul li.active a:hover
  /*.horizont_liste ul li.active strong,
  .horizont_liste ul li.active a:focus,
  .horizont_liste ul li.active a:active*/ { 
  background:transparent; 
  color:#FFF; 
  text-decoration:none; }


/** Spalten für Intro-Text **/


 .subspalte_intro_l { /** links **/
  float: left;
  width: 60em;
  width: 56.5em;
  border:#999999 0px solid;
  }		
	
  /**.subspalte_intro_m {  mitte 
  float: left;
  width: 0em;
  border:#999999 0px solid;
  }		**/
  .subspalte_intro_r { /** rechts **/
  float: right;
  width: 13em;
  width: 17em;
  margin-left:-2px;
  border:#999999 0px solid;
  }		
  
  .subspalte_intro_l_inhalt { /** links **/
  padding: 1em 3em 0.5em 0em;
  padding: 0.75em 0em 0.75em 0em;

  }


  /**.subspalte_intro_m_inhalt {  mitte 
  padding: 1em 0 1em 1em;
  }**/
  
  #kontakt_zeile {

  float: left;
      /*width: 51em;*/
  width: 75%;
  font-weight:bold;
  font-size:1.083em;
  border-top:#ccc 1px solid;
  padding:0.5em 0em 0em 0em;
  }
  
  .txtcontact {
  margin-right:38px;
  }
  
  .fax {
  margin-left:25px;
  }
  
  .kontaktlink {
  margin-left:25px;
  }
  
  .subspalte_intro_r_inhalt {/** rechts **/
  padding: 1em 0em 1em 0.5em;
  padding: 0.75em 0em 0em 0em;
  /*background:#FFFFCC;*/
  }

/** Box	Login / Warenkorb **/
  #login_warenkorb {
  /*width:99%;
  float: right;
  padding: 0em;
  margin:0 0 0em 0;
  text-align:center;*/
  }

  #login_warenkorb img {
  margin-bottom:0.083em; 
  vertical-align:middle;
  }

  /** Loginfelder **/
  #logintable {
  margin:0 0 0em 0;
  }
  
  #logintable td {
  padding-bottom:0.5em;
  }
  
  .loginfeld {
  height:25px;
  width:180px;
  padding-left: 0.25em;
  }

    .pwfeld {
        height:25px;
        width: 130px;
        padding-left: 0.25em;
    }
  
  .login-btn {
  text-align:right;
  vertical-align:top;
  padding:0 0em 0 0;
  }


  .link_login_neu {
  padding-top:0.25em}

  /** Warenkorb-Header */
  #wkb-info {
  margin-bottom:0.25em;
  margin: 0em 0 0.25em 0;
  }
  
  .wkb-info_header {
  padding-bottom:0.25em;
  }
  
  .items_info {
  font-weight:bold;
  /*display:none;*/
  }
  
  .items_added {
  font-weight:bold;
  color:#339900;
  display:none;
  }
  
  .wkb-preis {
  line-height:1em;
  margin-left:0.25em;
  /*vertical-align: super;*/
  }
  
  #wkb-btn {
      text-align: right;
  padding:0.5em 0 1em 0;
  }
  
  #kundenlinks {  
    text-align: right;
  margin-bottom: 0.75em;
  }

  /** Kontaktinfos **/
 
 
  #kontaktbox {

  }
  
  #kontaktnummern {
  margin-bottom:0.5em;
  padding-left:1.333em;
  }
  
  #kontaktnumtable td {
  font-size:1.083em;
  font-weight:bold;
  padding-left:0.25em;
  padding-bottom:0.167em;
  }

  #btn_kontakt {
  padding-left:1.5em;
  }

  /*** Linksmenü ***/
  
  #linksmenue {
  margin-bottom:1em;
  }
  
  
  /** Linksmenü Header **/ 
  
  
  .linksmenue_header {
    margin-bottom:1em;
    background: #f8f8f8;
    background: #fff;
    text-align:left;
    /*border: 1px solid #E7401A;
    border-left:0;
    border-right: 0;*/
    font-weight:bold;
    font-size: 1.25em;
    letter-spacing:2px;
    /*line-height:2em;*/
  }
  
  .linksmenue_header a,
  .linksmenue_header a:visited { 
  color:#444;
  display:block;
  }
  
  .linksmenue_header a:hover {
  color:#E7401A;
  display:block;
  text-decoration:none; 
 }
  
 /** Linksmenü content **/ 
.linksmenue_content {
    text-align:left;
  padding-bottom:2em;
}

#userportal_download ul li a img {
 display: block;
 margin: 0.5em auto;
}

  /** Allgemeine Einstellugnen für Navigationsliste **/
  
  .linksmenue_list {
  width:100%;
  overflow:hidden;
  margin:-0.25em 0 0 0;
  list-style-type:none;
      text-align: left;
  /*border-bottom:0.083em #ccc solid; */ /** = Obere Linie des untersten Menüpunktes (Mittelgrau) **/
  background:#fff; /** (WEiß). Scheint als Trennlinien durch **/
    
  }	
  
  .linksmenue_list ul {
  list-style-type:none;
  margin:0;
  padding:0;
  background:#FFF;
  }
  
  .linksmenue_list li {
  background: #F3EFE3;
  background: #f8f8f8;
  margin:0;
  margin-top: 0.25em; /** Oberer Abstand produziert Trennlinie, da ul Hintergrundfarbe durchscheint **/ 
  padding:0 0 0 0;
  }
  
  .linksmenue_list a,
  .linksmenue_list a:visited
  /*.linksmenue_list a:focus*/
   {
  display:block;
  padding:0.5em 0em ; /** Allgemeine Abstände des Menütextes zu den Rändern **/
  font-weight: normal;
  }	
  
  .linksmenue_list a:hover {
  text-decoration:none;
  }
 
  
  /**  Ebene 1 **/
  
  .linksmenue_list li.e1 {
  width:100%;
  /*margin-top: 0.25em; /** Oberer Abstand produziert Trennlinie, da ul Hintergrundfarbe durchscheint **/ 
  }
  
  .linksmenue_list li.e1 a,
  .linksmenue_list li.e1 a:visited
  /*.linksmenue_list li.e1 a:focus */ { 
  width:94%; /** Überschreibt Grundabstände oben. width und padding müssen 100% ergeben**/
  padding-left:3%; /** Einrückung 1. Ebene **/
  /*margin: 0.25em 0 0 0; /** Durch den Abstand scheint Hintergrundfarbe des ul durch und schafft so Trennlinie **/ 
  color:#444;
  font-weight: bold;
  }
  .linksmenue_list li.e1 a:hover {
  color:#0b5799;
  text-decoration:none;
  }
  
  /** Ebene 2 **/
  
  .linksmenue_list li ul {
  margin:0;
  padding:0;
  background-color:#fff;
  padding-top: 0.25em; /**Produziert weißen Abstand der Ebene zum übergeordneten Menüpunkt**/
  /*margin-top:-0.25em; /**Entfernt unteren Abstand des "BLocks", wenn Doppellinie entsteht **/
  margin-bottom:0.5em;
  }
   
  
  .linksmenue_list li ul li.e2 a,
  .linksmenue_list li ul li.e2 a:visited { 
  width:92%; 
  padding-left:8%; /** Einrückung der 2. Ebene**/
  /*margin: 0.25em 0 0 0; /** Durch den Abstand scheint Hintergrundfarbe des ul durch und schafft so Trennlinie **/ 
  color:#444;
  font-weight: normal;
  }
  
  .linksmenue_list li ul li.e2 a:hover {
    color:#0b5799;
  text-decoration:none;
  }


  /** Ebene 3 **/
  
  .linksmenue_list li ul li ul {
  margin:0;
  padding:0;
  background-color:#fff;
  padding-top: 0.083em; /**Produziert weißen Abstand der Ebene zum übergeordneten Menüpunkt**/
  /*margin-top:-0.083em; */ /**Entfernt unteren Abstand des "BLocks", wenn Doppellinie entsteht **/
  margin-bottom:0.5em;
  }
   
  
  .linksmenue_list li ul li ul li.e3 a,
  .linksmenue_list li ul li ul li.e3 a:visited { 
  width:87%; 
  padding-left:13%; /** Einrückung der 2. Ebene**/
  /*margin: 0.25em 0 0 0; /** Durch den Abstand scheint Hintergrundfarbe des ul durch und schafft so Trennlinie **/ 
  color:#444;
  font-weight: normal;
  }
  
  .linksmenue_list li ul li ul li.e3 a:hover {
    color:#0b5799;
  text-decoration:none;
  }

  /** Ebene 4 **/
  
  .linksmenue_list li ul li ul li ul {
  margin:0;
  padding:0;
  background-color:#fff;
  padding-top: 0.083em; /**Produziert weißen Abstand der Ebene zum übergeordneten Menüpunkt**/
  /*margin-top:-0.083em; */ /**Entfernt unteren Abstand des "BLocks", wenn Doppellinie entsteht **/
  margin-bottom:0.5em;
  }
   
  
  .linksmenue_list li ul li ul li ul li.e4 a,
  .linksmenue_list li ul li ul li ul li.e4 a:visited { 
  width:82%; 
  padding-left:18%; /** Einrückung der 2. Ebene**/
  /*margin: 0.25em 0 0 0; /** Durch den Abstand scheint Hintergrundfarbe des ul durch und schafft so Trennlinie **/ 
  color:#444;
  font-weight: normal;
  }
  
  .linksmenue_list li ul li ul li ul li.e4 a:hover {
    color:#0b5799;
  text-decoration:none;
  }
   
  /** Farbhintergründe Linksmenü **/
  
  /*Moravia-rot*/ 
  .mo a:hover
   { 
  background-color:#E7401A;
  }
   
  li.act-mo
  { 
  background-color:#E7401A;
  } 
  
  /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-mo a,
  .linksmenue_list li.act-mo a:visited,
  .linksmenue_list li ul li.act-mo a,
  .linksmenue_list li ul li.act-mo a:visited,
  .linksmenue_list li ul li ul li.act-mo a,
  .linksmenue_list li ul li ul li.act-mo a:visited,
  .linksmenue_list li ul li ul li ul li.act-mo a,
  .linksmenue_list li ul li ul li ul li.act-mo a:visited
  {
  color:#fff;
  }




  /*grün*/
  .dgr a:hover
   { 
  /*background-color:#007970;*/
  background-color:#98d5c5;
  }
   
  li.act-dgr
  { 
  background-color:#98d5c5;
  } 

  /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-dgr a,
  .linksmenue_list li.act-dgr a:visited,
  .linksmenue_list li ul li.act-dgr a,
  .linksmenue_list li ul li.act-dgr a:visited,
  .linksmenue_list li ul li ul li.act-dgr a,
  .linksmenue_list li ul li ul li.act-dgr a:visited,
  .linksmenue_list li ul li ul li ul li.act-dgr a,
  .linksmenue_list li ul li ul li ul li.act-dgr a:visited
  {
  color:#444;
  }

    /*hellgrün*/
    .gr a:hover
    {
        /*background-color:#007970;*/
        background-color:#6dd36d;
    }

    li.act-gr
    {
        background-color:#6dd36d;
    }

    /** Farbausgleich aller Ebenen **/
    .linksmenue_list li.act-gr a,
    .linksmenue_list li.act-gr a:visited,
    .linksmenue_list li ul li.act-gr a,
    .linksmenue_list li ul li.act-gr a:visited,
    .linksmenue_list li ul li ul li.act-gr a,
    .linksmenue_list li ul li ul li.act-gr a:visited,
    .linksmenue_list li ul li ul li ul li.act-gr a,
    .linksmenue_list li ul li ul li ul li.act-gr a:visited
    {
        color:#444;
    }


    /*magenta*/
  .ma a:hover
   { 
  /*background-color:#E5007C;*/
  background-color:#fbadce;
  }
   
  li.act-ma
  { 
  background-color:#fbadce
  } 

  /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-ma a,
  .linksmenue_list li.act-ma a:visited,
  .linksmenue_list li ul li.act-ma a,
  .linksmenue_list li ul li.act-ma a:visited,
  .linksmenue_list li ul li ul li.act-ma a,
  .linksmenue_list li ul li ul li.act-ma a:visited,
  .linksmenue_list li ul li ul li ul li.act-ma a,
  .linksmenue_list li ul li ul li ul li.act-ma a:visited
  {
  color:#444;
  }	
   
  /*blau*/ 
  .dbl a:hover
   { 
  /*background-color:#008BD2;*/ 
  background-color:#91caee;
  }
   
  li.act-dbl
  { 
  background-color:#91caee;
  } 
  
     /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-dbl a,
  .linksmenue_list li.act-dbl a:visited,
  .linksmenue_list li ul li.act-dbl a,
  .linksmenue_list li ul li.act-dbl a:visited,
  .linksmenue_list li ul li ul li.act-dbl a,
  .linksmenue_list li ul li ul li.act-dbl a:visited,
  .linksmenue_list li ul li ul li ul li.act-dbl a,
  .linksmenue_list li ul li ul li ul li.act-dbl a:visited
  {
  color:#444;
  }

    /*hellblau*/
    .bl a:hover
    {
        /*background-color:#008BD2;*/
        background-color:#E0FFFF;
    }

    li.act-bl
    {
        background-color:#E0FFFF;
    }

    /** Farbausgleich aller Ebenen **/
    .linksmenue_list li.act-bl a,
    .linksmenue_list li.act-bl a:visited,
    .linksmenue_list li ul li.act-bl a,
    .linksmenue_list li ul li.act-bl a:visited,
    .linksmenue_list li ul li ul li.act-bl a,
    .linksmenue_list li ul li ul li.act-bl a:visited,
    .linksmenue_list li ul li ul li ul li.act-bl a,
    .linksmenue_list li ul li ul li ul li.act-bl a:visited
    {
        color:#444;
    }

    /*gelb*/
  .ge a:hover
   { 
  /*background-color:#FFCB00;*/
  background-color:#ffe8a7;
  }
   
  li.act-ge
  { 
  background-color:#ffe8a7;
  } 
  
     /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-ge a,
  .linksmenue_list li.act-ge a:visited,
  .linksmenue_list li ul li.act-ge a,
  .linksmenue_list li ul li.act-ge a:visited,
  .linksmenue_list li ul li ul li.act-ge a,
  .linksmenue_list li ul li ul li.act-ge a:visited,
  .linksmenue_list li ul li ul li ul li.act-ge a,
  .linksmenue_list li ul li ul li ul li.act-ge a:visited
  {
  color:#444;
  }	
   
  /*rot*/ 
  .ro a:hover
   { 
  /*background-color:#E4000E;*/
  background-color:#f4847d;
  }
   
  li.act-ro
  { 
  background-color:#f4847d;
  } 
  
  /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-ro a,
  .linksmenue_list li.act-ro a:visited,
  .linksmenue_list li ul li.act-ro a,
  .linksmenue_list li ul li.act-ro a:visited,
  .linksmenue_list li ul li ul li.act-ro a,
  .linksmenue_list li ul li ul li.act-ro a:visited,
  .linksmenue_list li ul li ul li ul li.act-ro a,
  .linksmenue_list li ul li ul li ul li.act-ro a:visited
  {
  color:#444;
  }

    /*orange*/
    .or a:hover
    {
        background-color:#FFC125;
    }

    li.act-or
    {
        background-color:#FFC125;
    }

    /** Farbausgleich aller Ebenen **/
    .linksmenue_list li.act-or a,
    .linksmenue_list li.act-or a:visited,
    .linksmenue_list li ul li.act-or a,
    .linksmenue_list li ul li.act-or a:visited,
    .linksmenue_list li ul li ul li.act-or a,
    .linksmenue_list li ul li ul li.act-or a:visited,
    .linksmenue_list li ul li ul li ul li.act-or a,
    .linksmenue_list li ul li ul li ul li.act-or a:visited
    {
        color:#444;
    }

  /*violett*/  
  .vi a:hover
   { 
  /*background-color:#877BB1;*/
  background-color:#c1bfdb;
  }
   
  li.act-vi
  { 
  background-color:#c1bfdb;
  } 
  
  /** Farbausgleich aller Ebenen **/
  .linksmenue_list li.act-vi a,
  .linksmenue_list li.act-vi a:visited,
  .linksmenue_list li ul li.act-vi a,
  .linksmenue_list li ul li.act-vi a:visited,
  .linksmenue_list li ul li ul li.act-vi a,
  .linksmenue_list li ul li ul li.act-vi a:visited,
  .linksmenue_list li ul li ul li ul li.act-vi a,
  .linksmenue_list li ul li ul li ul li.act-vi a:visited
  {
  color:#444;
  }	
  
  
  /** Kataloge in linker Spalte **/
 
  .katalog a {
      display:block;
      margin-bottom:10px;
  }

  .katalog img {
      width: 200px;
  }

  /** Akademie **/
  
  #verkehrsakademie {
  }

    #verkehrsakademie img {
        width: 200px;
        margin-bottom: 0;
    }

    #verkehrsakademie a {
        display:block;
        margin-bottom: 0;
    }
  
  .linksmenu_item {
  text-align:left;
  margin-bottom:3em;
  }
  
   .linksmenu_item a {
   outline:none;
	}
  
#jubilee {
    width: 100%;
    text-align: center;
}
#jubilee img {
    width: 180px;
}

  
  /** Navigationspfad (breadcrumb) **/
  #breadcrumb {
  line-height: 2em;
  font-size: 0.917em;
  padding: 0em 0 0.5em 0em;
  margin-bottom:1.5em;

  }
  
  #breadcrumb strong, breadcrumb b {
  font-weight:bold;
  color:#000;
  } 

  a.headerNavigation_active, 
  a.headerNavigation_active:visited,
  a.headerNavigation_active:hover
   {
  color:#333333;
  font-weight:bold;
  text-decoration: none;
  }	

  .druckbuttons {
  position:absolute;
  top:2.5em;
  right:1em;
  text-align:right;
  }
  
  .druckbuttons img {
  width:2em;}
  
  .printicon {}
  
  .pdficon {
  display:none;
  }

  #hauptueberschrift,  .hauptueberschrift {
  padding: 0.25em 2em 1em 0;
  }	

  /** Keywort-Text (nach Überschrift) **/
  #kw-text {
  }

  #kw-text p {
  margin-bottom:0.5em;
  }
  
  /** Kategorienvorschau **/
  .kachel_wrapper {
      max-width: 1400px;
  }

  
  #kategorienvorschau {
    padding-top:2em;
    overflow: hidden; /* IE11 & alt Firefox fix */
  }

  /** Kategorienboxen **/
  .catbox {
    flex: 1 300px;
    max-width: 350px;

 /* float:left;
  width: 20.28em;
  margin-bottom:0em;*/
  }
  
  .catbox_inhalt {
  position:relative;
 /* margin-left:0.75em;
      margin-right: 0.75em;*/
  padding:0.0em;
  text-align:center;
  border:#ccc 0px solid;
  margin-bottom: 4em;
  /*background: #F3EFE3;*/
  
  }

  .catbox_header {
  /*position:absolute;
  width:15em;*/
  min-height:2.66em;
  font-size:1.333em;
  font-weight:bold;
  padding: 0 2em;
  /*background: #F3EFE3*/
  }
  
  .catbox_header a {
  color:#444;
  }
  
  .catbox:hover a {
  color: #0b5799;
  text-decoration: underline;
  }
  
  .catbox_image {
  /*margin-top:3em;
  /*background-color:#FFFFFF;*/
  text-align:center;
  padding-bottom: 2em;
  }
  
  .catbox img {
  max-width:250px;
  border:#ccc 0px solid;
  }
  
  .catbox_text p {
  margin: 0.5em 0 1em 0;
  font-size:0.917em;
  }
  
  .catbox_text {
  height: 4em;
  overflow:hidden;
  text-align:left;
  }
  
  .mehr {
  width:4em;
  background-color:#FFFFFF;
  text-align:left;
  
  margin-left:13.5em;

  }
  
  .mehr a {
   display:block;
   padding-left:0.333em;
   color:#444;
   font-weight:bold;
  }
  
  .mehr a:hover {
  background:#e7401A;
  color:#fff;
  text-decoration:none;
  }
  
  #c70, #c45 {
  margin-bottom:1em;
  }

  .product_contact {
    margin-bottom:2em;
  }
  .product_contact p {  
    line-height: 2em;
  }
  
  .nachoben {
  margin-bottom:1em;
  }
  

  
  /*** Fußzeile ***/
    /** 2 Unterspalten mit je 50 % Breite */	
  .subspalte_fusszeile_l { /** links **/
  float: left;
  width: 33%; /** 49% verhindert ÜBerlappung **/
  }

    .subspalte_fusszeile_m { /** links **/
        float: left;
        width: 33%; /** 49% verhindert ÜBerlappung **/
    }

    .subspalte_fusszeile_r { /** rechts **/
  float: right;
  width: 33%;
  }
  
  .subspalte_fusszeile_l_inhalt { /** links **/
  padding: 0 1em 0 25%;
  color:#666;
  }

    .subspalte_fusszeile_m_inhalt { /** mitte **/
        padding: 0 1em 0 25%;
        color:#666;

    }
  
  .subspalte_fusszeile_r_inhalt {/** rechts **/
  padding: 0 1em 0 25%;
  color:#000;

  }

  .footeritem {
      margin: 0 0 0.5em 0;
  }

 /** Verschobene Links **/
 .domlks {
 position: absolute;
 left: -1000px;
 }

  /*** Produktseite ***/
  #produktinfos {
  }


  /** Spalte für Produktbilder  **/
  .subspalte_produktbilder {
  /*float:left;*/
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 344px;
  }

  .subspalte_produktbilder_inhalt {

  padding: 0em 0em 0em 0em;
  border:#ccc 0px solid;  
  margin-bottom:1em;
  }  
  

  /** Spalte für Produkttext  **/
  .subspalte_produkttext {

  /*float:left;
  width:40em;
      padding-left: 19em;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;*/
      flex-grow: 1;   
      flex-basis: 344px;
  }

  .subspalte_produkttext_inhalt {
  padding: 0.5em 0em 0em 2em;
  border:#ccc 0px solid;
  margin-bottom:1em;
  }

  #produkttext {
      clear: right;
      margin-bottom: 1.5em;
  }

  .subspalte_produkttext h2,
  .subspalte_produkttext h3 {
    padding: 0.5em 0;
}

    #produkttext ul {
        list-style-position: inside;
        margin-left: 0;
    }


  #produktbild-gross {
  padding-bottom:0em;
  margin-bottom:0.5em;
  max-width: 344px;
  }
  
  #produktbild-gross img {
  max-width:320px;
  padding-bottom:0.25em;
  }
  
  #produktbilder-klein img {
  width:100px;
  padding:0 0.5em 0.5em 0;
  }

  #thumbnail_images {
    flex-wrap: nowrap;
    width: 344px;
    overflow-x: auto;
  }
  .thumbnail_image {
      padding: 0 2em 1em 0;
  }
  
  #jump_images {
  margin-bottom:0.5em;
  font-weight:bold;
  letter-spacing:0.083em;
  }
  
  #c150 {
  margin-top:1em;
  }
  

  
  #varlogin_table td {
  padding: 0.5em 1em 0.5em 0;
  vertical-align:bottom;
  }
  
  .varlogin_pw {
  margin-left: 9em;
  }
  
  #info_added_to_cart {
  background:#FFFFCC;
  width:92%;
  margin:1em 0em  1em 0em;

  }
  
  .iatc_left {
  padding: 1em 1em 1em 1em ;
  }
   
  .iatc_right {
  padding: 1em 1em 1em 1em ;
  text-align:right;
  vertical-align:bottom;
  }
  
  .iatc_header {
  font-weight:bold;
  /*text-decoration:blink;*/
  font-size:1.25em;
  }
  
  #jump_variants {
    margin-bottom: 1em;
}

/*Download-Listen*/
.download-icon-list {
    list-style-type: none;
    margin-left: 0;
}

.download-icon-list li {
    margin-left: 0;
}

  /*** Preistabellen (Produktseite / Artikelgruppe / Zubehörtabellen) ***/
  
 
  #produkttabelle {
  margin: 1em 0 1em 0;
  }

    /** Preis-Tabellen Box **/
    .preistabelle_box {
        width:100%;
        max-width: 100%;
        overflow-x: auto;
        margin: 2em 0 1em 0;
    }

  table.pricetable_intern {
	width:100%;
	font-size: 0.917em;
	color:#000;
	margin-bottom: 0.5em;
  }

  th.pricetableHead {
  text-align: center;
  vertical-align:middle;
  border:1px #ccc solid; /** Optional: Tabellenlinien Hellgrau **/
  padding: 0.167em 0.167em;
	font-weight: bold;
	background:#feeac0;
  }
	
  td.pricetableBody {
  text-align: center;
  vertical-align:middle;
  border:1px #ccc solid; /** Optional: Tabellenlinien Hellgrau **/
  padding: 0.167em 0.167em;
  background:#FFF;
  /* background: #FEFCF3; */
  }
		
.pricetableImages {
  	padding:0;
	width:146px;
	text-align: left;
  }
	
td.products_image {
	width:146px;    
	padding:0px;
	text-align: left;
  }

.pricetableImages img {
	width:146px;
  }

.products_weight,
.products_shippingtime,
.personal_offer_quantity,
.products_price {
width:50px;
}

td.products_model {
	width:73px;
	white-space: nowrap;
	padding: 0.167em 0em 0.167em 0.167em;
  }

.products_model img {
margin-left:3px;
vertical-align:middle;
  }

.cart_quantity { 
width:30px;
}

td.products_short_description {
text-align:left;
padding-left:5px;
}
 
  .pli_buy_now {
  text-align:right;
  margin-bottom: 1em;
  }
  


.preistabelle_hinweise {
    flex-direction: row-reverse;
    justify-content: space-between;
   }

.vk_info {
    margin-bottom:1em;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 55%;   
}


.ampelinfo_ag {
margin-bottom:1em;
flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 40%;
  max-width: 300px;
}

.ampelinfo {
margin-top:0em;
margin-bottom:1em;
}

.ampel {
    vertical-align:middle;
    padding-left:0px;
    padding-bottom:1px;
    margin-left:-2px
    }

.preistabelle_uk .ampel {
    display: none;
}

#weitere_artikelinfos {
    margin-bottom: 2em;
}

/** Video **/

  #product_video .video-js  {
  }

  .video_header {
      font-weight: bold;
      margin-bottom: 0.5em;
  }

  #product_video video {
    width: 100%    !important;
    height: auto   !important;
    margin-bottom: 1em;
  }

        /** Weitere Produktbilder **/
  
  #weitere_produktbilder {
  margin:1em 0 1em 0;
  }
  
  #weitere_produktbilder img {
  width:210px;
  padding:0 2em 0 0;
  }
  
  
  #info-versandkosten {
   padding: 0 0em 1em 0;
  }
  
  #versandtabelle {
  margin-bottom: 1em;
  }
  
  #versandtabelle td {
  padding: 0em 0.5em ;
  text-align:right;
  margin-bottom: 0.5em;
  }
  
  .info_shipping_other-countrie {
  }
  
  /*** Artikeldatenblatt ***/

  #artikelnummer {
      margin-bottom: 0.5em;
  }

  #artikelbilder {
  }
  
  #artikelbilder img {
  max-width: 320px;
  padding-bottom:0.5em;
  }
  
  /** Eigenschaftentabellen **/
  
  #eigenschaften {
 
  }
    
  #alle_zeigen {
      margin: 0em 0 2em 0em;
  }
    #alle_zeigen a {
      white-space: nowrap;
  }
  
  .link_accessories {

  }

 


  table.product_characteristics td {
	padding: 0.5em;
	color:#666666;
	border:#ccc 1px solid;
    background: #fff;
  }

  table.product_characteristics td.characteristics_Type {
	font-weight: bold;
    
  }



  #bestelltabelle {
  margin-top:0.5em;
  clear:left;
  }
  
  .nologin {
  margin-bottom:1em;
  border: #E7401A 1px solid;
  padding: 1em;
      /*background: #f8f8f8;*/
  }


  .nologin p {
      margin-bottom: 0.5em;
  }

    .info-shipping {
  width: 8em;
  }
      
  #staffelpreise {
  width:66%;
  }

  table.preistabelle {
	width:100%;
	font-size: 0.917em;
	color:#000;
	margin-bottom: 1em;
  }

  table.preistabelle th {
	padding: 0.5em 0.5em;
	font-weight: bold;
	/*background: #ffc400;*/
      background:#feeac0;
	border:1px #ccc solid;
  }

  table.preistabelle td {
  padding: 0.5em 0.5em;
  text-align: center;
  vertical-align:middle;
  border:1px #ccc solid;
  width:100px;
      background: #FEFCF3;
  }


  .pricetableBody {
	padding: 0.167em 0.167em;
      background: #FEFCF3;
  }

  TD.pricetableImages {
	width:146px;
	text-align: left;
  }

  TD.pricetableImages img{
	width:146px;
  }

  TD.pricetableBody_products_model {
	width:50px;
	padding: 0.167em 0.167em;
	white-space: nowrap;
  }

  
  
  /*** Suchtreffer Artikel ***/
  
  table.artikeltreffer {
  width:100%;
  border:#ffc400 1px solid;
  background: #ffc400;
  margin-top:0.5em;
  }
  
  table.artikeltreffer th {
  background: #ffc400;
  padding:0.25em;
  border:#ccc 1px solid;
  }
  
  table.artikeltreffer th.img {
  width:50px;
  }
  
  table.artikeltreffer th.lz {
  width:100px;
  }
  
  table.artikeltreffer th.pr {
  width:120px;
  }
  
  table.artikeltreffer td {
  background: #fff;
  padding:0.25em;
  text-align:right;
  border:#ccc 1px solid;
  }
  
  table.artikeltreffer td.left {
  text-align:left;
  }
  
  table.artikeltreffer td.center {
  text-align:center;
  }
  
  .art_buy_btn {
  width:100%;
  text-align:right;
  margin-bottom:1em;
  }
  
  /**** Sonderseiten ****/
  
  #content_body {
      max-width: 1170px;
    margin-bottom: 2em;
  }
  
  /*** agb ***/
  
  #agb-info, #ueberuns, #datenschutz, #impressum {
  width:85%;
  }

  #datenschutz iframe {
      height: 220px;
  }

  /*** Impressum ***/
  
  #tab_impressum_1,
  #tab_impressum_2 {
  margin-bottom: 2em;
  }
  
  #tab_impressum_1 td,
  #tab_impressum_2 td {

  }
  

  #tab_impressum_1 td.spa,
  #tab_impressum_2 td.spa {
  width:9em;
  }
  
  /*** 404 Seite ***/
  #nosite_info {
  margin-top: 1em;
  margin-bottom: 2em;
  }
  
  /*** Erneute Suche (error_message.html) ***/
  #text_search_again, #form_search_again {
  margin-top: 2em;
  margin-bottom: 1em;
  }
  
  #tab_search_again {
  margin-bottom: 1em;
  }
  
  #tab_search_again .feld {
  font-weight:bold;
  padding-right:1em;
  }
  
  #tab_search_again .wert {
  padding-right:1em;
  }
  
  #tab_search_again input.textinput {
  height:1.6em;
  width:16em;
  }
  
  #tab_search_again .submit {
  }
  
  
 /*** Service ***/

  #service_overview, #service_info {   
  margin-bottom: 2em;
  }

  #service_info p {
    margin-bottom: 1em;
  }

 #service-anfragen {
     max-width: 86em;
 background:#f8f8f8;
 padding:1.5em 1.5em 1em 1.5em;
 border:#ccc 1px solid;
 overflow-x: auto;
 }


    #service_kataloge td, #service_kataloge th {
        width:10em;
        text-align:center;
        border:#ccc 1px solid;
    }

    #kataloge {
        overflow-x: auto;
        margin-bottom: 1em;
        clear: left;
        padding-top: 2em;
    }

    .katalogbild {
        padding:1em;
    }

    .kat_bestellung {
        padding:0.5em 0.5em 0.25em 0.5em;
    }

 /** Katalog-Bestellbox neu **/

    .kataloge_box {
        width: 100%;
        margin-bottom: 2em;
    }

    .katalog_box_hk {
        float:left;
        width: 50%;
        text-align: center;
    }

    .katalog_box {
        padding:1em;
        font-size:116.67%;
    }

    .katalog_box_sv {
        text-align: center;
    }

    .katalogbild {
        padding:1em;
    }


    .katalog_bestellung {
       padding:0 1em;
    }

 /** Service Formular **/

    .form_box {
        margin: 1em 0;
     }
    .form_box .form_element {
        clear: both;
    }

    .form_box .feld {
        float: left;
        width:25%;
        white-space: nowrap;
        padding: 0 1em 1em 0;
     }

    .form_box .stern {
        color: red;
        font-weight: bold;
        margin: 0 0 0 0.25em
    }
    .form_box .wert {
        float: left;
        width:35%;
        padding: 0 1em 1em 0;
    }

    .form_box .wert input[type="text"],
    .form_box .wert input[type="password"],
    .form_box .safetycode input {
        width: 100%;
        padding: 0.25em 0.5em;
    }

    .form_box .inputRequirement_error,
    .form_box .comment {
        float: right;
        width:30%;
        padding: 0 0em 1em 0;
        color:#E7401A;
    }

    .login_form .feld,
    .login_form .wert {
        float: left;
        width:30%;
    }

    .form_box .comment .hinweis {
        color: #000;
    }

     .form_box textarea {
        width:100%;
         padding: 0.25em 0.5em;
     }

    .form_box select {
        padding: 0.25em;
    }

    .form_box .form_send_button {
        width:100%;
        text-align:right;
    }

    .service_kundendaten_box {
        overflow-x: auto;
    }

    /*alt*
 #service_kundendaten .feld {
 width:12em;
 padding-bottom:0.5em;
 }
 
 #service_kundendaten .wert {
 padding-bottom:0.5em;
  padding-right:0.5em;
 }
 
 
 #service_kundendaten .stern {
 width:2em;
 padding:0 0.5em;
 color:#E7401A;
 }
 
 #service_kundendaten input {
 width:17em;
 }
 
  #service_kundendaten select {
 width:17em;
 }

 */
 

 
 #service-telfax {
 margin:1em 0;
 }
 
 #tab_sichdbl {
 margin-top:1em;
 }
 
 #tab_sichdbl th {
 text-align: left;
 padding:0.5em;
  border:#ccc 1px solid;
 }
 
 #tab_sichdbl td {
 text-align: left;
 padding:0.5em;
 border:#ccc 1px solid;
 }
 
 
 
  /*** Kontakt ***/

   #kontakt {
       width: 100%;
   }
  
  table.layout-tabelle {
    margin-bottom: 2em;
	padding: 0.5em;
  }
  
  table.layout-tabelle th {
  text-align:left;
  	padding: 0.5em;
  }
  
  table.layout-tabelle td {
  text-align:left;
  	padding: 0.5em;
  }
  
  #kontaktadresse {
  margin-bottom: 2em;
  }
 
  #tab_kontaktdaten {
  width: 100%;
  } 
  
  #tab_kontaktdaten td {
border: #ccc 0px solid;
  } 
  
  #tab_kontaktdaten td.feld {
  width:12em;
  }
  
    
  #tab_kontaktdaten td.wert {
  }
  
 #kontakt-anfragen {
     max-width: 86em;
 background:#f8f8f8;
 padding:1.5em 1.5em 1em 1.5em;
 margin:1em 0 2em 0;
 border:#ccc 1px solid;
     overflow-x: auto;
 } 
 
 .kontaktform {
 margin: 1em 0;
 }
 
 .kontaktform .feld {
 width:10em;
 }
 
 .kontaktform .stern {
 width:2em;
 padding: 0 0.5em;
 color:#E7401A;
 }
 
 .kontaktform textarea {
 width:100%;
 }
 
 #login_anfrage {
 margin-bottom:2em;}

 /* Kontaktorm alt
 #kontakt_kundendaten .feld {
 width:10.5em;
 padding-bottom:0.5em;
 }
 
 #kontakt_kundendaten .wert {
 padding-bottom:0.5em;
 padding-right:0.5em;
 }
 
 #kontakt_kundendaten .stern {
 width:2em;
 padding-left:0.5em;
 color:#E7401A;
 }
 
 
 #kontakt_kundendaten input {
 width:17em;
 }
 
 #kontakt_kundendaten .vat {
  width:13em;
 }
 
 #kontaktform_button {
 width:100%;
 text-align:right;
 }
 
 #kontakt-telfax {
 margin-top:1em;
 }
 

 */
 
 /*** Sitemap mit Links zu allen Kategorien und Artikelgruppen (auch sekundäre) ***/
 
 #sitemap_tabelle {
 width:100%;
 margin-bottom:1em;
 }
 
 td.sitemap_hauptspalte {
 width:50%;
 border:#ccc 1px solid;
 }
 
 .sitemap_innentabelle {
 width:100%;
 }
 
 th.sitemap_heading {
 padding:0em 0em 0.5em 0em;
 text-align:left;
 border-bottom:#ccc 1px solid;
 padding:0.5em 1em;
 background: #ffc400;
 }
 
 td.sitemap_subspalte {
 padding:0.25em 1em;
 }
 
 #a-z_zeile {
 padding:0.25em 0.25em;
 margin-bottom:1em;
 }
 
 #a-z_zeile a {
 margin:0em 0.417em 0em 0.417em;
 }
 
 /*** Stichwörter-Verzeichnis A-Z ***/
 #buchstabenzeile {
 padding:0.25em 0em;
 margin-bottom:1em;
 }
 
 #buchstabenzeile a {
 margin:0em 0.417em 0em 0.417em;
 }

 #akuteller_buchstabe {
 width: 58em;
 padding: 0.5em 0.5em 0.175em 0.5em ;
 background: #ffc400;
 border:#ccc 1px solid;
 border-bottom:#ccc 0px solid;
 }
 
 #keyword_liste {
 width: 58em;
 padding: 0.5em 0.5em 0.5em 0.5em ;
 margin-bottom:1em;
 border:#ccc 1px solid;
 line-height:1.5em;
 }
 
 /****                 Bestellprozess                 ****/
 
 /*** Übergreifend ***/
 
 .button_right {
 text-align: right;
 margin:  0 0 0.5em 0;
 }
 
 .button_left {
 text-align: left;
 margin:  0 0 0.5em 0;
 }
 
 .tab_button_vor-zurueck {
 width:100%;
 margin-bottom:2em;
 }
 
 .tab_button_vor-zurueck .btn_vor {
 text-align:right;
 }
 
.info_message {
    max-width: 86em;
padding: 0.5em ;
margin: 0 0 0.5em 0 ;
color: #E7401A;
border: solid 1px #E7401A;
}

 
.error_message {
    max-width: 86em;
padding: 0.5em 0.5em;
margin: 0 0 1em 0 ;
color: #E7401A;
border: 1px #E7401A dotted;
}

.success_message {
    max-width: 86em;
padding: 0.5em 0.5em;
margin: 0 0 0.5em 0 ;
color: #008800;
border: #008800 1px dotted;;
}

.subheader {
margin-bottom:1em;
}

 /** Bestellpfad **/ 
 
table.tab_bestellpfad {
width: 100%;
margin-bottom:1em;
}

.tab_bestellpfad th {
width:25%;
padding: 0.25em 0.25em 0.25em 0.25em;
text-align:left;
line-height:1em;
color: #aaa;
background:#e4e4db;
border:#aaa 1px solid;
}

.tab_bestellpfad th.aktiv {
text-align:left;
font-weight: bold;
color: #000;
background:#FCC400;
}

.tab_bestellpfad td {
padding: 0.333em 0.25em 0.25em 0.5em;
text-align:left;
font-size:0.917em;
color: #aaa;
border:#aaa 1px solid;
}

.tab_bestellpfad td.aktiv {
text-align:left;
color: #000;
}

/** Kundendatenformular **/

#kundendaten_formular {
    max-width: 86em;
 margin-bottom:1em;
 padding:1.5em 1.5em 0.5em 1.5em;
 background:#f8f8f8;
 border:#ccc 1px solid;
 overflow-x: auto;
}

.kundendaten_formular {
 margin-bottom:1em;
 padding:1.5em 1.5em 0em 1.5em;
 background:#f8f8f8;
 border:#ccc 1px solid;
    overflow-x: auto;
}


.asterix {
color:#E7401A;
}

.tab_kundendaten_formular {
width:100%;
margin-bottom:1em;
}

.tab_kundendaten_formular td {
padding: 0 0.25em 0.25em 0;
border:#ccc 0px solid;
}

.tab_kundendaten_formular .feld {
 width:10em;
 padding-bottom:0.5em;
 }
 
 .tab_kundendaten_formular .wert {
 width:18em;
 text-align:left;
 }
 
.tab_kundendaten_formular .stern {
 width:1em;
 padding-left:0.5em;
 color:#E7401A;
 }
 
 .tab_kundendaten_formular .comment {
 padding-left:0.5em;
 }
 
 .tab_kundendaten_formular .inputRequirement_error {
 color:#E7401A;
 }
 
 .tab_kundendaten_formular input {
 width:17em;
 height:1.5em;
     padding: 0.14em 0.25em;
 }
 
  .tab_kundendaten_formular input.street_address {
 width:17em;
 }
 
  .tab_kundendaten_formular input.house_number {
 width:8em;
 }
 
  .tab_kundendaten_formular input.postcode {
 width:8em;
 }
 
 .tab_kundendaten_formular input.vat_input {
  width:13em;
 }

 .tab_kundendaten_formular input.gender {
  width:2em;
 }

 .tab_kundendaten_formular input.chkbx_newsletter {
  width:2em;
 }

 .tab_kundendaten_formular textarea {
 width:42em;
 }
 
#tab_anrede {
width:auto;
padding:0;
}

#tab_anrede .td_titel {
text-align: right;
vertical-align:top;
}

/*** Kundenkonto neu beantragen ***/
#create_account_info {
margin-bottom:1em;
}

#kundendaten_abfrage {
display:;
}

#rechnungsadresse_festlegen {
margin-bottom:1em;
}

#hinweis_pw {
margin-bottom:1em;
}

#billing_adress_info {
margin-bottom:1em;
}


/*** Login ***/

.login_anrede {
font-weight:bold;
line-height:2em;
}

#login_info {
margin-bottom:1em;
}
    .login_form {
        overflow-x: auto;
    }

#tab_login_form {
margin-bottom:0.5em;
max-width: 50em;
}

#tab_login_form td.feld {
width:11em;
}

#tab_login_form td.wert {
padding:0 1em 0.5em 0;
}

/*** Paswort neu beantragen ***/

#pw_info_message, #pw_introduction {
margin-bottom:1em;
}

/*** Passwort ändern ***/
#pw-info {
margin-bottom:1em;
}

#pw-change_info {
margin-bottom:1em;
}

/*** Logout ***/

#text_logoff {
margin-bottom:1em;
}

/*** Erfolgreiches Login / Kundendaten ***/

#customer_options {
margin-bottom:1em;
}


/** Download-Pakete **/

.download_hint   {
    margin-top: 3em ;
}
.download_anker {
    width: 13em;
    font-weight: bold;
    margin: 1em 0 5em 0;
}

.download_anker a {
    display: block;
    padding: 0.25em 0.5em ;
    background-color: #ffc400;
    color: black;
    border-top: 2px #ccc solid;
    border-left: 2px #ccc solid;
    border-right: 2px #000 solid;
    border-bottom: 2px #000 solid;
}

.download_anker a:hover {
    background-color: #FFD700;
    text-decoration: none;
}

.download_container {
    background-color: #FEFCF3;
}
.dnl-bar{
    width:100%;
    overflow:hidden;
    /*display:inline-block;
    border-bottom: 1px solid #f8f8f8;*/
}
.dnl-bar .dnl-bar-item{
    padding:8px 20px;
    float:left;
    width:auto;
    border:none;
    display:block;
    text-align:center;
    white-space:normal;
    outline:0;
}

.dnl-button{
    margin-right:10px;
    background-color: #fff;
    color: #999;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    font-weight: bold;
    border-top: 1px #ccc solid !important;
    border-left: 1px #ccc solid !important;
    border-right: 1px #ccc solid !important;
}
.dnl-button:hover {
    color: #0b5799 !important;
    background-color:#FCC400!important
}

.dnl-gray{
    color:#fff!important;
    background-color: #ccc !important;
    width: 100%;
}

.dnl-container {
    margin-bottom:16px;
    border: 1px solid #ccc;
    margin-bottom: 3em;
}

.dnl-yellow {
    color:#fff!important;
    background-color:#FCC400!important;
    border:none!important;
    color: #0d0d0d !important;
    border-top: 2px #ccc solid !important;
    border-left: 2px #ccc solid !important;
    border-right: 2px #ccc solid !important;
    cursor: auto;
    margin-bottom: -3px;
}
.dnl-yellow:hover {
    color: #0d0d0d !important;
}

.download_tabelle {
    width: 100%;
    margin: 0em 0 0em 0;
}

.download_tabelle th {
    background: #FCC400;
    text-align: left;
    padding: 0.5em;
    border: 1px solid #efefef;
}

.download_tabelle td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.td_dl_button {
    width: 170px;
    vertical-align: middle;
}

.dl_button, .td_dl_button a {
    display: block;
    padding: 0.25em 0.5em ;
    background-color: #ffc400;
    color: black;
    border-top: 2px #ccc solid;
    border-left: 2px #ccc solid;
    border-right: 2px #000 solid;
    border-bottom: 2px #000 solid;
    text-align: center;
}

.dl_button:hover , .td_dl_button a:hover {
    background-color: #FFD700;
    color:green ;
    text-decoration: none;
}

/** Bestellhistorie **/  
#bestellhistorie {
margin-bottom:1em;
    overflow-x: auto;
}

#tab_bestellhistorie {
width:100%;
margin-bottom:1em;
}  

#tab_bestellhistorie th {
	font-weight:bold;
	line-height: 1.5em;
	padding:0.25em 0.25em;
	background:#FCC400;
	border:#ccc 1px solid;
}

#tab_bestellhistorie td {
	line-height: 1.5;
	padding: 0.25em 0.25em;
	border:#ccc 1px solid;
	text-align:center;
}

#tab_bestellhistorie td.td_artikel {
text-align:left;
}

#split_bar {
width:100%;
margin-bottom:1em;
}

/*** Bestellhistory Details ***/

#order_date {
width:100%;
margin-bottom:1em;
}

/** Aufgerufene Artikel **/
  
#tab_aufgerufene_artikel {
width:100%;
}  

#tab_aufgerufene_artikel td {
padding:0.25em 0.25em 0.25em 0.25em;
border:#ccc 1px solid;
}   

#tab_aufgerufene_artikel .td_bild {
width: 5em;
}

#tab_aufgerufene_artikel .td_catlink {
width: 12em;
}


/*** Kundendaten bearbeiten ***/

#hinweis_noedit {
margin-bottom: 1em;
}

/*** Warenkorb ***/

#warenkorb_info {
margin-bottom: 1em;
}

#warenkorb {
}

.warenkorb_box {
        overflow-x: auto;
    }

#tab_warenkorb {
width:100%;
font-size:0.917em;
margin-bottom:0.5em;
}

#tab_warenkorb th {
	font-weight:bold;
	line-height: 1.5em;
	padding:0.25em 0.25em;
	background:#FCC400;
	border:#ccc 1px solid;
}


#tab_warenkorb td {
	line-height: 1.5;
	padding: 0.25em 0.25em;
	border:#ccc 1px solid;
}

#tab_warenkorb .td_bild {
width:5em;
text-align:center;
} 

#tab_warenkorb .td_artnr {
width:5em;
text-align:center;
} 

#tab_warenkorb .td_gewicht {
width:4em;
text-align:center;
} 

#tab_warenkorb .td_lieferz {
width:5em;
text-align:center;
} 

#tab_warenkorb .td_einzelpreis,
#tab_warenkorb .td_summe,
#tab_warenkorb .td_rabattsumme
{
width:7em;
text-align:center;
} 

#tab_warenkorb .td_anz{
width:4em;
text-align:center;
}

.td_anz input {
text-align:right;
}

.cart_quantity input {
text-align:right;
padding-right:2px;
}

.preistabelle input {
text-align:right;
}

#tab_warenkorb .td_anz img{
margin-top:0.5em;
}

#tab_warenkorb_summen {
width:100%;

margin-bottom:1em;
border-bottom:#ccc 0px solid;
}

#tab_warenkorb_summen td {
vertical-align:top;
padding-right: 0.5em;
}

#tab_warenkorb_summen .button_reload {
width:60%;
}

#tab_warenkorb_summen .td_wksumme_text {
text-align:right;
}


#tab_warenkorb_summen .td_wksumme_wert {
text-align:right;
width: 9em;
}

#rabatthinweis{
margin-bottom:1em;
}

.td_quantity_message {
	background-color:#E7401A;
	text-align:center;
}

.shopping_cart_quantity_message {
color:#E7401A;
}


/*** Ausdruck FAX ***/

#fax_rahmen {
  width: 53em; 
  background: #fff; 
  text-align:left; 
  margin: 0.5em auto; 
  border:#ccc 1px solid; /** optional **/
  }
  
#fax_innenrahmen {
  padding: 0em 1em 0.5em 1em;
  text-align:left; 
 }

#fax-id {
position:relative;
top:-2.25em;
left:38em;
}

.pflichtfelder {
margin-top: -1em;
margin-bottom:1em;
}

#fax_adresses {
width:100%;
margin-bottom:1em;
}

#fax_adresses th {
text-align:left;
margin: 0;
padding: 0 0 1em 0;
}

.fax-feld {
width:17%;
padding:0.5em 0.5em 0.167em 0;
}

.fax-value {
border-bottom:#000 1px dotted;
padding:0.667em 0.5em 0.167em 0;
}

#fax-versandinfo td {
padding: 0.25em 0.5em 0em 0em;
}

#fax-unterschrift {
width:100%;
margin-top:0.5em;
margin-bottom:1em;
}

#fax_orderinfo {
width:100%;
margin-bottom:1em;
}



/*** Lieferadresse ***/

#info_versandkosten {
display: none;
}

#tab_info_lieferadresse {
width:100%;
margin-bottom:1em;
}
 
#tab_info_lieferadresse .td_lieferadresse {
width:40%;
padding-left:1em;
}
 
#tab_lieferadresse_edit_links td {
padding-bottom:1em;
} 
 
/*** Adressbuch ***/

#hinweis_anz_addr {
margin-bottom:1em;
}

#tab_adress_label {
margin-bottom:1em;
}

/*** Adressbuch bearbeiten ***/

.pflichtfeld_hinweis {
color:#ff0000;
margin-bottom:1em;
}
 
/*** Lieferadresse neu anlegen ***/

#info_adressbook {
margin-bottom: 1em;
}
 
#info_new_adress {
margin-bottom: 1em;
} 

.tab_adressbook {
width:100%;
margin-bottom:0.5em;
}

.tab_adressbook th {
text-align:left;
padding:0.5em 0.5em;
}

.tab_adressbook td {
border-top:#ccc 1px solid;
padding:0.5em 0.5em;
vertical-align:top;
}

.tab_adressbook .td_adresslabel {
width:30em;
width:35%;
}

.tab_adressbook .td_adress_type { 
width:30em;
width:25%;
}

.tab_adressbook .td_btn_bearbeiten {
width:11em;
width:20%;
}

.tab_adressbook .td_btn_auswahl {
width:11em;
width:20%;
}

.tab_adressbook .td_info {
width:11em;
width:40%;
}

#new_shipping_address {
margin-bottom:1em;
}

/*** Rechnungsadresse ***/

#hinweis_zahlungsart {
margin-bottom:1em;
}

#hinweis_agb {
margin-bottom:1em;
}

.td_agb_hinweis {
padding-left:0.5em;
}

/*** Bestellabschluss ***/

#hinweis_datencheck {
margin-bottom:1em;
}

    .checkout_address_box {
        overflow-x: auto;
    }

#tab_check_adresses {
width:100%;
margin-bottom:1em;
}

#tab_check_adresses th {
padding:0.5em 0.5em;
text-align:left;
border:#ccc 1px solid; 
background:#feeac0;
}

#tab_check_adresses td {
border:#ccc 1px solid; 
padding:0.5em 0.5em;
    background:#FEFCF3 ;
}

#tab_check_adresses th.shipping_adress,
#tab_check_adresses th.payment_adress {
width:15em;
}


#tab_auftragsdaten_list {
border:#ccc 0px solid;
}

#tab_auftragsdaten_list td {
border:0;
padding: 0 0.25em 0em 0;
border:#ccc 0px solid;

}

#tab_auftragsdaten_list td.feld {
width:37%;
font-weight:bold;
}

#tab_auftragsdaten_list td.wert {
text-align:left;
}

#bestellauflistung {
margin-bottom:0em;
overflow-x: auto;
}

#tab_bestellauflistung {
width:100%;
margin-bottom:1em;
}

#tab_bestellauflistung th {
text-align:center;
border:#ccc 1px solid; 
background:#feeac0;
}

#tab_bestellauflistung td { 
padding:0.25em 0.5em;
border:#ccc 1px solid;
    background: #FEFCF3;
}

#tab_bestellauflistung th.anz {
width:2.5em;
}

#tab_bestellauflistung th.artnr {
width:6em;
}
#tab_bestellauflistung th.arttxt {
text-align:left;
}

#tab_bestellauflistung th.weight {
width:3em;
}

#tab_bestellauflistung th.lieferzeit {
width:6em;
}

#tab_bestellauflistung th.einzelpreis {
width:7.25em;
}

#tab_bestellauflistung th.summe {
width:7.25em;
}

#tab_bestellauflistung td.anz,
#tab_bestellauflistung td.artnr,
#tab_bestellauflistung td.gewicht,
#tab_bestellauflistung td.lieferzeit
{
text-align:center;
}

#tab_bestellauflistung td.einzelpreis,
#tab_bestellauflistung td.summe {
text-align:right;
}

#auftragswertanzeige {
width:100%;
text-align:right;
}

#tab_auftragswert {
width:100%;
margin-bottom:1em;
}

#tab_auftragswert td {
padding:0em 0.25em;
text-align:right;
border:#ccc 0px solid;
}

#tab_auftragswert td.feld {
width:30em;
}

#tab_auftragswert td.wert {
width:8em;
}


#tab_auftragswert td.total_net_txt,
#tab_auftragswert td.total_net_wert {
font-weight:bold;
}

#hinweis_bestellabschluss {
float:left;
}

/*** Bestellung erfolgreich ***/

#hinweis_druck, 
#hinweis_logout,
#hinweis_start {
margin-bottom:0.5em;
}


/*** Ausdruck Bestellauftrag ***/

#bestellauftrag_rahmen {
  /** width: 58em; Für feste Breiten **/
  width:99%;
  background: #fff; 
  text-align:left; 
  margin: 1em auto; 
  border:#ccc 1px solid; /** optional **/
  }
  
#bestellauftrag_innenrahmen {
  padding: 1em 1em;
  text-align:left; 
 }

#tab_printheader_moravia {
width:100%;
margin:0.5em 0em;
}

#tab_printheader_moravia td {
padding:0.25em 1em 0.25em 0em;
}

#tab_printheader_moravia td.mor_name {
font-weight:bold;
}

#bestelldatum {
text-align:right;
}

#kundendaten {
margin-bottom:1em;
}
/**------------------------------------------------------------------------------------------------------**/

/** Aus altem CSS übernommene Klassen und ID **/



TD.products_price {
}

TD.products_price input {
}


table.headerMessage {
border: solid 1px #E7401A;
margin: 0px 0px 10px 0px ;
}

table.headerMessage td {
border: solid 1px #E7401A;
margin: 0px 0px 10px 0px ;
padding: 5px 5px 5px 5px;
color: #ff0000;
}

table.message {
padding: 0px;
}




table.layout_1 {
border: solid 0px #ccc;
margin: 0px 0px 10px 0px ;
}

table.layout_1 td {
vertical-align: top;
padding: 2px 5px 2px 5px;
}

table.layout_2 {
border: solid 0px #ccc;
margin: 0px 0px 10px 0px ;
width: 490px;
}

table.layout_2 td {
vertical-align: top;
padding: 2px 5px 2px 5px;
}

a.MoraviaPlayer {
	display:block;
	width:680px;
	height:400px;
	text-align:center;
	margin:0 15px 15px 0;
	float:left;
	border:1px solid #999;
}

/* play button */
a.MoraviaPlayer img {
	margin-top:158px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.MoraviaPlayer:hover {
	border:1px solid #000;
}



    /*****================== RWD - Anpassungen ===============================*****/


    /* RWD Typ */
    .rwd_info {
        color: red;
        position:fixed;
        bottom:5px;
        right:5px;
        background:@bg_0;
        border:red 1px dotted;
        padding:0 0.25em 0.25em 0.25em;
        z-index:200;
    }

    .hidden_rwd {
        display:none;/* Ausblenden RWD-Info*/
    }



/*** Ende media all **/
}

    /**** --------- Breakpoint für sehr große Bildschirme -------------------- ****/
    @media only screen and (min-width:1624px) {
        .desktop {display:block;}
        .sehr_grosse_monitore {display:inline;}
        .grosse_monitore {display:inline;}
    }

    /**** --------- Breakpoint für große Monitore ---------------------------- ****/
    @media only screen and (min-width:1280px) and (max-width:1623px){
        .desktop {display:block;}
        .grosse_monitore {display:inline;}

    }

    /**** --------- Breakpoint für Desktop ----------------------------------- ****/
    @media only screen and (min-width: 1024px) and (max-width:1280px){
        .desktop {display:block;}
    }

    /**** --------- Breakpoint für Tablets / Laptops Landscape --------------- ****/
    @media only screen and (max-width: 1024px) {
        .laptops {display:block;}

       /** Anpassung Header **/
  

       /** Anpassung Hauptbereich **/

        .txtcontact {
            display: none;
        }

        /** Hauptspalten **/
        #spalte_1 {
            width: 50%;
        }

        #spalte_1_content {
            padding-left: 1.5em;
        }

        .catbox {
            flex-basis: 270;
        }

        /** Anpassung Produktseite **/
       
        
        .subspalte_produktbilder {
            flex-basis: auto;
        }

        .subspalte_produkttext_inhalt {
            padding-left: 0;
        }
    }

    /**** --------- Breakpoint für Tablets / Laptops Portrait  --------------- ****/
    @media only screen and (max-width: 768px) {
        .tablets_portrait {display:block;}
        .laptops {display:none;}

        /** Anpassung Header **/
        .header_m_inhalt {
            padding-right: 0.5em;
        }

        .header_m {
            width: 100%;
            padding: 0 1em 1em 1em;
        }

        .header_r {
            position: absolute;
            top:1em;
            right:1em;
        }

        #varlogin_table td {
            display: block;
            float:left;
        }

        #varlogin_table input {
            display: block;
        }

        /** Anpassung Hauptbereich **/

        

        /** Artikelseiten **/

        .subspalte_produkttext {
            width: 100%;
        }

        .subspalte_produkttext_inhalt {
            padding: 0;
            margin-bottom: 0.5em;
        }

        #bestelltabelle {
            width: 100%;
        }

        #eigenschaften,
        #staffelpreise {
            float:none;
            width: 100%;
        }

        .link_accessories {
            margin-bottom: 1em;
        }

        #alle_zeigen {
            width: 100%;
            float:none;
            margin: 1em 0;
        }



        /** Content-Seiten **/
        #agb-info, #ueberuns, #datenschutz, #impressum {
            width: 100%;
        }


        /** Formulare **/
        .form_box .feld {
            padding-bottom: 0.25em;
            width: auto;
        }

        .form_box .inputRequirement_error,
        .form_box .comment {
            width: auto;
            padding-bottom: 0.25em;

        }

        .form_box .wert {
            clear: both;
            width: 100%;
            padding-bottom: 1.5em;
            padding-right: 0;
        }

        .form_box .wert input[type="text"],
        .form_box .wert input[type="password"],
        .form_box .safetycode input {
            width: 92%;
            max-width: 250px;
        }

        .form_box textarea {
            width: 92%;
        }


        }

    /**** --------- Breakpoint für Small Tablets ----------------------------- ****/
    @media only screen and (max-width: 649px) {
        .small_tablets {display:block;}
        .tablets_portrait {display:none;}


        /*Anpassung Header**/


        .subspalte_header_m {
            
        }

        .subspalte_header_r {
            
        }

        #introtext {
            
        }

        .suchinput {
            width: 15.5em;
        }

        #kontakt_zeile {
            width: 50%;
            border: 0;
        }

        #kontakt_zeile span {
            display: block;
            margin-left: 0;
            margin-bottom: 0.5em;
        }


        /** Anpassung Hauptbereich **/

        #hauptbereich_content {
            flex-wrap: wrap;
            flex-direction: row;
            padding: 0 0 !important;
        }
        #spalte_1 {
            width: 100%;
        }

        ,
        #spalte_2 {
            max-width: 250px;
        }

        .subspalte_produkttext {
            width: 100%;
        }

    
        #hauptueberschrift, .hauptueberschrift {
            padding-right: 0em;
            padding-bottom: 0;
        }


.catbox_inhalt {
    margin-bottom: 2em;
}

.catbox_image {
    padding-bottom: 0em;
}

        .druckicon {
            display: none;
        }

        .subspalte_produktbilder_inhalt,
        .subspalte_produkttext_inhalt {
            padding: 0;
        }

        /** Anpassung Produktseite **/
        #info_added_to_cart {
            width: 100%;
        }

        /** Anpassung Footer **/
        .subspalte_fusszeile_l_inhalt,
        .subspalte_fusszeile_m_inhalt,
        .subspalte_fusszeile_r_inhalt {
            padding: 0 10% 0 0;
        }

    }

    /**** --------- Breakpoint für Smartphone Landscape ---------------------- ****/
    @media only screen and (max-width: 480px) {
        .phones_landscape {display:block;}
        .small_tablets {display:none;}
        .nosmart {display:none !important ;}
        .smartonly {display:block}



        /** Anpassung header **/
        #header {
            padding: 0;
        }

        .register_info {
            position: relative;
            max-width: 50%;
            top:0;
            left:0;
            right:0;
            border-bottom: 1px solid #efefef;
        }

        .nl_info {
            position: relative;
            max-width: 100%;
            top:0;
            left:0;
            right:0;
            border-bottom: 1px solid #efefef;
        }
        .nl-box {
            width: 100%;
        }
        #suchbox_neu {position: relative; padding-right: 0}

        #suchbox_neu table {
            width:100%;
        }

        #suchbox_neu .suchinput, #suchbox_neu .box_search input {
            width: 100%;
        }
        /** Anpassung Hauptbereich **/
        #hauptbereich_content {
          padding:  0em 0.5em;
        }

        
    #spalte_1_content {
        padding: 0.5em 0.5em;
    }

    #breadcrumb {
        margin-bottom: 1em;
    }

        #kontakt_zeile,
        .subspalte_intro_r {
            display: none;
        }


        #linksmenue,
        #kataloginfo,
        #mor-verlag {
            float: none;
            width: 100%;
            text-align: center;
        }

        .katalog {
            display: inline-block;
            margin: 0 0.5em 0 0.5em;

        }

        /** Produkt, Artikel Seiten **/
        .subspalte_produktbilder {
            float:none;
            width: 100%;
        }

        .icon_video {
            display: block;
        }

        #jump_variants {
            margin-bottom: 1em;
        }

        /** Service, Kontakt ***/
        .katalog_box_hk {
            float:none;
            width: 100%;
            text-align: left;
            margin-bottom: 2em;
        }

        .katalog_box_sv {
            text-align: left;
            margin-bottom: 0em;
        }

        #service-anfragen, #kontakt-anfragen {
            padding: 0.5em;
        }

        /* Kontaktform alt
        #kontakt_kundendaten .feld,
        .kontaktform .feld,
        .kontaktform .stern,
        #service_kundendaten .feld,
        #service_kundendaten .stern {
            width: auto;
        }*/

        /** Warenkorb **/
        table.tab_bestellpfad {
            width: 99%;
        }

        /* Sonderseiten */
        #datenschutz iframe {
            height: 350px;
        }


        /*Footer*/
        .subspalte_fusszeile_l,
        .subspalte_fusszeile_m,
        .subspalte_fusszeile_r {
            float:none;
            width: auto;
            margin: 0 0 2em 2em;
        }
    }

    /**** --------- Breakpoint für Smartphone Portrait ----------------------- ****/
    @media only screen and (max-width: 320px) {
        .phones_portrait {display:block;}
        .phones_landscape {display:none;}

        #kontakt_zeile {
            position:relative;
        }

        .subspalte_intro_r {
   
        }

        td.comment {
            display: block;
        }
    }