body  { margin: 10px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #cd6740; }
#container { color: black; font-size: 12px; font-family: verdana; background-color: #ffffff; background-attachment: scroll; width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; height: auto; margin-right: auto; margin-bottom: 0; margin-left: auto; border: solid 2px; outline-style: none;; }
#headerIS { background-image: url(HeaderIS.jpg); background-repeat: no-repeat; background-position: left 50%; padding: 0; height: 120px; border-bottom: 1px ridge #666666; }
#inhoud { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; width: auto; height: auto; padding: 10px; }
#menu { color: white; font-size: 16px; font-family: verdana; background-color: black; text-align: center; vertical-align: middle; width: 100%; height: 20px; border-style: none; }
a:link {
    color: white; text-decoration: none }
a:visited {
    color: white; text-decoration: none }
a:hover { 
    color: orange; text-decoration: none }
#shaduw { background-image: url(shadow.jpg); background-repeat: repeat; background-attachment: scroll; position: absolute; width: 20px; height: 100%; visibility: visible; float: right; clear: right; }