/**
 * Styles fŸr die Buchstaben auf der Startseite des Kompendiums
 */

.glossaryChars {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
  margin-left: 0px;
  margin-top: 40px;
}

.glossaryChars li {
  float: left;
  display: block;
}

.glossaryChar {
  text-indent: -9999em;
  display: block;
  width: 18px;
  height: 50px;
  background-image: url(img/btnGlossaryChars.png);
  background-position: -10px 50px;
  margin-left: 2px;
  margin-right: 2px;
}

.glossaryCharA { background-position: -34px  50px; width: 19px; }
.glossaryCharB { background-position: -59px  50px; width: 17px; }
.glossaryCharC { background-position: -83px  50px; width: 18px; }
.glossaryCharD { background-position: -108px 50px; width: 18px; }
.glossaryCharE { background-position: -134px 50px; width: 15px; }
.glossaryCharF { background-position: -156px 50px; width: 17px; }
.glossaryCharG { background-position: -178px 50px; width: 20px; }
.glossaryCharH { background-position: -206px 50px; width: 19px; }
.glossaryCharI { background-position: -232px 50px; width:  7px; }
.glossaryCharJ { background-position: -246px 50px; width: 15px; }
.glossaryCharK { background-position: -268px 50px; width: 19px; }
.glossaryCharL { background-position: -291px 50px; width: 18px; }
.glossaryCharM { background-position: -312px 50px; width: 25px; }
.glossaryCharN { background-position: -342px 50px; width: 19px; }
.glossaryCharO { background-position: -367px 50px; width: 22px; }
.glossaryCharP { background-position: -395px 50px; width: 16px; }
.glossaryCharQ { background-position: -418px 50px; width: 24px; }
.glossaryCharR { background-position: -446px 50px; width: 18px; }
.glossaryCharS { background-position: -469px 50px; width: 16px; }
.glossaryCharT { background-position: -489px 50px; width: 21px; }
.glossaryCharU { background-position: -516px 50px; width: 21px; }
.glossaryCharV { background-position: -540px 50px; width: 21px; }
.glossaryCharW { background-position: -564px 50px; width: 29px; }
.glossaryCharX { background-position: -597px 50px; width: 19px; }
.glossaryCharY { background-position: -621px 50px; width: 19px; }
.glossaryCharZ { background-position: -646px 50px; width: 16px; }

.glossaryActiveChar0 { background-position: -10px 0px; width: 18px; }
.glossaryActiveCharA { background-position: -34px  0px; width: 19px; }
.glossaryActiveCharB { background-position: -59px  0px; width: 17px; }
.glossaryActiveCharC { background-position: -83px  0px; width: 18px; }
.glossaryActiveCharD { background-position: -108px 0px; width: 18px; }
.glossaryActiveCharE { background-position: -134px 0px; width: 15px; }
.glossaryActiveCharF { background-position: -156px 0px; width: 17px; }
.glossaryActiveCharG { background-position: -178px 0px; width: 20px; }
.glossaryActiveCharH { background-position: -206px 0px; width: 19px; }
.glossaryActiveCharI { background-position: -232px 0px; width:  7px; }
.glossaryActiveCharJ { background-position: -246px 0px; width: 15px; }
.glossaryActiveCharK { background-position: -268px 0px; width: 19px; }
.glossaryActiveCharL { background-position: -291px 0px; width: 18px; }
.glossaryActiveCharM { background-position: -312px 0px; width: 25px; }
.glossaryActiveCharN { background-position: -342px 0px; width: 19px; }
.glossaryActiveCharO { background-position: -367px 0px; width: 22px; }
.glossaryActiveCharP { background-position: -395px 0px; width: 16px; }
.glossaryActiveCharQ { background-position: -418px 0px; width: 24px; }
.glossaryActiveCharR { background-position: -446px 0px; width: 18px; }
.glossaryActiveCharS { background-position: -469px 0px; width: 16px; }
.glossaryActiveCharT { background-position: -489px 0px; width: 21px; }
.glossaryActiveCharU { background-position: -516px 0px; width: 21px; }
.glossaryActiveCharV { background-position: -540px 0px; width: 21px; }
.glossaryActiveCharW { background-position: -564px 0px; width: 29px; }
.glossaryActiveCharX { background-position: -597px 0px; width: 19px; }
.glossaryActiveCharY { background-position: -621px 0px; width: 19px; }
.glossaryActiveCharZ { background-position: -646px 0px; width: 16px; }

.glossaryContentItemList {
  list-style: none;
  margin-left: 0px;
}

#glossarySearch {
  border: none;
  width: 280px;
  height: 22px;
  padding-left: 10px;
  padding-top: 8px;
  padding-right: 10px;
  background: url(img/inputGlossarySearch.png);
}

#glossarySearch:focus {
  background-position: 0px 30px;
}

.glossarySearchText {
  margin: 0px 0px 0px 5px;
  font-weight: bold;
}

.buttonGlossarySearch {
  height: 35px;
  width: 24px;
  border: none;
  background: url(img/btnSmallSearch.png) no-repeat;
}

.glossarySearchDialog {
  width: 340px;
  margin: auto;
  margin-top: 20px;
}