.infotekst { border: solid #154273; padding: 6px; }

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

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

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

/* 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: 642px; height: 93px; background: url("https://www.tangram-tis.nl/custom/01310/Logo_ministerie_van_defensie.svg.png") no-repeat center 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("https://www.tangram-tis.nl/custom/common/rijksoverheid/footer-logo.png") no-repeat center top; border-bottom: 44px solid #EAE9E4; margin-top: 2%;}

/* 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; text-decoration: underline;}
.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 {
    font-size: 2.8em;
    font-weight: normal;
    font-family: "RijksoverheidSansHeading",Calibri,Verdana,Arial,sans-serif;
}

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

h2 {
    font-size: 1.15em;
}

.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 {}    
.name_initials {}   
.name_firstname {}    
.name_prefix {}     
.name_lastname {}   
}

/*  GRID BELOW 1160 PIXELS */
@media only screen and (max-width: 1159px) {
.name_lastnamex {} 
}

/*  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 1024 PIXELS */
@media only screen and (max-width: 1023px) {
  .group.shortname .name_gender, .group.shortname .name_initials {  }
  .group.shortname .name_firstname {  }
  .group.shortname .name_prefix {  }
  .group.shortname .name_lastname {  }
  .group.shortname .name_title_after { }  
}


/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 768px) {
  .address .address, .address .city {  }
  .address .postalcode {  }
  h1 {font-size: 2em;}
  .contact .homephone { }
  .contact .email { }
  .contact .ddmmyyyy { }
}

/*  GRID BELOW 641 PIXELS */
@media only screen and (max-width: 640px) {
  .address .address, .address .city, .address .postalcode, .contact .homephone, .contact .mobilephone, .contact .email, .contact .ddmmyyyy, .group.shortname .name_gender, .group.shortname .name_initials, .group.shortname .name_firstname, .group.shortname .name_prefix, .group.shortname .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;}
}