* { 
  font-family:arial; 
  box-sizing: border-box;
}

html, form, body {
  height:100%; 
  margin:0px;
}

.titelbalk {
  width:100%;
  background-color:white;
  background-image:url(image/logoad-ris.jpg);
  background-position:90% 20px;
  background-repeat:no-repeat;
  overflow:auto;
  position:fixed; 
}

.menubalk {
  position:fixed;
  width:calc(100% - 40px);
  top:100px;
  margin:1px 20px;
  overflow:hidden;
}

a.inmenu {
  height:26px;
  line-height:26px;
  width:200px;
  display:block;
  padding:0px 10px;
  font-weight:bold;
  text-decoration:none;
}

a.inmenu:hover {
  color:white;
  text-decoration:none;
}

select.menu {
  margin:1px;
  float:left;
  border-right:1px solid #ffffff;
}

a.menu{
  display:block;
  font-size:1em;
  text-transform:uppercase;
  text-decoration:none;
  color:white;
  float:left;
  border-radius:5px;
  background-color:#823cb4;
  margin:2px;
  padding:6px 40px;
}

a.menu:hover{
}  

a.menuicon{
  margin-top:1px;
  height:32px;
  line-height:26px;
  display:block;
  padding:5px;
  color:white;
  float:left;
  background-color:#823cb4;
}

a.menuicon:hover{
  color:white;
  background-color:#b388d1;
  text-decoration:none;
  float:left;
}  

.menucomment {
  line-height:24px;
  font-size:12px;
  color:white;
  font-weight:bold;
  margin:2px;
}

.titel {
  font-family: "Arial Black", sans-serif;
  font-size:2em;
  margin-top:10px;
  margin-left:100px;
  color:#0096FA;
}

.subtitel {
  font-size:1.5em;
  margin-left:120px;
  font-style:italic;
  margin-bottom:20px;
}
 
.onderbalk {
  font-size:0.9em;
  position:fixed;
  bottom:0;
  height:30px;
  padding:0 20px;
  margin:0 20px;
  width:calc(100% - 40px);
  background-color:#0097fb;
  border:solid white 1px;
  border-radius:5px;
}

.linksonder {
  line-height:30px;
  margin-left:10px;
  float:left;
}

.linksonder a {
  color:black;
  font-weight:bold;
  text-decoration:none;
}  

.linksonder a:hover {
  text-decoration:underline;
}  

.rechtsonder {
  line-height:30px;
  margin-right:10px;
  float:right;
}

table {
  border-spacing:0;
}

.datatabel,.stijltabel {
  font-size:15px;
  width:100%;
}


.stijltabel {
  font-size:12px;
  
}

textarea {
  font-size:14px;
}

.stijltabel input {
  font-size:10px;
  width:30px;
}

td.cb {
  width:40px;
}
  
.stijltabel input.cb {
  font-size:10px;
  width:10px;
}
  
.datatabel th {
  background-color:#0097fb;
  border-radius:8px;
  border-style:solid;
  border-width:0 1px;
  border-color:white;
  color:white;
  font-weight:normal;
  font-size:1.1em;
  padding:0 10px;
  text-align:left;
  height:35px;
  valign:center;
}

.datatabel td {
  background-color:#f9f5f1;
  padding:5px 10px;
}

.datatabel tr:nth-child(even) td {
  background-color: #ffffff;
}

.datatabel tr:has(> td:first-child input[type="checkbox"]:checked) td {
  background-color: #e0e0e0; /* donkerder grijs */
}

.layoutcel > td {
  border-bottom:solid white 1px;
}

.veldwaarde input, select{
  height:30px;
  border-radius:5px;
  border:solid 1px;
  width:100px;
}
.veldwaarde td {
  padding:0 10px;
  vertical-align:middle;
}

.datatabel tr{
}

td.hover {
  word-break: break-word;
  overflow-wrap: break-word;
}

.hover:hover{
  background-color:#80b0da;
}

.pointer:hover {
  cursor:pointer;
}

.ph:hover {
  background:#80b0da;
  cursor:pointer;
}

#popupdiv, #submitdiv, #laden {
  display:none;
  position:absolute;
}

#popupdiv {
  position:absolute;
  background-color:white;
  border:solid black 1px;
  left:0;
  right:0;
  margin:auto;
}    

#laden {
  background-color:white;
  height:100px;
  width:100px;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  background-image:url(image/laden.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
}

.formknop {
  float:right;
  width:120px;
}

.fk {
  width:120px;
}

.klikbaar {
  cursor:pointer;
}

.klikbaar:hover {
  color:#5c8294;
}

a.tmenu {
  display:block;
  font-weight:normal;
  color:white;
  line-height:20px;
  border-left:solid white 1px;
  padding:0 5px;
  float:right;
}

a.tmenu:hover {
  background:#80b0da;
}

tr.elementregel {
  background:#80b0da;
}  

#colorpicker {
  display:none;
  width:270px;
  background-color:white;
  position:absolute;
}

.cb {
  width:20px;
}

#content {
  position:fixed;
  top:140px;
  bottom:30px;
  width:calc(100% - 40px);
  margin:0 20px;
  overflow:auto;
}

#linkerdeel {
  position:fixed;
  top:140px;
  bottom:30px;
  left:0px;
  width:calc(30% - 20px);
  overflow:auto;
  margin-left:20px;
}

#rechterdeel {
  position:fixed;
  top:140px;
  bottom:30px;
  left:30%;
  width:calc(70% - 20px);
  overflow:auto;
  margin-right:20px;
}

.icon {
  float:right;
  height:12px;
  padding-right:2px;
  color:green;
}  

.icon a {
  font-size:10px;
  margin:2px;
  color:black;
  font-weight:bold;
  text-decoration:none;
}

.icon a:hover {
  text-decoration:underline;
}

.pdflink {
  font-size:10px;
  margin:2px;
  color:black;
  background-color:red;
  font-weight:bold;
  padding:1px;
  text-decoration:none;
  font-size:10px;
}

.pdflink:hover {
  text-decoration:underline;
}

img {
  border:none;
}


.fname {
  
}

.fname:hover {
  background-color:#005476;
  color:white;
}

.uitklappen:hover {
  height:100px;
}