html {
	background-color: #2E8B85;
	height: 100%;
	padding: 0;
	border: 0;
	margin: 0;
}
/* */ /* */ 
body {
	background-color: #2E8B85;
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
/*	margin: 0 100px; hier zet je een ruimte links en rechts van de content */
	border: 0;
}
	
	/* Begin Typography & Colors */
body {border-top: 1px solid rgb(221,217,215);
 /* Resets 1em to 10px  is de foot in dit geval; hier met letters stoeien heeft geen zin*/
	
	color: rgb(0, 0, 0);

    	}

a {
	color: rgb(020,105,185);
	font-size: 0.8em;
	text-decoration: none;

}	
a:visited {
	color: ThreedDarkShadow;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: Maroon;
}	

html>body {
	/* Met > tussen twee elementen die direct elkaars 'parent' en 'descendent' of 'child' zijn,
  de child selector, zet je eigenschappen voor andere browsers dan Internet Explorer.
  Hier is dat nodig, omdat de pagina in Gecko-based browsers anders tòch een rand laat
  zien onder de content.
  Onthoud dit maar. Het gerbuiken van de childselector geeft je vele mogelijkheden om
  het uiterlijk van je site in IE en andere browsers wat gelijker te trekken. Het geeft
  je bijvoorbeeld alle ruimte om de verschillen in de interpretaties van het boxmodel
  te overbruggen :-)  */
	height:auto; /* Laat deze weg als de content niet tot het einde van de viewport reikt*/ 
	}


	div#content {
	width: 984px;
	background: #2E8B85 url(img/body_background11.jpg) top left no-repeat;
	padding: 0.8em;
	border: 0;
	border-right: 0;
	margin: 0 auto 0 auto;
 /* 	margin: 0 10px;schuift de view op naar rechtst*/
	height: auto;
	color: black;
	font-family: Verdana, Georgia, 'Times New Roman', Serif;
	font-size: 9pt; /*de footer*/
	border-left: 0; /*linkermarge vd footer*/
}

body>div#content {
   height:auto; /* Laat deze weg als de content niet tot het einde van de viewport reikt*/}

content table tr td ul {
	margin: 0 10px;
}

/*Menu met plaatjes*/

/*eerst de lijst als geheel*/

div#menu ul {
	display: block;
	width: 145px;
	background: transparent;
	padding: 20px 5px 0 2px; /*verschuift het menu en daardoor content */
	border: 0;
	margin: 0;
	list-style: none;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	line-height: 20px;
}

/*daarna de lijstitems */

div#menu li {
	display: block;
	width: 145px;
	height: 25px;
	text-align: center;
	background-image: url(img/knop.gif);
	color: black;
	padding: 0;
	border: 0;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 24px;
}

div#menu li a, div#menu li a:visited {
	display:block;
	width:100%;
	color:black;
	text-decoration: none;
	}

div#menuli a:hover {
	background-image: url(img/knop_hover.gif);
	text-decoration: none;
}

div#menu li a:active {
	display: block;
	width: 100%;
	background-image: url(img/knop_active.gif);
}

div#content h3 {
	text-align: left;
	font-size: 26pt;
	font-family: "Arial Black";
	font-style: italic;
	color: #00478A;
	line-height: 50%;
	margin-top: 0.5em;
	letter-spacing: -0.1em;
	font-variant: small-caps;
	white-space: nowrap;
}

div#content h2 {
	text-align: left;
	font-size: 9pt;
	font-family: "Arial Black";
	font-weight: bold;
	color: #2E8B85;
	line-height: 50%;
	margin-top: 0.5em;
	font-variant: small-caps;
	letter-spacing: -0.1em;
}

div#text {
	text-align: center;
}

div#h6 {
text-align: center;
	line-height: 2em;
	font-size: 8pt;
	font-weight: bold;
	font-variant: small-caps;
	font-family: Tahoma;
	color: #2E8B85;
}

img { margin-right: 15px;
margin-bottom: 10px;
margin-top: 10px; }