/*
 *    $Revision$
 *    $Modtime: 15-02-12 14:31 $
 *
 *
 *    basiskleuren:  #e87d0d (accentoranje, PMS 716)
 *                   #261a40 (donkerblauw, PMS 276)
 *                   #f5f2f5 (lichtgrijs)
 */

/* Titelbalk */
#headerblok {
   background: url(banner.png) no-repeat;
   background-color: #fff;
   background-position: 0px 0px;
   color: #261a40;
}

/* Links & highlights */
a.newstextFresh:hover,
a.newstext:hover,
#showbody input.details:hover,
span.ia:hover,
label.cadselect:hover,
table.filter td:hover p,
span.pscapt:hover,
#facforum #container a:hover {
   text-decoration: none;
   color: #e87d0d;
}
tr.flexcollapsable td:hover span,
.more:hover {
   color: #e87d0d;
}
.ui-datepicker-calendar .ui-state-hover {
   border: 1px solid #e87d0d;
}


/* Portal */
html, body, #editbody, #showbody, #listbody {
   background-image: none;/*url(../Pictures/bodybgrnd.jpg);*/
   background-color: #fff;
   margin: 0;
   padding: 0;
   color: #261a40;
}
.ui-corner-all {
   border-radius: 0;
}

#mynewsframe {
   margin: 0;
   padding: 0;
}

#mywelcome,
#myactions,
#mymessages {
   margin: 10px 4px 0px 4px;
   padding: 0;
   background: none;
}
#mywelcometitle {
   background: url(images/grad_oranje.png) #e87d0d repeat-x left top;
   color: #fff;
   padding: 0 0 3px 0;  
}
#mywelcometitle strong {
   color: #fff;
   margin: 0;
   padding: 0;
}
#mywelcometitle sup {
   color: #e87d0d;
}
#mywelcomeinfo {
   background: url(images/grad_grijs.png) #f5f2f5 repeat-x left top;
   color: #261a40;
   padding: 4px;
   float: none;
}
#mywelcomeframe {
   height: auto;
}
#nieuwsbody {
   background-color: #fff;
   margin: 0;
   border: none;
   width: 100%;
}
.nieuwstitel {
   color: #e87d0d;
}
.nieuwstekst {
   border-bottom: none;
}
.newstext,
.newstextFresh {
   color: #261a40;
}
.listbody#usermessbody .fcltframeheader,
#listbody .fcltframeheader {
   border: none;
}
.listbody table {
   background-color: #fff;
}
#collapseblock table {
   border: none;
   width: 100%;
}

.fcltframe {
   background: none;
   background-color: #fff;
   margin-bottom: 5px;
}

/* Titels */
.fcltframeheader,
#search div.fcltblockhead {
   background: url(images/grad_oranje.png) #e87d0d repeat-x left top;
   padding: 3px 5px 1px 5px;
   /*background-color: #e87d0d;*/
}

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

/* Kaders om invulvelden */
.fcltblock {
   margin: 3px 0 3px 0;
}
.fcltblock .inside {
   margin: 0px;
   padding: 2px 3px;
}
#show, #edit {
   padding: 0;
}

#showbody .fcltblock .inside {
   background-color: #f5f2f5;
}
#showbody .fcltblockhead {
   background: url(images/grad_grijs.png) #f5f2f5 repeat-x left top;
   color: #261a40;
   padding: 1px 0 1px 5px;
}
#editbody .fcltblock .inside { 
   background-color: #f5f2f5;
   border-top: none;
}
body.modal .fcltblockhead,
#editbody .fcltblockhead {
   background: url(images/grad_blauw.png) #261a40 repeat-x left top;
   color: #fff;
   padding: 1px 0 1px 5px;
}

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

/* Flexvelden type label */
td.flexlabel,
#showbody td.flexlabel label {
   background: url(images/grad_lichtoranje.png) #fea45a repeat-x left top;
   padding: 1px 0px 2px 4px;
}

.flexlabel span {
  color: #261A40;
}

.flexcollapsed span {
   color: #fff;
}

/* Selectiescherm */
#search {
   margin-bottom: 2px;
}
#search div.fcltblock {
   background-color: #fff;
}
#search div.fcltblockhead {
   background: url(images/grad_blauw.png) #261a40 repeat-x left top;
   color: #fff;
   padding-top: 1px;
   margin-bottom: 2px;
}
#search div.fcltblock label {
   color: #261a40;
}

.rstable thead th,
.rstable tfoot td,
.sortable.rstable tfoot td {
   background: url(images/grad_grijs.png) #f5f2f5 repeat-x left top;
   color: #261a40;
}

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

/* Menu */
.ui-layout-content {
   background-color: #fff;
}
div#ProfFAC,
div#PersFAC,
div#MgtFAC {
   background-color: #fff;
}
div#ProfFAC .menukop {
   color: #261a40;
}
div#ProfFAC ul li,
div#PersFAC ul li,
div#MgtFAC ul li {
   background-color: #fff;
   font-size: 1.2em;
}
li.mk {
   margin-top: 1px;
}
div#ProfFAC ul li li,
div#PersFAC ul li li {
   border-bottom: none;
   border-top: 1px solid #aaa;
   margin-left: 3px;
   font-size: 0.8em;
}
div#PersFAC ul li li a,
div#ProfFAC ul li li a {
     text-decoration: none;
     color: #261a40;
}
div#PersFAC ul li li a:hover,
div#ProfFAC ul li li a:hover {
   color: #e87d0d;
}
div#PersFAC ul li span.menukop {
   color: #261a40;
}
span.menukop {
   background-image: none;
   color: #e87d0d;
   padding: 2px 2px 2px 0;
}

/* Portal (loketten) */
#portalbody {
    background-color: #fff;
}
#portalmenu h2 {
   background: url(images/grad_oranje.png) #e87d0d repeat-x left top;
   color: #fff;
}
#portalmenu table {
     margin: auto;
}
#portalmenu table tr td {
    background-color: #fff;
    padding: 0;
    padding: 2px 4px 0px 0px;
}

#portalmenu span.menukop {
   color: #e87d0d;
   width:200px;
   padding: 0;
   margin: 2px 0 4px 0;
}

#portalmenu span.menuimg {
   width: 250px;
   height: 105px;
   margin: 0;
   text-align: left;
}
#portalmenu ul {
   text-align: left;
   padding: 0;
   margin: 0;
}
#portalmenu li.mi {
   color: #261a40;
   margin: 0;
}

/* Widgets */
div.widget,
div.widgettitle {
   border: none;
}

/* Search */
table.filter {
   background-color: #fff;
}
table.filter th {
   background-color: #e87d0d;
}

/* Kalender */
.ui-datepicker-header.ui-widget-header,
.ui-dialog-titlebar.ui-widget-header {
   background: url(images/grad_oranje.png) #e87d0d repeat-x left top;
   color: #fff;
}
.ui-datepicker-calendar th {
   background: url(images/grad_blauw.png) #261a40 repeat-x left top;
}

/* Uren */
.modal th {
   background: url(images/grad_oranje.png) #e87d0d repeat-x left top;
}

/* API-portal */
#phonebookdetails a:link,
#phonebookdetails a:visited,
#filler a:link,
#filler a:visited {
   color: #e87d0d;
}
#mywelcometitle a:link,
#mywelcometitle a:visited,
#mywelcometitle u li {
   color: #fff;
}
#phonebookdetails a:hover,
#mywelcometitle a:hover,
#filler ul li a:hover {
   color: #e87d0d;
}
#filler h1, #filler h2, #filler h3 {
   color: #261a40;
}