/* Achtergrondkleur rondom formulier en algemene tekstkleur */

body.orbeon {
  font-family : Verdana, Arial, sans-serif; }


/* Achtergrondkleur formulier en kader*/
.fr-border {
  border-bottom : 40px solid #e1004f; }


/* Achtergrondkleur logo */
/*
.fr-view:before {
  background-color: #FFF; }
*/

/* Link kleur (tip: gelijk aan kleur van knoppen) */
/*
.orbeon a {
  color: #0075EA; }
*/

/* Achtergrondkleur titelbalk */

.orbeon .navbar-inverse .navbar-inner {
  background-color : #e1004f; 
min-height : 10px; }


/* Tekstkleur titelbalk met formtitel in smalle titelbalk*/
/*
.orbeon .navbar-inverse .navbar-inner .container h1 {
  color : #FFF;
  line-height : 10px;}

.orbeon .navbar-inverse .navbar-inner span,
.orbeon .navbar-inverse .navbar-inner .container {
  line-height: 10px;
}
*/

/* Tekstkleur titelbalk geen formtitel alleen smalle balk*/

.orbeon .navbar-inverse .navbar-inner .container h1 {
  color : #FFF;
  line-height : 10px;
  display : none;}

.orbeon .navbar-inverse .navbar-inner {
  background-color : transparent;
border-bottom: 5px solid #e1004f;}


/* Tekstkleur paginakoppen */

.orbeon h2,.orbeon h3,.orbeon h4,.orbeon h5,.orbeon h6 {
  color : #e1004f; }


/* Kleuren actief menu-item  */

.fr-formnavigation span.button-active button, .orbeon .btn:focus, .orbeon .btn:active, .orbeon .btn.active {
  background-color : #e1004f;
  border-color : #e1004f;
  color : #FFF; }


/* Kleuren (menu) buttons */

.yui-skin-sam .yui-button button, .orbeon button.close, .orbeon button.btn {
  font-family : Verdana, Arial, sans-serif;
  background-color : #e1004f;
  border-color : #000; 
  color : #000; }


/* Kleuren (menu)buttons mouse-over */
.orbeon .btn:hover, .orbeon .btn:focus, .orbeon button.close:hover, .orbeon button.close:focus {
  color: #000;
  background-color : #fbeceb;
  border-color : #000; }


/* Uitgeschakelde buttons (disabled) */

.orbeon .btn.disabled, .orbeon .btn[disabled], .orbeon .btn.disabled:hover, .orbeon .btn[disabled]:hover {
  background-c
  olor: #e1004f;
  border : #e1004f; 
  color : #888; }


/* Standaard velden: kleur kader */
/*
.orbeon select, .orbeon textarea, .orbeon input[type="text"], .orbeon input[type="password"], .orbeon input[type="datetime"], .orbeon input[type="datetime-local"], .orbeon input[type="date"], .orbeon input[type="month"], .orbeon input[type="time"], .orbeon input[type="week"], .orbeon input[type="number"], .orbeon input[type="email"], .orbeon input[type="url"], .orbeon input[type="search"], .orbeon input[type="tel"], .orbeon input[type="color"], .orbeon .uneditable-input {
 border-color : #AAA; }
*/

/* Verplichte velden: Veldkader en schaduwkleur */

.orbeon .xforms-required input, .orbeon .xforms-required textarea, .xforms-required-empty .xforms-input-input {
  border-color : #e1004f;
  box-shadow:  0px 0px 2px 1px #e1004f;}


/* Verplichte velden: Achtergrondkleur blok */

.xforms-required  { background-color : #fbeceb; }


/* Verplichte velden: kaderkleur correct ingevuld */
/*
.orbeon .xforms-required.xforms-filled input {
  border-color : #e1004f;
  box-shadow : none; }
*/

/* Verplichte velden: kleur van de asterisk '*' */

.xforms-required label em {
    color: #e1004f; }


/* Kleur kader en schaduw van het huidig actieve veld */

.orbeon textarea:focus, .orbeon input[type=text]:focus, .orbeon .xforms-required.xforms-invalid.xforms-visited textarea:focus, .orbeon .xforms-required.xforms-visited textarea:focus {
  border-color : #fbeceb;
  box-shadow: 0px 0px 2px 1px #e1004f; }


/* Kleur pijltjes voor uitleg bij een vraag */

.xforms-hint::before {
  color : #e1004f; }


/* Kleur kader foutieve velden */

.orbeon .xforms-invalid.xforms-visited .xforms-input-input, .orbeon .xforms-invalid.xforms-visited input[type="password"], .orbeon textarea.xforms-invalid.xforms-visited, .orbeon .xforms-required.xforms-invalid.xforms-visited textarea {
  border-color: #F00; }
*/

/* Kleur tekst foutmelding of waarschuwing */

.orbeon .xforms-invalid > .xforms-alert.xforms-active, .orbeon .xforms-alert.xforms-active.xforms-invalid {
  color : #e1004f; }


/* kleur pijltjes voor foutmelding of waarschuwing */

.xforms-alert::before {
  color : #e1004f; }


/* Tekstkleur Waarschuwing versturen onvolledig ingevuld formulier */
/*
.warningtxt, .warningtxt+span {
  color : #F00000; }
*/

/* Achtergrondtkleur Waarschuwing versturen onvolledig ingevuld formulier */
/*
.warningtxt, .warningtxt+span {
  background-color : #FFE6E6; }
*/

/* Kleur van de RAND om help popup (alle border kleuren hieronder horen gelijk) */
/*
.orbeon .popover              { border-color       : #000; }
.orbeon .popover.right .arrow { border-right-color : #000; }
.orbeon .popover.left .arrow  { border-left-color  : #000; }
*/

/* Achtergrondkleur popup (alle kleuren horen gelijk) */
/*
.orbeon .popover.right .arrow:after  { border-right-color: #FAFAFA; }
.orbeon .popover.left .arrow:after   { border-left-color : #FAFAFA; }
.orbeon .popover                     { background-color  : #FAFAFA; }
*/

/* Kleuren popup titel */
/*
.orbeon .popover-title
  { border-bottom : 1px dashed #BBB;
    background-color : #FAFAFA; }
*/

/* Hyperlink kleur 20150828 */
.orbeon a {
  color: #e1004f;
  text-decoration: none;
  font-weight : bold; }

  
.fr-form-group a {
    font-family: verdana;
}


.fr-top h1 {
    font-family: verdana;
}

.orbeon img {
    height: auto;
    max-width: 100%;
    border: 0px none;
    float: right;
    padding-left: 150px;
}

/* Begin CSS toegevoegd door Stefan */
.orbeon .xforms-textarea textarea, .orbeon input, .orbeon button, .orbeon select, .orbeon textarea, .orbeon .orbeon-portlet-body { font-family:Verdana, Arial, sans-serif; }

.alert { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }

.xforms-required.xforms-filled { background-color:transparent; }
.xforms-required.xforms-invalid.xforms-filled { background-color:#fbeceb; }

.xforms-upload.xforms-required, .fr-attachment.xforms-required { margin:0; }

.custom_attachment .xforms-trigger a { visibility:hidden; }
.custom_attachment .xforms-trigger a:before { display:table; visibility:visible; content:"Voeg nog een bijlage toe"; margin:10px -5px; color:#e1004f; font-weight:bold; cursor:pointer; }

@media screen\0 {
  .custom_attachment .xforms-trigger a { visibility:visible; }
  .custom_attachment .xforms-trigger a:before { content:"";visibility:hidden; margin:0; }
  .custom_attachment .xforms-trigger a img { display:none; }
}

@media screen\9 {
  .custom_attachment .xforms-trigger a { visibility:visible; }
  .custom_attachment .xforms-trigger a:before { content:"";visibility:hidden; margin:0; }
  .custom_attachment .xforms-trigger a img { display:none; }
}
/* Einde CSS toegevoegd door Stefan */