/* ====== Basisdocument ====== */
body {
  margin: 0;
  font-family: 'IBM Plex Sans', sans-serif;
  background-color: #999999;
}

/* ====== Links ====== */
a {
  color: #4e8cff;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  text-align: left;
}
a:hover {
  color: #8a8ff5;
  text-decoration: underline;
}
a:visited {
  color: #557aff;
  text-decoration: underline;
}
a.black { color: #000000; }
a.blue { color: rgb(78, 139, 253); }
a.pale { color: #b9c3ff; }
a.plain-link { color: #c5d4e4; }

/* ====== Typografie & kleuren ====== */
.white { color: #fff; }
.lightgrey { color: #ccc; }
.darkgrey { color: #666; }
.red { color: red; }

.plain { font-weight: normal; font-size: 11px; line-height: normal; font-family: Verdana, Times, "Times New Roman"; background: transparent; }
.plainitalic { font-style: italic; font-weight: normal; font-size: 10px; line-height: normal; font-family: Verdana, Times, "Times New Roman"; }
.plaingrey { color: #d8d8d8; font-size: 11px; font-family: Verdana, Times, "Times New Roman"; font-weight: normal; line-height: normal; background: transparent; }
.plainsmall { font-size: 10px; font-family: Arial, Verdana, Times, "Times New Roman"; font-weight: normal; line-height: normal; text-align: left; text-transform: lowercase; margin-left: 10px; color: #999; }
.underline { text-decoration: underline; }

.titel { color: black; font-weight: bold; font-size: 18px; line-height: normal; font-family: Arial, Geneva, Swiss, SunSans-Regular; text-transform: uppercase; }
.titel2 { font-size: 14px; font-family: Verdana, Times, "Times New Roman"; font-weight: bold; line-height: normal; text-align: left; text-transform: lowercase; margin-bottom: 2px; margin-left: 0; }
.titel2KAP { font-weight: bold; font-size: 14px; line-height: normal; font-family: Verdana, Times, "Times New Roman"; text-align: center; text-transform: uppercase; margin-bottom: 0; }
.titel3 { font-size: 11px; font-family: Verdana, Times, "Times New Roman"; font-weight: bold; line-height: normal; text-transform: none; margin-bottom: 5px; margin-left: 9px; }

/* ====== Tabellen & lijsten ====== */
ol { list-style-type: decimal; margin: 1em 0 1em 40px; }
table { border: 0; padding: 0; margin: 0; border-collapse: collapse; }
th, td { padding: 0; }
table.center { margin: 0 auto; border: 0; }
table.background { background: #fff; }

/* ====== Lay-out & teksthulpen ====== */
.Menu_inset { white-space: normal; margin: 10px; }
.address { font-family: 'IBM Plex Sans', sans-serif; font-size: 10px; margin-left: 9px; color: #5b5b5b; }
.ibm { margin-left: 0; margin-top: 0; line-height: 15px; }

.kop { font-weight: 900; font-size: 22px; }
.normal { font-weight: 400; font-size: 14px; margin-left: 7px; }
.normal.bold { font-weight: 600; }
.normal.small { font-size: 12px; }
.normal.padding { padding-top: 2px; padding-bottom: 2px; }
.bold { font-weight: 900; margin-bottom: 0; margin-left: 12px; }
.space_2 { margin-bottom: 12px; }
.space_4 { margin-bottom: 30px; }
.indent { margin-left: 8px; }

/* ====== Navbar-elementen ====== */
.home { position: absolute; margin-left: 126px; margin-top: 36px; font-size: 10px; color: #ffffff; }

/* ====== Buttons — routepagina ====== */

/* 444×48 banner */
.routeswap {
  display: inline-block;
  width: 444px;
  height: 48px;
  background-image: url(../cv_contact/cv_route_assets/cv_route_r1_c4.jpg);
  background-repeat: no-repeat;
  background-size: 444px 48px;
}
.routeswap:hover {
  background-image: url(../cv_contact/cv_route_assets/cv_route_r1_c4_f2.jpg);
}

/* Thumbs (64×48) */
.btnthmbsr {
  display: inline-block;
  width: 64px;
  height: 48px;
  background: url(../cv_contact/cv_route_assets/cv_route_r1_c6.jpg) no-repeat 0 0 / 64px 48px;
}
.btnthmbsr:hover { background-image: url(../cv_contact/cv_route_assets/cv_route_r1_c6_f2.jpg); }

/* Mail (68×48) */
.btnmailr {
  display: inline-block;
  width: 68px;
  height: 48px;
  background: url(../cv_contact/cv_route_assets/cv_route_r1_c7.jpg) no-repeat 0 0 / 68px 48px;
}
.btnmailr:hover { background-image: url(../cv_contact/cv_route_assets/cv_route_r1_c7_f2.jpg); }

/* ===== NAVGRID (bovenste balk in één cel) ===== */
.navrow td { padding: 0; vertical-align: middle;
 padding: 0 0 18px 0;   /* 10px onderruimte onder de hele nav-rij */
  vertical-align: middle;
}

.navgrid {
  position: relative;
  top: 18px;           /* was 9px — 10px omlaag gebracht */
  left: 1px;
  width: 758px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 167px 444px 64px 68px 14px;
  align-items: center;
  gap: 0;
}


/* Home-slice (167×48) */
.home-img{
  display:block; width:167px; height:48px;
 background: url(../cv_contact/cv_route_assets/cv_route_r1_c1.jpg) no-repeat 0 0 / 167px 48px;
}

/* Buttons als blokken (voorkomt baseline gaps) */
.routeswap, .btnthmbsr, .btnmailr { display:block; line-height: 0; }

/* Rechter shadow-slice (14×48) */
.nav-spacer{
  display: block;
  width: 14px;
  height: 48px;
  background: url(../cv_contact/cv_route_assets/cv_route_r1_c8.jpg)
              no-repeat 0 0 / 14px 48px;
  pointer-events: none;
}