* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size:13px;
line-height:18px;
background-color: #7d7d7d; 
text-align: center; /*** Centers the design in old IE versions ***/
height: 100%;
}
.clear { clear: both; }
#mainContainer {
width: 982px;
margin: 0 auto; /*** Centers the design ***/
min-height: 100%;
background-image:url(images/main.jpg); /*** This is our faux columns ***/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: #000099;
padding: 0px;
height:262px;
background-image:url(images/top.jpg);
background-repeat:no-repeat;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 107px;   /* Gelijk aan of iets meer dan breedte linkerkolom */
}
* html .outer {
padding-right: 103px; /* Gelijk aan breedte rechterkolom */
}
.inner {
width: 772px; /*** This width is for non-IE browsers. ***/
padding-bottom: 62px;
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. ***/
.float-wrap {
background-image:url(images/main.jpg);
float: left;
width: 879px; /*** Breedte left + content ***/
margin-left: -107px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 772px;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}



/**************************
FOOTER
**************************/
#footer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
width: 982px;
height: 62px; 
margin: 0 auto;
margin-top: -62px;
text-align: left;
background-image:url(images/bottom.jpg);
background-repeat:no-repeat;
}




/**************************
TEXT STYLES
**************************/
h1, .kop1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align:center;
font-size:16px;
color:#3b3b3b;
font-weight:normal;
letter-spacing:1px;
}
h2, .kop2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#3b3b3b;
letter-spacing:1px;
}
h3, .kop3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}
h4, h5,h6, .kop4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.klein {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.mini {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.rood{
	color: #990000;
}

input, textarea {
	border: 1px solid #4D5F8D;
	font-style:italic;
	background-color:#D08187;
	margin-bottom:4px;
	margin-top:4px;
}
.radiobutton{
	border: #ffffff none 0px;
	font-style:italic;
}
.fotocell, #map {
	background-color:#FFFFFF;
	font-size:11px;
	border: 1px solid #596A99;
	padding:2px;
}
.fotocell:hover {
	background-color:#596A99;
}
a { outline: 0px; 
}
#right {
color:#FFFFFF;
font-weight:bold;
line-height:20px;
}
p {
font-family: Tahoma, Arial, Helvetica, sans-serif;
padding-top:4px;
padding-bottom:6px;
}
#content ul, #content ol{
margin-left:16px;
padding-bottom:6px;
}
#content li{
padding-top:4px;
}
#footer {
font-size:12px;
line-height:20px;}
#footer a {
color:#606060;
text-decoration:underline;
} 
#footer a:hover {
text-decoration:none;
} 
#adres{
font-size:12px;
text-align:left;
padding-left:107px;
padding-top:36px;
color:#606060;}
#koptekst{
text-align:center;
font-size:16px;
color:#3b3b3b;
padding-top:225px;
line-height:24px;
letter-spacing:1px;}
#content a {
	color:#1C325B;
	text-decoration:underline;
} 
#content a:hover {
text-decoration:none;
} 


/* TABELLEN */
  table {
  border:1px solid #c59f48;
}
  table.noborder {
  border:0px none #ffffff;
  padding:0px;
  }
  
  #menu {
	border:0px none #ffffff;
	padding:0px;
	background-color:#FBF2F3;
  }
  #menu .capt {
    border:1px solid #c59f48;
  }
 #menu .capt a{
 color:#FFFFFF;
 font-weight:bold;
  letter-spacing:1px;
  font-size:14px;
  text-decoration:none;
}
 #menu .capt a:hover{
  text-decoration:underline;
}
  .capt {
  height:21px;
  line-height:16px;
  background-image:url(images/table_top.jpg);
  color:#FFFFFF;
    font-weight:bold;
  font-size:12px;
  letter-spacing:1px;
}
.captmonth{
background-image:url(images/table_month.jpg);
heigth:30px;
line-height:20px;
  color:#FFFFFF;
    font-weight:bold;

  letter-spacing:1px;
} 
  td {
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding-left:6px;
  }
.comm td {
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding-left:0px;
  }
  .grey {
  padding-left:0px;
  width:12px;
  background-color:#e7e7e7;
  }
    .date {
   width:100px;
   text-align:right;
   padding-right:10px;
  }
    .event {
  width:352px;
  }
  .white{
  background-color:#FFFFFF;
  }
  .rgrey {
  background-color:#f4f4f4;
  }
  .rgreysel {
	color:#3A3A3A;
	background-color:#DAAE45;
	cursor: pointer;
  }
    .rwhite {
  background-color:#ffffff;
  }
  .rwhitesel {
	background-color:#DAAE45;
	cursor: pointer;
  }

  .maand {
  font-weight:bold;
  font-size:12px;
  letter-spacing:1px;}
  #agenda{
  float:left;
}
  #comm{
  float:right;
  }