body {
font:100% Verdana, Arial, Helvetica, sans-serif; 
margin:2px 0 0 0; padding:0;
background:#009;color:#000;
text-align:center}
a  {
color:#cc531c;
font-weight:bold;
text-decoration:none}
a:focus, a:hover, a:active  {color:#36f; text-decoration:underline}
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:24%;
padding:8px;
border: solid #9eccfc;
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}
#tekst .tekst2 h3:first-letter {
color:#cc531c;
font-size:1.3em;
font-weight:bold}
/*einde kadertje*/

#footer {clear:both;
width:100%;
font-size:0.85em;
background:url(../images/hoekje.gif) no-repeat right bottom;
padding:25px 0 3px 0;
margin: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}
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}

/*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 {font-family:Arial, Helvetica, sans-serif;
color:#639;font-weight:lighter;font-size:1.02em}

/* 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 {
padding:5px; vertical-align:top; border-bottom:1px dotted #ccc}

/*Formulieren */
form {margin:0; padding: 0}
#econsult input, #econsult textarea, #econsult select,
#donatie input, #donatie textarea, #donatie select {
font:1em Verdana, Arial;
color:#c30;
border:1px solid #999;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
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}

/*Donatie*/
#donatie fieldset {}
#donatie legend {padding:5px;color:#009; font-weight:bold}
#donatie fieldset ol {padding: 6px 0 0 0;  list-style:none}
#donatie fieldset li {position:relative; padding:0 0 6px 0}
#donatie label {position:relative;
clear:left;
float:left;
width:100px;
margin-right:5px;
padding:2px 10px 0 0;
text-align:right}
#donatie p.melding {color:#c30}

.button, #econsult .button, #donatie .button { 
color:#fff;
background-color:#cc531c;
border:2px outset #fff;
margin-bottom:0}

/*Googlesearch*/
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;}