.container
{
  background: #FFFFFF url('../images/page_bg.jpeg') top center no-repeat fixed;
}

.menu ul {
  position: relative;
}

.menu li {
  list-style: none;
  display: inline;
  margin-left: 20px;
  font-size: 20px;
  float: right;
}

.content {
  padding-top: 20px;
}


/* planbord */
.werktijd {
  font-size: 12px;
}

.planbord-user-label {
  font-weight: bold;
  font-size: 20px;
}

.kaartje-indicatie-tijd
{
  position: absolute;
  background-color: white;
  border-radius: 30px;
  color: black;
  padding: 5px;
  line-height: 7px;
  right: 5px;
}

.kaartje-color-000000{
  background-color: #000000;
  color: white;
}
.kaartje-uur {
  float: left;
  font-size: 8px;
  margin-top: 3px;
}

.kaartje-title {
  font-weight: bold;
  margin-left: 31px;
  word-wrap: break-word;
  width: 60%;
  margin-right: 0px;
  margin-bottom: 0px;
}

.kaartje-text {
  margin-bottom: 0px;
  margin-top: 10px;
}

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.offertes .popover { width: 350px; }
.offertes .popover.bottom {margin-left: 64px;}
.offertes .popover.bottom .arrow {margin-left: -74px;}

.tasklist { 
  padding: 0px; 
  list-style-type: none; 
  margin: 0; 
  float: left; 
  margin-right: 10px; 
  width: 100%; 
  min-height: 100px; 
  overflow: auto; 
  height: 100%;
}
.tasklist li {
  cursor: pointer; 
  border: 1px solid #cccccc; 
  margin: 0 5px 5px 0; 
  padding: 5px; 
  font-size: 13px; 
  width: 175px; 
  position: relative;
  min-height: 30px;
}
#nieuw .popover.bottom {margin-left: 24px;}
#nieuw .popover.bottom .arrow {margin-left: -34px;}
.ui-datepicker { z-index: 2000; }