body {
	font-family: "Courier", "Courier New", monospace, monospace;
}
h1 {
	font: 2.0em Georgia, serif;
}
h1 a:hover, h1 a:active {
	text-decoration: none;
}
.description {
	font-style: italic;
	font-size: 90%;
	color: #777;
}
a:link {
	/* Das betrifft sowohl Verzeichnisse, als auch die Dateien, da alles ein Link ist! */
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #777;
}
a:hover, a:active {
	text-decoration: underline;
	color: maroon;
}
pre {
	font: 0.9em/1.3em "Courier New", Courier;
	margin: 3px 0;
	color: #000;
}
pre img {
	display: inline;
}
img {
	margin: 3px 0;
}

table {
	/*width: 100%;*/
	border-collapse: collapse;
}

table th {
	padding-top: 12px;
  	padding-bottom: 12px;
  	text-align: left;
  	color: white;
}

table td, table th {
  	border: 1px solid #ddd;
  	padding: 8px;
}	

table tr:nth-child(even) {
	background-color: #f2f2f2;
}

table tr:hover {
	background-color: #ddd;
}

/* Suchfeld anpassen - kleiner und kompakter */
#searchInput {
    width: 100%;
    max-width: 400px; /* Maximale Breite verringern */
    padding: 10px 15px; /* Weniger Padding für kleinere Höhe */
    font-size: 14px; /* Kleinere Schriftgröße */
    border: 2px solid #ddd;
    border-radius: 25px; /* Runde Ecken */
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Suchfeld-Fokus-Effekt */
#searchInput:focus {
    border-color: #007acc;
    box-shadow: 0 0 8px rgba(0, 122, 204, 0.3);
}

/* Button anpassen (falls vorhanden) */
button {
    padding: 10px 15px;
    font-size: 14px; /* Kleinere Schriftgröße für den Button */
    background-color: #007acc;
    color: #fff;
    border: none;
    border-radius: 25px;
    margin-left: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover- und Fokus-Effekt für den Button */
button:hover,
button:focus {
    background-color: #005b99;
}


/* Container für Suchergebnisse */
#searchResults {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f9f9f9;
    max-width: 1400px; /* Setzt eine maximale Breite für den Ergebnis-Container */
}

/* Einzelne Suchergebnis-Links */
#searchResults div {
    margin-bottom: 10px;
}

/* Suchergebnis-Link */
#searchResults a {
    font-size: 16px;
    color: #007acc;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover-Effekt für Suchergebnis-Link */
#searchResults a:hover {
    color: #005b99;
    text-decoration: underline;
}