@import url(https://amsterdam.nl/publish/pages/1007152/amsterdam_sans_v_0_9.css); 
body {
   background: #fff;
}

body, div, p, input, textarea, select, button, td {
   font-family: amsterdam sans, Arial, sans-serif;
   font-size: 18px;
}

form {
   margin: 0;
}

label {
   font-weight: bold;
   color: #000;
}

.req {
   color: #000;
}
.req::after {
   content: " *";
  }

.okBut {
   width: 60px;
}

/*** FIELDSET layout ***/

*:first-child+html fieldset.odd, *:first-child+html fieldset.even { margin: 0; }
*:first-child+html legend { margin-bottom: 4px; }

/*** /TABLE layout ***/
.ExternalClass {
  width: 100%;
}
.ExternalClass * {
  line-height: normal;
}
body, p, #outlook a {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
}
* {
line-height: 1.5;
}
a, a:link, a:visited, a:hover, a:active, a:focus {
  color: #545454;
  text-decoration: underline;
}
th {
  /* Yahoo fix
  - they add 2px to TH element.
  - they set TH element vertical-align to inherit.
  */
  padding: 0;
  vertical-align: top;
}
.outlook-only-show {
  display: none;
}
.outlook-only-hide {
  display: block;
}
@media screen and (max-width: 600px) {
  .stretch {
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
  }
  .stretchHeight {
    width: 100% !important;
    min-width: 100% !important;
  }
  .block {
    display: block !important;
    float: left !important;
    padding: 0 !important;
  }
  .hide {
    display: none !important;
  }
  .region {
    padding-bottom: 20px !important;
  }
  .no-padding-left {
    padding-left: 0px !important;
  }
  .no-padding-right {
    padding-right: 0px !important;
  }
  .padding-side-mobile {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .mobile-only {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .mobile-hide {
    display: none !important;
    max-height: none !important;
  }
  .p-bottom-20 { 
 padding-bottom: 20px !important;
  }
 
}  
fieldset {
 padding: 0;
 margin: 20px 0;
 border: 0 none;
 background: none;
}
label {
 font-weight: bold; display: inline-block; margin-bottom: 5px;
}
input[type=text], textarea {
 width: 100%;
 padding: 8px 15px;
 border: 1px solid #c1c1c1;
 border-radius: 0;
}
   
input[type=checkbox] {
   position: relative;
  cursor: pointer;
    }
    input[type=checkbox]:before {
   content: "";
   display: block;
   position: absolute;
   width: 13px;
   height: 13px;
   top: 0;
   left: 0;
   background-color:#ffffff;
   border: 1px solid #C1C1C0;
}
input[type=checkbox]:checked:before {
   content: "";
   display: block;
   position: absolute;
   width: 13px;
   height: 13px;
   top: 0;
   left: 0;
   background-color:#1E80EF;
   border: 1px solid #1E80EF;
}
    input[type=checkbox]:checked:after {
   content: "";
   display: block;
   width: 3px;
   height: 8px;
   border: solid white;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   top: 1px;
   left: 5px;
}

    .buttons {margin: 0;}

    button {
padding: 8px 15px;
    border: 0 none;
    background-color: #004699;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 0px;
     cursor: pointer;
     transition: background-color;
    }
   
   button:hover {
   background-color: #002f66;
   }
   <!--<![endif]--> 
@media only screen and (min-width: 480px) {
  .mj-column-per-100 {
    width: 100% !important;
    max-width: 100%;
  }
  .mj-column-per-25 {
    width: 25% !important;
    max-width: 25%;
  }
  .mj-column-per-75 {
    width: 75% !important;
    max-width: 75%;
  }
  .mj-column-per-33 {
    width: 33.333333333333336% !important;
    max-width: 33.333333333333336%;
  }
  .mj-column-per-50 {
    width: 50% !important;
    max-width: 50%;
  }
  .mj-column-per-13 {
    width: 13% !important;
    max-width: 13%;
  }
  .mj-column-per-87 {
    width: 87% !important;
    max-width: 87%;
  }
}
@media only screen and (max-width: 480px) {
  table.full-width-mobile {
    width: 100% !important;
  }
  td.full-width-mobile {
    width: auto !important;
  }
}
div > a {
  color: #004699; 
  text-decoration: underline; 
  text-underline-offset: 8px;
}
@media only screen and (max-width: 480px) {
  /* Styles */
  .w-1-4 {
    width: 25% !important;
  }
  .w-3-4 {
    width: 75% !important;
  }
}
.preference {
margin-right: 8px;
}
.error {
  color: #ec0000;
  display: block;
  margin-top: 8px;
  font-size: 16px;
}
#uc_tussenvoegsel {
    height: 0;
    font-size: 1px;
    line-height: 1px;
    position: absolute;
    z-index: -1;
    display: none;
}
.preferenceListItem {
    margin-left: 24px;
}
button:disabled {
    background-color: #c5c5c5;
    cursor: default;
}