/****************************************/
/*      AndoLib OPAC                    */
/* @Version:   2.14.05                  */
/* @Date:      2011-08-31               */
/* @Copyright: Anando Eger, www.aneg.de */
/* @File:      al-opac2.css             */
/* @Function:  Stylesheet               */
/****************************************/

  body {
    MARGIN: 0px; PADDING: 0px; BORDER: 0px;
    FONT-SIZE: 1em; FONT-FAMILY: Arial;
    COLOR: white; BACKGROUND-COLOR: black;
  }
  table {
    empty-cells: show;
  }
  p {MARGIN-TOP: 0.2em; MARGIN-BOTTOM: 0.2em; }
  a {COLOR: white;  }
  a:hover { COLOR: #a8343a; }
  
  input {FONT-SIZE: 1em}
  input[type=text][readonly] {
    COLOR: Black;
    BACKGROUND-COLOR: Gainsboro;
  }
  input[type=button] {
    FONT-SIZE: 0.9em;
  }
  .cover   {
   FLOAT: left;
   BORDER: 0px; margin: 5px; 
  }
   .inpBtn { 
    BORDER: gray 1px solid; 
  }
  .inpBtnHover { 
    BORDER: white 1px solid;
    CURSOR: pointer; 
  }

  .antifloat{CLEAR: both; VISIBILITY: hidden; FONT-SIZE: 0px;}
  .hide { }
  .hide1 { VISIBILITY: hidden; }
  .bildunterschrift {FONT-SIZE: 0.8em; COLOR: #000000;}
  .copyright {FONT-SIZE: 8pt; TEXT-ALIGN: right; }

  /* die naechsten zwei Klassen werden vom Interpreter verwendet */
  .pInstruction {
    TEXT-ALIGN: center; FONT-WEIGHT: bold; FONT-SIZE: 0.9em;
  }
  .spnWarn {COLOR: yellow; TEXT-ALIGN: center; FONT-WEIGHT: bold; }

  /* Anmeldung/Hilfe/Vergrößern */
  .divHelp {
    POSITION: absolute;
    TOP: 3px;
    MARGIN: 0px; PADDING: 0px;
    HEIGHT: 50px; WIDTH: 100%;
    VERTICAL-ALIGN: bottom;
  }
  .divLogin {FLOAT: right; MARGIN: 0px; PADDING: 0px; HEIGHT: 50px; }
  .LoginResult { TEXT-ALIGN: left; COLOR: yellow; FONT-WEIGHT: bold;}
  .inpLoginout { HEIGHT: 20px; WIDTH: 60px; FONT-SIZE: 8pt; }
  .divExpand { FLOAT: right; HEIGHT: 30px; COLOR: #535353; }
  .divExpandHover { FLOAT: right; HEIGHT: 30px; COLOR: black; CURSOR: pointer; }
  .divExpTrenn { FLOAT: right; HEIGHT: 30px; COLOR: black; }
  .spnMenu {COLOR: white; FONT-WEIGHT: bold;}
  .spnMenuHover {COLOR: #a8343a; FONT-WEIGHT: bold; CURSOR: pointer;}
  .spnTrenn {COLOR: white; FONT-WEIGHT: bold; FONT-SIZE: 8pt;}
  .spnLoginout {COLOR: white;}
  .spnLoginoutHover {COLOR: #a8343a; CURSOR: pointer;}

  /* Tabulatoren */
  .divTab{
    TOP: 125px;
    POSITION: absolute;
    WIDTH: 100%;
    HEIGHT: 25px;
  }

  .TabActive {
    FLOAT: left; OVERFLOW: hidden;
    BORDER-TOP: white thin solid; BORDER-RIGHT: gray thin solid; BORDER-LEFT: white thin solid;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;    
    WIDTH: 12%; HEIGHT: 25px;
    FONT-SIZE: 0.8em;
    TEXT-ALIGN: center; VERTICAL-ALIGN: bottom;
    COLOR: white; BACKGROUND-COLOR: #a8343a;
    FONT-WEIGHT: bold;
}
  .TabNoActive {
    FLOAT: left; OVERFLOW: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;    
    border-top-left-radius: 8px;  border-top-right-radius: 8px;
    BORDER-TOP: white thin solid; BORDER-RIGHT: gray thin solid; BORDER-LEFT: white thin solid;
    MARGIN-TOP: 5px;
    WIDTH: 12%; HEIGHT: 20px;
    FONT-SIZE: 0.8em;
    TEXT-ALIGN: center; VERTICAL-ALIGN: bottom;
    COLOR: black; BACKGROUND-COLOR: #a8a8a8;
  }
  .TabNoActiveHover {
    FLOAT: left; OVERFLOW: hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;    
    BORDER-TOP: white thin solid; BORDER-RIGHT: gray thin solid; BORDER-LEFT: white thin solid;
    WIDTH: 12%; HEIGHT: 25px;
    TEXT-ALIGN: center; VERTICAL-ALIGN: bottom;
    COLOR: white; BACKGROUND-COLOR: #a8a8a8;
    FONT-SIZE: 0.8em; FONT-WEIGHT: bold;
    CURSOR: pointer;
  }

  .divContent {   /*  enthält die Grids GridSrch1 ... GridAcc */
    POSITION: absolute;
    TOP: 150px;
    WIDTH: 100%;
    HEIGHT: 640px;
    BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px;
    PADDING-TOP: 10px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px;
    MARGIN: 0px;
    COLOR: white; BACKGROUND-COLOR: #a8343a;
  }

  .divLog {
    POSITION: absolute;
    TOP: 790px;
    MARGIN: 5px;
    WIDTH: 95%;
  }
  .divCopyright {
    WIDTH: 100%;
    TEXT-ALIGN: right;
  }

  /* einfache Suche */
  .GridSrch1 {
    POSITION: absolute; TOP: 40px; LEFT: 10%; WIDTH: 80%;
    TEXT-ALIGN: center;
    VISIBILITY: hidden;
  }
  .clSelMTyp{BORDER: gray 1px solid;}
  .tblSrch1 {FONT-SIZE: 1em; BORDER: 0px; MARGIN: 0;}
  .tdtblSrch1 {PADDING: 1em;}

  /* erweiterte Suche */
  .GridSrch2 {
    POSITION: absolute; TOP: 40px; LEFT: 2%; WIDTH: 95%; 
    TEXT-ALIGN: center; 
    VISIBILITY: hidden; 
  }
  .tdSrchInstruction { MARGIN: 2em;}
  .tblSrch2 { BORDER: 0px; FONT-SIZE: 1em;}
  .TdSuchStr {WIDTH: 250px}
  .clSelReg {
    BORDER: gray 1px solid;
    FONT-SIZE: 0.8em;
  }
  .ipSuchStr{ 
    WIDTH: 100%; HEIGHT: 20px;
    BORDER: gray 1px solid;
    FONT-SIZE: 0.9em;
  }
  .ipSuchRes{ 
    BORDER: gray 1px solid;
    WIDTH: 150px; HEIGHT: 20px;
    FONT-SIZE: 0.9em;
  }

  .inpIndex { 
    WIDTH: 50px;
    BORDER: gray 1px solid;
    FONT-SIZE: 0.8em;
  }
  .inpIndexHover { 
    WIDTH: 50px; 
    BORDER: white 1px solid; 
    FONT-SIZE: 0.8em;
    CURSOR: pointer; 
  }

  .clBtnInp { BORDER: gray 1px solid;
    FONT-SIZE: 0.8em;
  }
  .clBtnInpHover { 
    BORDER: white 1px solid; 
    FONT-SIZE: 0.8em;
    CURSOR: pointer
  }

  /* Ergebnisliste */
  .GridResults { 
    POSITION: absolute; TOP: 40px; LEFT: 2%; WIDTH: 95%;
    TEXT-ALIGN: center; 
    VISIBILITY: hidden; 
  }
  .tdMasterLabel {WIDTH: 30%; FONT-WEIGHT: bold; WHITE-SPACE: nowrap;}
  .tdMasterDescription {}
  .divResNotify { 
    WIDTH: 100%;
    color: white;
    TEXT-ALIGN: left;
  }
  .divResList {
    POSITION: absolute; TOP:0px; LEFT:0%; WIDTH:100%; 
    color: black;
    TEXT-ALIGN:right;
  }
  .divResListHidden {VISIBILITY: hidden;}
  .divRegister {LEFT:0%; WIDTH:100%; POSITION:absolute; TOP:0px; TEXT-ALIGN:right;}
  .divRegisterHidden {VISIBILITY: hidden;}
  .TblResults {
    WIDTH: 100%;
    COLOR: black; BACKGROUND-COLOR: #ffffff; 
    FONT-SIZE: 0.9em;
  }
  /* auch f�r Merkliste */
  .divLegende {
    FLOAT: left;
    MARGIN-LEFT: 4em; MARGIN-TOP: 5px;
    color: white;
    FONT-SIZE: 0.8em;
  }

  /* Vollanzeige */
  .GridDetails {
    POSITION: absolute; 
    LEFT: 2%; WIDTH: 95%; TOP: 40px; 
    PADDING: 0px; MARGIN: 2px;
    TEXT-ALIGN: left; 
    VISIBILITY: hidden;
  }
  .divGridDetNav {
    WIDTH: 99%;
    PADDING: 2px; MARGIN: 0px;
    TEXT-ALIGN: right;
  }
  .divCard {
    OVERFLOW: AUTO;
    HEIGHT: 520px;  
    MARGIN: 0; PADDING: 0;
  }
  .divISBD { 
    PADDING: 2px; MARGIN: 0px;
    WIDTH: 99%; 
    COLOR: black; BACKGROUND-COLOR: white; 
  }
  .divStatusTtl {
    PADDING: 2px; MARGIN: 0px;
    WIDTH: 99%; HEIGHT: 25px;
    BORDER: 0px;
    /* COLOR: black; BACKGROUND-COLOR: #f0f0f0;  */
  }
  .divIsbdEx {
    PADDING: 2px; MARGIN: 0px;
    WIDTH: 99%; 
    COLOR: #A0A0A0; BACKGROUND-COLOR: white; 
  }

  .TblDetails {
    BORDER: 0px;
    FONT-SIZE: 1em;
    COLOR: black; BACKGROUND-COLOR: white; 
  }
  .trTblResults {} 
  .trTblResultsHover { 
    BACKGROUND-COLOR: gainsboro; 
    CURSOR: pointer;
  }
  .tdTblResHead {COLOR: #A0A0A0; PADDING: 3px; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-RIGHT: gray 1px solid; BORDER-BOTTOM: grey 1px solid; }
  .tdTblResHeadHover {
    PADDING: 3px; 
    BORDER: white thin solid;
    BACKGROUND-COLOR: gainsboro;
    CURSOR: pointer; 
  }
  .tdTblResults {PADDING: 3px; BORDER: 0px; vertical-align:top;}
  .tdTblResEx {PADDING: 3px; BORDER: 0px; vertical-align:top; }
  .tdTblResultsHover {PADDING: 3px; BORDER: 0px; vertical-align:top; BACKGROUND-COLOR: gainsboro; CURSOR: pointer;}
  .tdTblRegister {PADDING-LEFT: 3px; BORDER: 0px; vertical-align:top; font-family: courier;}
  .tdTblRegisterHover {PADDING-LEFT: 3px; BORDER: 0px; vertical-align:top; BACKGROUND-COLOR: gainsboro; CURSOR: pointer; font-family: courier;}

  /* in Katalogkartenanzeige */
  .signatur {COLOR: green; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; }
  .classification {COLOR: green; FONT-SIZE: 0.9em; TEXT-ALIGN: right }
  .pAnnotation {COLOR: #339900;}
  .IK { BACKGROUND-COLOR: gold; }
  .spnTextlink {COLOR: #404040; CURSOR: pointer; text-decoration: underline;}
  .spanRegLine{}
  .spanRegLink{}
  .spanRegLineHover{ BACKGROUND-COLOR: gainsboro; CURSOR: pointer;}
  .spanRegLinkHover{ BACKGROUND-COLOR: gainsboro; CURSOR: pointer;}
  .txtISBDLabel { COLOR: green; }


  .TblSchlagworte {BORDER: 0; FONT-SIZE: 1em;}
  .tblLendFkt {
    BORDER: 0px; PADDING: 0px; MARGIN: 0px;
    WIDTH: 100%;
    FONT-SIZE: 1em;
  }
  .divLendFkt   {   /* innerhalb divStatusTtl */
    POSITION: relative; TOP: 0px; RIGHT: 0px;
    MARGIN-BOTTOM: 0px;
    HEIGHT: 22px; WIDTH: 100%;
  }

  .divfSelfL {
    POSITION: absolute; z-index: -1;
    TOP: 0px; RIGHT: 0px;
    VISIBILITY: hidden; 
  }
  .divfSelfL1 {
    POSITION: absolute;
    TOP: 0px; right: 0px;
  } 
  .btnfSelfL {
    COLOR: white; BACKGROUND-COLOR: #535353; FONT-WEIGHT: bold;
  }
  .btnfSelfLHover {
    COLOR: white; BACKGROUND-COLOR: #535353; FONT-WEIGHT: bold;
    CURSOR: pointer;
  }
  .btnfSelfL1 {
    COLOR: white; BACKGROUND-COLOR: #535353; FONT-WEIGHT: bold;
  }
  .btnfSelfL1Hover {
    COLOR: white; BACKGROUND-COLOR: #535353; FONT-WEIGHT: bold;
    CURSOR: pointer;
  }

  .divfBook {
    POSITION: absolute; z-index: -1;
    TOP: 0px; right: 0px;
    VISIBILITY: hidden; 
  }
  .divfBook1 {
    POSITION: absolute;
    TOP: 0px; right: 0px;
  } 
  .divfSelfB {
    POSITION: absolute; z-index: -1;
    TOP: 0px; right: 0px;
    VISIBILITY: hidden; 
  }
  .divfSelfB1 {
    POSITION: absolute;
    TOP: 0px; right: 0px;
  } 
  .divfPreBook {
    POSITION: absolute; z-index: -1;
    TOP: 0px; right: 0px;
    VISIBILITY: hidden; 
  }
  .divfPreBook1 {
    POSITION: absolute;
    TOP: 0px; right: 0px;
  }

  /* Merkliste */
  .GridList {
    POSITION: absolute; 
    LEFT: 2%; WIDTH: 95%; TOP: 40px; 
    TEXT-ALIGN: right; 
    VISIBILITY: hidden; 
  }
  .GridListFkt{
    POSITION: relative;
    WIDTH: 100%; HEIGHT: 40px;
    FONT-SIZE: 0.9em;
  }

  /**************************************************************************/
  /* Leserbereich */
  /**************************************************************************/
  /* Mein Konto */
  .clGridAcc {
    POSITION: absolute; LEFT: 2%; TOP: 10px; WIDTH: 95%;
    TEXT-ALIGN: center; VISIBILITY: hidden;
  }

  /* Meine Daten */
  .clGridAccData {
    POSITION: absolute; LEFT: 2%; TOP: 0px; WIDTH: 95%;
    TEXT-ALIGN: center; VISIBILITY: hidden;
  }
  .tblPatronData {
    BORDER: 0;
    FONT-SIZE: 1em; 
  }
  .PatronInfo {
    COLOR: red; FONT-WEIGHT: bold;
  }
  .divPatronFkt {
    position: relative;
    TEXT-ALIGN: left;
  }
  .inpBtnFkt { 
    COLOR: white; BACKGROUND-COLOR: #737373; 
    FONT-WEIGHT: bold;
  }  
  .inpBtnFktHover { 
    COLOR: white; BACKGROUND-COLOR: #737373; FONT-WEIGHT: bold;
    CURSOR: pointer;
  }

  .inpPData {
    WIDTH: 250px; HEIGHT: 22px;
    BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid;
    BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid;
  }
  .inpPInfo {
    WIDTH: 100%;
    TEXT-ALIGN: left;
    FONT-SIZE: 1em;
  }
  .pPDInfotext {
    COLOR: red;
    FONT-WEIGHT: bold;
  }

  .tdPDataLabel {
    vertical-align: top;
  }


  /* Navigationsleiste */
  .inpBtnTblDl      {WIDTH: 150px; BORDER: gray 1px solid;
    FONT-SIZE: 0.8em;
  }
  .inpBtnTblDlHover {WIDTH: 150px; BORDER: white 1px solid;
    FONT-SIZE: 0.8em;
  }
  .clBtnTblNav      {WIDTH: 30px; BORDER: gray 1px solid;
    FONT-SIZE: 0.8em;
  }
  .clBtnTblNavHover {WIDTH: 30px; BORDER: white 1px solid; 
    FONT-SIZE: 0.8em;
    CURSOR: pointer;
  }


