body   {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 3px;
        margin-right: 0px;
        font-size:      12px;
        font-family:    verdana,arial;
font-family:TImpact, Charcoal, sans-serif;
        font-weight:    normal;
        letter-spacing: 0px;
        color:          #000000;
 
       /* background: 	#ededed;*/
      /*  background: 	  #ffffff ;*/
		background:   #fbfcfc ;
		
       
                }





* {
    box-sizing: border-box;
}
.main {
    width: 65%;
    float: left;
 
   
}

.head {
    width: 100%;
    float: left;  
  
}


a:link {

        font-family:    arial;
         font-weight:    normal;
        font-size:      15px;
        letter-spacing: 0px; 
        text-decoration: none; 
        color:#4169e1;     
       
 }

a:active {
                font-family:    arial;
         font-weight:    normal;
font-size:      15px;
        letter-spacing: 0px;
        text-decoration: underline; 
        color:#4169e1;       
        
 }

a:visited {
                font-family:    arial;
         font-weight:    bold;
         font-size:      15px;
        letter-spacing: 0px;
        text-decoration: underline; 
        color:#4169e1;       
        
         }



a.table
        {
    /*   background: 	   	#d5e6ff; */
           font-size:      12px;
        font-family:    arial;
        
        letter-spacing: 0px;
     /*   padding:5px;*/
    /*  color:         #00549C;   */
          color:        #000000; 
        text-decoration: none;
        
        

        }
td
	{
	
            background: #ffffff; 
	     font-size:      15px;
        font-family:    arial;
        font-weight:    normal;
        letter-spacing: 0px;
        color:          #000000;
	    text-decoration: none;
  
        
	}
h3
        {
        font-size:      15px;
        font-family:    arial;
        font-weight:    bold;
        letter-spacing: 0px;
        color:          #1d3f3f;
        text-decoration: none;
        }
h4
        {
        font-size:      13px;
        font-family:    arial;
        font-weight:    bold;
        letter-spacing: 0px;
        color:          #396290;
        text-decoration: none;
        } 

.center {
    text-align: center;
}

.pagination {
    display: inline-block;
	
	  
	}

.pagination a {
  	color: 	#ffffff;
	 background-color: #4169e1;
      float: left;
    padding: 5px 4px;
	text-decoration: none;
    transition: background-color .3s;
    border: 2px solid #ddd;
    margin: 0 4px;
    border-radius: 5px 5px 5px 5px; 

}


.pagination a.active {
    background-color: black;
        color: white;
    border: 1px solid #4CAF50;
	text-decoration: underline; 
}  

.pagination a:hover:not(.active) {
	background-color: white;
	color: black;
	
	}



 .kaart {

  width: 50%;

  background-color: #ffffff;
     color:         #ffffff;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0,
0.19);

  margin-bottom: 8px;

}

.responsive-text {
  word-wrap: break-word;     /* Break long words */
  overflow-wrap: break-word; /* Modern alternative */
  white-space: normal;       /* Allow wrapping */
}

/* On small screens */
@media (max-width: 600px) {
  .responsive-text {
    font-size: 14px;  /* Smaller text if needed */
    line-break: anywhere;
  }
}

/* On larger screens */
@media (min-width: 601px) {
  .responsive-text {
    font-size: 18px;
  }
}












       


/* Compact modern presentation. Existing result styling stays available above. */
:root { --blue:#2563eb; --ink:#17243b; --muted:#68768c; --line:#dce3ed; }
body { margin:0; background:#f7f9fc; color:var(--ink); font:14px/1.45 Arial,Helvetica,sans-serif; }
.injabulo-page { width:60%; margin:0 auto 24px; }
.site-header { text-align:center; }
.utility-strip { padding:6px 0; color:var(--muted); font-size:12px; }
.utility-strip #txt { display:inline; margin:0 12px; font-variant-numeric:tabular-nums; }
.brand { display:inline-block; margin:10px 0 8px; }
.brand img { display:block; max-width:100%; max-height:64px; width:auto; margin:auto; }
.brand h3 { margin:3px 0 0; font-size:13px; font-weight:400; color:var(--muted); }
.advertisements { margin:0 auto 8px; padding:7px 10px; background:#e9eef5; border-radius:5px; color:var(--ink); }
.advertisements img { max-width:100%; height:auto; }
.site-nav { margin-bottom:10px; }
.menu { display:flex; justify-content:center; flex-wrap:wrap; gap:2px; list-style:none; margin:0; padding:4px; background:var(--blue); border-radius:5px; }
.menu li { position:relative; }
.menu a { display:block; padding:6px 14px; color:white; font-size:14px; text-decoration:none; font-weight:500; }
.menu a:hover,.menu a:focus-visible { background:#ffffff25; border-radius:4px; }
.submenu { display:none; position:absolute; left:0; top:100%; background:white; box-shadow:0 4px 15px #17243b22; list-style:none; padding:4px; min-width:180px; z-index:10; }
.submenu a { color:var(--ink); }
.has-children:hover>.submenu,.has-children:focus-within>.submenu,.has-children.open>.submenu { display:block; }
.search-card { background:white; padding:16px; border:1px solid var(--line); border-radius:9px; box-shadow:0 3px 12px #243b5310; text-align:left; }
.categories { border:0; padding:0; margin:0 0 12px; min-width:0; }
.categories legend { padding:0; font-weight:600; margin-bottom:6px; }
.category-options { display:flex; flex-wrap:wrap; gap:6px 16px; }
.category-options label { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.category-options input { margin:0; accent-color:var(--blue); width:15px; height:15px; }
.form-row { display:grid; grid-template-columns:170px minmax(0,1fr); align-items:center; gap:8px; margin:8px 0 0; }
.form-row>label { font-size:13px; font-weight:600; }
.search-card input[type=text],.search-card input[type=number] { box-sizing:border-box; width:100%; min-width:0; height:34px; border:1px solid #c8d2e2; border-radius:5px; padding:6px 10px; color:var(--ink); background:white; font:14px Arial,sans-serif; }
.search-card input::placeholder { color:#7a879b; }
.search-card input:focus { outline:2px solid #2563eb44; border-color:var(--blue); }
.place-controls { display:flex; gap:8px; min-width:0; }
.search-card button { border:0; border-radius:5px; padding:6px 22px; background:var(--blue); color:white; font:600 14px Arial,sans-serif; cursor:pointer; }
.search-card button:hover { background:#1d4ed8; }
.search-help { margin:4px 0 8px 178px; color:var(--muted); font-size:12px; }
.search-card input[type=number] { width:82px; }
.similar-row { border-top:1px solid var(--line); margin-top:12px; padding-top:12px; }
#txtHint { display:block; margin-left:178px; font-size:13px; }
#txtHint:empty { display:none; }
.page-contact { margin:10px 0; text-align:center; font-size:12px; }
.results-table { border-collapse:collapse; text-align:left; }
.results-table td { background:transparent; line-height:1.5; }
a { color:var(--blue); }
.pagination a { border:1px solid var(--line); padding:5px 9px; margin:2px; }
#myBtn { padding:9px 13px; border-radius:6px; }
@media(max-width:1000px) { .injabulo-page { width:85%; } .menu a { padding:6px 10px; } }
@media(max-width:600px) { .injabulo-page { width:calc(100% - 20px); } .search-card { padding:12px; } .form-row { grid-template-columns:1fr; gap:3px; } .search-help,#txtHint { margin-left:0; } .category-options { gap:6px 12px; } .menu a { font-size:12px; padding:6px 8px; } }

/* Mobile: readable controls, touch targets, and no horizontal page scrolling. */
.injabulo-page { min-width:0; }
.results-table { width:100%; table-layout:fixed; }
.results-table td { overflow-wrap:anywhere; }
.injabulo-page img,.injabulo-page video { max-width:100%; height:auto; }
.utility-strip,.advertisements,.page-contact { overflow-wrap:anywhere; }
button,input,a { -webkit-tap-highlight-color:transparent; }
@media (max-width:700px) {
  .injabulo-page { width:calc(100% - 20px); margin-bottom:20px; }
  .utility-strip { font-size:12px; line-height:1.6; padding:5px 0; }
  .brand { margin:6px 0; }
  .brand img { max-height:52px; }
  .site-nav { margin-bottom:8px; }
  .menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; }
  .menu>li:last-child:nth-child(odd) { grid-column:1 / -1; }
  .menu a { display:flex; min-height:44px; align-items:center; justify-content:center; padding:7px 8px; font-size:14px; text-align:center; }
  .submenu { position:static; min-width:0; box-shadow:none; }
  .search-card { padding:12px; }
  .categories { margin-bottom:6px; }
  .category-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 8px; }
  .category-options label { min-height:44px; font-size:14px; }
  .category-options input { width:18px; height:18px; flex-shrink:0; }
  .form-row { grid-template-columns:minmax(0,1fr); gap:4px; margin-top:8px; }
  .form-row>label { font-size:14px; }
  .search-card input[type=text],.search-card input[type=number] { min-height:44px; height:44px; font-size:16px; }
  .place-controls { flex-wrap:wrap; gap:6px; }
  .place-controls input { flex:1 1 150px; }
  .search-card button { min-height:44px; font-size:16px; padding:8px 16px; flex:0 0 auto; }
  .search-help { margin:5px 0 8px; line-height:1.5; }
  .limit-row { grid-template-columns:minmax(0,1fr) 82px; }
  .similar-row { margin-top:10px; padding-top:10px; }
  #txtHint { margin-left:0; overflow-wrap:anywhere; }
  .page-contact a { display:inline-block; padding:10px 4px; min-height:44px; }
  .pagination { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
  .pagination a { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; margin:0; float:none; }
  .results-table td,.results-table a { font-size:16px; }
  .results-table table { width:100%; table-layout:fixed; }
  .results-table td { max-width:100%; }
  #myBtn { right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); min-width:44px; min-height:44px; font-size:16px; }
}
@media (max-width:359px) {
  .place-controls { flex-direction:column; }
  .place-controls input { flex:auto; }
  .search-card button { width:100%; }
}

/* Header and menu inherit the boundaries established by index2.php. */
.injabulo-page > .site-header,
.injabulo-page > .site-nav {
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  contain:inline-size;
}
.injabulo-page > .site-header {
  display:flow-root;
  overflow-wrap:anywhere;
}
.site-header .utility-strip,
.site-header .advertisements {
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
  overflow:auto;
  overflow-wrap:anywhere;
}
.site-header .brand { max-width:100%; white-space:normal; }
.site-header :is(img,video,iframe,embed,object) { max-width:100%; }
.site-header :is(img,video) { height:auto; }
.site-nav .menu,
.site-nav .menu li,
.site-nav .menu a {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
/* Expanded menus stay in the page flow, including nested submenus. */
.site-nav .submenu {
  position:static;
  min-width:0;
  max-width:100%;
  margin:0;
  overflow-wrap:anywhere;
}

/* Compatibility with the live finder/index.php layout:
   header and navigation are siblings of <table width="60%"> in <center>. */
body > center > .site-header,
body > center > .site-nav {
  box-sizing:border-box;
  width:60%;
  max-width:60%;
  min-width:0;
  margin-left:auto;
  margin-right:auto;
}
body > center > .site-header {
  display:flow-root;
  overflow-wrap:anywhere;
}