/* ------------------------------------------- */
/* EX TABELLE BUTTONS für Kirchenbuch-Einträge */
/* ------------------------------------------- */

/*
	zentrierte Ausrichtung in HTML wie folgt
		<div class="mycontainer">
			<div class="mycentered-element">
					..zentrierter Text
			</div>
		</div>
*/


	html {
		/* Erzwingt vertikale Scrollbar (immer sichtbar) */
		overflow-y: scroll; 
		/* Verhindert horizontales Scrollen */
		overflow-x: hidden; 

		/*
	  scrollbar-gutter: stable both-edges;
	  overflow-y: auto;
		*/

}



html,
body {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	background-color: #C0C0C0;
	/* line-height: 200%; */
  text-align: left;
	margin: 0 auto;

	/*
	height: 100%; /* Begrenzte Höhe notwendig */ /*
	overflow-y: scroll; /* Erzwingt vertikale Leiste */ /*
	overflow-x: hidden; /* Versteckt horizontale Leiste, falls nötig */

}

/* 'myContainerDivId' wird anscheinend gar nicht verwendet.
/* Daher hier deaktiviert, KMR/hp 24.09.2025
/* Gleicher Eintrag auch in kmr-kb-entr.css
/* */
/* #myContainerDivId { */
	/* background-color: #e41a1a; */
	/* position: relative; */
	/* left: calc((100vw - 100%) / 2); */

/*
#myContainerDivId {
	/* background-color: #e41a1a; */
	/* height: 300px; /* Begrenzte Höhe notwendig */
	/* height: 100%; /* Begrenzte Höhe notwendig */
	/* overflow-y: scroll; /* Erzwingt vertikale Leiste */
	/* overflow-x: hidden; /* Versteckt horizontale Leiste, falls nötig */ /*
 } */

/*
#myContainerDivId {
  scrollbar-gutter: stable both-edges;
  overflow-y: auto;
}
*/



#wrapper {
	/* font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
	/* background-color: #C0C0C0; */
  text-align: left;
  margin: 0 auto;
	}

h1 {
	/* font-family: "Roboto Slab", serif; */
	font-weight: 700;
	line-height: 1em;
	margin: 0.5em 0 1em 0;
}


h3 {
	/* margin: 0 0 2em 0; */
	/* padding: 2.5em 0 0 0; */
	display: block;
	/* font-size: 1.17em; */
	/*
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	*/
	font-weight: bold;
	/* unicode-bidi: isolate; */
}

h5 {
	margin: 1em 0 2em 0;
	padding: 0 0 0 0;
	}

.mycontainer {
	/* background-color: #D3E8FA; */
	/* height: 300px; */
	width: 855px;
	/* margin: 2em 0 0 0; */
	margin: 0 auto;
	text-align: justify;
	font-size: medium
}

/*
.mycentered-element {
	width: 900px;
	/* margin: 0 auto; */ /*
	text-align: center;
	/* width: 855px; */
	/* height: 30px; */ /*
	border-radius: 5px;
	/* background-color:lightgreen; */ /*
}
*/

img {
	display: block;
	margin: auto;
	/* padding: 1em 0 1em 0; */
	/* width: 50%; */
}

table#buttons {
	width: 855px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 2em;
	}

/*
th {
	width: 855px;
	}
*/

/* 
tr {
	padding: 0 0 0 0;
	/* margin: 0 0 0 0;
	}
*/

/*
td {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
*/

span.btn-left, span.btn-right {
	text-align: center;
	}

.btn-right {
	text-align: center;
	}

.back-buttons {
	background-color: #5353532c;
	border-color:rgb(102, 102, 102);
	border-width: 1px;
	border-style: solid;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 8px 16px 20px;
	border-radius: 5px;
	cursor: pointer;
	width: 200px;
}

.back-buttons:hover {
	color:white;
	border-color:rgb(102, 102, 102);
	border-width: 1px;
	border-style: solid;
	/* font-weight: bold; */
	background-color: #dfdfdf25;
	width: 200px;
}

.pfeil {
	background-color: #5353532c;
	border-color:rgb(102, 102, 102);
	border-width: 1px;
	border-style: solid;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 8px 16px 20px;
	border-radius: 5px;
	cursor: pointer;
	width: 110px;
}

.pfeil:hover {
	color:white;
	border-color:rgb(102, 102, 102);
	border-width: 1px;
	border-style: solid;
	/* font-weight: bold; */
	background-color: #dfdfdf25;
	width: 110px;
}


/*
.klbutton {
	background-color: #5353532c;
	border-color:rgb(102, 102, 102);
	border-width: 1px;
	border-style: solid;
	color: white;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 8px 16px 30px;
	border-radius: 5px;
	cursor: pointer;
	width: 55px;
}

.klbutton:hover {
	color:white;
	border-color:rgb(102, 102, 102);
	border-width: 1px;
	border-style: solid;
	/* font-weight: bold; */ /*
	background-color: #dfdfdf25;
	width: 55px;
}
*/



/* Styles for the tooltip */
.kltooltip {
		/* background-color: #979797; */
		/* border-color:rgb(102, 102, 102); */
    /* position: relative; /* Position relative to contain the tooltip */
    /* cursor: pointer; /* Pointer cursor for better UX */

		background-color: #5353532c;
		border-color:rgb(102, 102, 102);
		border-width: 1px;
		border-style: solid;
		color: white;
		padding: 8px 16px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 10px 10px 20px;
		border-radius: 5px;
    position: relative; /* Position relative to contain the tooltip */
		cursor: pointer;
		width: 45px;

	  /* Verschiebung nach rechts unten */
		/* top: 100%;       /* Unter das Element */
		/* left: 50%;       /* Startet in der Mitte des Elements */
		/* transform: translateX(-50%); /* Zentriert den Tooltip horizontal */
		/* margin-top: 5px; /* Abstand nach unten */

}

/* Hide the tooltip by default */
.kltooltip::after {
    content: attr(data-tooltip); /* Use the data-tooltip attribute value */
    position: absolute; /* Position the tooltip */
    background-color: #5353532c; /* Background */
    color: #fff; /* White text */
    padding: 5px; /* Some padding */
    border-radius: 5px; /* Rounded corners */
    white-space: nowrap; /* Prevent line breaks */
    opacity: 0; /* Start hidden */
    visibility: hidden; /* Start hidden */
    transition: opacity 0.3s; /* Smooth transition */
}

/* Show the tooltip on hover */
.kltooltip:hover::after {
    opacity: 1; /* Show the tooltip */
    visibility: visible; /* Make the tooltip visible */
		margin: 10px 10px 20px;

}



.pfeil-links {
	margin-left: auto;
	margin-right: auto;
}

.pfeil-rechts {
	margin-left: auto;
	margin-right: auto;
}

/* ----------------------------------------------------------------------------- */
/* TABELLE KBENTR1 für Kirchenbuch-Einträge - verwendet in mnu1-ges2-kb-entr.php */
/* ----------------------------------------------------------------------------- */
table#kbentr1 {
	line-height: 150%;
	/* width: 52em; */
	/* width: 855px; */
	/* width: 54em; */
	/* width: 425px; */
	/* width: 26em; */
	width: 52em;

	margin: 0em 0em 5em 7em;
	font-size: 8pt;
	text-align: center;
	vertical-align: baseline;
	/* position: relative; */
	/* z-index: 1; */
	cursor: context-menu;
}

table#kbentr1 thead, table#kbentr1 th {
	background-color: lightgrey;
	border: 1px solid black;
	text-align: center;
	vertical-align: baseline;
	padding: 0 0 0 0;
}


table#kbentr1 th {
	/* border-bottom: solid 2px rgba(210, 215, 217, 0.75); */
	border-bottom: 1px solid black;
	background-color: lightgrey;
	text-align: center;
}

table#kbentr1 td {
	border: 1px solid black;
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 0;
}

/*
table#kbentr1 td {
	text-align: left;
}
*/

table#kbentr1 tbody tr {
	border-bottom: 1px solid black;
}

table#kbentr1 tbody td { text-align: left }
table#kbentr1 tbody td:first-child { text-align: center }

/*
table#kbentr1 td {
	text-align: left;
	/* text-align: center; */ /*
	vertical-align: top;
} */

/*
#spalte1 { width: 17em; }
#spalte2 { width: 32em; }
#spalte3 { width: 1em; }
#spalte4 { width: 1em; }
#spalte5 { width: 1em; }
*/

/* ----------------------------------------------------------------------------- */
/* TABELLE KBENTR2 für Kirchenbuch-Einträge - verwendet in mnu1-ges2-kb-entr.php */
/* ----------------------------------------------------------------------------- */
table#kbentr2 {
	line-height: 150%;
	/* width: 47em; */
	/* width: 855px; */
	width: 50em;               /* war vorher auf FTP 45em */
	margin: 0em 0em 4em 2em;   /* war vorher auf FTP 0em 0em 5em 3em */
	font-size: 8pt;
	text-align: center;
	vertical-align: baseline;
	/* position: relative; */
	/* z-index: 1; */
	cursor: context-menu;
}

table#kbentr2 thead, table#kbentr2 th {
	background-color: lightgrey;
	border: 1px solid black;
	text-align: center;
	vertical-align: baseline;
	padding: 0 0 0 0;
}

/*
table#kbentr2 th {
	border-bottom: 1px solid black;
	background-color: lightgrey;
	text-align: center;
}
*/

table#kbentr2 td {
	border: 1px solid black;
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 0;
}


/*
table#kbentr2 td {
	text-align: left;
}
*/

table#kbentr2 tbody tr {
	border-bottom: 1px solid black;
}

table#kbentr2 tbody td { text-align: left }
table#kbentr2 tbody td:first-child { text-align: center }

/*
table#kbentr2 td {
	text-align: left;
	/* text-align: center; */ /*
	vertical-align: top;
} */

/*
#spalte6 { width: 11em; }
#spalte7 { width: 32em; }
#spalte8 { width: 1em; }
#spalte9 { width: 1em; }
#spalte10 { width: 1em; }
*/

/* ----------------------------------------------------------------------------- */
/* TABELLE KBENTR3 für Kirchenbuch-Einträge - verwendet in mnu1-ges2-kb-entr.php */
/* ----------------------------------------------------------------------------- */
/* Legende bzw. Inhalt der Abb. "Einige der ältesten Kirchenbucheinträge aus dem */
/* Jahre 1715" - diese Tabelle sollte sich verkleinern, wenn das Fenster kleiner */
/* wird - betrifft Datei "kb00_index-kramarz_1715-mrkd.jpg"                      */
/*                                                                               */
/* Stand 20240902: Tabelle "kbentr3" in "mnu1-ges2-kb-entr.php" offensichtlich   */
/* gar nicht mehr benötigt.                                                      */
/*                                                                               */
/* ----------------------------------------------------------------------------- */
table#kbentr3 {
	line-height: 150%;
	/* width: 72em; */
	width: 855px;
	/* margin: 2em 0 3em 0; */
	margin: 0 auto;
	font-size: 8pt;
	text-align: center;
	vertical-align: baseline;
	/* position: relative; */
	/* z-index: 1; */
	cursor: context-menu;
}

table#kbentr3 th, table#kbentr3 td {
	border: 1px solid black;
	/* padding: 0 0 0 0; */
}

table#kbentr3 th {
	border-bottom: 1px solid black;
	background-color: lightgrey;
	text-align: center;
}

table#kbentr3 td {
	/* text-align: left; */
	text-align: center;
	vertical-align: top;
}

/*
#spalte11 { width: 23em; }
#spalte12 { width: 50em; }
*/
/* #spalte13 { width: 0.8em; } */
/* #spalte14 { width: 0.8em; } */
/* #spalte15 { width: 0.8em; } */

/* ----------------------------------------------------------------------------- */
/* TABELLE KBENTR4 für Kirchenbuch-Einträge                                      */
/* verwendet in jeweiligen AUSSCHNIT-Dateien wie                                 */
/* - kb12_kramarzik-matheg_heirat_17191029_aus.html                              */
/*   bis und mit                                                                 */
/* - kb38_sniehotta-mariana_tod_18071208_aus.html                                */
/* ----------------------------------------------------------------------------- */
table#kbentr4 {
	/* table-layout: auto; /* Ermöglicht flexible Spaltenbreiten basierend auf dem Inhalt */
	/* width: 100%; /* Stellt sicher, dass die Tabelle die verfügbare Breite ausfüllt */
	width: 855px;
	line-height: 150%;
	margin: 0 auto;
	/* width: 85em; */
	/* margin: 3em 0em 1em 2em; */
	margin-bottom: 2em;
	font-size: medium;
	text-align: center;
	vertical-align: top;
	/* position: relative; */
	/* z-index: 1; */
	cursor: context-menu;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	/* border: solid 1px rgba(210, 215, 217, 0.75); */
}

table#kbentr4 thead {
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid black;
}

/*
table#kbentr4 th, table#kbentr4 td {
	line-height: 120%;
	/* border: 1px dotted black; */
	/* padding: 0.5em 0.5em 0.5em 0.5em;
}
*/

/* td:table#kbentr4:first-child, table#kbentr4:first-child {
	width: 20%;
}

td:table#kbentr4:nth-child(2), table#kbentr4:nth-child(2) {
	width: 40%;
}
*/

table#kbentr4 th {
	line-height: 120%;
	font-weight: 800;
	/* border-bottom: 1px solid black; */
	background-color: lightgrey;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid black;
	/* border: 1px dotted black; */
	padding: 0.5em 0.5em 0.2em 0.5em;
}

table#kbentr4 tr {
	padding: 0 0 0 0;
	vertical-align: top;
}

table#kbentr4 td {
	line-height: 120%;
	/* text-align: left; */
	font-size: large;
	padding: 0.7em 0.7em 0.7em 0.7em;
	/* text-align: center; */
	vertical-align: top;
	border-top: 1px solid black;
	border-right: 1px solid black;
	/* border: 1px dotted black; */
	border-bottom: 1px solid black;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

table#kbentr4 thead#special1 {
	text-align: center;
	vertical-align: top;
}

table#kbentr4 th#special1 {
	line-height: 120%;
	/* border-bottom: 1px solid black; */
	/* background-color: green; */
	/* text-align: center; */
	padding: 0 0.5em 0.5em 0.5em;
	border-right: 1px solid black;
	font-size: smaller;
	font-weight: 800;
}


table#kbentr4 thead#special2 {
	text-align: center;
	vertical-align: baseline;
}

table#kbentr4 th#special2 {
	line-height: 110%;
	/* border-bottom: 1px solid black; */
	/* background-color: green; */
	/* text-align: center; */
	border-bottom: 1px solid black;
	padding: 0 0.5em 0.5em 0.5em;
	vertical-align: top;
	border-right: 1px solid black;
	font-size: smaller;
	font-weight: normal;
	word-wrap: break-word;		/* trennt auch an nicht-normalen (überlangen) Stellen */
	/* text-align: justify;		/* Blocksatz für bessere Sichtbarkeit der Silbentrennung */
	-webkit-hyphens: auto;		/* Aktiviert die automatische Silbentrennung Safari 5+ */
	-moz-hyphens: auto;				/* Aktiviert die automatische Silbentrennung Firefox 6+ */
	-ms-hyphens: auto;				/* Aktiviert die automatische Silbentrennung IE 10+ & iOS 4.2+ */
	-o-hyphens: auto;					/* Aktiviert die automatische Silbentrennung */
	hyphens: auto;						/* Aktiviert die automatische Silbentrennung */
}

table#kbentr4 tr#special2 {
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 0;
}

table#kbentr4 td#special2 {
	/* line-height: 120%; */
	text-align: center;
	line-height: 120%;
	vertical-align: top;
	padding: 0.7em 0.7em 0.7em 0.7em;
	font-size: large;
	border-top: 1px solid black;
	border-right: 1px solid black;
	/* border: 1px dotted black; */
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/*
table#kbentr5 tbody td { text-align: left }
table#kbentr5 tbody td:first-child { text-align: left }
*/

/*
#spalte21 { width: 0.8em; }
#spalte22 { width: 3em; }
#spalte23 { width: 4em; }
#spalte24 { width: 3em; }
#spalte25 { width: 6em; } */

/* ----------------------------------------------------------------------------- */
/* TABELLE *** KBENTR5 *** für Kirchenbuch-Einträge                              */
/* vormals verwendet in Datei "mnu1-ges2-kb-entr.php"                            */
/* in Datei "mnu1-ges2-kb-entr.php" neu ersetzt durch KBENTR4                    */
/* KBENTR5 neu erstellt aus Kopie von KBENTR4, mit kleinerer Schrift             */
/* in Datei kb36_kramartz_matheus-u-joseph_tod_1792_aus.html                     */
/* KMR/hp, 20240903                                                              */
/* ----------------------------------------------------------------------------- */
table#kbentr5 {
	width: 855px;
	line-height: 150%;
	margin: 0 auto;
	/* width: 85em; */
	/* margin: 3em 0em 1em 2em; */
	margin-bottom: 2em;
	font-size: small;
	text-align: center;
	vertical-align: top;
	/* position: relative; */
	/* z-index: 1; */
	cursor: context-menu;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

table#kbentr5 thead {
	text-align: center;
	vertical-align: top;
}

/*
table#kbentr5 th, table#kbentr5 td {
	line-height: 120%;
	/* border: 1px dotted black; */
	/* padding: 0.5em 0.5em 0.5em 0.5em;
}
*/

table#kbentr5 th {
	line-height: 120%;
	font-weight: 800;
	/* border-bottom: 1px solid black; */
	background-color: lightgrey;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid black;
	/* border: 1px dotted black; */
	padding: 0.5em 0 0.5em 0;
}

table#kbentr5 tr {
	padding: 0 0 0 0;
	vertical-align: top;
}

table#kbentr5 td {
	line-height: 120%;
	/* text-align: left; */
	font-size: small;
	/* padding: 0.7em 0.7em 0.7em 0.7em; */
	/* text-align: center; */
	vertical-align: top;
	border-top: 1px solid black;
	border-right: 1px solid black;
	/* border: 1px dotted black; */
	padding: 0.5em 0.5em 0.5em 0.5em;
}

table#kbentr5 thead {
	text-align: center;
	vertical-align: top;
}

table#kbentr5 th#special1 {
	line-height: 120%;
	/* border-bottom: 1px solid black; */
	/* background-color: green; */
	/* text-align: center; */
	padding: 0 0 0 0;
	border-right: 1px solid black;
	font-size: x-small;
	font-weight: 800;
}


table#kbentr5 thead#special2 {
	text-align: center;
	vertical-align: baseline;
}

table#kbentr5 th#special2 {
	line-height: 110%;
	/* border-bottom: 1px solid black; */
	/* background-color: green; */
	/* text-align: center; */
	padding: 0 0 0 0;
	vertical-align: top;
	border-right: 1px solid black;
	font-size: x-small;
	font-weight: normal;
	word-wrap: break-word;		/* trennt auch an nicht-normalen (überlangen) Stellen */
	/* text-align: justify;		/* Blocksatz für bessere Sichtbarkeit der Silbentrennung */
	-webkit-hyphens: auto;		/* Aktiviert die automatische Silbentrennung Safari 5+ */
	-moz-hyphens: auto;				/* Aktiviert die automatische Silbentrennung Firefox 6+ */
	-ms-hyphens: auto;				/* Aktiviert die automatische Silbentrennung IE 10+ & iOS 4.2+ */
	-o-hyphens: auto;					/* Aktiviert die automatische Silbentrennung */
	hyphens: auto;						/* Aktiviert die automatische Silbentrennung */
}

table#kbentr5 tr#special2 {
	text-align: center;
	vertical-align: top;
	padding: 0 0 0 0;
}

table#kbentr5 td#special2 {
	line-height: 120%;
	/* text-align: left; */
	font-size: larger;		/* war vorher "large", ev. auf "medium" setzen */
	/* padding: 0.7em 0.7em 0.7em 0.7em; */
	text-align: center;
	vertical-align: top;
	border-top: 1px solid black;
	border-right: 1px solid black;
	/* border: 1px dotted black; */
	padding: 0.5em 0.5em 0.5em 0.5em;
}