/********************************************
   TEMPLATE INDELING
********************************************/
.page-header {
  display: none;
  }
#wrap {
  width: 820px;
  text-align: left;
  /*    background-image: url(../images/fond_ducs1.jpg); */
  /*    background-repeat: repeat-y; */
  /*    background-color: white; */
  background-position: center top;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  }
#buttons {
  width: 810px;
  height: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
  vertical-align: center;
  }
#headerwrap{
  position: relative;
  clear: both;
  left: 0px;
  width: 820px;
  }
#header{
  position: relative;
  clear: both;
  left: 0px;
  top: 0px;
  width: 820px;
  height: 165px;
  z-index : 900 ;
  }
#headerlogo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 820px;
  height: 165px;
  padding: 0;
  }
#banner_logo {
  vertical-align: baseline;
  width: 100%;
}
#ducs_logo {
  position: absolute;
  /*background-color: blue;*/
  left: 19%;
  top: 17%;
  height: 15%;
  width: 14%;
}
#levensloop_logo {
  position: absolute;
  /*background-color: yellow;*/
  left: 44%;
  top: 20%;
  height: 25%;
  width: 13%;
}
#otter_logo {
  position: absolute;
  /*background-color: red;*/
  left: 71%;
  top: 14%;
  height: 18%;
  width: 10%;
}

@media only screen and (max-width: 600px) {
  #ducs_logo {
    left: 9%;
    top: 15%;
    height: 9%;
    width: 15%;
  }
  #levensloop_logo {
    left: 42%;
    top: 16%;
    height: 12%;
    width: 17%;
  }
  #otter_logo {
  left: 79%;
  top: 13%;
  height: 9%;
  width: 12%;
  }
}

a#sitename1 , a#sitename1:visited{
  display: block;
  width: 200px;
  height: 110px;
  background-color: transparent;
  margin-bottom: 0px;
  z-index: 99;
  text-decoration: none;
  }
#headmenu {
  position: absolute;
  left: 0px;
  top: 135px;
  height: 30px;
  width: 820px;
  z-index: 999;
  /* background-position: -20px 10; */
  }
/* begin gruemenu overrides */
#gruemenu.grue_117 {
  background-color: #FFFFFF !important;
  }
#gruemenu.grue_117 ul {
  float: right !important;
  background-color: #F3F3F3 !important;
  }
#gruemenu > ul > li > a {
  padding: 10px 25px 11px 10px !important;
  letter-spacing: 1px !important;
  }
#gruemenu > ul > li.has-sub > a {
  padding-right: 40px !important;
  }
#gruemenu.grue_117 > ul > li > a {
  text-transform: none !important;
  }
  /*  end gruemenu override */

.plg_system_webauthn_login_button {
  display: none;
  }

#top {
  position: relative;
  clear: both;
  left: 0;
  width: 820px;
  height: auto;
  }
#pos_top {
  position: relative;
  left: 0px;
  top: 0px;
  width: 820px;
  height: 18px;
  text-align: center;
  background-color: white;
  vertical-align: top;
  line-height: 24px;
  }
#clock {
  /* position: relative; */
  left: 280px;
  top: 0px;
  /* width: 540px; */
  text-align: center;
  color:#FFFFFF;
  }

#content_wrap {
  position: relative;
  left: 0px;
  top: 0px;
  width: 820px;
  background-color: #FFFFFF;
  z-index: 1 !important;
  }
#pos_content {
  margin-left: 250px;
  margin-right: 0px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  min-height: 470px;
  z-index: 1 !important;
  }
#pos_content_breed {
  margin-left: 25px;
  margin-right: 0px;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  min-height: 470px;
  z-index: 1 !important;
  }

#pos_left {
  position: absolute;
  left: 0px;
  top: 5px;
  background-color: #FFFFFF;
  /* border-color: red;
  border-width: 1px;
  border-style: dashed; */
  min-height: 470px;
  float: left;
  width: 190px;
  padding-top: 5px;
  padding-left: 35px;
  padding-right: 2px;
  padding-bottom: 5px;
  }
/* Footer */
#footer_wrap {
  position: relative;
  clear: both;
  left: 0;
  width: 820px;
  }
#pos_footer1 {
  position: relative;
  left: 0px;
  width: 820px;
  min-height: 100px;
  background-color: #FFFFFF;
  }
#footer {
  width: 820px;
  height: 27px;
  background-image: url(../images/footer1-820.jpg);
  background-repeat: no-repeat;
  background-position: center;
  clear: both;
  }
#pos_footer2 {
  position: relative;
  min-height: 30px;
  left: 0px;
  width: 820px;
  background-color: transparent;
  }
#copyright {
  position: relative;
  left: 0px;
  width: 820px;
  height: 27px;
  clear: both;
  text-align: right;
  }

a.maximenuck-toggler-anchor {
  display: none;
  }

input, textarea, select , .calenderdateinput {
  background-color: rgb(250, 255, 189);
  color: black !important;
  margin: 3px;
  }

input::placeholder {
  font-style: italic;
  font-size: 85%;
  }
form#login-form .btn, input.knop, div.reset button.validate, div.remind button.validate,
input.knop_dblauw, input.knop_blauw, input.knop_lblauw, input.knop_groen,
input.knop_lgroen, input.knop_geel, input.knop_oranje, input.knop_rood, input.knop_zoek {
  padding: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 0px;
  width: 151px;
  height: 25px;
  border: 0;
  font-weight: bold;
  color: black !important;
  }

form#login-form  .btn, input.knop, div.reset button.validate, div.remind button.validate {
  background-image: url(../images/buttons/knop_lblauw.jpg);
  }

input.knop_dblauw { background-image: url(../images/buttons/knop_dblauw.jpg); }

input.knop_blauw { background-image: url(../images/buttons/knop_blauw.jpg); }

input.knop_lblauw { background-image: url(../images/buttons/knop_lblauw.jpg); }

input.knop_groen { background-image: url(../images/buttons/knop_groen.jpg); }

input.knop_lgroen { background-image: url(../images/buttons/knop_lgroen.jpg); }

input.knop_geel { background-image: url(../images/buttons/knop_geel.jpg); }

input.knop_oranje { background-image: url(../images/buttons/knop_oranje.jpg); }

input.knop_rood { background-image: url(../images/buttons/knop_rood.jpg); }

.input_fout {
  background-color: red;
  color: #FFFFFF !important;
  }

input.knop_zoek { 
  background-image: url(../images/buttons/zoek.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  font-size: 0%;
  width: 25px;
  }

div#form-login-username, div#form-login-password {
  margin-bottom: 8px;
  }

div.feedbackdiv {
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  }
tr.feedbacktr1 {
  background-color: #C2C2C2;
  }
tr.feedbacktr2 {
  background-color: #dadada;
  }
tr.feedbacknew {
  background-color: #a7ec51;
  font-weight: bold;
  text-align: center;
  }

/* GDPR instellingen */
div.ducs_gdpr {
  background-color: #bff9b8;
  font-style: italic;
  }
div.ducs_api {
  background-color: #86f9f7;
  font-style: italic;
  }
  
/* Fleskeuringen */
.keurhdr {
  background-color: lightgray;
  border: 1px solid black;
  }
.keurpos {
  border: 1px solid black;
  }
td .gas_Lu {
  font-weight: 800;
  }
td .gas_Nx {
  background-color: lightgreen;
  }
td .gas_O2 {
  background-color: lightblue;
  }

.slot_groen, .slot_geel, .slot_rood {
  width: 85%;
  text-align: center;
  margin: 5px;
  }
.slot_groen, .slot_geel {
  background-color: lightgreen;
  border: 1px solid green;
  }
.slot_geel {
  background-color: lightyellow;
  border: 1px solid brown;
  }
.slot_rood {
  background-color: red;
  border: 2px solid red;
  }