/* WANNEER PAGINA NIET IN IFRAME GETOOND WORDT  */
.no-iframe-body {height: 100%; background-color: #FFFFFF;}
.no-iframe-page {width: 100%; max-width: 100%;}
.no-iframe-content {max-width: 1000px; margin: 0 auto; padding: 0 20px; background-color: #FFFFFF;}
.no-iframe-logo {
  max-width: 1000px;
  height: 141px;
  margin: 0 auto; 
  background-image: url("https://www.tangram-tis.nl/custom/10808/logo.gif");
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

.no-iframe-header {width: 100%; height: 195px; background-color: #FFFFFF; padding-top: 20px; margin-bottom: 20px; border-bottom: 0px solid #FEE115;}
.no-iframe-footerx {width: 100%; max-width: 100%; margin: 28.7vh auto 0 auto; padding: 0 20px; height: 120px; background-color: #313236; border-top: 0px solid #479A36;}

/* Standaardfontdefinitie */
* {font-family: "Segoe UI", "Open Sans", Helvetica, sans-serif; font-size: 16px;}
p, div.text, h1, h2, h3 {color: #313236;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome, "Segoe UI", "Open Sans", Helvetica, sans-serif;}
h1 span.category:before {font-family: FontAwesome, "Segoe UI", "Open Sans", Helvetica, sans-serif;}
div.error, p.error {font-family: 'Roboto Mono', Courier, Helvetica, sans-serif;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #1e73be;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #666666;}
.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: #000000;}
.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 #479A36;}
input.text, input[type=text], input.date, input[type="date"], select, input.account, textarea {background-color: #FAFAFA; border-color: #CCC;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {background-color: #FFFFFF; border: 1px solid rgba(112,112,112, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #666666; color: #666666;}
button:hover  {background-color: #666666;}