body 	  {margin: 0; 
		       padding: 0;
		       font-family: Helvetica, Arial, sans-serif;
		       font-size: 16px;
		       line-height: 1.5em;
		       }

	img 	  {border: 0;}
	a:link	  {text-decoration: none;}
	a:visited {text-decoration: none;}
	a:hover	  {text-decoration: underline;}
	a:active  {text-decoration: underline;}

	.titlebar {color: white; 
			   background-color: darkblue; 
			   display: block; 
			   position: fixed;
			   top: 15px; 
			   width: 100%; 
			   height: 1.2em;
			   font-family: 'Brush Script MT', cursive;
			   font-size: 35px;
			   line-height: 1em;}
	.mainWidth {max-width: 1028px;
	            margin: 0 auto;}	
	.mainWidthTitlebar {max-width: 1028px;
	            margin: 0 auto;}	
	a.titlebar:link {color: white;}
	a.titlebar:visited {color: white;}
	a.titlebar:hover {color: gray;}
	.backdrop	{width: 100%; 
				min-height: 80px;
				background-color: white;}

	.subfoto	{padding-left: 2em; 
				 font-style: italic;}
	
	.button 	{color: white;
				 background-color: darkblue;
				 padding-left: 15px;
				 padding-right: 15px;
				 height: 30px;
				 border-radius: 15px;
				 }
	
	.hvdam		{background-image: url("/img/HVdam.jpg");
				 background-color: green;
				 background-repeat: no-repeat;
				 background-size: cover;
				 background-position: center;
				 width: 100%;
				 height: 1000px;}

	.hartel		{background-image: url("/img/Hartelbrug.jpg");
				 background-color: green;
				 background-repeat: no-repeat;
				 background-size: cover;
				 background-position: center;
				 background-attachment: fixed;
				 width: 100%;
				 height: 500px;}

	.welkombox {width: 100%;
				 padding-top: 0em;
				 padding-bottom: 2em;
				 text-align: center;}
	
	.contentrow {width: 100%;
				 padding: 1em;
				 text-align: center;}
				 
	.content	{max-width: 800px;
				 margin: auto;
				 text-align: justify;}

	.content2	{max-width: 1024px;
				 margin: auto;
				 text-align: left;
				 margin-top: 4em;}

	.contentContact	{max-width: 600px;
				 margin: auto;
				 text-align: left;
				 margin-top: 4em;}


	.leftimage {display: block;
				 float: left;
				 width: 50%; height: 500px;
				 background-repeat: no-repeat;
				 background-size: cover;
				 background-position: center;
				 background-color: gray;
				 border-radius: 10px;
				 margin-right: 2em;}

	.rightimage {display: block;
				 float: right;
				 width: 50%; height: 500px;
				 background-repeat: no-repeat;
				 background-size: cover;
				 background-position: center;
				 background-color: gray;
				 border-radius: 10px;
				 margin-left: 2em;}
	
	.doClearBoth {clear: both;}
	
	.contentprep {padding-left: 2em;}

	.contentleft {padding-top: 5em;
   				  text-align: right;}
	

	.contentright  {padding-top: 5em;}
	
	footer	     {margin-top: 3em; 
				  text-align: center; 
				  font-size: .7em;
				  font-style: italic;}