#floatmenu {
  position: relative;
  top: 0;
  /* just used to show how to include the margin in the effect */
}

#floatmenu.fixed {
  position: fixed;
  top: 0;
}

/* Primefaces  */
.ui-widget, .ui-widget .ui-widget {
  font-size: 95%;
}

/*
.ui-widget-header,ui-widget, .ui-widget-content, .ui-datatable{
   color: blue;
}
*/

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td { 
  padding: 2px 2px 2px 2px !important;
}

.ui-breadcrumb{
  background: white;
  border: none;
}

.ui-datatable div.ui-dt-c {
   padding: 2px 2px!important;
}


.horizontalButtons{
  float:right;
  margin-top:10px;
}

.menu-item-header{
  font-size:200%;
  font-weight: bold;
  opacity: 1;
}  

.menu-item-select{
  background-color: red;
}

.menu-item{
}

.ui-menuitem-text{
  font-size:100%;
}

/* Eerst de pagina indeling                                      */
#top {
    position: relative;
    background-color: white;
    height:88px;
    color: black;
    padding-top: 10px;
    background-image: url('img/header-bg-repeater.jpg');
    background-position:top right;
    background-repeat: repeat-x;
    margin: 0px 0px 0px 0px;
}

#top a:link, #top a:visited {
  color: #1F8721;
  font-weight : bold;
  text-decoration: underline;
}

#top a:link:hover, #top a:visited:hover  {
  color: red;
  font-weight : bold;
  text-decoration : underline;
}

#bottom {
  clear: both;
  background-color: white;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

#middle2Col{
  background-color: white;  
}  

#content2Col {
  float: left;
  background-color: white;  
  margin: 10px 10px 10px 10px;  
  width:734px;  
}

#left {
  float: left;
  background-color: snow;
  margin-top: 6px;
  padding-left: 0px;
  width: 270px;
}

#right {
  float: left;
  background-image: url('img/plaatje-rechts-U.jpg'); 
  background-repeat: no-repeat;    
  background-color: white;
  padding: 0px;
  width: 256px;
}
/* Einde pagina indeling    */

/* Standaard HTML componenten  */

.bodyStyle {
  background-color: white;
  font-size: 14px;
  width:1024px;
  font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
  color: #000000;  
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  height: 100%;
  margin: auto;
}

h1 {
  font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
  font-size:  20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

h2{
  font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
  font-size:  16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

p{
  font-size: 14px;
  margin-top:0;
  margin-bottom:0;
}

/* Geen randen om een image  */
img
{  border-style: none;
}

/* Einde standaar HTML componenten  */




/* Voor het uitleg vlak */
/* Voor de koppen van de uitleg */
.uitleg-heading {
  font-size: 16px;
  color:rgb(51, 102, 51);
  font-weight: bold;
  text-align: left;
}

.uitleg-vlak {
  padding-left:0px;
  padding-right:0px;
  width:100%;
  font-size: 14px;
  height:595px;  
  vertical-align:top;  
}
/* Einde uitlegvlak */




/***********************************
  Opmaak voor de header
*************************************/

.header-heading {
  font-size: 36px;
  color:white;
  margin-left:80px;
  font-weight: bold;
  text-align: left;
}

.header-subheading {
  font-size: 20px;
  color:#1F8721;
  margin-left:200px;
  font-weight: bold;
  text-align: left;
}

.column-allign-top{
  vertical-align:top;
}


.headerPanel{
  font-size: 12px;
  color:#1F8721;
  width:734px;
  height:80px;
  font-weight: bold;
  text-align: left;
}

/***********************************/


/* Div waarin tekst wordt afgebeeld wat te doen bij een onbekende fout*/
#onbekendeFout{
  width : 465px;
  height : 300px; 
  overflow : auto; 
  background-color:White;
}

.roosterWarning{
  font-size: 12px;
  color:red;
  font-weight: bold;
}

#ui-datepicker-div{
  z-index: 1000;
}

 .lichtschemaWaardeColom{
    width: 80px;
    font-weight: bold;
  }