body {
	text-align: center;
	background-image: url("background.PNG");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: min(100vw, 970px) auto;
	margin: 0;
	padding: 0;
	min-height: 100vh
 }

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

a, a:hover, a:link, a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


  div#hold1024
{

    margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 100%;
	max-width: 970px;
	box-sizing: border-box;
	padding: 10px;
	overflow: hidden

}


  div#space
{
	width: 100%;
	max-width: 500px;
	top: 0px;
	height: 240px;
}

  div#menudiv
{
	width: 100%;
	max-width: 460px;
	FONT-FAMILY: Times;
	font-size:18pt;
	color:white;
	top: 0px;
	float: left;

}

  div#text1
{
	width: 100%;
	max-width: 500px;
	FONT-FAMILY: Times;
	font-size:14pt;
	color:#004687;
	top: 240px;
	float: right;

}

#menu
{
	font-size:18pt;
	color:white;
	padding-left:5px;
	text-shadow:
		-1px -1px 0 #000,
		0px -1px 0 #000,
		1px -1px 0 #000,
		1px 0px 0 #000,
		1px 1px 0 #000,
		0px 1px 0 #000,
		-1px 1px 0 #000,
		-1px 0px 0 #000;
}

#menu a.active,
#menu a.active:link,
#menu a.active:visited,
#menu a.active:hover
{
	color: white !important;
	text-decoration: underline !important;
	text-shadow:
		-1px -1px 0 #000,
		0px -1px 0 #000,
		1px -1px 0 #000,
		1px 0px 0 #000,
		1px 1px 0 #000,
		0px 1px 0 #000,
		-1px 1px 0 #000,
		-1px 0px 0 #000;
}

#tekst
{
	FONT-FAMILY: Times;
	font-size:14pt;
	color:#004687;
	float: right;
}

#kopje, h1#kopje, h2#kopje
{
	FONT-FAMILY: Times;
	font-size:22pt;
	color:#009ee0;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#klant
{
	FONT-FAMILY: Times;
	font-size:14pt;
	color:#009ee0;
}

.contact:hover {
	color: blue;
	text-decoration: none;
}
 .contact:link {
 	color: blue;
	text-decoration: none;
 }
 .contact:visited {
 	color: blue;
	text-decoration: none;
 }
  .contact:hover {
  	color: blue;
  	text-decoration: underline;
  }

 /* Responsive Design - Mobile First */
  @media (max-width: 768px) {
  	div#hold1024 {
  		padding: 10px 15px;
  	}

  	div#space {
  		height: 120px;
  	}

  	div#menudiv {
  		float: none;
  		width: 100%;
  		font-size: 16pt;
  		margin-bottom: 5px;
  	}

  	#menu {
  		font-size: 16pt;
  		padding-left: 0;
  	}

  	#menu td {
  		padding: 8px 10px;
  		display: block;
  		width: 100%;
  	}

  	div#text1 {
  		float: none;
  		width: 100%;
  		font-size: 13pt;
  	}

  	#tekst {
  		font-size: 13pt;
  	}

  	#kopje, h1#kopje, h2#kopje {
  		font-size: 18pt;
  	}

  	#klant {
  		font-size: 13pt;
  	}
  }

  @media (max-width: 480px) {
  	div#menudiv {
  		font-size: 14pt;
  	}

  	#menu {
  		font-size: 14pt;
  	}

  	div#text1,
  	#tekst,
  	#klant {
  		font-size: 12pt;
  	}

  	#kopje, h1#kopje, h2#kopje {
  		font-size: 16pt;
  	}
  }