@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */
.no-iframe-body {height: 100%; background-color: #EAE5DD;}
.no-iframe-page {width: 100%; max-width: 100%;}
.no-iframe-content {max-width: 1100px; margin: 0 auto; padding: 0 20px; background-color: #EAE5DD;}
.no-iframe-logo {max-width: 1100px; height: 110px; margin: 0 auto; background: url("https://www.tangram-tis.nl/custom/10846/logo.gif") no-repeat left 10px;}
.no-iframe-header {width: 100%; height: 110px; background-color: #FFFFFF; margin-bottom: 20px;}
.no-iframe-footer {width: 100%; margin: -16px auto 0 auto; padding: 0; height: 120px; background-color: #FFFFFF;}

/* Basis steunkleur instellen */
a, .accountmenu a, .history a, button, a.maillink {color: #000000;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #AABEC4;}
.submitbutton, a.actionlink, input.flatbutton, .button a, .flipbase-button {color: #FFFFFF;}
a:hover, .history a:hover * {color: #000000;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span, .flipbase-button:hover {background-color: #AABEC4;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 0px solid #000; text-transform: uppercase; font-weight: 900; font-size: 1.5em;}
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, 0, 0, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #AABEC4;}
button:hover  {background-color: #AABEC4;}


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

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


.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {
    border-bottom: 0px solid #000;
    text-transform: none;
    font-weight: 900;
    font-size: 1.1em;
}

div#surrepad {
    padding-bottom: 10px;
}