.no-iframe-body {margin: 0; padding: 0; max-width: 100%; height: 100%;}
.no-iframe-page {max-width: 80%; margin-left: auto; margin-right: auto;}
.no-iframe-content {max-width: 100%; min-height: 60%; margin: auto auto auto 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-header {padding: 0px; background-color: #ffffff; border-bottom: 1px solid #D8CDBF;}


/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #006666;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #009FA0;}
.submitbutton, a.actionlink, input.flatbutton, .button a, .flipbase-button {color: #FFFFFF;}
a:hover, .history a:hover * {color: #006666;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span, .flipbase-button:hover {background-color: #006C6D;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 0px solid #000;}
input.text, input[type=text], input.date, input[type="date"], select, input.account, textarea {background-color: #D6F0F1; border: 1px solid rgba(214, 240, 240, 1);}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {background-color: #D6F0F1; border: 1px solid rgba(0, 108, 109, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #DDD;}
button:hover  {background-color: #DDD;}

a.inline {text-decoration: underline;}

h1, h2, h3, p, div, span, a {color: #006666;}
h1.reactiontype, h1.reactiontype span {
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}

h1.reactiontype span {
    font-weight: 700;
}

.csbs h3 {
    margin: 8px 0 -4px 6px;
    font-style: italic;
    font-size: 13px;
}

.upload label {color: #006666;}

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

hr {
    border-top: 1px solid #E7E7E7;
    margin: 0.5em 0;
}

body:not(.no-iframe-body).vdtl .section.header {display: none;}

#vac_headers i.fa, #vac_headers div {color: #FFFFFF;}

.vovv .intro, .vovv .intro a, a.vacoverview span.vacoverview, a.vacoverview span.vacoverview span, #vac_headers div  {font-size: 13px;}
a.vacoverview .job_title {font-weight: 700;}

#vac_headers {margin: 0.5em 0; padding: 0.3em 0em; background-color: #009FA0;}
#vac_content {margin-top: 0.5em;}
#vac_headers .hours, .publish_date, .vacoverview.hours {text-align: right;}

::-webkit-input-placeholder {color: #009FA0; font-weight: 400;}
:-moz-placeholder {color: #009FA0; font-weight: 400;}
::-moz-placeholder {color: #009FA0; font-weight: 400;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #009FA0; font-weight: 400;}
select {color: #009FA0; font-weight: 400;}
input.text, input[type="text"], input.date, input[type="date"], input.account, textarea, select:not(.empty) {color: #009FA0; font-weight: 700; font-size: 14px;}
.attachments {margin-top: 1em;}

/*  GRID BELOW 1024 PIXELS */
@media only screen and (max-width: 1023px) {
  .vovv .span_1_of_8 {
      width: 11.5%;
  }
}

/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 768px) {
  .vovv .span_4_of_8 { width: 49%; }
  .vovv .span_2_of_8 { width: 23.5%; }
  .vovv .span_1_of_8 { width: 11.5%; }
}


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

/* Gridoptimalisatie */

.vovv #vac_headers {display: none;}

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