html { padding: 0; }
body { font: normal 13px Arial, Helvetica, sans-serif; color: black; background-color: #EEEEEE; margin: 0; padding: 0; overflow-y: scroll; }
    body.edit { font: normal 9pt Helvetica, Arial, sans-serif; color: black; background-color: #FFFFFF; margin: 20px; padding: 0; min-width: 800px; }
    body.explorer { font-family: Arial,Helvetica; font-size: 9pt; color: #000000; text-decoration: none; margin: 20px; background-color: #dddddd; }

/* ***** Farben ***** */

/* Grundgerüst */
#wrapper { background-color: White; text-align: left; width: 100%; width: 1240px; margin: auto; padding: 0px; position: relative; }
#header { background: url() repeat; height: 100px; border-bottom: 1px solid #CCCCCC; position: relative; }
#main { /*background: url('images/main.gif') repeat-y;*/ position: relative; min-height: 300px; }
#navi { width: 25%; float: left; position: relative; margin: 0; padding: 20px 5px 10px 0px }
#content { float: left; position: relative; margin: 0; padding: 20px 20px 20px 20px; width: 70%; }
#footer { font-size: 8pt; color: #666666; height: 20px; border-top: 1px solid #CCCCCC; position: relative; clear: both; margin: 0; padding: 5px 10px 0 10px; }

.Bild { margin: 0 15px 15px 0; padding: 0px; float: left; max-width: 50%; border:solid 1px #ddd;}
    .Bild img { width: 100%; }
.d_Artikeldaten {  }
/* 250px breit */
#WrapperSearch { margin-top: 10px; padding: 10px 0px 10px 0px; float: left; width: 30%; }
#div_Search { border: 1px solid #000; margin: 5px 5px 5px 25px; overflow: hidden; width: 310px; }
#IB_Suchen{margin-top:5px;}
#T_Suchen { font-size: 1.5em; padding: 10px; width: 250px; border: none; }
#divWarenkorb { margin-top: 25px; float: left; width: 25%; }
#bildWarenkorb{margin-right:10px;}
/* 530px breit */
#logo { margin: 0; float: left; width: 25%; }
/* 200px breit */

.weiss { color: #FFFFFF; }

.button { background-color: #DEDEDE; color: #000000; }

/*h1 { font-size: 12pt; font-weight: bold; }
h2 { font-size: 11pt; font-weight: bold; }*/

/*p { margin: 0px; }*/
ul { margin: 0 0 0 13px; padding: 0; }
li { margin: 0; padding-bottom: 5px; }

div.navi0 { font: normal 9pt Helvetica, Arial, sans-serif; color: black; margin: 5px 5px 0 10px; }
div.navi1 { font: normal 9pt Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 10px; }
div.hierarchie { font: normal 9pt Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 0; }
div.navi3 { font: normal 8pt Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 10px; }

table.tabelle { background-color: #CCCCCC; width: 100%; }
/* Artikelliste */
tr.zeile0 { background-color: #605D5C; text-align: center; }
th.zeile0 { background-color: #605D5C; text-align: center; }
/* Tabellenüberschriften */
tr.zeile1 { background-color: #DEDEDE }
/* Datenzeilen */
td.zelle0 { font: bold 9pt Helvetica, Arial, sans-serif; color: white; }
/* Tabellenüberschriften */
td.zelle1 { background-color: #FFFFFF ;text-align:center;}
/* weiße Zelle für Bilder */
td.zelle2 { background-color: #DEDEDE }
/* farbige Zelle für Bilder */

span.titel { font-weight: bold; color: #E3010F; }
span.titel2 { font-weight: bold; color: #ffffff; }

.navi li { padding: 2px 0; margin: 0 0 0 10px; list-style-type: none; }
    .navi li.aktiv a { color: #000; text-decoration: none; }
    .navi li a { color: #666; text-decoration: none; }
        .navi li a:hover { color: #000; text-decoration: underline; }
input.suche { text-align: left; font-size: 9pt; width: 100px; }

a.normal { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:visited { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:active { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:hover { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:link { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: underline; }

a.active { font-family: Arial,Helvetica; font-size: 8pt; font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:visited { font-family: Arial,Helvetica; font-size: 9pt; font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:active { font-family: Arial,Helvetica; font-size: 9pt; font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:hover { font-family: Arial,Helvetica; font-size: 9pt; font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:link { font-family: Arial,Helvetica; font-size: 9pt; font-weight: bold; color: #E3010F; text-decoration: underline; }

a.klein { font-family: Arial,Helvetica; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:visited { font-family: Arial,Helvetica; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:active { font-family: Arial,Helvetica; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:hover { font-family: Arial,Helvetica; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:link { font-family: Arial,Helvetica; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: underline; }

#footer a,
#footer a:visited,
#footer a:active,
#footer a:hover,
#footer a:link { font-size: 8pt; color: #666666; }


.teaser-list { width: 180px; margin-bottom: 15px; margin-right: 23px; float: left; min-height: 370px; }
.list-description { width: 185px; }

.ArtikelTeaser { min-width: 250px; width: 30%; min-height: 500px; float: left; padding: 5px; margin: 8px; border: 1px solid #ddd }
    .ArtikelTeaser img { width: 90%; margin: 5%; }
  .ArtikelTeaser h2 { width: 90%; margin: 0 5%; font-size: 1.3em; }

    .ArtikelTeaser a { text-decoration: none; color: black; }

.KatTeaser { min-width: 250px; width: 30%; /*min-height: 350px;*/ float: left; padding: 2px; margin: 8px; /*border: 1px solid gray*/ }
  .KatTeaser img { width: 96%; margin: 2%; max-height:140px;}
#ArtikellisteDetails { clear: both; width: 100%; }

#divfeatures { background-color: #9a9a9a; padding: 6px; margin: 10px 0; color: white; overflow: hidden; }
    #divfeatures select { padding: 5px;width:100%; margin-top:5px; }
    #divfeatures .Filerbox { width: 22%; float: left; padding: 5px; margin: 5px; border: solid 1px #fff; overflow: hidden; }
.clear { clear: both; margin-top:20px; }
.w100 { width: 100%; }
.w25 { width: 25%; }
.w50 { width: 50%; }
.w75 { width: 75%; }
.fl { float: left; }
.tar { text-align: right; }
.PagingDiv {
  clear: both;
  height: 15px;
  background-color: #929395;
  padding: 6px;
  margin: 10px 0;
  color: white;
  overflow: hidden;
}
    .PagingDiv a { color: white; }
.IB_Warenkorb_Detail{margin-top:20px;}
.detailsartikelnummer { display: inline-block; border-bottom: 1px gray dotted; position: relative; width: 100%; }
    .detailsartikelnummer p{/*float:left;*/ margin-top:22px;}
    .detailsartikelnummer .Artikel{ width:70%; float:left;}
    .detailsartikelnummer .Preis { width: 30%; float: left; }
    .detailsartikelnummer .Preis p { min-width: 140px; float: left; margin-right:10px; text-align:right;}
        .detailsartikelnummer input.mengeDetails { width: 40px; margin-top: 18px; float:left; }
    .detailsartikelnummer input.image { margin-top: 15px; float:left;}
    .detailsartikelnummer image { width: 40px; float:left; margin:10px;}
.pPreis { font-weight: bold; text-align: right; }
.d_az_menge { margin-top: -3px; text-align: right; position:relative; }

a.WarenkorbLink { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:visited { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:active { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:hover { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:link { font-family: Arial,Helvetica; font-size: 9pt; font-weight: normal; color: #000000; text-decoration: none; }
#breadcrumb { margin: 0px 0px 20px 0; border-bottom: 1px solid #9a9a9a; padding-bottom:10px;}
.div_ib_back { position: absolute; right: 20px; bottom: 60px; }
.warenkorbTeaser { width: 100%; display: inline-block; border: 1px gray solid; margin-bottom: 10px; }
.warenkorbBild{
    width:50px;
    margin:10px;
}
.warenkorbArtikelangaben { margin: 10px; }
.warenkorbArtikelangaben p { margin-bottom: 8px; }
.warenkorbTeaser input.mengeWarenkorb { width: 40px; margin-top: 5px; float: left; }
#P_Lieferadresse p{margin-top:10px; }
#P_Lieferadresse input { width: 300px; }
#P_Lieferadresse #TB_Ort { width: 245px; }
#P_Lieferadresse #TB_PLZ { width: 40px; }
.ErrorMessage{color:red; margin:5px;}
.ErrorMessage::before{content:"\A"; white-space:pre;}
input.textbox { padding: 3px; margin-top: 5px; }
.DetailLink { font-size: 1.6em; font-weight: bold; margin: 20px 0 10px; }
    .DetailLink a { text-decoration: none; color: black; }
.PreisWarenkorb{font-size:1.6em; border:none;}
.MengeWarenkorb { display:inline-block; margin-bottom:20px;}



.btn-cart {
  background: #007CC2 url("/images/btn-arrow.png") no-repeat 93% center !important;
  border: medium none;
  cursor: pointer;
  display: inline-block;
  height: 39px;
  margin-bottom: 0;
  margin-left: 10px;
  padding: 0;
  width: 196px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  font-size: 15px;
  line-height: 41px;
  text-indent: -22px;
}

/*Adminbereich*/
.bt{width:115px; margin:10px 0 0 0; font-size:12px;}
.bt_upload { border: 1px solid #fff; width: 100%; }
#div_AdminMenue { background-color: #a3a3a3; display: inline-block; width: 1200px; }

#div_AdminMenue ul{list-style:none;}
    #div_AdminMenue ul li { float:left; margin:10px; }
        #div_AdminMenue ul li a { display: block; color: #fff; text-decoration: none; font-size:1.2em;}
        #div_AdminMenue ul li a:active { display: block; color: #fff; text-decoration: underline; }

#div_AdminWrapper { width: 1178px; border: 1px solid #a3a3a3; padding: 10px; min-height:500px; }
    #div_AdminWrapper select, #div_AdminWrapper input[type="text"] { padding: 2px; }
    #div_AdminWrapper .feldbezeichnung { width: 150px; float: left; margin-top:15px; }
    #div_AdminWrapper .feldeingabe { width: 400px; float: left; margin-top: 10px; }
    #div_AdminWrapper .bt { width: 115px; padding:4px; margin: 10px 0 0 0; font-size: 12px; }
    #div_AdminWrapper .bt:hover { color:#9a9a9a; }
    #div_AdminWrapper #div_EditBenutzer{ width: 575px; margin:0 28px; float: left; border-right:dashed 1px #9a9a9a; }
    #div_AdminWrapper #div_ImportBenutzer { width: 475px; float: left; }