* { margin: 0; padding: 0; border: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; background-color: #000000; background-image: url('background.jpg'); }
#midden { position: relative; width: 851px; height: 1226px; background-image: url('basis-wit.png'); margin: 0 auto; top: 0; }
#logo { display: block; position: absolute; top: 30px; left: 12px; width: 310px; height: 110px; background-image: url('logo.png'); }
#sociaal { position: absolute; top: 84px; left: 640px; z-index: 10; }
#sociaal ul { position: absolute; top: 19px; left: 15px; }
#sociaal ul li { list-style-type: none; display: inline-block; }
#sociaal ul li a { display: block; width: 39px; height: 40px; z-index: 20; }
#links { position: absolute; top: 170px; left: 35px; z-index: 10; }
#links ul li { margin-bottom: 3px; list-style-type: none; height: 83px; }
#stad { position: relative; top: 162px; left: 72px; width: 706px; height: 280px; background-image: url('stad.png'); }
#menu { margin: 162px 71px 0; height: 40px; }
#menu ul li { display: inline; padding: 0 1px; }
#tekst { margin-left: 72px; width: 709px; height: 783px; }
#tekst h1, #tekst h2, #tekst h3 { font-size: 14px; }
#tekst h1, #tekst h2 { color: #d5902f; }
#tekst h1 { margin-bottom: 0.5em; }
#tekst p, #tekst ul { margin-bottom: 15px; }
#tekst ul { margin-left: 15px; }
#tekst .nieuwsdatum { text-align: right; margin-right: 20px; font-weight: bold; color: #d5902f; border-bottom: 1px solid #000000; padding-bottom: 5px; margin-bottom: 8px; margin-top: 10px; }
#tekst .midden { display: block; margin: 0 auto; }
#tekst ul.rechts, #tekst ul.nieuws { float: right; margin-top: -20px; margin-bottom: 20px; clear: right; }
#tekst ul.rechts { list-style-type: none; margin-left: 0; margin-right: -15px; }
#tekst ul.rechts ul { list-style-type: none; margin-left: 0; margin-right: 0px; }
#tekst ul.nieuws { background-image: url('note-nieuws.png'); width: 260px; height: 237px; margin-right: -65px; list-style-type: none; padding: 100px 40px 0 40px; }
#tekst ul.nieuws li { margin-bottom: 0.5em; }
#tekst ul.nieuws li strong { font-weight: bold; color: #d5902f; }
#tekst #agenda { border: 1px dashed #d5902f; padding: 0.5em; margin-right: 0; }
#tekst #agenda ul { margin-bottom: 0; }
#tekst #agenda ul li { margin-top: 0.5em; padding-top: 0.5em; border-top: 1px dashed #000000; }
#tekst object { display: block; width: 400px; height: 320px; }
#tekst table { width: 700px; border-collapse: collapse; }
#tekst table td { border-bottom: 1px solid #000000; padding: 10px; }
#tekst #knoppen { height: 40px; margin: 0; }
#tekst #knoppen li { display: inline; background-color: #d5902f; padding: 0.5em; }

#tekst form { border: 1px dashed #d5902f; padding: 0.5em; width: 440px; margin-bottom: 1em; }
#tekst form fieldset { border: 1px dashed #d5902f; padding: 0.5em; margin-bottom: 15px; }
#tekst form fieldset legend { font-weight: bold; color: #d5902f; padding: 0 0.5em; }
#tekst form h2 { margin: 0.5em 0 1em; }
#tekst form p { margin-bottom: 1em; }
#tekst form ul { list-style-type: none; font-weight: normal; margin-left: 0; margin-bottom: 0; }
#tekst form ul li { padding: 0.1em 0; }
#tekst form ul li ul li { margin-left: 2em; padding: 0; }
#tekst form label { display: inline-block; vertical-align: top; width: 15em; }
#tekst form label.labelcheckbox,
#tekst form label.labelradio { margin: 0.5em 0; width: auto; }
#tekst form input.checkbox,
#tekst form input.radio { margin: 0.5em 1em 0.5em 0; }
#tekst form textarea,
#tekst form input.text,
#tekst form select { font-size: 1em; border: 0.1em dotted #000078; width: 15em; }
#tekst form textarea,
#tekst form input.text { padding: 0.1em 0.2em; display: inline-block; }
#tekst form textarea { height: 12em; }
#tekst form input.text { padding: 0.1em 0.2em; }
#tekst form select { height: 1.5em; width: 15.5em; }
#tekst form select option { padding: 0.2em 0.2em; }
#tekst form input.submit { display: block; font-size: 1em; font-weight: bold; border: 0.2em solid #999999; border-color: #999999 #333333 #333333 #999999; background-color: #cccccc; color: #000000; padding: 0.2em; cursor: pointer; text-decoration: underline; margin-top: 0.5em; }

#tekst ul.fotos { list-style: none; margin: 0; overflow: auto; }
#tekst ul.fotos li { display: block; float: left; margin: 0; padding: 0.15em 0.15em 0 0.2em; }
#tekst ul.fotos li img { width: 11em; }

#tekst div.fotogalerij { margin-bottom: 1em; background-color: #E0E5F8; padding: 0.4em; width: 34em; }
#tekst div.fotogalerij div.galerij { margin: 0.2em; }
#tekst div.fotogalerij div.galerij img { width: 100%; }
#tekst div.fotogalerij ul.fotos li img { cursor: pointer; width: 3.4em; opacity: 0.5; }
#tekst div.fotogalerij ul.fotos li img:hover,
#tekst div.fotogalerij ul.fotos li img.active { opacity: 1.0; }
#tekst div.fotogalerij ul.fotos li img.active { cursor: auto; }

#tekst a.pdf:after { content: 'PDF'; color: #FF0000; display: inline-block; position: relative; margin-left: 0.6em; bottom: 0.5em; font-size: 0.6em; }