@font-face {
  font-family: "RijksoverheidSansText";
  font-style: normal;
  font-weight: normal;
  src: url("/custom/common/fonts/rijksoverheid/rijksoverheidsanswebtext-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/custom/common/fonts/rijksoverheid/rijksoverheidsanswebtext-regular-webfont.woff") format("woff"), url("/custom/common/fonts/rijksoverheid/rijksoverheidsanswebtext-regular-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "RijksoverheidSansText";
  font-style: normal;
  font-weight: bold;
  src: url("/custom/common/fonts/rijksoverheid/rijksoverheidsanswebtext-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/custom/common/fonts/rijksoverheid/rijksoverheidsanswebtext-bold-webfont.woff") format("woff"), url("/custom/common/fonts/rijksoverheid/rijksoverheidsanswebtext-bold-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "RijksoverheidSansHeading";
  font-style: normal;
  font-weight: normal;
  src: url("/custom/common/fonts/rijksoverheid/rijksoverheidsansheading-regular_2_0-webfont.eot?#iefix") format("embedded-opentype"), url("/custom/common/fonts/rijksoverheid/rijksoverheidsansheading-regular_2_0-webfont.woff") format("woff"), url("/custom/common/fonts/rijksoverheid/rijksoverheidsansheading-regular_2_0-webfont.ttf") format("truetype");
}

div.block {border-top: 2px solid #39870C; margin-top: 1em;}

/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */
.no-iframe-body {margin: 0; padding: 0; max-width: 100%; height: 100%;}
.no-iframe-page {max-width: 100%;}
.no-iframe-content {max-width: 1200px; min-height: 60%; margin: 30px auto 0 auto; padding: 0px 30px; background-color: #FFF; color: #000;}
.no-iframe-logo {width: 404px; height: 96px; background: url("/custom/common/rijksoverheid/logo-rijksoverheid2.svg") no-repeat calc(50% + 54px) top; margin-bottom: 1em;}
.no-iframe-header {max-width: 100%; border-bottom: 44px solid #01689B;}
.no-iframe-footer {max-width: 100%; height: 24px; background: url("/custom/common/rijksoverheid/footer-logo.png") no-repeat center top; border-bottom: 44px solid #EAE9E4; margin-top: 2%;}
.cstk .no-iframe-footer {display: none;}
.no-iframe-body h1.reactiontype {display: block; text-transform: none;}

/* Fontdefinitie */
* {font-family: RijksoverheidSansText,Calibri,Verdana,Arial,sans-serif; font-size: 16px;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome,RijksoverheidSansText,Calibri,Verdana,Arial,sans-serif;}
h1 span.category:before {font-family: FontAwesome,RijksoverheidSansHeading,Calibri,Verdana,Arial,sans-serif;}
div.error, p.error {font-family: 'Roboto Mono', Courier, Arial;}

::-webkit-input-placeholder {font-size: 14.4px;}
:-moz-placeholder { /* Firefox 18- */ font-size: 14.4px;}
::-moz-placeholder {  /* Firefox 19+ */ font-size: 14.4px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 14.4px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 14.4px;}
select, option, button {font-size: 14.4px;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #0b71ab;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #0B71AB;}
.submitbutton, a.actionlink, input.flatbutton, .button a {color: #FFF;}
a:hover, .history a:hover * {color: #0b71ab;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #0A6498;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span {color: #FFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 0px solid #000;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {border: 1px solid #01689B;}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #CCC;}
button:hover  {background-color: #F7F6F4; color: #222;}

/* Afronding van knoppen en inputs, standaard rechte hoeken */
.submitbutton, a.actionlink, .button, .button a, input.flatbutton, button, input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, div#upload-cv-div {
  border-radius: 3px;
}

/* Rijksoverheidspecifiek */
label, .label, .csbs .col.label, .csbs label, .vsbs label, button {color: #222;}


h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-weight: bold;
    color: #154273;
}

h1, h1 span {
    font-size: 44.8px;
    font-weight: normal;
    font-family: "RijksoverheidSansHeading",Calibri,Verdana,Arial,sans-serif;
}

h1, h1 span, h1.reactiontype, h1.reactiontype span {
    text-transform: none;
}

h2 {
    font-size: 1.15em;
}

h3 {
    margin-top: 1.5em;
}

.csbs h2, .vdtl h2, .vsbs h2 {
    margin: 16px 0 6px 0;
    padding-bottom: 0px;
}

div#surrepad {
    margin-top: 3em;
}

/*  GRID CORRECTIONS */

@media only screen and (min-width: 1024px) {
.name_gender {width: 13%;}    
.name_initials {width: 13%;}   
.name_firstname {width: 20%;}    
.name_prefix {width: 13%;}     
.name_lastname {width: 34.5%;}    
}

/*  GRID BELOW 1160 PIXELS */
@media only screen and (max-width: 1159px) {
.name_gender {width: 14.5%;}    
.name_initials {width: 14.5%;}   
.name_firstname {width: 18%;}    
.name_prefix {width: 14.5%;}     
.name_lastname {width: 33.5%;}  
}

/*  GRID BELOW 1120 PIXELS */
@media only screen and (max-width: 1120px) {
  ::-webkit-input-placeholder {font-size: 13.2px;}
  :-moz-placeholder { /* Firefox 18- */ font-size: 13.2px;}
  ::-moz-placeholder {  /* Firefox 19+ */ font-size: 13.2px;}
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 13.2px;}
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 13.2px;}
  select, option, button {font-size: 13.2px;}
}

/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 768px) {
  .name_gender {width: 49%;}    
  .name_initials {width: 49%;}   
  .name_firstname {width: 32%;}    
  .name_prefix {width: 16%;}     
  .name_lastname {width: 49%;}
  .address .address, .address .city { width: 36.5%; }
  .address .postalcode { width: 24%; }
  h1 {font-size: 2em;}
}

/*  GRID BELOW 641 PIXELS */
@media only screen and (max-width: 640px) {
  .span_2_of_8, .address .address, .address .city, .address .postalcode, .contact .homephone, .contact .mobilephone, .contact .email, .contact .ddmmyyyy, .name_gender, .name_initials, .name_firstname, .name_prefix, .name_lastname { width: 99%;}
}

/*  GRID BELOW 541 PIXELS */
@media only screen and (max-width: 540px) {
.no-iframe-logo {height: 77px; background: url("https://www.tangram-tis.nl/custom/common/rijksoverheid/beeldmerk-rijksoverheid-mobile.svg") no-repeat center top;  margin-bottom: 0.5em;}
.no-iframe-footer {background: url("https://www.tangram-tis.nl/custom/common/rijksoverheid/footer-logo-mobile.png") no-repeat center top;}
}

#surrepad {visibility: hidden; font-size: 9px;color:#C0C0C0}