/* cmsms stylesheet: exklusive modified: Tuesday, December 30, 2025 10:33:19 AM */
@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;    border: 0;    outline: 0;    font-size: 100%;    vertical-align: baseline;    background: transparent;
}
body {     line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {    quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
:focus {outline: 0; }
ins {     text-decoration: none; }
del {    text-decoration: line-through;}
table {    border-collapse: collapse;    border-spacing: 0; }

h1 {font-size: 28px;margin: 20px 0 20px 0;padding:5px 0 0 0;color:#99042F;}
h2 {font-size:24px;margin:0 0 20px 0;padding:5px 0 0 0;color:#002E67;}
h3 {font-size:18px;margin:0 0 15px 0;color:#002E67;}
h4 {font-size:15px;margin:0 0 15px 0;color:#002E67;}
p {font-size:14px;line-height:18px;padding:0 0 10px 0;}

body { background:url(/uploads/exklusive/bodybgrepeat.png) repeat-x left top;font: 12px/18px Arial;*min-height:1%;height:100%; }
.wrap{ width:999px;margin:0 auto; }

.header { background:url(/uploads/exklusive/header_left.png) no-repeat top left;height:213px;position:relative; }
.header_inside { position:relative;height:213px;padding:0 10px;background:url(/uploads/exklusive/header_right.png) no-repeat top right; }
.header_space { background:#fff;height:213px; }
.header .header_inside .header_space .logo { position:absolute;top:11px;left:56px; }
.header .header_inside .header_space .adres { position:absolute;top:32px;right:71px; }
.header .header_right { background:url(/uploads/exklusive/header_right.png) no-repeat top right; }

ul.nav { background:url(/uploads/exklusive/bg_nav.png) no-repeat top left;color:#fff; height:71px;position:absolute;top:142px;width:100%;padding:0 48px;line-height:45px; box-sizing: border-box;}
ul.nav li { float:left;width:180px;text-align:center;position:relative;line-height:45px; }
ul.nav li a span { position:absolute;left:0px;top:0px;display:block; }
ul.nav li a span.last { position:absolute;right:-180px;top:0px;display:block; }
ul.nav li a { color:#fff;font-size:16px;text-decoration:none;line-height:45px;display:block; }
ul.nav li.active, ul.nav li.menuactive { background:url(/uploads/exklusive/bg_nav_active.png) no-repeat left 10px;height:71px; }
ul.nav li.active a, ul.nav li.menuactive a { padding:7px 0 0 0; }
ul.nav li a:hover {color:#99042F;}
ul.nav li a:hover span {color:#fff;}
ul.nav li.active a:hover, ul.nav li.menuactive a:hover {color:#fff; }

ul#primary-nav li { margin:0 0 10px 0; }
ul#primary-nav li a { color:#99042F;text-decoration:none; }
ul#primary-nav li.menuactive a { color:#002E67;text-decoration:underline; }

.main {
 display: flex;
 align-items: flex-start;
 gap: 20px;
 background: url(/uploads/exklusive/bgcontentbg.png) repeat-y left top;
 padding: 0 40px 20px 40px;
 min-height: 350px;
 width: 920px;
}

.mainleft {
  flex: 1 1 0;
  min-width: 0;
}

.mainright {
  flex: 2 1 0;
  min-width: 320px;
  max-width: 600px;
}

.footer { background:url(/uploads/exklusive/footer.png) no-repeat left top;height:178px;padding:0 50px 0px 50px;vertical-align:top; }

.main:after { display:block;zoom:1;}

.contactform label { float:left;width:140px;margin:0 0 20px 0; }
.contactform input { margin:0 0 20px 0;padding: 4px;border:1px solid #ccc;width:280px; }
.error_message { color:red; }
.contactform legend { display:none;}
.contactform .cms_submit { border:0px;background:#002E67;margin:0 0 50px 140px;padding:5px;color:#fff;cursor:pointer; }
.verzonden { color:#99042F; }
.cms_textarea{ width:400px;height:200px;1px solid #ccc;margin:0 0 20px; }
.NewsSummary { margin: 0 0 40px 0;clear:both; }

.clearfix:after {
    content: ".";
    display: block;
clear:both;
    visibility: hidden;
    line-height: 0;

height:0px;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

#menuwrapper-l {
 width: 190px;
 margin: 0;
 padding: 0;
 float: left; /* Zorg dat het menu links naast de content komt */
}

#primary-nav-l, #primary-nav-l ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
}

#primary-nav-l li {
 margin-bottom: -1px;
 position: relative;
 padding: 0 0 4px 0;
 background: url('/uploads/ngrey/liup.gif') no-repeat right bottom;
}

#primary-nav-l li a {
 font-size: 1em;
 font-weight: normal;
 color: #595959;
 padding: 0.8em 0.5em 0.5em 0.5em;
 display: block;
 text-decoration: none;
 background: url('/uploads/ngrey/libk.gif') no-repeat right top;
}

#primary-nav-l li a:hover {
 background: url('/uploads/ngrey/libk.gif') no-repeat right top;
 color: #899092;
}

#primary-nav-l li.menuactive a {
 color: #000;
 font-weight: bold;
}

#primary-nav-l li ul {
 background: #F3F5F5;
 margin: 0;
 padding: 0;
 position: absolute;
 width: auto;
 height: auto;
 display: none;
 z-index: 999;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #374B51;
 opacity: 0.95;
}

#primary-nav-l li:hover > ul {
 display: block;
}

.portfolio-overzicht {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: flex-start;
  margin: 32px 0 48px 0;
  max-width: 800px;
}

.portfolio-overzicht a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 170px;
  margin-bottom: 24px;
  text-decoration: none;
  color: #222;
  font-family: inherit;
}

.portfolio-overzicht img {
  width: 150px;
  height: 110px;
  object-fit: cover;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px #f3f3f3;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.portfolio-overzicht a:hover img {
  border-color: #b3003c;
  box-shadow: 0 4px 16px #e0e0e0;
}

.portfolio-overzicht br {
  display: none;
}

.portfolio-overzicht a > *:last-child {
  text-align: center;
  font-size: 1em;
  margin-top: 4px;
}

.home-row {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin: 32px 0 48px 0;
}

.home-left {
  flex: 2 1 0;
  min-width: 320px;
  max-width: 600px;
}

.home-right {
  flex: 1 1 0;
  min-width: 180px;
  max-width: 240px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}

.home-right img {
  width: 200px;
  height: auto;
  margin-bottom: 8px;
  border: 2px solid #eee;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px #f3f3f3;
}