@charset "UTF-8";
/******************************************************************************
  @brief      AndoLib-OPAC Desktop Referenz-Stylesheet #1
  @File       al-opac.css
  @Version    4.10.12
  @Copyright  Anando Eger, www.aneg.de
  @Function   css-Datei
  @date 2022-09-10 ste: Anpassungen Chorhaus
  @date 2023001-03 ste: banner höhe
  @Details    Farben
              maronn:  #871f06
              ocker:   #c7873f
 *****************************************************************************/

  html            { background-color: #fdeaa6; }
  /* ACHTUNG
     läuft der OPAC im iframe, müssen body und bodyrahmen die gleichen
     Einstellungen für border, shadow, margin etc. haben, 
     sonst 'wackelt' der OPAC beim Nachladen 
  */
  body            { padding: 2%;
                    font-size: 0.9em; /* 0.8 bei 600px iframebreite*/
                    FONT-FAMILY: Arial,Verdana;
                    color: #040404; background-color: #ffffff; }
  .bodyRahmen     { /* Vollbildanzeige oder Vergrößert) */    
                    max-width: 1200px; /* Breite Banner */
                    min-height: 1000px;
                    margin: auto; /* horizontal mittige Darstellung */
                    margin-top: 10px; margin-bottom: 10px; border-radius: 3px; 
                    border: 1px solid #e2bf7d; }
  
  /*** liste.html ************************************************************/
  body.liste      { overflow: auto; }  
  .divBtnListeDrucken 
                  { text-align: right; border-bottom: 1px solid #336666;
                    margin-bottom: 10px; }

  /*** info.html *************************************************************/
  table.info      { border-collapse: collapse; }
  table.info tr:nth-of-type(odd) td 
                  { background-color: white; }
  table.info td   { vertical-align: top; padding: 3px; }

  /*** in Hilfedateien *******************************************************/
  body.help       { font-size: 0.8em; FONT-FAMILY: 'Lucida Sans Unicode'; 
                    overflow: auto; }  
  body.help div.content
                  { padding: 40px; }

  /*** Tags und allg. Angaben ************************************************/
  a               { color: #666666; text-decoration: underline; }
  a:hover         { color: #000000; }
  h1, h2, h3 ,h4  { margin: 0px; padding: 0px; font-weight: bold; }
  h1              { font-size: 1.3em; }
  h2              { font-size: 1.2em; }
  h3              { font-size: 1.1em; }
  h4              { font-size: 1.0em; }
  img             { border: 0px; margin: 5px; }                           
  table           { width: 100%; border: 0px; empty-cells: show; font-size:1em;}
  td              { vertical-align: top; }
  p               { margin-top:0.2em; margin-bottom:0.2em; }
  input           { font-size: 1em; 
                    outline: none;	/* entfernt schwarzen Rand - chrome */
                    border: 1px solid #666; } 
  input:focus, input:active, input:hover 
                  { ; }
  input[type=text][readonly]   
                  { color: #000000; border: 0px; }
  input, select, textarea 
                  { vertical-align: top;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    border: 1px solid #871f06;  }
  /* checkbox mit eigenem Layout, überschreibt browser-defaults */ 
  input[type="checkbox"] 
                  {	position: absolute;	left: -20px; }
	input[type="checkbox"] + label::before 
                  {	width: 17px; height: 17px; border: thin solid #666;
                    background-color: #ffffff; display: block; content: "";
                    cursor: pointer; }
	input[type="checkbox"]:checked + label::before 
                  { content: "\2714"; text-align: center; font-size: 13px;
                    background-color: #ffffff; color: #444;	}

  fieldset        { border: #871f06 1px solid; padding: 6px 12px 6px 12px; }
  legend          { font-weight: bold; color: #4a4a4a; background-color: white;}
  
  /* Schaltflächen, Buttons */
  input[type=button] 
                  { font-size: 1em; color: white; background-color: #c7873f;
                    border-radius: 3px; }
  input:hover[type=button] 
                  { background-color: #871f06;
                    color: white; cursor:pointer; }
  input[type=button].inpIndex
                  { border: #c7873f 1px solid; }
  input[type=button].inpIndex:hover
                  { border: #871f06 1px solid; cursor: pointer; }
  .BtnListeDrucken{ margin-right: 15px; vertical-align: middle; }
  .inpBtn         { border: 1px solid #c7873f; }
  .inpBtn:hover   { border: 1px solid #871f06; cursor: pointer; }
  .inpBtnInactive { opacity: 0.5; }
  .inpBtnInactive:hover 
                  { cursor: default; }
  /* Navigationspfeile*/
  .divNav         { width: 100%; text-align: right; margin-bottom: 5px; }
  .BtnNav         { width: 30px; border: 1px solid #c7873f; }
  .BtnNav:hover   { border: 1px solid #871f06; }
   /*
  .navStart       { background: url("images/kd_nav_start.gif") no-repeat; }
  .navStart:Hover { background: url("images/kd_nav_start_hover.gif") no-repeat;}
  .navPrev        { background: url("images/kd_nav_back.gif") no-repeat; }
  .navPrev:Hover  { background: url("images/kd_nav_back_hover.gif") no-repeat;}
  .navNext        { background: url("images/kd_nav_forward.gif") no-repeat; }
  .navNext:Hover 
                  { background: url("images/kd_nav_forward_hover.gif") 
                    no-repeat; }
  .navEnd         { background: url("images/kd_nav_end.gif") no-repeat; }
  .navEnd:Hover   { background: url("images/kd_nav_end_hover.gif") no-repeat;}
  */
 
  .clearfix::after{ content: ""; clear: both; display: table; 
                  /* verhindert, dass images über div-Rand ragen */ }
  .antifloat      {clear: both; }

  /* die naechsten 4 Klassen werden vom Interpreter verwendet */
  .hide           { ; }
  .hide1          { visibility: hidden; }
  .pInstruction   { font-weight: bold;  }
  .spnWarn        { color: red; text-align: center; font-weight: bold; }
  
  /*** Header und Menü ******************************************************/
  .imgBanner      { height: 100%; width: 100%; object-fit: contain;
                    margin: 0px; margin-bottom: 35px; }
  .divBanner      { background-image: url("images/kd_banner.jpg");
                    background-repeat: no-repeat; 
                    background-size: contain;       /* autoresize */ 
                    height: 358px;                  /* nötig bannerhöhe */ }
  /* Bannervarianten */
  .divBannerV1    { display: flex; flex-direction: row; flex-wrap: nowrap; }                                                                           
  .divBannerV2    { background-image: url("images/kd_banner.jpg");
                    background-repeat: no-repeat; 
                    background-size: contain;       /* autoresize */ 
                    height: 278px;                  /* nötig bannerhöhe */ }
  .divBannerBottom{ margin-bottom: 10px; margin-top: 3px; height: 22px; }
  .divTop         { margin-top: 5px; width: 100%; }
  .divTopLeft     { width: 100%; text-align: left;  white-space: nowrap; 
                    margin-bottom: 15px; }
  .divLogo        { float: left; background-image: url("images/kd_banner.jpg");
                    background-repeat: no-repeat; 
                    background-size: contain;       /* autoresize */ 
                    width: 100px; }                                                                                       
  .spnTitle       {	position: relative; top: 20px;
                    height: 30px; line-height:30px;		/* vertical zentrieren */
                    display: inline-block;  padding: 10px;
                    margin-left: 10px; margin-right: 10px;
                    vertical-align: middle; text-align: left; font-weight: bold;
                    font-size: 2em; color: #871f06;
                  }                    
  /* Anmeldung/Hilfe/Vergroessern */
  .divTopRight    { margin-top: -16px; text-align: right; width: 100%; }
  
  .divMenu-Mobil  { float: right; height: 40px; padding-top: 20px; }  
  .divspnMenu     { float: left; text-align: left; }
  .imgLng         { /* Language Image  */
                      vertical-align: middle;  margin: 0px;  border: 0px; }
  .imgLng:hover   { cursor: pointer; }
  .spnMenu        { color: #c7873f; font-weight: bold; 
                    text-decoration:underline; }
  .spnMenu:hover  { color: #871f06; cursor: pointer; }
  .spnTrenn       { color: #c7973f; font-size: 0.9em; 
                    padding-left: 3px; padding-right: 3px; }

  .divExpand      { float: right; height: 30px; }
  .divExpand:hover{ color: black; cursor: pointer; }
  .divExpTrenn    { float: right; height: 30px; color: #4a4a4a; }
  
  .divMobil       { float:left; margin: -25px 0px 0px 10px; padding:0px; 
                    cursor: pointer; transform: rotate(270deg); 
                    text-align:left; }
  /* End divMenu-Mobil  */  

  .divLogin       { margin-bottom: 10px; }
  .LoginResult    { color: red; font-weight: bold; }
  .inpLoginout    { width: 110px; }
  .spnLoginout    { color: #871f06; }                    
  .spnLoginout:hover
                  { text-decoration: underline; cursor: pointer; }
  
/* Tabulatoren Menu */
  .divTab         { margin-top: 5px; margin-bottom: 5px;  width: 100%;
                    height: 22px; font-size: 0.9em; }
  .TabAll         { float: left; overflow: hidden; border-radius: 3px;
                    margin-right: 2px; padding-top: 5px; color: white; 
                    width: 12%; height: 18px; font-weight: bold;
                    text-align: center; vertical-align: bottom; }
  .TabActive      { background-color: #871f06; border: thin solid #871f06;  }
  .TabNoActive    { background-color: #c7873f; border: thin solid #c7873f;  }
  .TabNoActive:hover
                  { background-color: #871f06;  border: thin solid #871f06; 
                    cursor: pointer;  }

  /*** Content / Grids *******************************************************/
  .divContent     { width: 100%; }
  .thin_border    { border: #871f06 1px solid; padding: 5px; }

  /* Sucheinschraenkungen */
  .GridR          { width: 100%; text-align: left; display:none;
                    margin-top: 20px; margin-bottom: 20px; }
  .MTypOpt        { width:100px; }
  .BranchOpt      { width:80px; }
  .SortOpt        { width:80px; }

  /* Grid1 einfache Suche */
  .GridSrch1      { width: 100%; display:none; }
  .tblSrch1       { ; }
  .tdtblSrch1     { padding: 0px; margin: 0px; }
  img.spezSuchen  { border: 1px solid #ffffff; width: 120px; cursor:pointer; }  
  img.spezSuchen:hover    
                  { border: 1px solid #926839; }
  /* Grid2 erweiterte Suche */
  .GridSrch2      { width: 100%; display:none; }
  .tdSrchInstruction 
                  { ; }
  .tblSrch2       { font-weight: bold; border-spacing: 10px; }
  .tblSrch2 th    { font-weight: bold; text-align: left; }
  .tblSrch2 td    { ; }
  .tblSrch2 tr    { ; }

  .tdSelReg       { width: 12em; }
  .clSelReg       { height: 22px; border: gray 1px solid; width: 100%; }
  .clSelRes       { height: 22px; border: gray 1px solid; }
  .clSelSort      { height: 22px; border: gray 1px solid; }

  .tdSuchStr      { width: 60%; }
  .ipSuchStr      { border: #871f06 1px solid; width: 100%; padding: 2px; }
  .ipSuchRes      { border: #871f06 1px solid; width: 80px; padding: 2px; }

  .tdTrunc        { ; }
  .tdSelLogic     { width: 3em; margin-left:auto; margin-right:auto; }

  .tdIndex        { text-align: center;  }

  /* Grid3 Ergebnisliste */
  .GridResults    { width: 100%; text-align: left; display:none; }
  .Grid3_Content  { width: 100%; overflow: auto; }
  .tdMasterLabel  { width: 30%; font-weight: bold; white-space: nowrap; }
  .tdMasterDescription 
                  { ; }
  .divResNotify   { width: 100%; text-align: left;}
  .divResList     { width: 100%; text-align: left; display: block; }
  .divResListHidden 
                  { display: none; }
  .divRegister    { width: 100%; text-align: left; display: block; }
  .divRegisterHidden 
                  { display: none; }
  .TblResults     { width: 100%; text-align: left; background-color: #ffffff; }
  .imgCoverS      { max-width: 108px; min-width: 1px; }
  .TblRegResults  { width: 100%; text-align: left; background-color: #ffffff;
                    table-layout:fixed; overflow:hidden; } 
                    /* fixed + overflow hidden -> kürzt lange Registereinträge*/

  /* auch für Merkliste */
  .divLegende     { font-size: 0.9em; margin-left: 4em; margin-top: 5px; 
                    float: left; }

  /* Grid4 Detailanzeige Vollanzeige */
  .GridDetails    { width: 100%; text-align: left; overflow: auto;display:none;}
  .divCard        { overflow: AUTO; width: 100%; }
  .divStatusTtl   { width: 100%; border: 0px; color: black; }
  .TblDetails     { background-color: #ffffff; border: 0px; }
  .trTblResults   { ; } 
  .trTblResults:hover
                  { background-color: #eeeef4; cursor: pointer; }
  .tdTblResHead   { color: #A0A0A0; padding: 3px; border-top: white 1px solid; 
                    border-left: white 1px solid; border-RIGHT: gray 1px solid; 
                    border-BOTTOM: gray 1px solid; }
  .tdTblResHead:hover 
                  { ; }
  .tdTblResults   { padding: 3px; border: 0px; }
  .tdTblResults:hover 
                  { cursor: pointer; background-color: gainsboro; }
  .tdTblResEx     { padding: 3px; border: 0px; }
  .tdTblRegister  { padding-left: 3px; border: 0px; font-family: courier; }
  .tdTblRegister:hover 
                  { cursor: pointer; background-color: gainsboro;
                    font-family: courier; }

  .tblLendFkt     { ; }
  .divLendFkt     {   /* innerhalb divStatusTtl */
                    height: 21px; width: 100%; margin-bottom: 0px; }
  .divLendFktLeft { float: left; }
  .divLendFktRight{ float: right; }

  .divfSelfL      { display: none; }
  .divfSelfL1     { ; } 
  .btnfSelfL      { background-color: #00f000;  }
  .btnfSelfL:hover{ cursor: pointer; }
  .btnfSelfL1     { background-color: #00f000;  }
  .btnfSelfL1:hover
                  { cursor: pointer; }

  .divfBook       { display: none; }
  .divfBook1      { ; } 
  .divfSelfB      { display: none; }
  .divfSelfB1     { ; } 
  .divfPreBook    { display: none; }
  .divfPreBook1   { ; }
 
  /* Grid5 Merkliste */
  .GridList       { width: 100%; text-align: left; display:none; }
  /* Exemplarstatus (sState) */
  .reserviert     { color: red; font-weight: bold; }
  .nicht_entleihbar { color: red;   font-weight: bold;  }
  .entliehen      { color: red; font-weight: bold; }
  .entleihbar     { color: green; font-weight: bold; }
  .verfügbar      { color: green; }
  /* Entleihbarkeit (EAV) */
  .EAV            { background-color: #ccffcc; }
  .ENOTAV         { ; }
  
  /**************************************************************************/
  /* Leserbereich */
  /**************************************************************************/
  /* Grid6 Kontouebersicht */
  .clGridAcc      { width: 100%; text-align: center; display:none; }
  /* Grid7 persoenliche Daten */
  .clGridAccData  { width: 100%; text-align: center; display:none; }
  .tblPatronData  { ; }
  .tdPDataLabel   { text-align: right;  }
  .PatronInfo     { color: red; font-weight: bold; text-align: center; }
  .divPatronFkt   { position: relative; text-align: left; }
  .inpBtnFkt      { border: #871f06 1px solid; }
  .inpBtnFkt:hover 
                  { border: #c7873f 1px solid; }
  input[type=button].inpBtnFktCol
                  { width: 90px; border: gray 1px outset; }
  input[type=button].inpBtnFktCol:hover 
                  { border: white 1px inset; cursor: pointer; }
  .inpPData       { width: 150px; height: 22px; }
  .inpPInfo       { width: 98%; text-align: left; }
  .pPDInfotext    { color: red; font-weight: bold; }
 
/*** Fuss ********************************************************************/
  .divLog         { padding: 10px; }
  .divCopyright   { width: 100%; }
  .copyright      { text-align: left; float:left; font-size: 0.6em; }
  .impressum      { text-align: right; font-size: 0.8em; }
  
/*** Verschiedenes und Allgemeines *******************************************/
  .tooltip        { text-decoration: underline; cursor: help; }
  span[role=tooltip] 
                  { display: none; }
  span:hover[role=tooltip] 
                  { display: block; }
 /*** Media print ************************************************************/                                                                      
@media print {    
  body            { border:0px; margin: 0px; }
  .DruckBtnNoPrint 
                  { display: none; }
}