body {
	background-image: url('../img/bodyBg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #ffffff;
	background-attachment: fixed;
	color: #5C5D5D;
}

h1 { font-size: 2.8em; }
h2 { font-size: 2.4em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.3em; }


.purple { color: #8D6ACE; }

strong,
.bold { font-weight: bold; }
.italic { font-style: italic; }

small { font-size: 85%; }
.date { font-size: 70%; color: #000; font-weight: normal; }

.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }

#contentWrapper #colContent ul li { 
	padding: 0 0 0 9px; 
	background: url('../img/liBulletStandard.gif') no-repeat 0 6px;
}

#contentWrapper #colContent ol li { list-style: decimal; font-size: 100%; list-style-position: inside; }

#canvas { 
	width: 953px; margin: 0 auto; 
	background: #fff;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	padding: 0 14px 0 13px;
}



/********************** Header *************************/
#header { 
	background: url('../img/headerBg.jpg') no-repeat 0 37px;
	height: 351px; width: 953px;
}
#header img { padding: 11px 0 0 17px; }



/********************** Taalswitch *************************/
#taalSwitch { 
	position: absolute;
	width: 965px; 
	padding-top: 5px;

}
ul.taalSwitch { margin: 0; padding: 0; float: right;  }
ul.taalSwitch li { 
	float: left; 
	height: 20px;
	padding: 5px 7px 0 0; 
}
ul.taalSwitch li.pipe { font-size: 1.2em; padding-top: 5px; }

#langSwitchEnq a,
#langSwitchEnq a:link,
#langSwitchEnq a:visited,
#langSwitchEnq a:active { color: #5C5D5D; text-decoration: underline; }
#langSwitchEnq a:hover { color: #979797; text-decoration: none; }



/********************** content ***************************/
#contentWrapper { width: 953px; } 

#contentWrapper #colNavigation,
#contentWrapper #colDivider,
#contentWrapper #colContent { float: left; }

#contentWrapper #colNavigation { 
	width: 252px; 
	background: url('../img/colNavigationBg.jpg') no-repeat right top; 
}
#contentWrapper #colDivider {  
	width: 22px; height: 483px; 
	background: url('../img/verticalDividerContent.jpg') no-repeat left top; 	
}
#contentWrapper #colContent { 
	width:630px;
	padding: 33px 32px 100px 17px;
	background: url('../img/colContentBg.jpg') no-repeat left top; 
}

#colContent p { padding-bottom: 15px; }


/********************** navigatie ***************************/
#colNavigation ul { margin-bottom: 33px; }
#colNavigation ul li {
	height: 22px;
	padding: 5px 0 0 20px;
	background: url('../img/navigationArrow.gif') no-repeat 7px 8px;
}

#colNavigation ul li.line {
	height: 1px; width: 252px;
	background: #E8E7E0; 
	padding: 0; margin: 0; 
	line-height: 0; font-size: 0px; 
}

#colNavigation a,
#colNavigation a:link,
#colNavigation a:active,
#colNavigation a:active { color: #5C5D5D; text-decoration: none; }
#colNavigation a:hover { color: #979797; }


/********************** Extra Button Navigation Col ***************************/
#colNavigation .button,
#colNavigation .buttonHover {
	background-image: url('../img/extraButtonNavigationCol.gif');
	background-repeat: no-repeat;
	width: 230px; height: 26px;
	padding: 5px 0 0 12px;
	margin: 0 0 4px 7px;
	cursor: pointer;
}
#colNavigation .button { 
	background-position: 0 0;
}
#colNavigation .buttonHover { 
	background-position: 0 -31px;
}

#colNavigation .button a,
#colNavigation .button a:link,
#colNavigation .buttonHover a,
#colNavigation .buttonHover a:link { display: block; color: #fff; }



/********************** News ***************************/
#contentWrapper #colContent ul.news {			margin-bottom: 4px; padding: 10px; background: #EBE4F9; }
#contentWrapper #colContent ul.news li {  		background: none;
												padding: 4px 10px 4px 10px; }
#contentWrapper #colContent ul.news li.title {	font-size: 1.2em; font-weight: bold; color: #8D6ACE;
												padding: 0 0 0 10px; 
												background: url('../img/navigationArrow.gif') no-repeat 0 5px; }


/********************** foto pagina ***************************/
.fotoAlbumWrapper {
	width: 610px;
	padding: 10px; margin: 2px 0 0 0;
	background: #EBE4F9;
}
.fotoAlbumWrapper h5 {
	font-size: 1.2em; font-weight: bold; color: #8D6ACE;
	padding: 0 0 0 10px; 
	background: url('../img/navigationArrow.gif') no-repeat 0 5px; 
}

.fotoAlbumWrapper .albumOmschrijving { width: 426px; padding: 10px 16px 0 10px; float: left; margin: 0 0 10px 0; }
.fotoAlbumWrapper .fotoHolder { 
	margin: 10px 0; 
	width: 158px; height: 150px; text-align: center; float: right; 
}
.fotoAlbumWrapper .fotoHolder img {
	border: 1px solid #626773; padding: 3px; background: #fff; 
}
.fotoAlbumWrapper .toGallery { padding: 0 0 0 27px; }

#imageContainerDia {
	position:relative;
	margin: 0 auto;
	width:158px;
	text-align: center;
}

.fotoAlbumWrapper p { padding: 0 0 10px 0; }
.fotoAlbumWrapper .albumOmschrijving ul li { 
	padding: 0 0 0 11px; 
	background: transparent url(../img/liBulletStandard.gif) no-repeat 0pt 0.5em;
}

#fotoGrid {  margin: 10px 0 0 10px; }
#fotoGrid div { float: left; width: 170px; height: 170px; margin: 10px; text-align: center; border: 1px solid #D3C8EA; }
#fotoGrid div img { cursor: pointer; padding: 10px; }



.hrPurple {
	height: 0; border: 0;
	border-top: 1px solid #DBDBDB;
}


/**********************  nieuwsbrief home ***************************/
.bottomNieuwsBrief { margin: 0 0 0 7px; height: 10px;  background: url('../img/bottomNieuwsbrief.gif') no-repeat 0 0; }

#nieuwsBrief { 
	height: 138px;
	width: 230px;
	padding: 12px 0 0 12px;
	margin: 6px 0 0 7px;
	background: #EBE4F9 url('../img/topNieuwsbrief.gif') no-repeat 0 0;
}

#nieuwsBrief h5 { margin-bottom: 5px; }
#nieuwsBrief p { padding: 0 12px 0 0; }
#nieuwsBrief form { margin-top: 10px; }
#nieuwsBrief input.text { width: 188px; padding: 2px;  color:#858FA4; }

#nieuwsBrief .inputEmailAddress { float: left; }
#nieuwsBrief .buttonSendNewsLetter,
#nieuwsBrief .throbber { float: left; text-align: right; width: 28px; }

#nieuwsBrief #errorMessage { 
	clear: both; 
	height: 40px; padding-top: 7px;
	color: red; font-weight: bold;
}


/********************** footer ***************************/
#footer { 
	background: #fff url('../img/footerBg.jpg') no-repeat left bottom; 
	width: 980px; height: 220px; margin: 0 auto;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}
#footer #addressWrapper {
	padding: 158px 0 0 310px;
}
#footer #addressWrapper p { float: left; padding: 0 50px 5px 0; }

#cmsContentWrapper,
#feedbackWrapper {
	padding: 0 40px 0 0;
}




/********************** Feedback formulier *************************/
#feedbackWrapper { background: #EBE4F9; padding: 20px 0 50px 20px; } 
#feedbackWrapper table td { padding: 0 0 10px 0;  }
#feedbackWrapper table td.widthDecider { width: 10em; }

#feedbackWrapper input.text { padding: 2px; width: 20em; }
#feedbackWrapper input.submit { margin: 20px 0 0 0; font-size: 1em;  }
#feedbackWrapper textarea { width: 25em; height: 10em; padding: 5px; font-family: arial; }

#feedbackWrapper select { width: 20.5em; font-size: 1em; }

#feedbackWrapper .requiredForm { color: red; }
.errorBox {  color: #E10014; margin: 20px 0; border: 1px solid #E10014; padding:  1em 1em 1em 9.4em; font-size: 1.2em; }
p.bedankt { margin-top: 20px; }




div.mutationDateBottomPage { clear: both; font-size: 75%; border-top: 1px solid #DBDBDB; padding: 4px 0 0 0; margin: 35px 0 0 0; }

.file4PageWrapper div.icon { 	float: left; 
								width: 40px; height: 50px; 
								padding: 10px 0 0 10px; 
								background: #EBE4F9; }
.file4PageWrapper ul { 			float: left; 
								width: 560px; height: 40px; 
								margin-bottom: 4px; padding: 10px; 
								background: #EBE4F9; }
.file4PageWrapper ul li { 		padding: 0 0 5px 10px; 
								font-size: 100%; list-style-image: none; }
								
								
#mapWrapper {					position: absolute; }
#map { 							width: 612px; height: 400px;
							
								border: 10px solid #EAE9EF; 
								background: #EAE9EF; }
#mapCaption { 					background: #EAE9EF; font-size: 75%;
								width: 632px; margin-bottom: 10px; padding-bottom: 10px; line-height: 120%; text-align: center; }

#mapText { 						margin-top: 470px; }


/******************************* Gastenboek *************************************/
h3.titleMessages { padding: 20px 10px 10px 10px; }

ul.entryWrapper { width: 610px; padding: 10px 10px 20px 10px; border-bottom: 2px solid #fff; }
#contentWrapper #colContent ul.entryWrapper li { 
	padding: 0; background: none; 
}
#contentWrapper #colContent ul.entryWrapper li.placedBy {  padding: 0 0 6px 0; border-bottom: 1px solid #E2D7F7; }
#contentWrapper #colContent ul.entryWrapper li.message { padding: 6px 0 0 0; }


/******************************* Gastenboek Browsen Pagina's *******************/
.browsePagesWrapper { height: 60px; margin-top: 20px; }

.browsePaginas { 	float:left; width: 476px; text-align: center; height: 60px; }
.browseVorige { 	float:left; width: 64px; text-align:right; padding: 20px 10px 0 0; }
.browseVolgende { 	float:left; width: 80px; padding: 20px 0 0 0; }

#contentWrapper #colContent ul.browsePaginasList { padding: 0; margin: 20px 0 40px 0; }
#contentWrapper #colContent ul.browsePaginasList li { margin: 0; background: none; padding: 0 5px; display: inline; }
#contentWrapper #colContent ul.browsePaginasList li.active { 
	background: url('../img/guestbookActivePage.jpg') no-repeat 0 0; 
	padding: 20px;
	height: 160px;
	font-weight: bold;
	clear: left; 
}

/******************************* Gastenboek formulier *******************************/
.formWrapper { background: #F0EBFB; padding: 20px 20px 20px 20px; }
#contentWrapper #colContent ul.formulier input { width: 20em; color: #5C5D5D; margin-bottom: 5px; padding: 2px; }
#contentWrapper #colContent ul.formulier input.submit { width: auto; padding: 0 10px; color: #000; }

#contentWrapper #colContent ul.formulier textarea { font-size: 100%; width: 35em; height: 100px; }

#contentWrapper #colContent ul.formulier { width: 590px; margin: 0; padding: 0;  }
#contentWrapper #colContent ul.formulier li { background: none; float: left; margin: 0 0 2px 0; }
#contentWrapper #colContent ul.formulier li.left {  width: 100px; padding: 8px 0 4px 0; height: 24px; }

#contentWrapper #colContent ul.formulier li.right,
#contentWrapper #colContent ul.formulier li.right2,
#contentWrapper #colContent ul.formulier li.right3  { width: 470px; padding: 6px 10px;   height: 24px; }

#contentWrapper #colContent ul.formulier li.right2 { height: 44px; }
#contentWrapper #colContent ul.formulier li.right3 { height: 108px; }

#contentWrapper #colContent ul.formulier li.button { margin: 10px 0 5px 10px; }







/********************** Tarieven tabel opmaak tbv cms ***************************/
table.tarievenTabel th { padding: 0 0 10px 10px; }
table.tarievenTabel td { 
	padding: 5px 10px; 
	background: #EBE4F9;
	border-bottom: 2px solid #fff; 
	border-right: 2px solid #fff;
	width: 160px;	
}
table.tarievenTabel td.right { width: 120px; padding-left: 80px; }
table.tarievenTabel td.light { background: none; }



/********************** Standaard tabel 001 opmaak tbv cms ***************************/
table.standaardTabel001 th { padding: 0 0 10px 10px; }
table.standaardTabel001 td { 
	padding: 5px 10px; 
	background: #EBE4F9;
	border-bottom: 2px solid #fff; 
	border-right: 2px solid #fff;
	width: 150px;	
}
table.standaardTabel001 td.right { width: 440px; padding-left: 10px; }
table.standaardTabel001 td.light { background: none; }





a,
a:link,
a:active,
a:visited { text-decoration: underline; color: #8D6ACE; }

a:hover { text-decoration: none; color: #5C32AA; }