<meta name="viewport" content="width=device-width, initial-scale=1">
/* schermbreedtes:
 smartphone, lg 480x854, motorola 720x1280 
 tablet 768px 992px
 tablet, pc, 1024px 1080px 1200px
 tablet, pc, 1280px 1360px 1366px, asus 1280x800 
 tablet, pc, 1440px 1600px 1680px 1920px, acer 1920x1080 
 pc, 2560px */

*    { 
      margin: 10;
	  padding: 0;}

body {background-color: #e1ffff;
      /* e1ffff licht turkoois */
      color: #008080;
      /* 008080 turkoois */
      font-family: sans-serif; 
	  margin: 10;
}

.button {
	background-color: #e1ffff;
	color: #008080;
	font-style: italic;
	text-align: left;
	text-decoration: none;
	border: none;
	padding: 0px;
}

.h1 {
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
}

.h2 {
	color: #0000ff;
	font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
}

.p {
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
}

.item1 { grid-area: content;
    display: grid;
    grid-template-areas:
    	'alles'
    	'opensluit'
	margin-bottom: 200px;
}
.item2 { grid-area: menu;
	border-style: solid none none none;
	/* top right bottom left */
	border-width: medium;
	border-color: #008080;
	padding-top: 5px;
	overflow: hidden;
	position: fixed;
	bottom: 0;
    background-color: #e1ffff;
	width: 100%;
}

.grid-container {
    display: grid;
    grid-template-areas:
    	'content'
    	'menu'
    grid-gap: 0px;
    background-color: #e1ffff;
    padding: 0px;
}

.grid-container > div {
    background-color: #e1ffff;
    font-size: 1.0em;
}

.alles { grid-area: content;
	grid-gap: 0px;
    background-color: #e1ffff;
    padding: 0px;
}

.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

div.box {
  box-sizing: border-box;
  width: 300px;
  border: 3px solid #008080;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

a:link {
	background-color: #e1ffff;
	color: #008080;
	text-decoration: none;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.links (
	float: left;
}

.rechts (
	float: right;
}

.eind:after {
    content: "";
    clear: both;
}

small {
    font-size: smaller;
}

table {
	border-spacing: 8px;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
}

td {
	padding: 3px;
	vertical-align: top;
}

.lijn {
	border-style: none none solid none;
	/* top right bottom left */
	border-width: bold;
	border-color: #008080;
    /* 008080 turkoois */    
}

.lijndun {
	border-style: none none solid none;
	/* top right bottom left */
	border-width: thin;
	border-color: #008080;
    /* 008080 turkoois */    
}