/* CSS Document */
#basis1 { width: 100%; text-align: center; position: absolute; visibility: visible; top: 0; left: 0; z-index: 1; }
#basis2 { margin: 0 auto; padding: 0; border: #843832 1px solid; width: 750px; background-color: #F9F6F1; background-image: url(images/achtergrond.gif); background-repeat: no-repeat; background-position: 50% 0; text-align: left; min-height: 730px; position: relative; visibility: visible; z-index: 10; overflow: visible; }
#kop { margin: 10px 20px; padding: 0; width: 460px; top: 0; left: 0; height: 70px; position: relative; z-index: 20; }
#logo-nva { padding: 0; margin: 0; display: block; position: absolute; top: 20px; right: 150px; z-index: 55; }
#taal { margin: 0; padding: 0; width: 120px; right: 20px; top: 34px; height: 60px; z-index: 15; position: absolute; overflow: hidden; text-align: center; z-index: 55;}
#midden { margin: 0; padding: 0; width: 100%; position: relative; overflow: visible; z-index: 25; }
#menu { margin: 0; padding: 0; width: 210px; float: left; top: 0px; left: 20px; position: relative; z-index: 30; }
#content { padding: 0; margin: 0; width: 480px; float: right; top: 25px; right: 20px; z-index: 40; overflow: visible; position: relative; }
#voet { margin: 3em 0 0 0; padding: 0; width: 480px; clear: both; float: right; right: 20px; z-index: 15; position: relative; overflow: visible; height: 30px; bottom: 0; }
body { margin: 0; padding: 0; background-color: #F0E7E2; }
p { padding: 0; margin: 1em 0 0 0; line-height: 1.3em; }
ul,
ol { list-style-type: disc; }
li { margin: 0 0 0 1.4em; list-style-image: url(images/dot.gif); text-indent: 0; }
ul.homepage { border: #C19B98 3px dotted; border-left: none; border-right: none; margin-top: 70px; margin-right: 40px; padding: 3em 0; list-style: none; }
.homepage li { list-style-image: url(images/dot.gif); color: #843832; font-size: 16px; font-weight: normal; letter-spacing: 1px; line-height: 1.3em; }
p + ol,
p + ul,
p + dl { margin-top: 0; }
#taal p { font-size: 10px; height: 100%; padding-top: 0em; line-height: 1em; display: block; float:left; width:60px; }
#taal a { font-size: 36px; display: block; color: #C19B98; text-decoration: none; padding: 10px 0; }
#taal a:hover { color: #843832; }
dt { margin-top: 1em; font-size: 14px; letter-spacing: 1px; }
dd { margin-left: 1em; padding-left: 0; }
acronym { border-bottom: none; cursor: help; }
h1 { margin: 0; padding: .5em 0 0 0; color: #843832; font-size: 20px; font-weight: normal; line-height: 1em; letter-spacing: 2px; }
h2 { color: #843832; font-size: 16px; font-weight: normal; letter-spacing: 1px; }
h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; letter-spacing: 1px; }
h4 { margin: 0.5em 0 0 0; padding: 0; font-size: 12px; letter-spacing: 1px; }
img { border: 0 none; }
img.foto { border: #808080 1px solid; }
h2 a:link,
h2 a:hover,
h2 a:visited { color: #843832; text-decoration: none; }
a:link { color: #000080; text-decoration: underline; }
a:visited { color: #800080; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #FF0000; text-decoration: none; }
#nav a,
#nav a:link,
#nav a:visited { margin: 0 0 5px 0; padding: 0 0 0 95px; display: block; list-style-image: none; color: #C19B98; font-size: 20px; text-decoration: none; letter-spacing: 1px; line-height: 90px; height: 90px; }
#nav a:hover,
#nav #actief a { color: #843832; background-color: #FFFFFF; }
#nav a:active { }
#nav a.vuur { background: url(images/vuur-link.gif) no-repeat 0 50%; }
#nav a.hout { background: url(images/hout-link.gif) no-repeat 0 50%; }
#nav a.aarde { background: url(images/aarde-link.gif) no-repeat 0 50%; }
#nav a.metaal { background: url(images/metaal-link.gif) no-repeat 0 50%; }
#nav a.water { background: url(images/water-link.gif) no-repeat 0 50%; }
#nav a.vuur:hover,
#nav #actief a.vuur { background: url(images/vuur-over.gif) no-repeat 0 50%; }
#nav a.hout:hover,
#nav #actief a.hout { background: url(images/hout-over.gif) no-repeat 0 50%; }
#nav a.aarde:hover,
#nav #actief a.aarde { background: url(images/aarde-over.gif) no-repeat 0 50%; }
#nav a.metaal:hover,
#nav #actief a.metaal { background: url(images/metaal-over.gif) no-repeat 0 50%; }
#nav a.water:hover,
#nav #actief a.water { background: url(images/water-over.gif) no-repeat 0 50%; }
.c-hand { cursor: pointer; }
p + p,
dl dt { margin-top: 1em; }
#nav,
#nav ul,
#nav li { margin: 0; padding: 0; list-style: none; }
#nav #actief a,
.c-pijl { cursor: default; }

