* { 
  font-family:arial; 
  box-sizing: border-box; 
}
body {
  background-color:#FFFFFF;
  margin:0 0 0 0;
}
html, body {
  height:100%;
}
#menubar {
  float:left;
  width:148px;
  height:500px;
  position:absolute;
  padding-top:120px;
  height:100%;
}
#topbar {
  position:absolute;
  height:120px;
  width:100%;
  border-bottom:solid black 1px; 
  background-image:url(image/logo.svg);
  background-repeat:no-repeat;
  background-position:210px 10px;
  background-size:auto 80px;
  text-align:center;
  padding:0 200px;
  overflow:hidden;
}
#topspacer {
  float:left;
  width:150px;
  height:100px;
}  
#menubar h1 {
}
#menubar h2 {
}
#otitlogo {
  float:right;
  padding:10px;
  text-align:right;
  color:#3467b2;
  font-size:14px;
  font-weight:bold;
  width:150px;
}
#otitlogo :first-child {
  color:#ffa400;font-size:40px;font-weight:bold;
}
#otitlogo span {
  color:#003277;
}
#contentframe {
  padding-left:148px;
  padding-top:120px;
  height:100%;
  overflow:auto;
}
#content {
  padding:10px;
  height:100%;
  overflow:auto;
}  
.menubutton {
  display:block;
  width:100%;
  background-color:#3467b2;
  border-bottom:solid #003277 5px;
  padding:10px;margin:1px;
  text-decoration:none;
  color:white;
}
.menubutton a{
  color:white;
  text-decoration:none;
}  
.menubutton a:hover{
  color:white;
  text-decoration:underline;
}  

.menubutton:hover {
  color:white;
}

.menubutton:visited {
  color:white;
}
.srij, 
.rij {
  width:100%;
  overflow:auto;
  cursor:pointer;
  border-bottom:solid black 1px;
}

.srij {
  background-color:#f0f0f0;
  cursor:default;
} 

.hide {
  display:none;
}

.srij div,
.rij div,
.koprij div{
  float:left;
  min-height:24px;
  line-height:24px;
  overflow:hidden;
  padding-left:5px;
  font-size:14px;
}

.srij div {
  padding:5px;
}

.rij:hover {
  background-color:#eee;
}
.koprij {
  width:100%;
  overflow:auto;
  border-bottom:solid black 1px;
  background-color:#888;
  color:white;
  font-weight:bold;
}
#popup {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background-color: rgba(0,0,0, 0.5);
  display:none;
  ttext-align:center;
}

#popupcontent {
  margin:10% auto;
  width:60%;
  background-color:white;
  border:solid black 1px;
  border-radius:10px;
  padding:10px;
  overflow:auto;
}
#popupcontent h1{
  font-size:20px;
  line-heigth:24px;
  margin:0px;
  border-bottom:solid black 1px;
}
#submitdiv {
  display:none;
}
.knoppenbalk {
  overflow:auto;
  margin-top:10px;
}  
.formknop {
  width:120px;
  float:right;
  margin-left:10px;
}
.formregel {
  overflow:auto;
  width:100%;
  border-bottom:solid black 1px;
  line-height:30px;
}
.formveld {
  width:40%;
  float:left;
}
.formveld select, 
.formveld input[type=text]{
  width:100%;
  height:30px;
  font-size:16px;
}

.formveld select{
  width:100%;
  height:30px;
  font-size:16px;
}

.mndvk {
  width:76px;
  background-color:#dddddd;
  padding:1px;
  text-align:center;
  border-radius:3px;
  height:40px;
  float:left;
  margin:2px;
  overflow:none;
}

.fu {
  background-color:#f0f0f0;
  color:#888888;
}

.sm {
  font-size:12px;
  text-align:left;
  width:10px;
  height:20px;
  margin-bottom:-20px;
}

.uvk {
  font-size:20px;
  text-align:center;
  margin-top:5px;
}  

.cb {
  cursor:pointer;
}

.cb:hover {
  cursor:pointer;
  border:solid black 1px;
}

.h {
  display:none;
}

.ccel {
  cursor:pointer;
}

.ccel:hover {
  background-color:#dddddd;
}

.fr {
  overflow:auto;
}

.fr div {
  width:500px;
  float:left;
}

.fr div:first-child {
  width:200px;
}

.fr select{
  width:400px;
 
}

.bgrvk {
  width:76px;
  background-color:#dddddd;
  padding:1px;
  text-align:center;
  border-radius:3px;
  height:40px;
  float:left;
  margin:2px;
  overflow:none;
  font-size:11px;
}
.mcel {
  width:50%;
  margin-top:5px;
  font-size:20px;
  text-align:center;
}  
.c_div {
  position:absolute;
  display:none;
  margin-left:10px;
  padding:3px;
  background-color:white;
  border:solid black 1px;
  border-radius:5px;
  background-color:#dddddd;
}
.cc {
  cursor:pointer;
  margin-left:5px;
}

.cc:hover {
  background-color:#aaaaaa;
}
.c_div input {
}

.scrollable {
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer en Edge */
}

.scrollable::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge (nieuw) */
}