/*
 *    $Revision$
 *    $Modtime: 15-02-12 14:31 $
 *
 *
 *    basiskleuren:  #005566 (grijs/groen)
 *                   #9ac2b9 (pastelgroen)
 *                   #ffe595 (accentgeel)
 *                   #f9a25e (accentoranje)
 */
/* Titelbalk */
#headerblok {
   background: url(banner.png) no-repeat;
   background-position: 10px 0px;g
}

/* Dunne lijntjes om menu en/of header in te klappen */
span.ui-layout-resizer {
  background-color: #005566;
}
div.ui-layout-toggler {
  background-color: #9ac2b9;
}

/* Kopbalk met tabbladen (menu- en werkbladen) */
.ui-tabs .ui-tabs-nav {
	background-color: #005566;
	background-image: none;
}

/* Portal */
html, body, #editbody, #showbody, #listbody {
   background-image: none;
   background-color: #fff;
}
#mywelcometitle {
   background: url(green2black.png) #9ac2b9 repeat-x left top;
   color: #fff;
}
#mywelcometitle sup {
   color: #f9a25e;
}
#mywelcomeinfo {
   background: url(black2green.png) #005566 repeat-x left top;
   color: #fff;
   float: none;
}
#mywelcomeframe {
   height: auto;
}
#nieuwsbody {
   background-color: #fff;
   width: 100%;
}
.nieuwstitel {
   color: #9ac2b9;
}

.listbody table {
   background-color: #fff;
}
#collapseblock table {
   width: 100%;
}

.fcltframe {
   background: none;
   background-color: #fff;
}

/* Titels */
.fcltframeheader,
#search div.fcltblockhead {
   background: url(green2black.png) #9ac2b9 repeat-x left top;
}

/* Tekst van titels (overzichten, mijn facilitor, etc */
.fcltframeheader,
#search div.fcltblockhead,
.fcltframeheader span,
#search div.fcltblockhead span,
#iframerextratitle {
   color: #fff;
}

/* Kaders om invulvelden */
#showbody .fcltblock .inside {
   background-color: #fff;
}
#showbody .fcltblockhead {
   background-color: #9ac2b9;
   color: #fff;
}
body.modal .fcltblockhead,
#editbody .fcltblockhead {
   background: url(black2green.png) #005566 repeat-x left top;
   color: #fff;
}

#showbody label,
#showbody input {
   color: #222;
}
#showbody .details {
   color: #22c;
}

/* Flexvelden type label */
td.flexlabel,
#showbody td.flexlabel label {
   background-color: #dadcde;
}
tr.flexcollapsed td {
   color: #fff;
}

/* Selectiescherm */
#search {
   background-image: none;
}
#search div.fcltblock {
   background-color: #fff;
}
#search div.fcltblockhead {
   background: url(black2green.png) #005566 repeat-x left top;
   color: #fff;
}
#search div.fcltblock label {
   color: #005566;
}
#buttons ul li {
   color: #005566;
}

.rstable thead th {
   background: url(black2green.png) #005566 repeat-x left top;
}
.rstable tfoot td {
   background: url(black2green.png) #005566 repeat-x left top;
}

/* Verplichte velden */
* html .required, .required, .required:focus, input.required {
   background-color: #ffe595;
}
input[type=text].required,
input[type=password].required,
select.required, option.required,
textarea.required {
   background-color: #ffe595;
}

/* Menu */
.ui-layout-content {
   background-color: #fff;
}
div#ProfFAC,
div#PersFAC,
div#MgtFAC {
   background-color: #fff;
}
div#ProfFAC .menukop {
   color: #005566;
}
div#ProfFAC ul li,
div#PersFAC ul li,
div#MgtFAC ul li {
   background-color: #fff;
}

div#PersFAC ul li li a,
div#ProfFAC ul li li a {
   text-decoration: none;
   color: #000;
}
div#PersFAC ul li li a:hover,
div#ProfFAC ul li li a:hover {
   color: #f9a25e;
}
div#PersFAC ul li span.menukop {
   color: #005566;
}

/* Kalender */
.ui-datepicker-header.ui-widget-header,
.ui-dialog-titlebar.ui-widget-header {
   background: url(green2black.png) #9ac2b9 repeat-x left top;
   color: #fff;
}
.ui-datepicker-calendar th {
   background: url(black2green.png) #005566 repeat-x left top;
}
