/* Eerst de pagina indeling                                      */
.north {
    border: 0px;
    border-bottom-color:#feb902;
    border-bottom-style:solid; 
    border-bottom-width: 5px;
    margin-bottom: 5px;  
    padding:0px !important;
    height:88px !important;
}

.headerKol1{
  width: 280px;
  max-width: 280px;
}  

.headerKol2{
  width: 100%;
}  


#header-left {
    width:280px;
    height:56px;
    color: black;
    background-image: url(../base/img/farmresult-logo.jpg);
    background-repeat: no-repeat;    
    background-size:contain;
    margin: 0px 0px 0px 0px;
}
   
.headerPanel{
  font-size: 12px;
  color:#1F8721;
  width:100%;
  font-weight: bold;
  text-align: left;
}



.north a:link, #top a:visited {
  color: #003680;
  font-weight : bold;
  text-decoration: underline;
}

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

.center{
  border: 0px;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: #feb902;
  border-radius: 0; 
  margin-left: 5px !important;
  background: -webkit-linear-gradient(#DDEBF1, #E5ECEF , #89CBE6) !important;
  background: -moz-linear-gradient(#DDEBF1, #E5ECEF , #89CBE6) !important;
}

.center .ui-widget-content a:link:hover {
  color: red;
  font-weight : bold;
}


.center .ui-layout-unit-content{
   background:inherit;
   padding-left: 4px !important;
   padding-right: 10px !important;
}
  

.west{
  border: 0px;
  background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
  background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
}

.west .ui-layout-unit-content{
  background:inherit;
}

.west .ui-menu{
  width: 92% !important;
}

.south{
 border: 0px;
 padding: 0;
}



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

.header-subheading {
  font-size: 30px;
  color:#003680;
  font-weight: bold;
  text-align: left;
}

.header-selectedLoc {
  font-size: 20px;
  color:#003680;
  font-weight: bold;
  text-align: left;
}


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


/* Voor het uitleg vlak */
/* Voor de koppen van de uitleg */
.uitleg-heading {
  font-size: 16px;
  color:#003680;
  font-weight: bold;
  text-align: left;
}

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


body .ui-menu .ui-menuitem-link{
   color: #003680;
   padding-left: 10px;
}

.center .ui-widget-content a {
    color: #003680;
    font-weight: bold;
}  

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

.highlightRow{
  background:rgba(70,154,22,0.8);
}