.no-iframe-page {width: 100%; max-width: 100%;}
.no-iframe-content {max-width: 1200px; margin: 0 auto;}
.no-iframe-logo {max-width: 2600px; height: 80px; margin: 0 auto; background-color: white; background-image: url("https://www.tangram-tis.nl/custom/15035/banner.gif");background-repeat: no-repeat; }
.no-iframe-header {width: 100%;  margin-bottom: 0px; background-color: #000000;}

/* Op verzoek van Boy optie om extra sociale mediaprofielen te vragen */
div.section.social, .social02 {display: block;}
.social03, .social04 {display: none;}
.social02 {width: 99%;}
/* End */

h1.reactiontype, h1.reactiontype span {font-size: 16px;}

*, input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, select:not(.empty), .submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, option {
    font-family: "PT Sans",sans-serif,FontAwesome,Calibri,Candara,Segoe,"Segoe UI",Optima,Arial;
    font-size: 18px;
}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, div#upload-cv-div {color: #009EE3;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .upload label {background-color: #009EE3; color: #FFFFFF;}
a:hover, .history a, .history:hover * {color: #009EE3;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover {background-color: #000; color: #FFFFFF;}
.file.mandatory span.prefix {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 1px solid #D7D7D7;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {border: 1px solid rgba(0, 158, 227, 1);}

/* Uploadkaders met flat buttons en zonder gekleurde header */
.upload {border: none;}
.upload label {text-align: left; background-color: #FFFFFF; color: #000; font-size: 16px; font-weight: 400; text-transform: none;}
.upload label.mandatory span.prefix {visibility: visible; color: #CCC;}
div.uploadinput {padding: 0px;}
input.dropbox:not(.empty) {margin-top: 0px;}
input.dropbox:not(.empty):focus {border: none;}

button {
width: 48%;
padding: 6px;
background-color: #FFF;
color: #009EE3;
font-size: 13px;
text-align: center;
font-weight: 700;
border: 1px solid #009EE3;
box-sizing: border-box;
cursor: pointer;
}

button:hover, button:hover span {background-color: #009EE3; color: #FFFFFF;}

.col.button {max-width: 25em;}
.introtext {margin-top: 1em; margin-bottom: 1em;}

/*  OPTIONEEL VELD VOOR BRON SOLLICITATIE TONEN */


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, select:not(.empty), .submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, option  {font-size: 18px;}
  ::-webkit-input-placeholder {font-size: 18px;}
  :-moz-placeholder { /* Firefox 18- */ font-size: 18px;}
  ::-moz-placeholder {  /* Firefox 19+ */ font-size: 18px;}
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 18px;}
  select, option {font-size: 18px;} 
}

/*  GRID BELOW 440 PIXELS */
@media only screen and (max-width: 440px) {
  button {width: 100%;}
}