/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */

.no-iframe-page {max-width:1052px;}
.no-iframe-logo { height: 120px; background: url("https://www.tangram-tis.nl/custom/10627/wever_logo.png") no-repeat 1px 9px; }
.no-iframe-header {margin: 5px; border-bottom: 1px dashed #0096D7;}

/* GENERIEKE HTML ELEMENTEN */

/* Lettertype van alle elementen instellen */
*, body.error *, body.textkernel *, .upload label {font-family: 14px; font-family: "Trebuchet MS",Helvetica,sans-serif;}

.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {
  font-family: FontAwesome, "Trebuchet MS", "Open Sans", Arial, sans-serif;
}

h1, h1 span, h1 span a, h2, h2 span, h2 span a, .upload label {color: #222;}
b {font-weight: bold;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #0096D7;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #0096D7;}
.submitbutton, a.actionlink, input.flatbutton, .button a {color: #FFFFFF;}
a:hover, .history a:hover * {text-decoration: underline;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #0096D7;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover span {color: #000000;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2 {border-bottom: 1px solid #222;}
div.header {border: none;}
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, 150, 215, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #0096D7;}
button:hover  {background-color: #FFFFFF; color: #000000;}

.section.group.info .span_2_of_8 {
  	width: 32.2%;
}

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

/*  GRID BELOW 1160 PIXELS */
@media only screen and (max-width: 1159px) {

  .name_lastname { width: 36.5%; }
}

/*  GRID BELOW 982 PIXELS */
@media only screen and (max-width: 981px) {
.section.group.info .span_2_of_8 {
  	width: 99%;
}
}