/* Signature webfonts.

   BODY / RUNNING TEXT — real brand font, supplied by the client:
     ABN AMRO Sans, Regular (400) / SemiBold (600) / Bold (700).
     Files: assets/fonts/ABNAMROSans-*.otf — version 1.006.
     There is NO Light weight in the supplied set, so 400 is the lightest
     available for body copy and headings.

   There are no display or script faces: the wordmark is set in ABN AMRO Sans
   at wide tracking, as the client's own material does. */

@font-face {
  font-family: "ABN AMRO Sans";
  src: url("fonts/ABNAMROSans-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ABN AMRO Sans";
  src: url("fonts/ABNAMROSans-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ABN AMRO Sans";
  src: url("fonts/ABNAMROSans-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: "ABN AMRO Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
}
:root {
  /* Depth comes from tonal steps in the teal ramp, not from shadow.
     Shadows exist only under light objects sitting on dark ground. */
  --shadow-none: none;
  --shadow-raised: 0 1px 2px rgba(1, 22, 26, 0.35);
  --shadow-button: 0 2px 6px rgba(1, 22, 26, 0.30);
  --shadow-overlay: 0 18px 48px rgba(1, 22, 26, 0.55);

  /* Protection gradient — laid over photography before text sits on it */
  --scrim-bottom: linear-gradient(to top, rgba(1, 28, 33, 0.86) 0%, rgba(1, 28, 33, 0.45) 42%, rgba(1, 28, 33, 0) 100%); /* @kind shadow */
  --scrim-left: linear-gradient(to right, rgba(1, 28, 33, 0.80) 0%, rgba(1, 28, 33, 0) 68%); /* @kind shadow */
  --scrim-flat: rgba(1, 28, 33, 0.42);

  /* The chevron watermark that opens every header */
  --chevron-stroke: rgba(255, 255, 255, 0.055);
}
:root {
  /* Teal — the whole world of Signature sits inside this ramp */
  --teal-950: #011c21;
  --teal-900: #02242a;
  --teal-800: #012f36;
  --teal-700: #01333a;
  --teal-600: #023d44;
  --teal-500: #0b4d54;
  --teal-400: #1c6068;
  --teal-300: #35787f;

  /* Gold — the single accent. Wordmark, dates, focus, links. Never a large fill. */
  --gold-600: #c08f0f;
  --gold-500: #e5ab16;
  --gold-400: #f2b62e;
  --gold-300: #f7cd6d;

  /* Neutrals */
  --white: #ffffff;
  --cream-100: #f6f3ec;
  --cream-200: #e8e2d5;
  --grey-400: #9aa9ab;
  --ink-900: #10201f;

  /* Semantic — surfaces */
  --surface-page: var(--teal-900);
  --surface-header: var(--teal-700);
  --surface-band: var(--teal-800);
  --surface-card: var(--teal-700);
  --surface-card-hover: var(--teal-600);
  --surface-rail: var(--teal-950);
  --surface-inverse: var(--white);
  /* Form fields sit two steps up the teal ramp from the page, with white type — light enough
     to read as a field, dark enough to leave pure white to the primary action. */
  --surface-field: var(--teal-500);

  /* Semantic — text */
  --text-primary: var(--white);
  --text-secondary: rgba(255, 255, 255, 0.74);
  --text-tertiary: rgba(255, 255, 255, 0.52);
  --text-accent: var(--gold-500);
  --text-on-light: var(--ink-900);
  --text-on-light-muted: #5a6a69;

  /* Semantic — lines */
  --line-hairline: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.24);
  --line-accent: var(--gold-500);
  --line-on-light: var(--cream-200);

  /* Semantic — interactive */
  --action-primary-bg: var(--white);
  --action-primary-fg: var(--ink-900);
  --action-primary-bg-hover: var(--cream-100);
  --action-secondary-border: rgba(255, 255, 255, 0.42);
  --action-accent-bg: var(--gold-500);
  --action-accent-fg: var(--teal-900);
  --focus-ring: var(--gold-400);

  /* Semantic — status (form feedback only; no colourful status system in the source) */
  --status-error: #c9553d;
  --status-success: #3f7d63;
}
:root {
  /* Scale — 1.25 ratio, rounded to whole px. Body sits at 16/1.65. */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 34px;
  --text-3xl: 44px;
  --text-4xl: 56px;

  --leading-tight: 1.15;
  --leading-snug: 1.28;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* ABN AMRO Sans ships Regular/SemiBold/Bold only — there is no Light face,
     so the "light" role resolves to 400. Never set 300 on body text: the browser
     would synthesise it. */
  --weight-light: 400;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Tracking — the wordmark and eyebrow labels are the only widely tracked type */
  --tracking-wordmark: 0.28em;
  --tracking-eyebrow: 0.18em;
  --tracking-tight: -0.01em;
  --tracking-none: 0;

  /* Named roles */
  --type-wordmark: var(--weight-regular) var(--text-3xl) / 1 var(--font-body);
  --type-page-title: var(--weight-light) var(--text-2xl) / var(--leading-tight) var(--font-body);
  --type-section-title: var(--weight-light) var(--text-xl) / var(--leading-snug) var(--font-body);
  --type-card-title: var(--weight-light) var(--text-lg) / var(--leading-snug) var(--font-body);
  --type-body: var(--weight-regular) var(--text-base) / var(--leading-relaxed) var(--font-body);
  --type-body-sm: var(--weight-regular) var(--text-sm) / var(--leading-normal) var(--font-body);
  --type-eyebrow: var(--weight-semibold) var(--text-xs) / 1.2 var(--font-body);
  --type-date: var(--weight-light) var(--text-lg) / 1 var(--font-body);
  --type-button: var(--weight-semibold) var(--text-sm) / 1 var(--font-body);
}
:root {
  /* 4px base. Signature layouts breathe: section rhythm is 40-72px. */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 56px;
  --space-11: 72px;
  --space-12: 96px;

  /* Layout */
  --page-max: 1160px;
  --page-gutter: 32px;
  --page-gutter-sm: 20px;
  --section-gap: var(--space-8);
  --card-pad: var(--space-7);
  --card-pad-sm: var(--space-5);
  --rail-width: 260px;
  --offer-tile-width: 76px;
  --offer-tile-height: 38px;
  /* The banner artwork is 603x106 — ratio 5.69:1. "full" follows that ratio;
     "compact" crops to a fixed height. */
  --banner-ratio: 5.6887; /* @kind other */
}
:root {
  /* Quiet, unhurried. Fades and small translations only — no bounce, no scale-up. */
  --ease-standard: cubic-bezier(0.32, 0.08, 0.24, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 0.6, 0.28, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 240ms; /* @kind other */
  --duration-slow: 420ms; /* @kind other */
  --duration-reveal: 720ms; /* @kind other */

  --transition-hover: background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
  --transition-surface: background-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-out);
}
:root {
  /* Signature is a squared-off brand. Nothing is pill-shaped; nothing is fully round
     except the small offer thumbnails, which stay square too. */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-field: 3px;
  --radius-card: 0;
  --radius-button: 3px;
  --radius-thumb: 2px;
}

/* Minimal element defaults so specimen cards and kits share a baseline. */
html { -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-primary);
  font: var(--type-body);
  text-wrap: pretty;
}

body{min-height:100vh;display:flex;flex-direction:column}
#root{display:flex;flex-direction:column;min-height:100vh}

h1, h2, h3, h4 { margin: 0; font-weight: var(--weight-light); }
p { margin: 0; }
a { color: var(--text-accent); text-decoration: none; border-bottom: 1px solid rgba(229, 171, 22, 0.4); transition: var(--transition-hover); }
a:hover { color: var(--gold-300); border-bottom-color: var(--gold-300); }

@media (min-width: 768px) {
  a[href^="tel:"] {
    border:0;
	transition:none;
	color:#fff;
	cursor:default;
  }
}
img { display: block; max-width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
::selection { background: rgba(229, 171, 22, 0.32); }
/* Light fields (the unlock panel) take a dark placeholder; the sign-up form's fields sit on
   --teal-500 with white type, so they take a light one. Getting this backwards makes the
   placeholder invisible. */
input::placeholder, textarea::placeholder { color: #7d8786; }
[data-sig-form]:not([data-sig-form="login"]) input::placeholder, [data-sig-form] textarea::placeholder { color: rgba(255, 255, 255, 0.45); }
select option { background: var(--teal-700); color: var(--white); }

/* Signature layouts are designed at 1240px.

   The event row is the layout signature: photograph BESIDE the calendar date and title,
   three of them directly under the welcome band. It must stay horizontal — stacking it
   turns each event into one tall photograph and the page stops reading as a list.
   So the rail drops below the events first (<=1080px), and the row itself only stacks on
   genuinely narrow screens (<=700px).

   The 1100px switch is chosen against real devices: laptops are 1280 or wider and keep
   the offers rail beside the events; an iPad in landscape (1024), in portrait (768) and
   every phone fall below it and stack. */

@media (max-width: 1100px) {
  /* Offers rail moves under the events; event page stacks. The unlock panel keeps its
     narrow image column beside the text at every width — stacked, the photograph reads as
     a hero and overpowers the events above it. */
  [data-sig-grid="home"],
  [data-sig-grid="event-hero"],
  [data-sig-grid="event-detail"] { grid-template-columns: minmax(0, 1fr) !important; }
  /* Stacked, the column governs the width and a fixed height governs the crop. Pairing
     aspect-ratio with max-height makes the ratio derive the width instead, leaving a gap
     beside the photograph. */
  [data-sig-grid="event-hero"] > figure {
    width: 100% !important;
    aspect-ratio: auto !important;
    height: 380px !important;
  }
}
@media (max-width: 860px) {
  /* The login text sits beside the photograph only while there is room for both; below that
     the photograph belongs to the banner alone and the text takes the full column. */
  [data-sig-grid="login"] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-sig-hero-spacer="login"] { display: none !important; }
  [data-sig-hero-photo="login"] { height: 240px !important; }
  /* Give the text more of the row before giving up on the row. */
  [data-sig-grid="event-card"] { grid-template-columns: minmax(0, 36%) minmax(0, 64%) !important; }
}
@media (max-width: 760px) {
  [data-sig-grid="programme"] { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 700px) {
  [data-sig-grid="event-card"] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-sig-grid="event-card"] > figure {
    width: 100% !important;
    aspect-ratio: auto !important;
    height: 240px !important;
  }
  [data-sig-grid="signup-head"],
  [data-sig-grid="benefit"],
  [data-sig-grid="contact-intro"] { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 640px) {
  [data-sig-form] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-sig-form] > * { grid-column: auto !important; }
}

.textblok{
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	max-width: 52ch;
}
.textblok p{
	font: var(--type-body); 
	color: var(--text-secondary);
}

.textblok2{
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	max-width: 100ch;
	padding-top: var(--space-9);
}
.textblok2 p{
  font: var(--type-body-sm);
  color: var(--text-secondary);
}
.textblok2 h2{
	font-size: var(--text-md); 
	line-height: auto; 
	color: var(--text-primary);
	margin-top:12px;
}
.textblok3 p{
	font: var(--type-body); 
	color: var(--text-secondary);
}
.textblok3 h2{
	font-size: var(--text-md); 
	line-height: auto; 
	color: var(--text-primary);
	margin-top:12px;
}

.textblok4{
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	max-width: 100ch;
	padding-top: var(--space-9);
}
.textblok4 p{
	font: var(--type-body); 
  color: var(--text-secondary);
}
.textblok4 h2{
	font-size: var(--text-md); 
	line-height: auto; 
	color: var(--text-primary);
	margin-top:12px;
}

.practisch p{font: var(--type-body); color: var(--text-primary);padding-bottom:6px}
.practisch p strong{font: var(--type-eyebrow); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: var(--text-tertiary);}
.practisch ul{margin:0;padding:0 0 6px 18px}
.practisch ul li{margin:0;padding:0 0 0 0px}

.GenericForm{display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-5); align-items: start;}
.GenericForm .coldivide{display: flex; flex-direction: column; min-width: 0px;}
.GenericForm .colfull{display: flex; flex-direction: column; min-width: 0px; grid-column: 1 / -1;}
.GenericForm .formfooter{grid-column: 1 / -1; display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-2);}
.GenericForm .formfooter .colbutton{display: flex; align-items: center; gap: var(--space-6); flex-wrap: wrap;}
.GenericForm .label1{display: block; font: var(--type-body-sm); color: var(--text-primary); margin-bottom: var(--space-2);}
.GenericForm .label1 .span{color: var(--text-secondary);}
.GenericForm .label2{display: block; font: var(--type-body-sm); color: var(--text-primary); margin-bottom: var(--space-2);position:relative;padding-left:30px}
.GenericForm .label2 .span{color: var(--text-secondary);}
.GenericForm .label2 input{position:absolute;left:0;top:0}
.GenericForm .input1{width: 100%; background: var(--surface-field); color: var(--text-primary); font: var(--type-body-sm); border-color: var(--line-hairline); border-radius: var(--radius-field); padding: 12px 14px;}
.GenericForm .submit{display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); font-size: var(--text-sm); line-height: ; letter-spacing: 0.01em; border-radius: var(--radius-button); border: 1px solid transparent; cursor: pointer; text-decoration: none; transition: var(--transition-hover); white-space: nowrap; padding: 12px 22px; background: var(--action-primary-bg); color: var(--action-primary-fg); box-shadow: var(--shadow-button); opacity: 1;}
.GenericForm .textarea1{width: 100%; background: var(--surface-field); color: var(--text-primary); font: var(--type-body-sm); border: 1px solid var(--line-hairline); border-radius: var(--radius-field); padding: 12px 14px; resize: vertical;}

	#homebig{display:none}
	#homesmall{display:block}

@media (min-width: 861px) { 
	#homesmall{display:none}
	#homebig{display:block}
}


.programma{font: var(--type-body-sm); color: var(--text-secondary); max-width:620px}
.programma *{font: var(--type-body-sm); color: var(--text-secondary)}
.programma p{padding: 0 0 21px 0}

.programma div strong{font: var(--type-body-sm); color: var(--gold-500); padding: 8px 0;display:block}
.programma h2{font-size: var(--text-md); color: var(--text-primary);padding:0 0 9px 0}



/*wrap
body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family:var(--font-body);color:#000;background:#fff;-webkit-text-size-adjust:none}
#wrap{position:relative;width:980px;margin:0 auto;background:#fff}
*/
/*html tags
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#ff9900}
a:hover{color:#000}
h1{font-size:22px;margin:0;padding:0 0 24px 0;line-height:30px;font-weight:600}
h2{font-size:20px;margin:0;padding:0 0 12px 0;line-height:28px;font-weight:600}
h3,
h4,
h5,
h6{font-size:16px;margin:0;padding:0 0 6px 0;line-height:28px;font-weight:600}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;left:20px;top:20px}
address img{display:block;width:140px;height:80px}
strong{font-weight:600}
*/

/*common classes
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}
*/

/*main structure
header{position:relative;width:100%;background:#fff}
header .container{position:relative;width:100%;height:120px;margin:0 auto;background:#eee}
nav{position:relative;width:100%;background:#fff}
nav .container{position:relative;width:100%;margin:0 auto;background:#ddd}
div[role=main]{position:relative;width:100%;background:#fff}
div[role=main] .container{position:relative;width:100%;margin:0 auto;background:#eee}
footerd{position:relative;width:100%;background:#fff}
footerd .container{position:relative;width:100%;height:50px;margin:0 auto;background:#ddd}

footerd .container p{line-height:50px;text-align:center;margin:0;padding:0}
*/

/*mainmenu
#mainmenu{display:none}
#mainmenu ul{display:block;list-style-type:none;margin:0;padding:0}
#mainmenu ul li{display:block;margin:0;padding:0}
#mainmenu ul li a{display:block;padding:20px 20px;color:#000;text-decoration:none;line-height:24px;border-top:1px solid #000;font-weight:600}
#mainmenu ul li:first-child a{border-top:0}
#mainmenu ul .current a{color:#ff9900}
#mainmenu ul ul{display:none}
*/

/*button menu
#btnmenu{position:absolute;right:20px;top:-100px;display:block;width:40px;height:50px;padding:21px 20px 10px 20px;background:#fff;cursor:pointer}
#btnmenu span{position:relative;margin:0 0 10px 0;display:block;width:100%;height:6px;background:#ff9900;box-sizing:border-box}
*/

/*DefaultPage
#DefaultPage{padding:20px 20px 20px 20px;line-height:24px}
*/

/*DefaultForm
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:28px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:600;font-size:20px;line-height:28px}
.DefaultForm label{display:block;width:100%}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:'Open Sans',sans-serif;font-size:100%;margin:0 0 12px 0}
.DefaultForm .input1{width:100%;border:1px solid #000;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .input1_error{width:100%;border:1px solid #000;padding:10px;background:#ff9900;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .submitcontainer{text-align:center}
.DefaultForm .submit{border:0px solid #006600;background:#006600;color:#fff;font-weight:600;cursor:pointer;padding:10px 20px;margin:0 auto 12px auto;-webkit-appearance:none}
.DefaultForm .error{color:#ff9900}
.DefaultForm .required{color:#ff9900}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}
*/

/*breadcrumb*/
.breadcrumb{display:none}












/*header,footer,columns
#header{position:relative;width:940px;height:160px;background:url(/images/design/header.gif) 0 20px no-repeat #ccc}
#left_column{float:left;width:170px;padding:0 0 50px 0}
#content_column{float:right;width:770px;padding:0 0 50px 0}
#content{float:left;width:600px}
#right_column{float:right;width:170px}
#footer{position:absolute;left:0px;bottom:0px;height:50px;width:940px;text-align:right;background:url(/images/design/footer.gif) 0 0 no-repeat #ccc}
#footer_content{display:block;line-height:30px;margin:0;padding:0 13px 0 0}
*/

/*vertical menu
.vmenu{padding:29px 0 0 0}
.vmenu ul{display:block;list-style-type:none;margin:0;padding:0}
.vmenu ul li{margin:0;padding:0;display:block}
.vmenu ul li a{display:block;text-decoration:none;padding:5px 10px;color:#666;font-weight:bold}
.vmenu ul li li a{padding:5px 10px 5px 20px}
.vmenu ul li li li a{padding:5px 10px 5px 30px;font-weight:normal}
.vmenu ul li a:hover, 
.vmenu ul li .active{color:#000}

.vmenu ul ul{display:none}
.vmenu .showsub ul{display:block}
.vmenu .showsub ul ul{display:none}
.vmenu .showsub .showsub ul{display:block}
.vmenu .showsub .showsub ul ul{display:none}
*/

/*DefaultForm
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:30px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:10px;display:block;font-weight:bold;font-size:120%}
.DefaultForm label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:Verdana,Arial,sans-serif;font-size:100%;margin:0 0 5px 0}
.DefaultForm .input1{width:300px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input2{width:200px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input3{width:100px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm select.input1{width:308px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input2{width:208px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input3{width:108px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm .radiocontainer{display:block;padding:0;margin:0;clear:left;min-height:24px}
.DefaultForm .radiocontainer2{display:block;padding:10px 0 0 110px;margin:0;min-height:24px;clear:left}
.DefaultForm .radiocontainer span.label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm .radiocontainer .radio{display:block;float:left;position:relative;width:auto;padding:2px 10px 7px 20px;margin:0;line-height:15px;clear:none}
.DefaultForm .radiocontainer .radio span{position:absolute;display:block;left:0;top:1px;line-height:15px}
.DefaultForm .radiocontainer .radio input{margin:0;padding:0;vertical-align:middle}
.DefaultForm .submit{border:1px solid #333;cursor:pointer;margin:5px 0 0 110px;-webkit-appearance:none}
.DefaultForm input.input1_error,
.DefaultForm textarea.input1_error{width:300px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input2_error,
.DefaultForm textarea.input2_error{width:200px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input3_error,
.DefaultForm textarea.input3_error{width:100px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm .error{color:red}
.DefaultForm .required{color:red}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}
*/
/*SubscribeForm
#SubscribeForm{}
#SubscribeForm fieldset{padding:30px 10px 10px 10px;}
#SubscribeForm legend{}
#SubscribeForm legend span{left:10px}
#SubscribeForm label{display:block;float:none;width:auto;clear:none;line-height:normal}
#SubscribeForm .input1{width:140px}
#SubscribeForm input.input1_error,
#SubscribeForm input.input1_error:focus{width:140px}
#SubscribeForm .submit{margin:5px 0 0 0}
#SubscribeForm #hypt{position: absolute; top: -10000px}
*/

/*SearchForm
#SearchForm{position:absolute;right:10px;top:30px;text-align:right}
#SearchForm fieldset{padding:0}
#SearchForm label{display:block;height:18px;padding:0 5px 0 0;line-height:18px;float:left;width:auto;margin:0;clear:none}
#SearchForm .input1{width:120px;float:left}
#SearchForm input.input1_error,
#SearchForm input.input1_error:focus{float:left;width:120px}
#SearchForm .submit{margin:0 0 0 5px}
*/
/*breadcrumb
.breadcrumb{position:absolute;left:190px;top:165px;width:560px;height:20px;line-height:20px;margin:0;padding:0;overflow:hidden;font-size:10px}
.breadcrumb a{}
.breadcrumb a:hover{}
*/
/*GoogleMaps
#map_canvas{width:560px;height:400px;overflow:hidden;margin:0 0 20px 0;padding:0}
#infowindow{line-height:16px;width:200px;height:120px}
#infowindow h2{font-size:14px;padding:0;margin:0}
#infowindow p{padding:0;margin:0}
*/
/*SearchResults
.search_result{list-style-type:none;margin:0;padding:0}
.search_result li{margin:0;padding:0;padding-bottom:4px}
.search_result li{line-height:13px;padding-bottom:15px}
.search_result table{margin:3px 0 1px 0}
.search_result table td{line-height:3px;height:3px}
*/
/*Sitemap
.sitemap ul{margin:0;padding:3px 0}
.sitemap li{margin:0 0 0 16px;padding:0}
*/
/*Share buttons
#share-buttons{margin:0;padding:0 0 20px 0;height:20px;line-height:20px}
#share-buttons p{margin:0;padding:0 15px 0 0;float:left;line-height:20px;display:none}
#share-buttons ul{list-style-type:none;margin:0;padding:0;float:left}
#share-buttons ul li{display:block;margin:0;padding:0 15px 0 0;float:left}
#share-buttons ul li a{display:block;width:20px;height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}
#share-buttons ul li a span{display:none}
#share-buttons ul li #share-facebook{background:url(/images/design/share-buttons.png) 0 0 no-repeat}
#share-buttons ul li #share-twitter{background:url(/images/design/share-buttons.png) -20px 0 no-repeat}
#share-buttons ul li #share-linkedin{background:url(/images/design/share-buttons.png) -60px 0 no-repeat}
#share-buttons ul li #share-email{background:url(/images/design/share-buttons.png) -40px 0 no-repeat}
*/

/*Pagina Navigatie
.PageNav { line-height:20px; margin-bottom:2px; width:940px; }
.PageNav a, .PageNav span { float:left; display:block; padding:0 3px; width:26px; line-height:20px; color:#fff; text-decoration:none; margin:0 2px 2px 0; background:#666; font-weight:bold; text-align:center }
.PageNav select{ float:left; display:block; margin:0 8px 2px 0 }
.PageNav span { background:#999; color:#ccc }
.PageNav a.active { background:#999; }
.PageNav a:hover { background:#333 }
.PageNav .clearer { height:1px; overflow:hidden; margin-top:-1px; clear:left }
*/