/* Body - Slightly larger text for better readability on phones */
.autoindex_body, html
{
	font-family: verdana, lucidia, sans-serif;
	font-size: 14px;
	background-color: #164f2f; /* Replace with your specific green hex code */
        color: #FFFFFF;            /* Optional: Change text to white for better contrast */
}

/* Images - Set the icon size here */
/* Dit zorgt dat de kleine icoontjes in de lijst 32px blijven */
.autoindex_td img, .autoindex_th img
{
	border: none;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 8px;
}

/* Dit zorgt dat je Logo bovenaan NIET dwergachtig klein wordt */
.autoindex_body img
{
	border: none;
	max-width: 100%; /* Het logo mag groter zijn */
	height: auto;
}

/* Tables */
.autoindex_table
{
	width: 100%;
	border: none;
	border-spacing: 0px; /* Cleaner look */
}

/* Table Cells - Added padding for finger-friendly tapping */
.autoindex_td, .autoindex_td_right
{
	font-size: 13px;
	background-color: #2d6b46; /* Een iets lichtere groen dan de achtergrond */
	color: #FFFFFF !important;  /* Witte tekst */
	border: 1px solid #000010;
	padding: 8px;
}

/* De links IN de kolomkoppen (voor sorteren) */
.autoindex_th a:link, .autoindex_th a:visited
{
	color: #FFFFFF !important;
	text-decoration: none;
	font-weight: bold;
}

.autoindex_th a:hover
{
	color: #FFFF00 !important; /* Ook geel bij hoveren */
}

.autoindex_td_right
{
	text-align: right;
}

/* Links - Wit maken voor contrast op groen */
.autoindex_a:link, .autoindex_a:visited
{
	color: #FFFFFF !important; /* Wit zodat het goed opvalt */
	text-decoration: underline; /* Onderstreept zodat mensen zien dat het een link is */
}

/* Hover - Geel als je er met de muis overheen gaat */
.autoindex_a:hover, .autoindex_a:active
{
	color: #FFFF00 !important; /* Felgeel */
	text-decoration: none;
}

/* De rest van de tekst in de tabel ook wit maken */
.autoindex_td, .autoindex_td_right
{
	color: #FFFFFF;
}