.no-iframe-body {margin: 0; padding: 0; max-width: 100%; height: 100%; background-color: #C5C5C5;}
.no-iframe-page {max-width: 896px; margin-left: auto; margin-right: auto; border-left: 19px solid #F5E2E6; border-right: 19px solid #F5E2E6; padding: 0 30px; background-color: #FFFFFF;}
.no-iframe-logo {height: 130px; margin: 0 auto; background: url("/custom/10159/logo.gif") no-repeat 6px 0px;}
.no-iframe-header {padding: 0px; border-bottom: 2px solid #A6002B;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a {color: #990033;}
div#upload-cv-div {color: #000;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #990033; color: #FFFFFF;}
a:hover, .history a:hover * {color: #990033;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #990033; color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {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(153, 0, 51, 1);}
button {background-color: #FFFFFF; border: 1px solid #313130; color: #313130;}
button:hover  {background-color: #313130;}

h1, h1 span, h1 span a, h1.reactiontype, h1.reactiontype span {font-size: 16px; color: #971135;}
h2, h2 a, h2 span, .upload label {font-size: 12px; color: #313130;}
h1.reactiontype {display: none;}

/* Toon motivatiebrief in plaats van motivatiememoveld */
#Sollicitatie_Motivatie { display:none; }
#Document_overig_Inhoud { display:block; }

* {font-size: 11px; font-family: Arial,Helvetica,sans-serif;}
input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, select:not(.empty) {
    font-size: 14px;
}

.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, option {
    font-size: 12px;
}

input.dropbox[type="text"] {
    height: 22px;
    padding-left: 0px;
    vertical-align: baseline;
    border: none;
    font-size: 12px;
}

.header .span_3_of_8.accountmenu {width: 99%;}

.hidelabel .mandatory span.prefix {
    margin-top: 19px;
    line-height: 8px;

}

/*  GRID BELOW 641 PIXELS */
@media only screen and (max-width: 640px) {
  .accountmenu a span, span.username {display: inline-block;}
  .accountmenu i.fa {font-size: 1em;}  
  ::-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 {font-size: 12px;}  
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  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, option  {font-size: 16px;}
  ::-webkit-input-placeholder {font-size: 16px;}
  :-moz-placeholder { /* Firefox 18- */ font-size: 16px;}
  ::-moz-placeholder {  /* Firefox 19+ */ font-size: 16px;}
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size: 16px;}
  select, option {font-size: 16px;} 
}