@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
  @details
    von Gemeindeseite:
    077397 grün
    697e01 olivgrün
    047e95 blau
    d7d7d7 grau
    -----------------
    301000 braun
    773e21 helleres braun
  @date 2025-09-25 ste: Anpassung Bibliothek Hangelsberg
 *****************************************************************************/
                    
  html            { background-color: #ffffff; }    
  body            { padding: 0px; margin: 0px; 
                    font-size: 1em; /*0.8 bei 600px iframewidth*/
                    FONT-FAMILY: Arial,Verdana; color: #000000;
                    background-color: #ffffff; }
	.bodyRahmen     { /* Vollbildanzeige oder Vergrößert */		
                    max-width: 1200px; /* Breite Banner */
                    min-height: 1000px;                   
                    margin: auto; /* horizontal mittige Darstellung */
                  }
  
  /*** index.html - Meldung einblenden, wenn JS deaktiviert ist ***************/
  div.JsMsg       { position: fixed; top: 100px; width: 1200px; height: 100px;
                    z-index: 5; padding: 8px; padding-top: 20px; font-weight: bold; 
                    background-color: #eeeeee; border: 1px solid black;
                    box-sizing: border-box;
                    animation:         einblenden 7s;
                    -moz-animation:    einblenden 7s; /* Für Firefox */
                    -webkit-animation: einblenden 7s; /* Für Safari und Chrome */
                    -o-animation:      einblenden 7s; /* Für Opera */    
                  } 
  @keyframes einblenden {
    from { opacity:0; } to { opacity:1; } 
  }
  @-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; } to { opacity:1; }
  }
  @-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; } to { opacity:1; }
  }
  @-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; } to { opacity:1; }
  }    

	/*** liste.html ************************************************************/
  body.liste      { overflow: auto; }
  .divBtnListeDrucken 
                  { text-align: right; border-bottom: 1px solid #336666;
                    margin-bottom: 10px; }
                    
  /*** info.html *************************************************************/
  div.info        { padding-left: 10px; padding-right: 10px; }
  table.info      { border-collapse: collapse; }
  table.info tr:nth-of-type(odd) td 
                  { ;  } 
	table.info td   { padding: 2px; }
  table.info a    { color: #000000; text-decoration: underline; padding: 2px; }
  table.info a:hover 
                  { background-color: #444; color: white; }
  
  /*** in Hilfedateien help?.html ********************************************/
  body.help       { font-size: 0.8em; FONT-FAMILY: 'Lucida Sans Unicode'; 
                    overflow: auto; }  
  body.help div.content
                  { padding: 40px; }
  
  /*** allgemeine Einstellungen **********************************************/
  a               { color: #000000; text-decoration: underline; padding: 2px; }
  a:hover         { background-color: #d7d7d7; }
  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; }
  hr              { color: #301000; }
  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 default Rand */
                    border: 1px solid #666; 
                    border-radius: 0px; } 
  input:focus, input:active, input:hover 
                  { ; }
  input[type=text][readonly] 
                  { color: #000000; border: 0px; }
  input, select, textarea 
                  {	font-size: 1em;	vertical-align: top;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    border: 1px solid #646464; }
  /* checkbox mit eigenem Layout, überschreibt browser-defaults */
  input[type="checkbox"] 
                  {	position: absolute;	left: -20px;}
	input[type="checkbox"] + label::before 
                  {	width: 17px; height: 20px; border: 1px solid #666;
                    border-radius: 2px;
                    background-color: #ffffff; display: block;
                    content: ""; cursor: pointer;	}
	input[type="checkbox"]:hover + label::before 
                  {	background-color: #ffe090; }
	input[type="checkbox"]:checked + label::before 
                  {	content: "\2714";	text-align: center; font-size: 0.8em;
                    background-color: #ffffff; color: #444; }
	input[type="checkbox"]:checked:hover + label::before 
                  {	background-color: #ffe090; }
	
  fieldset        { margin-top: 8px; padding: 6px 14px 6px 14px; 
                    border: 1px solid #301000; }
  legend          { font-weight: bold; color: #4a4a4a; background-color: white; }  

  /* Schaltflächen, Buttons */
  input[type=button] 
                  { /* alles Rücksetzen f. Apple Navigator */
                   -webkit-appearance: none;
                   /* neu setzen */
                    font-size: 0.99em; 
                    BACKGROUND-COLOR: #697e01; border: 1px solid #697e01;
                    COLOR: #ffffff; }
  input[type=button]:hover
                  { BACKGROUND-COLOR: #047e95;
                    COLOR: #ffffff;
                    cursor: pointer; }
  input[type=button].inpIndex
                  { border-radius: 2px;                    
                    BACKGROUND-COLOR: #697e01; border: 1px solid #697e01;
                    COLOR: #ffffff; }
  input[type=button].inpIndex:hover
                  { 
                    BACKGROUND-COLOR: #047e95; 
                    COLOR: white;  cursor: pointer; }
  .inpBtn         { ; }
  .inpBtn:hover   { ; }
  .inpBtnInactive { opacity: 0.5;}
  .inpBtnInactive:hover 
                  { cursor: default; }
  /* Navigationspfeile Btn Liste im Druckformat */
  .divNav         { width: 100%; text-align: right; margin-bottom: 5px; }
  .divNavArrows   { float: right; }
  .navBtn         { float: left; width: 30px; }
  .navArrow       { width: 0px; height: 0px; border-style: solid;
                    -webkit-transform:rotate(360deg); }
  .navArrowPrev   { border-width: 3px 10px 3px 0; }
  .navArrowPrevCol{ border-color: transparent white transparent transparent; }
  .navArrowPrevCol:hover
                  { border-color: transparent white transparent transparent; }
  .navArrowPrevColHover 
                  { border-color: transparent white transparent transparent; }

  .navArrowNext   { border-width: 3px 0 3px 10px;}
  .navArrowNextCol{ border-color: transparent transparent transparent white; }
  .navArrowNextCol:hover
                  { border-color: transparent transparent transparent white; }
  .navArrowNextColHover
                  { border-color: transparent transparent transparent white; }
                        
  .navArrowLine   { width: 2px; height: 6px;}
  .navArrowLineCol{ background-color: white; }
  .navArrowLineCol:hover
                  { background-color: white; }
  .navArrowLineColHover
                  { background-color: white; }
  .navPf          { float: left;
                    padding: 7px; cursor: pointer; color: white;
                    background-color: #697e01; margin-right: 10px; 
                    border: 1px solid #697e01; }
  .navPf:hover    { background-color: #047e95; color: #ffffff;
                    border: 1px solid #047e95; }
  .BtnListeDrucken{ height: 10px; padding: 0px; padding-bottom: 8px; 
                    padding-left: 2px; padding-right: 2px; }
  .BtnListeDrucken:hover
                  { cursor: pointer; color: white;}

  .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; }

  /*** Titel und Menü **********************************************************/
  .divTop         { width: 100%; }
  .divTopLeft     { float: left; }
  .divLogo        {	float: left; height: 70px; display: none; }  
  .spnTitle       { font-weight: bold; font-size: 2.2em; color: #301000;/* float: left; height: 70px; */
                    /* verticale Zentrierung */
                   /* display: flex; align-items: center;*/ }
  .XspnTitleInside { margin-left: 0px; line-height: 25px; /*vertical zentrieren */                    
                    font-weight: bold; font-size: 2.2em; color: #301000;  	}
  /* Anmeldung/Hilfe/Vergroessern */
  .divTopRight    { float: right; text-align: right; min-width: 400px;}
  .divMenu        { float: right; height: 50px;                     }  
  .spnMenu        { ; }
  .spnMenu:hover  { cursor: pointer;}
  .divMenuPkt     { margin: 2px; margin-top: 0px; margin-bottom: 0px; padding: 0px; 
                    width: 44px; height: 44px;
                    background-color: #ffffff; float: left;
                    border: 1px solid #301000; color: #000000;
                    display: flex; align-items: center;
                    justify-content: center; border-radius: 2px; }
  .divMenuPkt:hover
                  { background-color: #d7d7d7; cursor: pointer; color: #000000; }
  .spnTrenn       { color: #301000; font-size: 0.9em; 
                    padding-left: 3px; padding-right: 3px; }
  .imgLng         { /* Language Image  */
                    vertical-align: middle; margin: 0px; border: 0px; }
  .imgLng:hover   { cursor: pointer; }
  .divExpand      { float: right; height: 30px; }
  .divExpand:hover{ float: right; height: 30px; color: black; cursor: pointer; }
  .divExpTrenn    { float: right; height: 30px; color: #4a4a4a; } 
  .divMobil       { float: left; margin: 0px; padding:0px; 
                    cursor: pointer; transform: rotate(270deg); 
                    text-align:left; }
  /* End divMenu-Mobil  */
  
  .divLogin       { margin-top: 30px; margin-bottom: 10px; text-align: right; }
  .LoginResult    { color: red; font-weight: bold;}
  .inpLoginout    { width: 110px;}
  .spnLoginout    { color: #000000; text-decoration:underline; 
                    padding-left: 3px; padding-right: 3px; }
  .spnLoginout:hover
                  { background-color: #e77e69; cursor:pointer;
                    color: white; text-decoration: none; }
  /* Javascript-Test Ausschrift */
  .divJsMsg       { color: red;margin-top: 0px; margin-bottom: 10px; text-align: center;}

  /* Tabulatoren Menu */
  .divTab         { margin-top: 10px; margin-bottom: 5px;  width: 100%;
                    height: 24px; border-bottom: #301000 6px solid; }
  .TabAll         { float: left; overflow: hidden; border-radius: 3px;
                    margin-right: 4px; padding-top: 5px; margin-top: 10px;
                    color: #ffffff;
                    width: 12%; height: 24px; font-weight: bold;
                    text-align: center; vertical-align: bottom; 
                    background-color: #773e21; }
  .TabActive,      
  .TabNoActive:hover
                  { cursor: pointer; background-color: #301000; }
  
  /*** Content / Grids *******************************************************/
  .divContent     { width: 100%; }
  .thin_border    { border: 1px solid #301000; 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       { border: 0px;  margin: 0px; width: 100%}
  .tdtblSrch1     { padding: 0px; margin: 0px; }
  .divBegruessung { padding: 10px; font-size: 1em; }
  .divVorauswahl  { display: flex; align-items: center; 
                    justify-content: center; padding-bottom: 10px; }
  .divVorauswahl img
                  { height: 100px; padding: 0px; margin: 0px;
                    border: 3px solid #ccc; border-radius: 10px; }
  .divVorauswahl img:hover
                  { border: 3px solid #5ba128; }
  .divVorauswahl li div
                  { padding-top: 38px; padding-bottom: 38px; width: 178px;
                    border: 3px solid #ccc; border-radius: 10px; 
                    font-size: 1.2em; margin: auto;  }
  .divVorauswahl li div:hover
                  { border: 3px solid #5ba128; }
  .divVorauswahl li div a
                  { text-decoration: none; }
  .divVorauswahl li div a:hover
                  { text-decoration: underline; }
  .divVorauswahl ul 
                  { margin: 0px; padding: 0px; margin-top: 10px; }                
  .divVorauswahl li 
                  { color: black; float: left;
                    background-color: #ffffff;
                    display: flex; align-items: center; 
                    justify-content: center; }
  .divVorauswahl li:hover 
                  { cursor: pointer; }
  .divVorauswahl li:hover a
                  { text-decoration: underline; }
  .divVorauswahl figure
                  { text-align: center; padding: 0px; margin: 10px; }
  .divVorauswahl figcaption
                  { padding: 0px; margin: 0px;
                   font-weight: bold; font-size: 1.1em;}

  img.spezSuchen  { border: 3px solid #336666; width: 70px; cursor:pointer;
                    background-color: #336666; margin: 0px; margin-top: 5px; }  
  img.spezSuchen:hover    
                  { border: 3px solid lightgray;
                    background-color: lightgray; }  

  /* Grid2 erweiterte Suche */
  .GridSrch2      { width: 100%; display:none; }
  .tdSrchInstruction 
                  { ; }
                  
  .tblSrch2       { border-spacing: 5px 10px; }
  .tblSrch2 th    { font-weight: bold; text-align: left; }
  .tblSrch2 td    { ; }
  .tblSrch2 tr    { ; }
  
  .tdSelReg       { width: 18%; }
  .clSelReg       { ; }
  .clSelRes       { ; }
  .clSelSort      { ; }

  .tdSuchStr      { ; }
  .ipSuchStr      { width: 99%; }
  .ipSuchRes      { ; }
  
  .tdTrunc        { width: 2%; }
  .tdSelLogic     { width: 5%; text-align: center; }  
    
  .tdIndex        { width: 5%; text-align: right; }

  /* 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%; background-color: #ffffff; text-align: left; margin-top: 5px;
                    border-collapse:separate; border-spacing: 0px;  }
  .TblRegResults  { background-color: #ffffff; width: 100%; text-align: left;
                    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; display: none; }
  .divCard        { overflow: AUTO; margin: auto; }
  .divStatusTtl   { width: 100%; border: 0px; color: black; }
  .TblDetails     { background-color: #ffffff; border: 0px; }
  .trTblResults   {;} 
  .trTblResults:hover 
                  { background-color: #f5f5f5; cursor: pointer; }
  .tdTblResHead   { color: #444; padding: 3px; border: 1px solid gray; }
  .tdTblResHead1  { border-left: gray  1px solid; border-RIGHT:  gray 1px solid;
                    border-top:  white 1px solid; border-BOTTOM: gray 1px solid; }
  .tdTblResHead:hover 
                  {;}
  .tdTblResults   { padding: 3px; border: 0px; }
  .tdTblResults:hover
                  { cursor: pointer; }
                                                
  .tdTblResEx     { padding: 3px; border: 0px; color:#444; }
  .tdTblRegister  { padding-left: 3px; border: 0px; font-family: courier; }
  .tdTblRegister:hover
                  { cursor: pointer; background-color: gainsboro; }
  .tblLendFkt     { width: 100%; border: 0px; padding: 0px; margin: 0px; }
                                                  
  .divLendFkt     { /* innerhalb divStatusTtl */
                    width: 100%; height: 21px; margin-bottom: 0px; }
  .divLendFktLeft {	float: left;	}
  .divLendFktRight{	float: right;	}

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

  .divfBook 			{	display: none; }
  .divfBook1 			{;} 
  .divfSelfB 			{	display: none; }
  .divfSelfB1 		{;} 
  .divfPreBook 		{	display: none; }
  .divfPreBook1 	{;}
 
  /* Grid 5 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  { border: 0; }
  .tdPDataLabel   { text-align: right; }
  .PatronInfo     { color: red; font-weight: bold; text-align: center; }
  .divPatronFkt   { position: relative; text-align: left; }
  .inpBtnFkt      { border: #336666 1px solid; }
  .inpBtnFkt:hover{;}
  input[type=button].inpBtnFktCol   
                  { width: 90px; }
  input[type=button].inpBtnFktCol:hover 
                  { ; }                                                 
  .inpPData       { width: 150px; height: 22px; }
  .inpPInfo       { width: 98%; text-align: left; }
  .pPDInfotext    { color: red; font-weight: bold; }
 
/*** Fuss ********************************************************************/
  .divFuss        { margin-top: 10px;
                    animation:         Fusseinblenden 5s;
                    -moz-animation:    Fusseinblenden 5s; /* Für Firefox */
                    -webkit-animation: Fusseinblenden 5s; /* Für Safari und Chrome */
                    -o-animation:      Fusseinblenden 5s; /* Für Opera */    
                  }
  @keyframes Fusseinblenden {
    from { opacity:0; } to { opacity:1; } 
  }
  @-moz-keyframes Fusseinblenden { /* Für Firefox */
    from { opacity:0; } to { opacity:1; }
  }
  @-webkit-keyframes Fusseinblenden { /* Für Safari und Chrome */
    from { opacity:0; } to { opacity:1; }
  }
  @-o-keyframes Fusseinblenden { /* Für Opera */
    from { opacity:0; } to { opacity:1; }
  }
  .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 {
  html            { background-color: #ffffff; }
	body            { border:0px; margin: 0px; }	
  .DruckBtnNoPrint 
                  { display: none; }
}