:root {
  --bg-tectron-dunkel: #5B7C94;
  --bg-tectron-hell: #ADBDC9;
  --isi-orange: #fe6f00;
  --isi-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --isi-body-font-family: var(--isi-font-sans-serif);
  --bg-orange: var(--isi-orange);
  --bg-header: --bg-navbar-orange: var(--isi-orange);
}

html { padding: 0; }
body {  Helvetica, sans-serif; color: black;  background-color: #EEEEEE; margin: 0; padding: 0; overflow-y:scroll; }
body.edit {  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 ***** */
/* ISI: Schwarz: #000000, Hellgrau: #DEDEDE, Mittelgrau: #959595, Dunkelgrau: #605D5C */  


/* Grundgerüst */
/*#wrapper { background-color:White; 	text-align: left; margin: auto;	padding: 0px;	position:relative; }
*/#header {  border-bottom:1px solid #CCCCCC; position:relative; }
#main { position:relative; min-height:200px; clear:both; }
#navi {  float:left; position:relative; margin:0; padding: 20px 5px 10px 0px }
#content { float:left; position:relative; margin:0; padding:20px 20px 20px 20px; }
#footer { font-size:0.8rem; color:#666666; min-height:20px; border-top:1px solid #CCCCCC; position:relative; clear:both; margin:0; padding:  0   }

#bild { margin:0; padding:0px; float:left; } /* 250px breit */

.bg-header {
  background-color: var(--bg-tectron-dunkel);
}

.bg-navi {
  background-color: var(--bg-tectron-hell);
}
.st-preis{
font-size:0.8rem;
}

#search {
  margin: 0;
  padding: 10px 20px 10px 20px;
  float: left;
  width: 690px;
  text-align: left;
  background-color: var(--bg-tectron-dunkel);
} /* 530px breit */
#logo { margin: 0; float: left;  text-align: center; vertical-align:middle; /*background-image: url('/images/logo.gif'); background-position:center; background-repeat:no-repeat*/} /* 200px breit */
#logo img{width:100%; max-width:250px;}

#img-warenkorb { background-image: url('/images/warenkorb2.gif'); width: 195px; height: 16px; background-repeat: no-repeat; padding: 3px 0 0 42px; }
.color-kopf { color: #FFFFFF; }
  .color-kopf a.normal,
  .color-kopf a.normal:visited,
  .color-kopf a.normal:active,
  .color-kopf a.normal:link {
    font-family: Arial,Helvetica;
    font-size: 9pt;
    font-weight: normal;
    color: inherit;
    text-decoration: underline;
  }

    .color-kopf a.normal:hover {
      font-family: Arial,Helvetica;
      font-size: 9pt;
      font-weight: normal;
      color: #eee;
      text-decoration: underline;
    }

.w-100{width:100%}

/* ***** Farben ***** */
.navbar-admin {
  background-color: var(--bg-tectron-dunkel);
}

.nav-link {
  color: #ccc;
}


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

.btn:hover {
  background-color: #5B7C94;
  color: #fff;
}

h1 { font-size:2rem; }
h2 { font-size:1.5rem;}

p { margin: 0px; }
ul.ul-menue { margin:0 0 0 13px; padding:0; }
li.ul-menue {
  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%; border-collapse: collapse; padding:5px; } /* Artikelliste */
table.tabelle td { border: 0px solid #CCCCCC;	}
tr.zeile0 { background-color: #605D5C; } /* Tabellenüberschriften */
tr.zeile1 { background-color: #DEDEDE } /* Datenzeilen */
td.zelle0 {
  font: bold 9pt Helvetica, Arial, sans-serif;
  color: white;
  vertical-align: Middle;
  padding: 10px;
} /* Tabellenüberschriften */
td.zelle1 {
  background-color: #FFFFFF;
  vertical-align: Middle;
  padding: 10px;
} /* weiße Zelle für Daten */
td.zelle2 {
  background-color: #DEDEDE;
  border: 1px solid black;
  vertical-align: Middle;
  padding: 10px;
} /* farbige Zelle für Bilder */

  td.zelle1 img, td.zelle2 img {
    max-width: 150px;
    max-height:150px;
  }

img.img-max-detail {
  max-width: 300px;
  max-height: 300px;
}
span.titel {
  font-weight: bold;
  color: #000000;
}
span.titel2 { font-weight:bold; color: #ffffff; }

ul.navi { padding: 0 0 0 0; margin: 0 0 0 10px; list-style-type:none; }
input.menge { text-align:right; width:60px; margin-right:10px;}
input.suche { text-align:left;  width:100px;}
a.wk {
  font-family: Arial,Helvetica;
  font-weight: normal;
  color: #5B7C94;
  text-decoration: underline;
}

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

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

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

.paging {	padding: 0;	width: 100%; margin: 10px 0; }
.paging a, .paging span { font-size: 1em; background-color: #CCCCCC; color: #000; line-height: 1;display: inline-block; padding: 5px 7px; border: 1px solid #CCCCCC; }
.paging span { background-color: #605D5C; border-color: #605D5C; color: #FFFFFF; }
.paging a { text-decoration: none; }
.paging a:hover { background-color: #605D5C; border-color: #605D5C; color: #fff; }

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


/*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;
}

  #div_AdminMenue ul {
    list-style: none;
  }

    #div_AdminMenue ul li {
      float: left;
      padding-bottom: 0;
    }

      #div_AdminMenue ul li a:hover {
        background-color: red;
        float: left;
        padding: 20px;
      }

      #div_AdminMenue ul li a {
        display: block;
        padding: 20px;
        color: #fff;
        text-decoration: none;
        font-size: 1.2em;
      }

        #div_AdminMenue ul li a:active {
          display: block;
          color: #fff;
          text-decoration: underline;
        }

#div_AdminWrapper { /*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;
  }