@import url('https://fonts.googleapis.com/css?family=Roboto');

.no-iframe-page {width: 100%; max-width: 100%;}
.no-iframe-content {max-width: 1200px; margin: 0 auto;}
.no-iframe-logo {max-width: 1200px; height: 60px; margin: 0 auto; background: url("/custom/10480/logo.jpg") no-repeat left 10px;}
.no-iframe-header {width: 100%; margin-bottom: 40px; border-bottom: 8px solid #fd6400;}

* {font-family: 'Roboto', sans-serif;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #fd6400;}
a.actionlink, .button, input.flatbutton, .button a {background-color: #f0f0f0;}
a.actionlink, input.flatbutton, .button a {color: #fd6400;}
a:hover, .history a:hover * {color: #fd6400;}
.button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #c3bcb6; color: #FFF}
.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 {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(24, 16, 24, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #e1e1e1;}
button:hover  {background-color: #fd6400;color: #ffffff;}

.submitbutton {background-color: #fd6400; color: #ffffff;}
.submitbutton:hover {background-color: #ffffff; color: ff6d10; border: 1px solid #fd6400; border-box: box-sizing;}

h1.reactiontype, h1.reactiontype span {
    text-transform: none;
}

h2, .upload label {font-size: 14px;}
.upload label {color: #000;}
.csbs h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/*  GRID SPECIFIC FOR CURRENT IFRAME WIDTH */
@media only screen and (max-width: 541px) and (min-width: 541px)
 {

  .group.address .city { width: 27%; }
  .group.address .postalcode { width: 21%; }
  .group.address .address, .group.contact .span_2_of_8, .section.source .span_4_of_8 { width: 49%; }

  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  {font-size: 14px;}
  ::-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, .csbs label {font-size: 12px;}
}