body {
font:100% Verdana, Arial, Helvetica, sans-serif; 
margin:2px 0 0 0; padding:0;
background:#009;color:#000;
text-align:center}
#header {background:#cc531c url(../images/header.jpg) repeat-x 100% 100%}
/*menu.css*/
ul#nav, ul#nav li {list-style:none; padding:0; margin:0}
ul#nav li a {color:#fff; text-decoration:none; padding:0 2px; display:block}
ul#nav li a:hover {color:#cc5313; background:#fff}
ul#nav li div a {cursor: default} ul#nav li div a:hover {color:#fff; background:#cc5313}
ul#nav li {float: left; display:block; width:9.6em; position:relative; text-align:center; cursor:default;
border:1px solid #ac4417; border-width:0 1px}
ul#nav li#first, ul#nav li#last {width:6em}
ul#nav li li {border:none;width:12em; text-align:left}
ul#nav li li a {
display:block; padding:2px 0 2px 10px; font-weight:normal; color:#cc531c;border-bottom:1px dotted #FC9}
ul#nav li li a:hover {color:#fff; background:#cc531c}
ul#nav li li span a, ul#nav li li span a:hover {cursor: default}

ul#nav li ul {position: absolute; left:-9999px; width:12em;
background:transparent url(../images/backmenu.gif) no-repeat bottom left;
padding:5px 0 10px 0; border:1px solid #cc531c; border-width:2px 1px 0 0}

ul#nav li ul ul {margin:-2em 0 0 10em}
ul#nav li:hover ul ul {left:-9999px}
ul#nav li:hover ul, ul#nav li li:hover ul {left:auto}

.clear {clear: both}
/*einde menu*/

a  {color:#cc531c; font-weight:bold; text-decoration:none}
a:focus, a:hover, a:active, a.current  {color:#36f; text-decoration:underline}
a.current {text-decoration:none}
a.external, a.extern {color:#639}

h1, h2, h3  {font-size:1em; font-weight:bold; margin-top: 0; margin-bottom: 10px}
h2  {color:#444}
h3 {color:#444; margin-top:10px; font-size:0.9em}

p {margin-top: 0; margin-bottom: 10px}
img {border:0; vertical-align:middle}

#container {width:800px; margin:auto; font-size:0.8em; text-align:left;
background:#fff url(../images/knop_blanco.gif) repeat-y 5px 20px;
border:1px solid #6599ff; border-width:0 2px 8px 2px}

#tekst {padding:20px 20px 0 60px}
.locatie {color:#999;padding-left:5px;font-weight: bold}
.tekst1 {float:left; width:480px; margin-bottom:25px}
.tekst2  {background:url(../images/backvk.gif) no-repeat right bottom; float:right; width:25%;
padding:5px 10px 10px 10px; border:1px solid #99ccff; border-width:1px 0 0 1px; margin-bottom: 10px}

#print {padding:0 3px; border:1px solid #000; text-decoration:none}

#nav2 {padding:0 0 30px 0;margin:-10px 0 0 0}
#nav2 ul{margin: 0;padding: 0}
#nav2 li {list-style-type: none; border-right:1px solid #999; padding: 0; float: left;margin: 0}
#nav2  li:first-child{border-left: 1px solid #999}
#nav2 a {font-size:0.95em;padding:0 6px}

/*Lijsten*/
#tekst ul {list-style-type: square; margin-top:5px; margin-bottom:15px}
#tekst ol {margin-top:5px; margin-bottom:15px}
#tekst li {margin-top:1px; margin-bottom:1px}
#tekst ul.cirkel {list-style-type: circle}
#tekst ul.zonder { list-style-type: none; }
#tekst li.zonder {list-style-type: none}

/*kadertje*/
#tekst .tekst2 ul {
padding:0;margin:0; list-style-type:none;font-size:0.9em; color:#666}
#tekst .tekst2 ul li {margin:0 0 8px 0}

#tekst .tekst2 h3 {color:#000;font-size:1em; margin-top:0}
#tekst .tekst2 h3:first-letter {color:#cc531c; font-size:1.3em; font-weight:bold}

#footer {clear:both; width:100%; font-size:0.85em;
background:url(../images/hoekje-pgn.gif) no-repeat right bottom;
padding:25px 0 3px 0; margin:20px 0 0 0; text-align:center}

/*algemeen*/
.center {text-align:center}
.groter {font:1.2em Arial; font-weight:normal}
.clear {clear:both}
.left {padding-left:60px; text-align:left}
.witoranje {color:#fff; background:#F93; padding:0 4px}
.rechts {text-align:right}
hr {height:0;border:0 dashed #9eccfc;border-top-width:1px}
pre {font:100% Verdana, Arial, Helvetica, sans-serif; color:#009}

/* Cutenews */
.nieuws {width:84%; padding-right:10px; margin-bottom:20px}
.nieuws h3 {margin:0 0 8px 0}
.nieuws p {margin:0 0 8px 0}
.nieuws .datum { border-top:1px dotted #ccc; font-size:0.8em; color:#666}
.nieuws .meer {padding:1px 0}
div.copyright {position:absolute; left:-9999px; top:-3000px}
/*indexpagina, nieuwslijst*/
ul.news li {font-size:0.95em}
ul.news a {font-weight:normal; font-size:1.06em; color:#009}
/*algemene: headlines.php*/
.feed a {color:#639;font-weight:lighter}

/* Folder */
#folder {position: relative; width: 600px; height: 500px; overflow: auto;
border: 1px solid #ccc; padding: 0px 10px 5px 20px; background-color: #f8f8f8}

.info {position:relative; top:10px; left:5px; width:150px; z-index:100;}
.info a.p1, .info a.p1:visited {
width:150px; height:129px; text-decoration:none; top:0; left:0; border:0;}
.info a.p1:hover {text-decoration:none; background-color:#fff; color:#fff;}
.info a .large {position:absolute; width:1px; height:1px; border:0; top:-1px; left:-1px;}
.info a.p1:hover .large {position:absolute; top:-110px; left:80px; width:280px; height:325px;}

/*fotoboek*/
img.marlies {padding:0 0 30px 20px}

/*woordenlijst*/
table.woordenlijst th, table.woordenlijst td { text-align:left;
padding:5px; vertical-align:top; border-bottom:1px dotted #ccc}

/*Formulieren */
form {margin:0; padding: 0}
input, textarea, select {font:1em Verdana, Arial; color:#c30; border:1px solid #999;
border-right:1px solid #ddd; border-bottom:1px solid #ddd;
background-color:#f8f7f1; margin:0 5px 5px 0}
#letOp {font-size:1em;color:#00c}
#econsult .tekstLabel, #econsult label {vertical-align:top}
.attentie {color:#00c;vertical-align:top}
.td2 {color:#c30}
/*lidmaatschap*/
#lidmaatschap fieldset {}
#lidmaatschap legend {padding:5px;color:#009; font-weight:bold}
#lidmaatschap fieldset ol {padding: 6px 0 0 0;  list-style:none}
#lidmaatschap fieldset li {position:relative; padding:0 0 6px 0}
#lidmaatschap label {position:relative; clear:left; float:left; width:100px;
margin-right:5px; padding:2px 10px 0 0; text-align:right}
p.melding {color:#c30}
button, .button {color:#fff; background-color:#cc531c; border:2px outset #fff; margin-bottom:0}
/*Googlesearch*/
form#cse-search-box {font-size:1.1em}
iframe {width:700px;margin-bottom:0;padding-bottom:0}

/*Siteopmaak:ronde hoekjes bovenaan*/
.rond {width:800px;margin:auto;}
.ytop, .ybottom {display:block; background:#009; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {
background:#cc531c; border-left:2px solid #6599ff; border-right:2px solid #6599ff;}
.yb1 {margin:0 2px; background:#6599ff;}
.yb2 {margin:0 0px; border-width:0 2px;}
.yb3 {margin:0 -1px;}
.yb4 {height:3px; margin:0 -2px;}