* {
    margin: 0;
    padding: 0;
}
html,body {
    height: 100%; /* HEEL BELANGRIJK! */
	text-align: center;
	background-color:#15d241;
}

body {
background: url(img/bgPage.jpg) center center;
}

div#pagina {
	width: 100%;
    min-height: 100%;
    _height: 100%;
	position: relative; /* De footer wordt absoluut gepositioneerd, relatief aan #container. Dus position: relative moet dan hier toegevoegd worden */
}

div#header {
	width: 100%;
	height:175px;
background: url(img/bgHeader.jpg) repeat-x bottom center;
}

div#containerHeader {
    width: 1010px;
    margin: 0 auto; /* deze div centreren */
	height:175px;
background: url(img/bgHeader.jpg) repeat-x bottom center;
}

div#footer {
	width: 100%;
	height:174px;
background: url(img/bgFooter.jpg) repeat-x bottom center;
    position: absolute;
    bottom: 0;
    left: 0;
}
div#containerFooter {
    width: 1010px;
    margin: 0 auto; /* deze div centreren */
	height:174px;
background: url(img/bgFooter.jpg) repeat-x bottom center;
text-align: left;
}
.clear {
    clear: both; /* deze class gaan we gebruiken om de twee floats #left en #right te clearen. */
}

div#containerFooterContent {
    width: 880px;
	padding-top:65px;
	text-align: right;
	font:  11px/22px Arial, sans-serif;
	color:#ffffff;
}

div#containerFooterContent a {
	font: 11px/22px Arial, sans-serif;
	color:#ffffff;
	text-decoration: underline;
}

#content {
	width: 100%;
	float: left;
	height: auto;
	background: url(img/bgPage.jpg) center center;
	margin-bottom: 174px; /* dezelfde hoogte als de hoogte van #footer, anders zal de tekst in deze div onderaan achter de footer vallen omdat #footer absoluut gepositioneerd is */
}

div#container {
    width: 1010px;
    margin: 0 auto; /* deze div centreren */
background: url(img/bgPage.jpg) center center;
text-align: left;
}

.datum {
	align: right;
	}

div#menu {
	width:205px;
	font:  bold 14px/22px Arial, sans-serif;
	color:#ffffff;
	text-align:right;
	float:left;
	margin-top:10px;
}

div#menu .menuTop {
		font:  bold 14px/22px Arial, sans-serif;
	color:#ffffff;
	text-decoration: none;
}

div#menu .menuSub {
		font:  bold 10px/18px Arial, sans-serif;
	color:#ffffff;
	text-decoration: none;
}


div#contentPagina {
margin-top:10px;
margin-left:63px;
	width:610px;
	text-align:left;
	float:left;
}
div#contentPagina p {
	font: 12px/20px Arial, sans-serif;
	color:#6a736b;
	margin-bottom:10px;
}
div#contentPagina h1 {
	font: bold 14px/20px Arial, sans-serif;
	color:#6a736b;
	margin-bottom:10px;
}

.homeItem {
	width: 180px;
	margin-right: 23px;
	background-color:#bdf9cb;
	float:left;
	background-image: url(img/itemFooter.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	
}

.homeItem h2 {
	font: bold 12px/20px Arial, sans-serif;
	color:#891f11;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.homeItem p {
	font: 9px/20px Arial, sans-serif;
	color:#891f11;
	margin-bottom:10px;
		padding-left:10px;
	padding-right:10px;
}

.button {
	background-image: url(img/btn.gif);
	margin-left:15px;
	margin-bottom:15px;
	width: 143px;
	height: 23px;
	font: bold 11px/20px Arial, sans-serif;
	color:#ffffff;
	text-align: center;
}

.button a{
	font: bold 11px/20px Arial, sans-serif;
	color:#891f11;
	text-decoration: none;
}

td.name {
	
}
td.date {
font: 12px Arial, sans-serif;
	color:#891f11; 
	text-align: right;
	padding-right:10px;
}

td.name div { float:left; width:88px; height:20px; background-image: url(img/btnAgenda.gif); padding-top:3px; text-align: center; margin:2px;} 
html>body td.name div { height: 17px; }
td.name div a{ 	font: bold 10px Arial, sans-serif;
	color:#891f11; text-decoration: none;} 
	
	
hr.lineHead {
  border: none;
  background-color: #B4CBDF;
  margin-top:15px;
  color: #84f969;
  height: 1px;
}
hr.lineSub {
  border: none;
  background-color: #e5e4e2;
  color: #bdf9cb;
  height: 1px;
}

table.prijslijst td {
	vertical-align: top;
	font: 12px Arial, sans-serif;
	color:#6a736b;
	
}

table.prijslijst td.head b {
	color:#283029;
	
}


div#botencontainer{
	border-bottom: 1px solid #d22b15;
}

div#omschrijving {
	height:160px;
}

div#omschrijvinginfo {
	width:200px;
	float:left;
}

div#omschrijvingtekst {
	width:400px;
	height:150px;
	float:left;
	overflow:auto;
		font: 11px/14px Arial, sans-serif;
	color:#6a736b;
}

td{
		font: 12px/14px Arial, sans-serif;
	color:#6a736b;
}

td.roodtd {
	width: 80px;
	background-color:#d22b15;
			font: 11px/14px Arial, sans-serif;
	color:#ffffff;
	padding:0px;
}



li {
		font: 12px/14px Arial, sans-serif;
	color:#6a736b;
}

.TabelAgenda {
	font: bold 12px/12px Arial, sans-serif;
	color:#ff0000;

}
	
.TabelAgenda tr {
	Margin-bottom:4px; 
}
	
.agendaTop {
	width: 75px;
	font: bold italic 10px/12px Arial, sans-serif;
	color:#ffffff;
	background-color:#ff0000;
	text-align: center;
}

.agendaDate {
	width: 130px;
	font: bold 12px/12px Arial, sans-serif;
	color:#6a736b;
	background-color:#ffffff;
	text-align: right;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #93ffad;
	border-top: 1px solid #93ffad;
}

.agendaDateLight {
	width: 130px;
	font: bold 12px/12px Arial, sans-serif;
	color:#cccccc;
	background-color:#ffffff;
	text-align: right;
	text-decoration: line-through;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #93ffad;
	border-top: 1px solid #93ffad;
}

.agendaName {
	width: 75px;
	font: bold 9px/12px Arial, sans-serif;
	color:#ffffff;
	background-color:#15d242;
	text-align: center;
	border-bottom: 1px solid #15d242;
	border-top: 1px solid #15d242;
}

.agendaNameEx {
	width: 75px;
	font: bold 9px/12px Arial, sans-serif;
	color:#ffffff;
	background-color:#ffffff;
	border-bottom: 1px solid #93ffad;
	border-top: 1px solid #93ffad;
	text-align: center;
}

.agendaNameFull {
	width: 75px;
	font: bold 9px/12px Arial, sans-serif;
	color:#cccccc;
	background-color:#ffffff;
	text-decoration: line-through;
	border-bottom: 1px solid #93ffad;
	border-top: 1px solid #93ffad;
	text-align: center;
}

.agendaStatusFull {
	width: 75px;
	font: bold 12px/12px Arial, sans-serif;
	color:#ffffff;
	background-color:#ff0000;
	text-align: center;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #93ffad;
	border-top: 1px solid #93ffad;
}

.agendaStatus{
	width: 75px;
	font: bold 12px/12px Arial, sans-serif;
	color:#6a736b;
	background-color:#ffffff;
	text-align: center;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #93ffad;
	border-top: 1px solid #93ffad;
}

div.bootinfo{
	min-height: 325px;
}

div.bootphoto{
}

img.leftphoto{
	margin-left: 5px;
	margin-right: 10px;
	border: 0px;
}

img.centerphoto{
	margin-left: 10px;
	margin-right: 10px;
	border: 0px;
}

img.rightphoto{
	margin-left: 10px;
	margin-right: 5px;
	border: 0px;
}

div#photoalbum_container{
	width: 608px;
}

div.photo{
	width: 140px;
	height: 105px;
	float: left;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

div.photo_afbeelding{
	width: 140px;
	height: 80px;
}

div.photo_afbeelding img{
	border: 0px;
	height: 80px;
}

span.center{
	margin-left: auto;
	margin-right: auto;
}

div.photo_actions{
	width: 140px;
	height: 25px;
}

div.photo_print{
	width: 50px;
	height: 25px;
	float: left;
	text-align: left;
	padding-left: 10px;
	
}

div.photo_print a{
	font-weight: bold;
	text-decoration: none;
	font: bold 9px Arial, sans-serif;
	color:#891f11; text-decoration: none;
}

div.photo_oplaan{
	width: 50px;
	height: 25px;
	float: right;
	text-align: right;
	padding-right: 10px;
}

.photo_oplaan a{
	

	font-weight: bold;
	text-decoration: none;
	font: bold 9px Arial, sans-serif;
	color:#891f11; text-decoration: none;
}

.clear {
    clear: both; /* deze class gaan we gebruiken om de twee floats #left en #right te clearen. */
}