body, html { padding: 0; margin: 0; }
body { font-family:"Open Sans", sans-serif;}
H1 { color: black; font-family:"Open Sans", sans-serif; font-weight: normal;}
H2 { color: black; font-family:"Open Sans", sans-serif; font-weight: normal;}
a:hover { color: #448500; }
.break { clear: both;}
.logo {padding: 15px 25px 10px;}
.navigatie { padding:  0px 25px 15px 25px;}
.navigatie a { padding-right:  25px; color: #000;}
.navigatie a.active { color: #004485; }
.content { padding: 10px 25px; font-size: 14px;}
#filters { width: 300px; float: left; padding: 0 25px 0 0; } a {color: #000;}
.filter { border-bottom: 1px solid #6b98c2; padding: 5px 0 15px;}
#filters a {color: #000;}
#filters a.subitem { padding-left: 25px;}
#filters a.active { font-weight: bold; color: red;}
#filterfeedback { color: gray;}
#producten {display: block; }
#producten .item { padding-top: 15px; clear: both;}
#producten .titel { font-weight: bold;}
#producten .metainfo { float: left; width: 550px;}
#producten .voorraad { font-weight: bold; color: #004465; float: right; width: 50px; }
#loginform label { width: 120px; float: left; }
#loginform input { border: 2px solid #6b98c2;padding: 2px 5px;}
#loginform .loginbutton { margin-left:  120px; background: rgb(0, 150, 170); color: #fff; font-weight: bold;}
#loginform .loginbutton:hover { cursor: pointer; background: #4074a4;}
#loginform .foutje { padding-left: 120px; color: red;}
.footer { border-top: 1px solid #6b98c2; margin: 25px; padding: 10px 0; color: #6b98c2; font-size: 11px; text-align: center;}
.itemFilter { margin-right: 3px;}
.itemSearch { margin-right: 3px;}
#SearchField { margin-right: 3px;}
#SearchButton { margin-right: 3px;}
#newheader {
  text-align: center;
  line-height: 70px;
}
#newheader a{
  margin: 0 15px;
  font-family:"Open Sans", sans-serif;
  font-size:16px;
  font-weight:600;
  color:rgb(0, 150, 170);
}
#newheader a.active{
  text-decoration: underline;
}
#loginheader {
  text-align: center;
  line-height: 70px;
}
#loginheader a{
  font-family:"Open Sans", sans-serif;
  font-size:16px;
  color:rgb(0, 150, 170);
}
#loginheader a.active{
  text-decoration: underline;
}
#topheader {
  height: 37px;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 150, 170);
  padding: 7px;
  font-family:"Open Sans", sans-serif;
  font-size:16px;
}

#topheader a {
  height: 37px;
  color: rgb(255, 255, 255);
}

#secondheader {
  height: 90px;
  color: rgb(0, 150, 170);
  background-color: rgb(227, 227, 227);
  padding: 20px;
}

th.sticky {
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
  z-index: 5;
}
.tile {
  text-decoration: none;
}
.panel-body {
  color: white;
  font-weight: bold;
  background-color: rgb(0, 150, 170);
  transition: background-color 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  height: 150px;
}
.panel-body:hover {
  color: rgb(253, 142, 60);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.tile:hover {
  text-decoration: none;
}