<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*RUBRIEK LINKS HOME IMAGES*/

/* Verberg de div standaard */
.EETmenusub{
display: none;
margin-top:0px;
margin-left:5px;
background-color: #f0f0f0;
padding:10px 0 0 0;
position: relative;
z-index: 9999;
width: 98%;
font-size: 1.1em;
border-radius:0 0 10px 10px;
border: 1px solid green;
border-top: 0px solid;
max-height: 420px;  /* Maximale hoogte van het menu */
overflow-y: auto;   /* Voeg een scrollbar toe als de inhoud te groot is */
}
/* MEDIA */
@media only screen and (max-width:1180px){.EETmenusub {max-height: 320px;}}

/* Basis styling voor de lijst en links (ongewijzigd) */
.EETmenusub ul{
list-style-type: none;
margin-top: 0px;
padding: 5px;
}

.EETmenusub li:nth-child(even){
background: #e5e4e2;
}

.EETmenusub ul li a{
display: block;
color: #000;
padding-bottom: 2px;
text-decoration: none; margin-left:5px
}

.EETmenusub ul li a:hover{
background-color: #ddd;
color: #000;
border-radius: 0px;
}

/* Verberg de scrollbar compleet, maar laat het scrollen toe */
.EETmenusub::-webkit-scrollbar{
display: none;  /* Verberg de scrollbar zelf */
}

/* Firefox specifiek: Verberg de scrollbar zonder de functionaliteit te verliezen */
.EETmenusub{
scrollbar-width: none;  /* Verberg scrollbar in Firefox */
}

/* Aangepaste styling voor de knop */
button{
margin-top:0px;
width:98%;
margin-left:5px;
height:31px;
background-color: green; /* Groene achtergrond */
color: white; /* Witte tekst */
font-size:1.3em;
padding: 5px 0px; /* Ruimte rondom de tekst */
border: none; /* Geen rand */
border-radius:10px 10px 0 0; /* Afgeronde hoeken */
cursor: pointer; /* Hand cursor bij hover */
/*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
*/
}

/* Knop hover effect */
button:hover{
background-color: green;
}

.EETmenusub a:link,
.EETmenusub a:visited{color:#000 !important;text-decoration:none}
.EETmenusub a:hover,
.EETmenusub a:active{color:red !important;text-decoration:none}

</pre></body></html>