/******************************************************************************
 @brief       AndoLib-OPAC Desktop Referenz-Stylesheet #1
 @File        al-opac.css
 @Version     4.07
 @Copyright   Anando Eger, www.aneg.de
 charset      UTF-8
 @Function    css-Datei
 @details			2018-10-15/ste:
 								Besonderheiten bei Änderung von Hintergrund- und Textfarbe 
 								über eine Klasse für Element input type button
								- default Eigenschaften über input[type=button]
								- Änderungen über Klassen
									+ color, background bzw. background-color über Klasse 
										neu setzen -> wirkungslos
								  	ggf. direkt im html-code	setzen
 @date        2018-10-09/ste inpBtnFktCol:hover, table.info h1 hinzugefügt
                alle hover Eigenschaften über :hover gesetzt
 @date 				2018-10-16/ste: Rahmen bei vergrößern anzeigen
 @date 				2018-10-17/ste: tabel font-size: 1em hinzugefügt und an allen
 								anderen Stellen entfernt
 @date 				2018-10-31/ste: nav -> margin-bottom: 5px
 @date        2019-04-23/aneg: Klassen  .EAV u. ENOTAV für Verfügbarleit in
                               Ergebnisliste
 @date 				2019-06-28/aneg: clearfix ergänzt
 @date        2019-06-16/aneg: Klasse tooltip für Verfügbarkeitsanzeige
 @date 				2019-08-02/aneg: UTF8-Codierung wiederhergestellt
								
 *****************************************************************************/
  /* verhindert, dass images über div-Rand ragen */
  .clearfix::after { 
    content: "";
    clear: both;
    display: table;
  }
  body {
    padding: 10px; border: 0px;
    font-size: 0.8em; /* bei 600px iframebreite*/
		FONT-FAMILY: Arial,Verdana;
    color: #4f588e;
  }
	.bodyRahmen{
		/* Vollbildanzeige (vergrößern) */		
		max-width: 900px;	margin: auto; 	/* horizontal mittige Darstellung */
		margin-top: 10px;
		border: 2px solid #4f588e; border-radius: 3px;  	  	
	}
	/*** liste.html **********************************/
  body.liste{
    overflow: auto;
  }  
  /*** info.html **********************************/
  table.info{
    border-collapse: collapse;
  }
  table.info h1{ font-size: 1.2em;}
	table.info td{
    vertical-align: top;
    padding: 10px;
  }
  /*** in Hilfedateien ***************************/
  body.help {  
    font-size: 0.8em;
    FONT-FAMILY: 'Lucida Sans Unicode'; 
    overflow: auto;
  }  
  body.help h1{ font-size: 1.3em; margin-bottom: 0px; padding: 0px;}
  body.help h2{ font-size: 1.1em; margin-bottom: 0px; padding: 0px;}
  body.help div.content{ padding: 40px;}
  /************************************************/
  .liAction {
    text-decoration: underline;
  }
  .liAction.hover{
    cursor: pointer;
    text-decoration: underline;
  }
  table { 
  	width: 100%; 
  	border: 0px; 
  	empty-cells: show;
		font-size: 1em;
  }
  td { vertical-align: top; }

  p  { margin-top:0.2em; margin-bottom:0.2em; }
  a  { color: #404040;  }
	a:hover { color: black; }
  img { border: 0px; margin: 5px;}
  input {font-size: 1em;}
  input[type=text][readonly] 	{
    color: Black;
    background-color: Gainsboro;
  }
  input[type=button] {
    font-size: 0.99em; 
    color: white;
    background-color: #888;
    border-radius: 3px;
  }
  input:hover[type=button] { 
    font-size: 0.99em; 
    background-color: #4f588e;
    color: white;
    cursor:pointer;
  }
  input, select, textarea {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
  fieldset {
	border: #4f588e 1px solid;
	padding: 6px;  
  }
  legend{
   font-weight: bold;
   color: #4f588e;
   background-color: white;
  }
  .imgLng {
    vertical-align: middle;
    margin: 0px;
    border: 0px;
  }
  .imgLng:hover {
    vertical-align: middle;
    margin: 0px;
    border: 0px;
    cursor: pointer;
  }
  .inpBtn{ 
    border-top:       1px outset #eeeef4; 
    border-left:      1px outset #eeeef4; 
    border-right:     1px outset #4f588e; 
    border-bottom:    1px outset #4f588e; 
  }
  .inpBtn:hover{
    border-top:       1px inset #4f588e; 
    border-left:      1px inset #4f588e; 
    border-right:     1px inset white; 
    border-bottom:    1px inset white; 
    cursor:           pointer;
  }
  .inpBtnInactive { 
    border:  0;
  }
  .inpBtnInactive:hover {
    border:  0;
    cursor: default;    
  }
	
  .antifloat{clear: both; display:none; }
  .hide { }
  .hide1 { visibility: hidden; }
  .bildunterschrift {font-size: 0.8em;}
  .spnTitle {
    margin-left: 0.6em;
    font-size: 1.4em;
    color: #545977;
  }

  /* die naechsten zwei Klassen werden vom Interpreter verwendet */
  .pInstruction { font-weight: bold;  }
  .spnWarn {color: red; text-align: center; font-weight: bold; }

  .divTop{
    margin-top: 5px;
    width: 99%;
  }
  .divTopLeft{
    width: 100%;
    text-align: left;
  }
  .divLogo{ /* nicht aktiv */
    width: 250px; height: 50px; line-height:50px;		/* vertical zentrieren */
    margin-left: 5px;
    vertical-align:middle; text-align: center;
    font-weight: bold;
    font-size: 1.5em; 
    color: #4f588e;
  }
/* Anmeldung/Hilfe/Vergroessern */
  .divTopRight {
    text-align: right;
    width: 100%;
  }
  .divLogin {float: right; }
  .LoginResult { color: red; font-weight: bold;}
  .divExpand { float: right; height: 30px; }
  .divExpand:hover { float: right; height: 30px; color: black; cursor: pointer; }
  .divExpTrenn { float: right; height: 30px; color: #4f588e; }
  .inpLoginout {width: 80px;}
  .spnMenu {
    color: #4f588e;
    font-weight: bold;
  }
  .spnMenu:hover {
    color: #4f588e;
    cursor: pointer;
		font-weight: bold;
  }
  .spnTrenn {color: #4f588e; font-size: 0.9em;}
  .spnLoginout {color: #4f588e;}
  .spnLoginout:hover {color: black; cursor: pointer; }
  
  /* Tabulatoren Menu */
  .divTab{
    margin-top: 5px; margin-bottom: 5px;
    width: 100%;
    height: 22px;
    font-size: 0.9em;
 	}
  .TabActive {
    float: left; overflow: hidden;
  	border: thin solid #4f588e; border-radius: 3px;
    margin-right: 2px; padding-top: 5px;
    width: 13%; height: 18px;
    text-align: center; 
    vertical-align: bottom;
    color: darkred; 
    background-color: #f0f0f0;
    font-weight: bold;
  }
  .TabNoActive {
    float: left; overflow: hidden;
    border: gray thin solid; border-radius: 3px;
    margin-right: 2px; padding-top: 5px;
    width: 13%; height: 18px;
    text-align: center; 
    vertical-align: bottom;
    color: gray; 
    background-color: #fcfcfc;
    font-weight: bold;
  }
  .TabNoActive:hover {
    float: left; overflow: hidden;
    border: thin solid #4f588e; border-radius: 3px;
    margin-right: 2px; padding-top: 5px;
    width: 13%; height: 18px;
    text-align: center; 
    vertical-align: bottom;
    color: darkred; 
    background-color: #f0f0f0;
    font-weight: bold;
    cursor: pointer;
  }
  .divContent {
    width: 100%;
    background-color: #f0f0f0;
  }
  .thin_border{ border: #4f588e 1px solid; padding: 5px;}

  /* Sucheinschraenkungen */
  .GridR {
    width: 99%;
    padding-top: 10px; padding-bottom: 10px;
    padding-left: 0.5%; padding-right: 0.5%;
    text-align: left;
    display:none;
  }
  .MTypOpt{width:100px;}
  .BranchOpt{width:80px;}
  .SortOpt{width:80px;}

  /* einfache Suche */
  .GridSrch1 {
    width: 100%;
    text-align: center;
    display:none;
  }
  .tblSrch1 { border: 0px; margin: 0; width: 100%}
  .tdtblSrch1 {padding: 0px; margin: 0px; }

  /* erweiterte Suche */
  .GridSrch2 {
    width: 100%; 
    text-align: left; 
    display:none;
  }
  .tdSrchInstruction { margin: 2em;}
  .tblSrch2  { 
    width: 100%;
    font-weight: bold;
    text-align: left;
  }
  .tdSelReg {
    width: 12em;
  }
  .clSelReg  { 
    width: 100%; height: 22px;
    border: gray 1px solid;
  }
  .clSelRes {
    height: 22px;
    border: gray 1px solid;
  }
  .clSelSort {
    height: 22px;
    border: gray 1px solid;
  }
  .tdSuchStr{
    width: 60%;
  }
  .tdTrunc {
  }
  .tdSelLogic {
    width: 3em;
    margin-left:auto;
    margin-right:auto;
  }
  .tdIndex {
    text-align: center;
  }
  .ipSuchStr{ border: gray 1px solid; width: 100%; padding: 2px;}
  .ipSuchRes{ border: gray 1px solid; width: 80px; padding: 2px; }
  .inpIndex  { border: gray 1px outset; }
  .inpIndex:hover { border: white 1px inset; cursor: pointer; }

  /* Ergebnisliste Grid3*/
  .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 { text-align: left; width: 100%; }
  .divResList {
    display: block; 
    width: 100%; 
    text-align:left;
  }
  .divResListHidden {
    display: none;
  }
  .divRegister {
    width: 100%;
    text-align:left;
    display: block;
  }
  .divRegisterHidden {
    display: none;
  }
  .TblResults {
    width: 100%; 
    background-color: #ffffff; 
    text-align: left;
  }
  .imgCoverS {
    max-width: 108px;
    min-width: 1px;
  }
  .TblRegResults {
    background-color: #ffffff; width: 100%; text-align: left;
    table-layout:fixed; overflow:hidden;
  } /* fixed + overflow hidden -> lange Registereinträge abschneiden */

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

  /* Grid 4 Detailanzeige Vollanzeige */
  .GridDetails {    
    width: 100%;
    text-align: left;
    overflow: auto;
    display:none;
  }
  .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; }
  .tdTblResEx {padding: 3px; border: 0px;}
  .tdTblResults:hover {padding: 3px; border: 0px; cursor: pointer;
    background-color: gainsboro;}
  .tdTblRegister {padding-left: 3px; border: 0px; font-family: courier;}
  .tdTblRegister:hover {padding-left: 3px; border: 0px; cursor: pointer; 
    background-color: gainsboro;font-family: courier;}

  .tblLendFkt {
    border: 0px; padding: 0px; margin: 0px;
    width: 100%;
  }
  .divLendFkt   {   /* innerhalb divStatusTtl */
    margin-bottom: 0px;
    height: 21px; width: 100%;
  }
  .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;
  }
  .GridListFkt{
    position: relative;
    width: 100%; height: 40px; 
  }
  /* Exemplarstatus (sState) */
  .reserviert {
    color: red;
    font-weight: bold;
  }
  .entliehen {
    color: red;
    font-weight: bold;
  }
  .entleihbar {
    color: green;
    font-weight: bold;
  }
  .verfügbar {
    color: green;
/*     font-size: 0.7em; */
    font-weight: bold;
  }
  /* Entleihbarkeit (EAV) */
  .EAV {
    background-color: #ccffcc;
  }
  .ENOTAV {
   /*  background-color: #ffcccc; */
  }
  /**************************************************************************/
  /* Leserbereich */
  /**************************************************************************/
  /* Grid 6 */
  .clGridAcc {
    width: 100%; 
    text-align: center; 
    display:none;
  }
  /* Grid 7 */
  .clGridAccData {
    width: 100%; 
    text-align: center; 
    display:none;
  }
  .tblPatronData {
    border: 0;
  }
  .tdPDataLabel {
    vertical-align: top;
    text-align: right;
  }
  .PatronInfo {
    color: blue; font-weight: bold;
  	text-align: center;
  }
  .divPatronFkt {
    position: relative;
    text-align: left;
  }
  .inpBtnFkt {
    border-top:       1px outset #eeeef4; 
    border-left:      1px outset #eeeef4; 
    border-right:     1px outset #4f588e; 
    border-bottom:    1px outset #4f588e; 
  }
  .inpBtnFkt:hover {
    border-top:       1px inset #4f588e; 
    border-left:      1px inset #4f588e; 
    border-right:     1px inset white; 
    border-bottom:    1px inset white; 
  }
  .inpBtnFktCol { 
    width: 50px; 
    border: gray 1px outset;
  }
  .inpBtnFktCol:hover { 
   	width: 50px; 
    border: white 1px inset; 
    cursor: pointer;
  }
  .inpPData {
    width: 150px; height: 22px;
    border-RIGHT: gray 1px solid; border-top: gray 1px solid;
    border-left: gray 1px solid; border-BOTTOM: gray 1px solid;
  }
  .inpPInfo {
    width: 300px;
    text-align: left;

  }
  .pPDInfotext {
    color: blue;
    font-weight: bold;
  }
 
  /* Navigationspfeile*/
  .divNav {
    width: 100%; 
    text-align: right;
		margin-bottom: 5px;
  }
  .BtnNav      {
    width: 30px; 
    border-top:       1px outset #eeeef4; 
    border-left:      1px outset #eeeef4; 
    border-right:     1px outset #4f588e; 
    border-bottom:    1px outset #4f588e; 
  }
  .BtnNav:hover      {
    width: 30px; 
    border-top:       1px inset #4f588e; 
    border-left:      1px inset #4f588e; 
    border-right:     1px inset white; 
    border-bottom:    1px inset white; 
  }
/* Fuss */
  .divLog { padding-top: 10px; padding-right: 10px; }
  .divCopyright {
    width: 100%;
    text-align: right;
  }
  .copyright { font-size: 0.7em; text-align: right; }
  
/* Verschiedenes und Allgemeines */
  .tooltip { 
    text-decoration: underline;
    cursor: help;
  }
  span[role=tooltip] {
    display: none;
  }
  span:hover[role=tooltip] {
    display: display;
  }
@media print {		
	body{ border:0px; margin: 0px;}	
}