* {
  margin:0px;
  padding:0px;
}

html, body {
  height: 100%; /* héél belangrijk */
}

body {
  background-image:url('../images/backgrounds/page.gif');
  background-repeat:repeat-y;
}

.page {
  position:relative;
  width: expression(document.body.clientWidth > 996?'996px':'auto');
  max-width:996px;
  min-height: 100%;
  height:auto !important; /* voor moderne browsers */
  height:100%; /* voor IE */
  font-family:arial,sans-serif;
}

.header{
  position:relative;
  float:none;
  height:134px;
  background-color:#FFFFFF;
}

.headerlogo img {
  position:relative;
  left:20px;
  border-style:none;
}

.pagetools {
  float:right;
  width:276px;
  position:relative;
  top:30px;
  font-size:90%;
  font-weight:bold;
  text-align:right;
}

.pagetoolsrow {
  text-align:left;
  width:270px;
  margin-top:5px;
  height:22px;
}

.pagetoolsrowlast {
  text-align:left;
  width:270px;
}

.pagetools a, .pagetools .zoeken {
  color:#cd0077;
}

.pagetools a:hover {
  text-decoration:none;
  color:#000000;
}

.pagetools .selecteditem {
  color:#000000;
}

.pagetools #Zoe {
  border:2px solid #cd0077;
  height:16px;
  width:173px;
  font-size:80%;
  margin:0px 0px 0px 9px;
}

.pagetools .submit {
  border-style:none;
  height:19px;
  width:11px;
  background-color:#FFFFFF;
  color:#cd0077;
  font-size:80%;
  font-weight:bold;
  background-image:url('../images/buttons/zoebutt.gif');
  cursor:pointer;
  margin-left:10px;
  /*position:relative;
  top:-1px;*/
}

.contentsbar {
  position:absolute;
}

.navholder {
  position:relative;
  left:20px;
  float:left;
  width:310px;
}

.displaynone {
  display:none;
}

.floatright {
  float:right;
  /*padding: 5px;*/
}

.floatleft{
  float: left; 
  /*padding: 5px;*/
}

img.floatleft,
img.floatright {
  padding: 5px;
}

.contents {
  float:left;
  /*margin-left:350px;*/
  margin-left:40px;
  font-size:80%;
  width:640px;
}

.contentshome {
  position:absolute;
  left:330px;
  width:670px;
  /*margin-left:330px;*/
  font-size:80%;
}

* html .contents,
* html .contentshome { /*star hack voor IE */
  height : 1%;
}

.contents a {
  color:#cd0077;
}

.contents a:hover {
  color:#000000;
}

.spacer800 {
  width:760px;
  height:1px;
  overflow:hidden;
}

.narrow {
  display:inline;
  float:left;
  width:310px;
  min-height: 100%;
  height:auto !important; /* voor moderne browsers */
  height:100%; /* voor IE */
  margin:0px 0px 0px 0px;
  color:#FFFFFF;
}

.narrow h1,
.narrow h2,
.narrow h3,
.narrow h4,
.narrow h5,
.narrow h6 {
  color:#000000;
}

.narrow a {
  color:#000000;
}

.homeblok {
  display:inline;
  float:left;
  width:310px;
  height:310px;
  margin:0px 0px 20px 20px;
  background-color:#cd0077;
  color:#000000;
}

.fotoblok {
  position:relative;
  display:block;
}

.homebloklink {
  cursor:pointer;
}

.subhomeblok {
  display:inline;
  float:left;
  width:310px;
  height:310px;
  margin:0px 0px 20px 20px;
  color:#FFFFFF;
}

.homeblok h2 {
  margin-top:0;
}

.nieuwsblok {
  display:inline;
  float:left;
  width:310px;
  height:145px;
  margin:0px 0px 20px 20px;
  background-color:#cd0077;
  color:#FFFFFF;
}

.homeintro {
  color:#FFFFFF;
}

.over {
  color:#FFFFFF;
}

.homeintro h1,
.homeintro h2,
.homeintro h3,
.homeintro h4,
.homeintro h5,
.homeintro h6 {
  color:#000000;
}

.rightbar {
  float:left;
  width:310px;
}

.pageblok {
  width:310px;
  height:310px;
  margin:0px 0px 20px 20px;
  clear:both;
}

.pageblok .inblok {
  color:#FFFFFF;
  float:left;
}

.pageblok .inblok h1,
.pageblok .inblok h2,
.pageblok .inblok h3,
.pageblok .inblok h4,
.pageblok .inblok h5,
.pageblok .inblok h6 {
  color:#000000;
}

.magentapage .narrow,
.magentapage .homeblok,
.magentapage .tekstblok,
.tekstblokmagenta,
.magentapage .pageblok {
  background-color:#cd0077;
}

.blauwpage .narrow,
.blauwpage .homeblok,
.blauwpage .tekstblok,
.tekstblokblauw,
.blauwpage .pageblok {
  background-color:#199dbf;
}

.groenpage .narrow,
.groenpage .homeblok,
.groenpage .tekstblok,
.tekstblokgroen,
.groenpage .pageblok {
  background-color:#4ba82c;
}

.inblok {
  margin:19px;
  width:272px;
  height:272px;
  overflow:hidden;
}

.narrow .inblok {
  min-height: 100%;
  height:auto !important; /* voor moderne browsers */
  margin-bottom:20px;
}

.narrow a 
.narrow .inblok .inleiding p a {
  color:#000000 !important;
}

.narrow a:hover {
  color:#ffffff;
} 


.contents .magentapage .narrow .inblok .inleiding p a {
  color:#000000 !important;
}

.nieuwsblok .inblok {
  height:106px;
}

.nieuwsblok h2 {
  margin-top:0px;
}

.nieuwsblok p {
  display:inline;
}

.homeblok h2 a,
.nieuwsblok h2 a {
  color:#000000;
}

.homeblok h2 a:hover,
.nieuwsblok h2 a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

.pubdate {
  margin-top:0.3em;
  font-size:80%;
}

.nieuwsblok .inblok iframe {
  height:272px;
  width:272px;
  border:0 none ffffff;
}

.magenta {
  background-color:#cd0077!important;
}

.blauw {
  background-color:#199dbf!important;
}

.groen {
  background-color:#4ba82c!important;
}

.contents ul, .contents ol {
  margin:.5em 0px 1.3em 0px;
}

.contents ul li {
  margin:0px 0px 0px 4.5em;
  padding-left:8px;
}

.contents ol li {
  margin:0px 0px 0px 5em;
}

.inleiding {
  font-weight:bold;
  margin-bottom:1em;
}

table {
  font-size:100%;
  border-color:#DADADA;
}

th {
  text-align:left;
  background-color:#F7F7F7;
  border-color:#DADADA;
}

th.floatleft{
  text-align: left;
}

th.floatright {
  text-align:right;
}

td {
  line-height:150%;
  border-color:#DADADA;
}

td.floatright {
  text-align:right;
}

td.floatleft{
  text-align: left;
}

table.bordertrue, table.border {
  border-collapse:collapse;
  border-width: 1px;
  border-style:solid none none solid;
}

table.bordertrue th, table.bordertrue td,
table.border th, table.border td {
  vertical-align:top;
  border-width: 1px;
  border-style:none solid solid none;
  padding:3px;
}

tr.uneven {
  background-color:#cd0077;
  color:#FFFFFF;
}



/* forms */
.forms{
}
.forms h2{
margin-top:2ex;
}
.nieuwsbrief_inschrijven{
}
.ster{
padding-right:3px;
}
.itext{
}
.itext input{
width:250px;
}
.borderzwart{
}

fieldset {
  border-style:none;
}

legend {
  display:none;
}

.formrow {
  float:left;
  width:100%;
  padding:0.9em 0px 0.9em 0px;
  margin:0px;
  clear:both;
}

.formrow label,
.formrow .labelspacer {
  display:block;
  float:left;
  width:33%;
  height:auto;
  font-weight:bold;
}

.formrow input,
.formrow button,
.formrow div.editor,
.formrow select {
  border-width:1px;
  border-style:solid;
  border-color:#cd0077;
  width:400px;
  margin:0px;
  font-family:Verdana,Arial,sans-serif;
  padding:0px;
  font-size:100%;
  background-color:#EEEEEE;
}

.formrow input,
.formrow button {
  height:18px;
}

.formrow select {
  width:402px;
  height:auto;
}

.formrow .button {
  width:402px;
  height:20px;
  font-weight:bold;
  background-color:#DADADA;
}

.formrow .submitbutton {
  font-weight:bold;
  color:#FFFFFF;
  cursor:pointer;
  background-color:#cd0077;
  font-size:90%;
}

.formrow textarea {
  border-width:1px;
  border-style:solid;
  border-color:#cd0077;
  width:400px;
  /* height:100px; */
  margin:0px;
  font-family:Verdana,Arial,sans-serif;
  padding:0px;
  font-size:100%;
  background-color:#EEEEEE;
}

.inputblok {
  width:400px;
  margin-left:0px;
  float:left;
}

.inputrow {
  float:left;
  display:block;
  width:390px;
  margin: 0px 0px 3px 0px;
}

.inputblok input {
  width:20px;
  float:left;
  /*position:relative;*/
  margin:1px 2px 0px 0px;
  border-style:none;
  background-color:transparent;
  cursor:pointer;/**/
}

.inputblok label {
  float:left;
  /*position:relative;*/
  font-weight:normal;
}

.formrow .tekst {
  width:400px;
  clear:both;
  float:none;
}

.result {
  margin-top:1em;
}

.result h3 {
  margin-bottom:0px;
}

.achtergrond_blauw{
  background-image: url("../images/backgrounds/page_blue.gif");
}

.achtergrond_paars{
  background-image: url("../images/backgrounds/page.gif");
}

.achtergrond_groen{
  background-image: url("../images/backgrounds/page_green.gif");
}