span#client {display: none;}

button {
display: inline-block;
width: 48%;
position: relative;
padding: 6px;
background: #AF6929 none repeat scroll 0% 0%;
color: #F1E4D2;
font-size: 13px;
text-align: center;
font-weight: 700;
border: 0px solid transparent;
cursor: pointer;
}

button:hover, button:hover span {color: #FFFFFF;}
.upload {padding: 10px;}
.upload label {font-size: 16px; background-color: #FFFFFF;}
.upload label.mandatory span.prefix {visibility: visible; color: #C25D12;}
input.dropbox:not(.empty) {margin-top: 0px; text-align: center;}
input.dropbox:not(.empty):focus {border: 0;}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,300);
body.error *, body.textkernel * {font-family: "Open Sans", Arial, Helvetica, sans-serif;}

/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */

.no-iframe-body { margin: 0; padding: 0; background-color: #F2DCC9; color: #222766; height: 100%; background-image: url("/custom/10678/bg.png"); background-size: cover; background-attachment: fixed;}
.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: #F2DCC9; color: #222766;}
.no-iframe-logo {max-width: 100%; margin: 0 auto; height: 120px; background: url("/custom/10678/terra_logo_def.jpg") no-repeat center 20px; border-bottom: 40px solid #DFC3A6;}
.no-iframe-header {padding-bottom: 0px; border-bottom: 40px solid #F1E4D2; background-color: #FFFFFF;}

.no-iframe-body-msie {text-align:center; }  /* IE8 */
.no-iframe-page-msie {width: 98%; max-width: 98%; margin-left: auto; margin-right: auto; text-align: left; padding-bottom: 15px; }  /* IE8 */


/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, div#upload-cv-div, .history a, h2 span.mandatory {color: #222766;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image {background-color: #222766; color: #F1E4D2;}
.photocontainer {background-color: #AF6929; color: #F1E4D2;}
a:hover, .history a:hover *, h1, h2 {color: #01385F;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover {background-color: #222766; color: #FFFFFF;}
.file.mandatory span.prefix {color: #F1E4D2;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 1px solid #222766;}
.upload {border: 1px solid #F2DCC9; background-color: #FFFFFF;}
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(175, 105, 41, 1);}

.csbs .col.label, .csbs label, .vsbs label {color: #AF6929;}

::-webkit-input-placeholder {
  color: #DFC3A6;  opacity: 1 !important; font-size: 16px;
}

:-moz-placeholder { /* Firefox 18- */
  color: #DFC3A6; opacity: 1 !important; font-size: 16px;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #DFC3A6; opacity: 1 !important; font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
  color: #DFC3A6;  opacity: 1 !important;  font-size: 16px;
}

select, .hidelabel .mandatory span.prefix {
  color: #DFC3A6;
}

input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea {
    border: 1px solid #F1E4D2;
}

h1, h1 span, h1 span a {
    font-size: 22px;
}

/*  OPTIONEEL VELD VOOR BRON SOLLICITATIE TONEN */
#application_source {display: block;}

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