body { background: #5b995b; font-family: Helvetica, Arial, sans-serif; font-size: 100%; }

div#accessibility { position: absolute; top: -9999px; }

div#canvas { background: url("gfx/canvas-bg.png") repeat-y top left; }

div#header a { background: url("gfx/logo.png") no-repeat; display: block; height: 157px; text-indent: -9999px; width: 200px; }

div#nav ul { list-style: none; margin: 20px 0; padding: 0; }
div#nav ul li { margin: 0; padding: 0; }
div#nav ul a { background: transparent; color: #3f3f3f; display: block; font-weight: bold; font-size: 1em; height: 35px; line-height: 35px; padding: 0 20px; text-decoration: none; }
div#nav ul a:hover { background: url("gfx/menubar-bg.png") repeat-x left 100%; color: #fff; }
div#nav ul a.selected:hover,
div#nav ul a.selected { background: url("gfx/menubar-bg.png") repeat-x top left; color: #fff; }
div#nav a.vebon-aspirant-lid { background: url("gfx/logo-vebon-aspirant.png") no-repeat; display: block; height: 94px; margin: 50px auto 10px; text-indent: -9999px; width: 140px; }

div#content { background: url("gfx/content-top-bg.png") no-repeat top left; color: #3f3f3f;}
div.article { background: url("gfx/content-bg.png") repeat-y; }
span.bottom { background: url("gfx/content-bottom-bg.png") no-repeat bottom left; }

div#content h1 { font-size: 1.25em; margin: 0 30px 1em 20px; }
div#content h2 { clear: both; font-size: 1em; margin: 1em 30px 1em 20px; }
div#content h3 { font-size: 0.875em; margin: 1em 30px 1em 20px; }
div#content p { font-size: 0.875em; line-height: 1.5; margin: 0.875em 30px 0.875em 20px; }
div#content img { background: #fff; border: 1px solid #393; font-size: 0.875em; padding: 2px; }
div#content img.links { float: left; margin: 0 10px 1em 0; }
div#content img.rechts { float: right; margin: 0 0 1em 10px; }
div#content a { border-bottom: 1px solid #393; color: #393; text-decoration: none; }
div#content ul { font-size: 0.875em; list-style: none; margin: 0.875em 30px 0.875em 20px; padding: 0; }
div#content li { background: url("gfx/bullet.png") no-repeat left center; line-height: 1.5; padding: 0 0 0 30px; }
div#content iframe { border: 5px solid #393; clear: both; margin: 1em 0 1em 20px; }

div#content ul.gallery { list-style: none; margin: 1em 10px 1em 0; overflow: hidden; width: 700px; }
div#content ul.gallery li { background: #000; float: left; height: 133px; line-height: 133px; margin: 10px 21px; overflow: hidden; padding: 0; text-align: center; width: 133px; }
div#content ul.gallery a { border: none; }
div#content ul.gallery a img { border: none; display: inline; margin: auto; padding: 0; vertical-align: middle; }

div#content table.prijslijst { border: none; border-collapse: collapse; font-size: 0.875em; line-height: 1.5; margin: 1em  0 1em 20px; width: 660px; }
div#content table.prijslijst caption { font-weight: bold; margin: 1em 0; text-align: center; }
div#content table.prijslijst tr.odd td { background: #cce5cc; }
div#content table.prijslijst th,
div#content table.prijslijst td { padding: 5px 10px; text-align: left; }

/* contact form */
div#content ul.zemError li { background: none; color: #f00; padding: 0; }
div#content form.zemContactForm label { display: block; font-size: 0.875em; font-weight: bold; margin: 1em 0; text-align: center; }
div#content form.zemContactForm input.zemText,
div#content form.zemContactForm textarea.zemTextarea { background: #fff; border: 1px solid #393; display: block; font-family: inherit; font-size: 0.875em; margin: 1em auto; outline: none; padding: 5px; width: 500px; }
div#content form.zemContactForm button.zemSubmit { background: url("gfx/menubar-bg.png") repeat-x top left; border: none; color: #fff; display: block; font-size: 1em; font-weight: bold; margin: 0.5em auto; outline: none; padding: 5px 10px; }
div#content div.zemThanks p { color: #393; }

div#content li.older { background: none; float: left; padding: 0; }
div#content li.newer { background: none; float: right; padding: 0; }