div.dashedbar
{
  width: 100%;
  border-top: 1px dashed #ccc;
  height:5px;
}
div.solidbar
{
  width: 100%;
  border-top: 1px solid #ccc;
  height:5px;
}

#tekst h4 {
  margin-top:15px;
}

#tekst h5 {
  font-size:110%
}

body, html
{

}

a img
{
  border:0px;
}

table.shoppingcart,
table.overzicht
{
  width: 100%;
  font-size:10px;
}


table.shoppingcart .beschikbaar
{
  color:#14810f;
  font-weight:bold;
  font-size:10px;
  font-style:italic;
}

table.shoppingcart .nietbeschikbaar
{
  color:#9c1c28;
  font-weight:bold;
  font-size:10px;
  font-style:italic;
}

table.overzicht th,
table.shoppingcart th
{
  background-color:#DB002A;
  color:white;
  text-align:left;
  padding-left:2px;
}

table.overzicht td,
table.shoppingcart td
{
  background-color:#EEEEEE;
}

div.voeg_toe
{
  float:right;
}

div.problemen_title
{
  background-color:#DB002A;
  color:white;
  width:300px;
  padding-left:5px;
}

div.problemen
{
  padding:5px;
  border:1px solid #DB002A;
  background-color: #ffe5e7;
}

div.info_title
{
  background-color:darkgreen;
  color:white;
  width:300px;
  padding-left:5px;
}

div.info
{
  padding:5px;
  border:1px solid darkgreen;
  background-color: lightgreen;
}

fieldset
{
  border:1px solid #DDD;
  padding:5px;
}

table.formtable tr.error
{
  color: red;
}
table.formtable th
{
  width:140px;
}
.infoblock
{
  font-size:75%;
  overflow-x:auto;
  padding:10px;
  width:180px;
}

ev input, select, textarea {
    font-size:12px;
}

.indicator {
  background-image:url('/images/indicator.gif');
 background-repeat:no-repeat;
 background-position:left center;
}

.ui-datepicker-title select {
  height: 27px;
}

.tt-tooltip {
  position: relative;
  display: inline;
}

.tt-tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  white-space: pre-line;
  top: -5px;
  text-align: initial;
  line-height: initial;
}

.tt-tooltip:hover .tooltiptext {
  visibility: visible;
}

.tt-tooltip .tooltiptext {
  opacity: 0;
  transition: opacity 0.5s;
}

.tt-tooltip:hover .tooltiptext {
  opacity: 1;
}