/*html {  height: 100%;} */
/*  body {color: green;}  */   /* background-color: yellow;  min-height: 100%; */
/* h1 {display: block;font-size: 2em;  margin-top: 0.67em;  margin-bottom: 0.67em;  margin-left: 0;  margin-right: 0;  font-weight: bold;} */
h1 {display: block;margin-top:5px;margin-bottom:5px;margin-left:0;margin-right:0;font-weight:bold;}
div.startdiv {position:relative;font-size:20px;font-weight:bold;width:100%;}
div.grotediv {position:relative;font-size:20px;font-weight:bold;width:100%;height:1px;visibility:hidden} 
div.topdiv {position:relative;font-size:20px;font-weight:bold;width:100%;height:30px;background-color:#99ffff;} 
div.topknop {float:left;width:200px;text-align:center;}
div.topknop:hover {background-color:#99ff99;cursor:pointer;}
div.datadiv {position:relative;background-color:white;width:100px;height:100px;overflow:auto;}
div.grotefoto {border:2px solid green; position:absolute;top:0px;left:0px;background-color:white;z-index:11;}   
div.thktekst {height:150px;width:800px;background-color:#ffffff;font-size:20px;overflow:auto;}

div.kop {font-size:40px;}   /* kop in thktekst */

/* kader */
div.kaderzone {position:relative;margin-top:2px;background-color:white;height:1px;overflow:auto;z-index:8;}
div.kader {position:relative;width:900px;height:208px;border:solid black 1px;margin-top:2px;}
div.foto  {float:left;background-color:white;}
div.tekst {float:left;width:700px;height:160px;font-size:24px;margin:5px;overflow:auto;}
div.detailtekst  { width:1000px;height:1800px;} /* position:absolute;top:100px;left:0px; */
div.voet {position:absolute;bottom:0px;left:270px;width:700px;height:30px;font-size:24px;} 
div.xdetailknop {float:right;border:solid black 1px;background-color:#99ffff;width:100px;}
div.detailknop {position:absolute;top:0px;right:0px;border:solid black 1px;background-color:#99ffff;width:100px;}
div.detailknop:hover {background-color:#99ff99;cursor: pointer;}
div.prijs {float:left;border:solid black 1px;width:400px;}

/* toonfoto */
div.fototop   {position:absolute;top:0px;left:0px; width:500px;height:20px;}
div.fotosluit {position:absolute;top:0px;right:0px;width:100px;height:20px;border:solid black 1px;background-color:#99ffff;}
div.fotosluit:hover {background-color:#99ff99;cursor: pointer;}
div.fotoarea {position:absolute;top:25px;left:0px;background-color:white;}

div.itemdetailarea  {position:absolute;top:70px;left:0px; width:1000px;height:300px;font-size:20px;}
div.itemdetail {position:absolute;top:0px;left:0;overflow:auto; width:1000px;height:300px;visibility:hidden; background-color:white;z-index:10;}
div.itemsluit {position:absolute;top:0px;right:0px;width:100px;height:20px;border:solid black 1px;background-color:#99ffff;}
div.itemsluit:hover {background-color:#99ff99;cursor: pointer;}
div.itemdetailtitel {position:absolute;top:0px;left:0px; width:1000px;height:25px;font-size:24px;} 
div.itemdetailtekst {position:absolute;top:30px;left:0px; width:700px;height:250px;overflow:auto;}
div.detailfotozone {position:absolute;top:335px;left:0px; width:1100px;height:200px;}

div.formarea {position:absolute;top:545px;left:0px; width:800px;height:200px;border:solid 1px black;}
div.form {position:absolute;top:0px;left:0px; width:800px;height:210px;}
  div.formhdr {position:absolute;top:0px;left:0px; width:200px;height:30px;font-weight:bold;}
  div.formmsg {position:absolute;top:0px;left:200px; width:600px;height:30px;}

  div.formnaamlabel {position:absolute;top:30px;left:0px; width:200px;height:30px;}
  div.formnaamveld  {position:absolute;top:30px;left:200px; width:595px;height:25px;border:solid #c0c0c0 1px;cursor:auto;}
  div.formnaamveld:empty:before { content: attr(data-placeholder); color: #aaa; }
  div.formnaamveld:focus {outline: none; border-color: #007bff;box-shadow: 0 0 0 2px rgba(0,123,255,0.25);}
  
  div.formemaillabel {position:absolute;top:60px;left:0px; width:200px;height:30px;}
  div.formemailveld  {position:absolute;top:60px;left:200px; width:595px;height:25px;border:solid #c0c0c0 1px;}
  div.formemailveld:empty:before { content: attr(data-placeholder); color: #aaa; }
  div.formemailveld:focus {outline: none; border-color: #007bff;box-shadow: 0 0 0 2px rgba(0,123,255,0.25);}
  
  div.formtekstlabel  {position:absolute;top:90px;left:0px; width:200px;height:30px;} 
  div.formtekstveld  {position:absolute;top:90px;left:200px; width:595px;height:100px;overflow:auto;border:solid #c0c0c0 1px;}
  div.formtekstveld:empty:before { content: attr(data-placeholder); color: #aaa; }
  div.formtekstveld:focus {outline: none; border-color: #007bff;box-shadow: 0 0 0 2px rgba(0,123,255,0.25);}
    
  div.formsend {position:absolute;top:150px;left:0px; width:180px;height:30px;font-size:24px;border:solid black 1px;background-color:#99ffff; }
  div.formsend:hover {background-color:#99ff99;cursor:pointer;}

/* nieuwe versie */

.menuitem {width:200px;background-color:#99ffff;border:none;color:black;text-decoration:none;text-align: left;display:inline-block;font-size:16px;margin:4px 2px;cursor: pointer;}