body {
  margin:0;
  background-color:#b5c4d3;
  text-align:left;
}
body {
  scrollbar-face-color:#b5c4d3;
  scrollbar-highlight-color:#f5f5f5;
  scrollbar-3dlight-color:#b5c4d3;
  scrollbar-darkshadow-color:#142a43;
  scrollbar-shadow-color:#142a43;
  scrollbar-arrow-color:#f5f5f5;
  scrollbar-track-color:#E0E0E0;
  min-width:600px;
}
a img  {border:0}
#main-inhoud .fotointekst {float:left;margin: 0 15px 15px 0}
.kleur {color:#cc0000;font-weight:bold}
table {vertical-align:top}
td, body, th {color:#2C4467; font: 10pt arial, helvetica, verdana, sans-serif}
th {font-weight:bold;text-align:left}
td {padding:0;text-align:left;vertical-align:top}

.insprong {margin-left:20px}

#main-hoofd {position:absolute top left; background: url("images/main-header-background.gif") repeat-x top left}
#main-loginoutput {position:absolute; top:35px; right:0; float:right; padding:10px 10px 10px 310px; color:#212a44; font-weight:bold}
#main-loginoutput a {color:#212a44; font-weight:bold; text-decoration:none}
#main-loginoutput a:hover {text-decoration:underline}
#main-links {position:absolute; left:0; top:79px; background: url("images/main-menu-background.gif") repeat-y top left}
div.main-links-item {margin:0;padding:2px 0 2px 36px}
#main-titel {position:absolute; left:219px; top:79px;z-index:1}
#main-inhoud {position:absolute; left:219px; top:134px; right:20px; padding:0 20px 20px 0}
#main-adminmenu {position:absolute; top:95px; right:0; float:right; padding:0px 10px 10px 500px;z-index:1}
#main-adminmenu form {margin:0}


.titel {margin:0}
p {margin-top:0;margin-bottom: 15px}
hr {height: 1px;color:#142a43;width:60%;border-style:solid;margin-left:0;text-align:left}
a {font-weight:normal;color:#cc0000;text-decoration:none}
a:hover {text-decoration:underline} /* #f00000 */
a.aanmeldlink {font-weight:bold;color:#212a44;text-decoration:none}
a.aanmeldlink:hover {text-decoration:underline;color:#212a44}
span.aanmelden-rechtsboven {color:#212a44}
div.list-header {margin:0 0 5px 0}


/* FORMS*/
form {margin:20px 0 0 0}
table.form td {margin:0; padding:0 5px 3px 0}
#afmeldform {margin:0}

div.pagina-nummering {margin-bottom:20px;width:100%}

.smilies td.smilie {padding:6px 5px 0 0 }
table.smilies {margin-left:6px}
img.smilie {border:0;padding:0;margin:1px;vertical-align:bottom}

table.form td {padding:0 5px 3px 0}

table.kader-tabel {border: 2px solid #5c7393}
td.kader-hoofd {background-color:#5c7393;color:#f5f5f5;padding:4px 10px;font-weight:bold}
td.kader-inhoud {padding:15px 10px}

img.foto {border: 1px solid #5c7393}

td.tabel-form-tekst {padding:2px 5px 1px 0}
td.tabel-form-input {padding:1px 5px 2px 5px}
td.inhoud {background-color:#b5c4d3;padding:1px 5px 0 5px}
textarea , input , select {
  background-color : #ffffff;
  color : #142a43;
  font : 9pt verdana, arial, helvetica, sans-serif;
  border: 1px solid #4d6b87;
  padding:1px 2px;
}
button, .button {
  font : 9pt verdana, arial, helvetica, sans-serif;
  background-color : #ffffff;
  color : #142a43;
  border: 1px solid #4d6b87;
  padding:0px 1px;
  margin-right:3px;
}
input.fout {background-color:#CCFFFF}
input.radio {
  background-color : transparent;
  border: 0;
}
img.formbutton {margin:15px 10px 0 5px}

ul {
  margin-top : 5px;
  list-style-type : square;
  margin-bottom:15px;
}
li {margin:0}

.readonly input {background-color:#d0d0d0}

/* FOUTMELDING */
div.fout-titel {margin:0 0 5px 0;color:#cc0000;font-weight:bold}
ul.fout-list {
  margin-top : 0px; 
  list-style-type : square;
  margin-bottom:20px;
} 
li.fout-listitem {margin:0}
.queryfout {font-weight:bold;color:#cc0000;}

.imgButton          {margin:15px 4px 0 5px}
.imgButtonMouseOver {margin:15px 2px 0 7px}
.imgButtonMouseDown {margin:15px 1px 0 8px}

.subtitel {font-size:12pt; font-weight:bold;margin:0 12px 15px  0}

/* VOORBEELD SECTIE */
fieldset {margin: 0 0 15px 0;padding:0 15px 15px 15px; border: 2px solid #2C4467}
legend {font-weight:bold;}
.tekstInFieldset {position:relative; width:100%; height:230px; z-index:1; left:0; top:0; overflow: auto; visibility: visible; padding-right:10px; padding-top:5px; margin-top:10px}

/* ALGEMEEN PAGINA */
.algemeen-subtitel {font: bold 12pt arial, helvetica, verdana, sans-serif;text-decoration:underline;margin-bottom:15px}

/* FOTO PAGINA */
.fotopagina ul  {margin-top:0; margin-bottom: 0}
.fotopagina li    {margin-top:0;margin-bottom:10px}
.fotopagina li li {margin-top:5px; margin-bottom: 0}
.fotos td {text-align:center;vertical-align:middle;padding:15px}
.fotopopup {background-color:#44c5fc; margin:10px;text-align:center}

/* GASTENBOEK PAGINA */

table.gastenboek-entry {border: 2px solid #5c7393;margin:0 0 20px 0}
td.gastenboek-titel {background-color:#5c7393;color:#f5f5f5;padding:4px 10px;font-weight:bold}
td.gastenboek-titel-rechts {background-color:#5c7393;padding:4px 15px 4px 5px;font-weight:bold;text-align:right}
span.gastenboek-naam {margin-right:10px} /* voor email en homepage img */
td.gastenboek-inhoud {padding:0px 15px 15px 10px}
table.gastenboek-subtitel {border-bottom:1px solid #7187a3;margin-bottom:15px}
td.gastenboek-subtitel-links  {padding:4px 5px 4px 0;color:#637899;font-size:8pt}
td.gastenboek-subtitel-rechts {padding:4px 0 4px 5px;color:#637899;text-align:right;font-size:8pt}

/* NIEUWS PAGINA */
.nieuwsdatum {background-image: url("images/datum-background.gif"); background-position: top left; background-repeat: no-repeat; padding:4px 12px 2px 12px; font-size:9pt}
.nieuwsentry {border: 2px solid #5c7393;margin:0 0 20px 0}
.nieuwstitel {background-color:#5c7393;color:#f5f5f5;padding:4px 10px;font-weight:bold}
.nieuwstitel-rechts {background-color:#5c7393;color:#f5f5f5;padding:4px 15px;font-weight:bold;text-align:right}
td.nieuwsbericht {padding:15px 15px 15px 10px;}
.nieuwsondertitel-links {padding:15px 10px 0 0}
.nieuwsondertitel-rechts {padding:15px 0 0 0;text-align:right;vertical-align:bottom}
.nieuws-aangepast {margin:0}

/* ACTIVITEITEN PAGINA  */
.activiteit            {color:#2C4467; font: 10pt arial, helvetica, verdana, sans-serif; margin-bottom:10px;padding:0 10px 5px 10px}
.activiteit-titeldatum {float: left; font-weight:bold}
.activiteit-titeltekst {margin-left: 80px; color: #cc0000}
.activiteit-inhoud     {margin-left: 80px; margin-top:10px}

.activiteit-geselecteerd            {width:100%; background-color:#5c7393; font: 10pt arial, helvetica, verdana, sans-serif; color: #ffffff; margin-bottom:10px; padding: 10px; margin-right: 20px}
.activiteit-geselecteerd-titeldatum {float:left; font-weight:bold}
.activiteit-geselecteerd-titeladmin {float:right; padding:0 0 15px 15px}
.activiteit-geselecteerd-titeltekst {margin-left:80px;font-weight:bold}
.activiteit-geselecteerd-inhoud     {margin-left: 80px; margin-top:15px}