/* 12-7-2016 Beschikbaarheidsformulier in gebruik nemen */
div#formtype1 {display: block;}

/* Velden van het uitgebreide formulier niet tonen */
.section.education, .section.workexperience, .group.jobtype, .group.area,  .group.applicationsource, .section.availability, {display: none;}

/* Standaardfontdefinitie */
* {font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 12px;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome, "Open Sans", Arial, sans-serif; font-size: 12px;}
h1 span.category:before {font-family: FontAwesome, "Open Sans";}
div.error, p.error {font-family: 'Roboto Mono', Courier, Arial;}
#client {display: none;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #448B42;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #448B42;}
.submitbutton, a.actionlink, input.flatbutton, .button a {color: #FFF;}
a:hover, .history a:hover * {color: #01385F;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #AAA;}
.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, .upload label {font-size: 1em; font-weight: bold; color: #333; 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 rgba(68, 139, 66, 1);}
div#upload-cv-div {background-color: #FFF; border: 1px solid #AAA; color: #AAA;}
button {background-color: #FFF; border: 1px solid #CCC; color: #AAA;}
button:hover  {background-color: #AAA;}

h1, h1.reactiontype, h1 span {
    color: #374181;
    font-family: Century Gothic, Helvetica, "Open Sans", Arial, sans-serif;;
    font-size: 18px;
    font-weight: bold;
}

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

.csbs h2.attachments {
    margin-bottom: 4px;
}

.upload label {font-size: 0.8em;}

button#browse-container, button#dropbox-container {
    margin-top: 8px;
}

::-webkit-input-placeholder {font-size: 12px;}
:-moz-placeholder {font-size: 12px;}
::-moz-placeholder {font-size: 12px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 12px;}
select, option, label {font-size: 12px;}

/*  GRID OPTIMALISATIE */
@media only screen and (min-width: 700px) and (max-width: 700px) {
  .address .span_3_of_8 { width: 74%; }
  .jobtype .span_2_of_8 { width: 32.33%; }
}