<div id="container">
						<div id="htmlimagemap">
							<img
								src="images/imagemap-demo.png"
								alt="test imagemapafbeelding"
								usemap="#html-map"
							/>
							<map name="html-map">
								<area
									shape="rect"
									coords="8,196,122,277"
									href="https://joomlaheerenveen.nl"
									id="lnk1"
									target="_blank"
									title="Naar joomlaheerenveen.nl"
								>
								<area
									shape="circle"
									coords="330,247,61"
									href="https://cursus.joomlaheerenveen.nl"
									id="lnk2"
									target="_blank"
									title="Naar cursus.joomlaheerenveen.nl"
								>
								<area
									shape="poly"
									coords="705,214,772,220,768,288,701,284,705,217"
									href="https://forum.joomlaheerenveen.nl"
									id="lnk3"
									target="_blank"
									title="Naar forum.joomlaheerenveen.nl"
								>
							</map>
						</div>
					</div>
				

					/* Algemene CSS voor deze pagina zelf is hieronder niet opgenomen!
					   Bekijk daarvoor de broncode van algemeen.css in de browser! */

					/* CSS voor #container: centreren en maximale breedte */

					#container{
						margin: auto;
						max-width: 800px;
					}

					/* CSS voor HTML-imagemap onderdelen */

					#htmlimagemap{
						line-height: 0;
					}
					#htmlimagemap img{
						max-width: 100%;
						height: auto;
					}