/* 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: 978px; min-height: 60%; margin: 10px auto 0 auto; padding: 0px 5px; background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background: rgba(255, 255, 255, .98); color: #000;}
.csbs .no-iframe-content {padding-top: 5px;}
.no-iframe-logo {max-width: 978px; margin: 0 auto; height: 98px; background: url("https://www.tangram-tis.nl/custom/00347/logo-nl.png") no-repeat 0px 20px;}
.no-iframe-header {height: 98px; width: 100%; padding: 0px; background: url("https://www.tangram-tis.nl/custom/00347/bg_header.png") repeat-x 0px 0px;}
body:not(.no-iframe-body) .header h1, body.no-iframe-body p.iframe-intro {display:none;}


/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #029fed;}
a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #FFFFFF; border: 1px solid #029fed; box-sizing: border-box;}
a.actionlink, input.flatbutton, .button a, .flipbase-button {color: #029fed;}
a:hover, .history a:hover * {color: #029fed;}
.button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span, .flipbase-button:hover {background-color: #FFFFFF;}
.button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #029fed;}
.submitbutton {color: #FFFFFF; border: 1px solid #029fed; background-color: #029fed;}
.submitbutton:hover {background-color: #1796E5;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 1px solid #EEEEEE;}
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(2, 159, 237, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; color: #BBB; border: 1px solid #CCC;}
button:hover  {color: #029fed; background-color: #FFFFFF; border: 1px solid #029fed;}

p.replace-label {margin: 16px 0 -2px 0.5%;}
.nolabel label {display: none;}
.upload label {color: #000; font-size: 0.8em;}

.conditional ::-webkit-input-placeholder {font-style: italic;}
.conditional :-moz-placeholder {font-style: italic;}
.conditional ::-moz-placeholder {font-style: italic;}
.conditional input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-style: italic;}
.conditional select.empty, .conditional {font-style: italic;}

.csbs .visiblelabel label {visibility: visible;}

/* Op verzoek font titels gelijk getrokken labels */
/* h1, h2 {font-family: Georgia, serif;} */


/*  VACANCY OVERVIEW */
#vac_headers i.fa, #vac_headers div {color: #000000;}
a.vacoverview .job_title {font-weight: 700;}
#vac_headers {margin: 0.5em 0; padding: 0.3em 0em; background-color: #EEEEEE;}
#vac_content {margin-top: 0.5em;}
#vac_headers .hours, .publish_date, .vacoverview.hours {text-align: right;}



/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 1024px) {
  .vovv .span_3_of_8, .vovv .span_1_of_8 { width: 99%; }
  .publish_date, .vacoverview.hours {text-align: left;}
}



/*  GRID SPECIFIC FOR CURRENT IFRAME WIDTH */
@media only screen and (max-width: 701px) and (min-width: 699px)
 {
  .name_gender_rug, .name_title_before_rug, .name_initials_rug { width: 21%; }
  .name_firstname_rug { width: 33%; }

  .name_prefix_rug { width: 14%; }
  .name_lastname_rug { width: 32%; }
  .name_maidenname_rug { width: 32%; }
  .name_title_after_rug { width: 18%; }

  .address_rug { width: 30%; }
  .postalcode_rug { width: 14%; }
  .city_rug { width: 22%; }
  .country_rug { width: 30%; }

  .threecolumn .span_2_of_8 { width: 32.3%; }

  .email_rug { width: 65.5%; }
  .date_of_birth_rug { width: 32.3%; }

  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  {font-size: 14px;}
  ::-webkit-input-placeholder {font-size: 12px;}
  :-moz-placeholder { /* Firefox 18- */ font-size: 12px;}
  ::-moz-placeholder {  /* Firefox 19+ */ font-size: 12px;}
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 12px;}
  select, option, .csbs label, .replace-label {font-size: 12px;}


}

/* Gridoptimalisatie */

.vovv #vac_headers {display: none;}

@media only screen and (min-width: 1025px) {
  .vovv #vac_headers {display: block;}
  .vovv a i.fa {display: none;}
  }
}