/*************** GLOBAL ***********************************************/

	html, body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica;
		font-size: 11px;
		/*color: #5c5b5e;*/
		color: #727273;
	}

	body {
		background: #333133 url('../img/bg-body.jpg') no-repeat fixed center bottom;
	}

	#container {
		position: relative;
		margin: 19px auto 0 auto;
		width: 873px;
	}

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

	a:hover {
		color: #e24376;
	}

	h1 {
		font-size: 115%;
		color: #727273;
		text-transform: uppercase;
	}

	h2 {
		font-size: 100%;
		color: #727273;
		font-weight: bold;
	}

	h3 {
		font-size: 100%;
		font-weight: normal;
		color: #727273;
	}

	p {
		margin: 8px 0;
	}
	.content {
		font-size: 105%;
	}


/*************** TOP **************************************************/

	#top {
		/* width: 804px; Jochem op 6-8-9*/
		width: 812px;
		height: 83px;
	}

		div#logo {
			float: left;
			width: 141px;
			height: 83px;
		}

		ul#mainnav {
			float: right;
			margin-top: 16px;
			width: auto;
		}

			ul#mainnav li {
				float: left;
				width: auto;
				height: 29px;
			}

				ul#mainnav li ul {
					display: none;
				}

				ul#mainnav li a {
					float: left;
					padding: 10px 10px 5px 10px;
					width: auto;
					font-size: 90%;
					font-weight: bold;
					color: #ffffff;
					text-transform: uppercase;
					background-color: inherit;
					letter-spacing: 1px;
				}

				ul#mainnav li.last a {
					padding-right: 0;
				}

				ul#mainnav li a:hover,
				ul#mainnav li.active a {
					background-image: url('../img/icon/active-link.gif');
					background-repeat: no-repeat;
					background-position: center top;
				}

				ul#mainnav li.last a:hover,
				ul#mainnav li.active.last a {
					background-position: 60% top;
				}


/*************** MAIN (DEFAULT) ***************************************/

	#main {
		position: relative;
		float: left;
		margin: 12px 0 6px 0;
		width: 100%;
		background-image: url('../img/bg-main.gif');
		background-repeat: repeat-y;
		background-position: 54px 0;
	}

		div#left {
			float: left;
			width: 66px;
		}

		div#center {
			position: relative;
			float: left;
			padding: 12px 0;
			width: 726px;
			min-height: 600px;
			background-color: #ffffff;
		}

			div#center div.left {
				float: left;
				width: 366px;
			}

				div#center div.left #header {
					float: left;
					width: 366px;
					height: 145px;

				}
					div#center div.left #header img{
						float: left;
					}
				div#center div.left #subnav_container {
					float: left;
					width: 366px;
					height: 43px;
					background: #333133 url('../img/bg-subnav.gif');
				}

					ul#subnav.big { float: left; width: auto;}
					ul#subnav.small { float: right; width: auto;}

						ul#subnav li {
							float: left;
							width: auto;
							height: 21px;
						}

							ul#subnav li a {
								float: left;
								padding: 5px 18px 3px 18px;
								width: auto;
								font-size: 90%;
								font-weight: bold;
								/*color: #bcbdbf;*/
								color: #FFFFFF;
								letter-spacing: 1px;
								text-transform:uppercase;
							}

							ul#subnav li a:hover,
							ul#subnav li.active a {
								background-image: url('../img/icon/active-link.gif');
								background-repeat: no-repeat;
								background-position: 7px center;
							}

				div#center div.left .content {
					float: left;
					padding: 30px 0 10px 17px;
					width: 336px;
				}

				div#center div.left .content a {
					text-decoration: underline;
				}

					div#center div.left .content p {
						text-align: justify;
						line-height: 18px;
						font-size: 100%;
					}

					div#center div.left .content ul {
						list-style-type: circle;
						margin-left: 25px;
					}
					div#center div.left .content ul li{
						line-height: 18px;
					}

				div#center div.right {
					float: left;
					width: 360px;
				}

					div#center div.right #tagcloud {
						padding: 14px 10px;
						height: 117px;
						text-align: center;
						line-height: 28px;
						word-spacing: 25px;
						background-color: #59374a;

					}

						div#tagcloud a {
							font-weight: bold;
							color: #db89ae;
						}
						div#tagcloud a:hover {text-decoration: underline}

						div#tagcloud a.small { font-size: 100%; }
						div#tagcloud a.big { font-size: 140%; }
						div#tagcloud a.light { color: #dfc8d2; }
						div#tagcloud a.dark { color: #c45594; }
						div#tagcloud a.uppercase { text-transform: uppercase; }
						div#tagcloud a.cursive { font-style: italic; }

					div#center div.right #blogbar {
						position: relative;
						width: 100%;
						height: 21px;
						background-color: #b46791;
					}

						div#blogbar a {
							position: absolute;
							top: 0;
							right: -85px;
							float: right;
							width: auto;
							padding: 3px 30px 3px 22px;
							font-size: 110%;
							font-weight: normal;
							color: #ffffff;
							background-color: transparent;
							background-image: url('../img/bg-blognav.gif');
							background-repeat: no-repeat;
							background-position: 0 0;
						}

						div#blogbar a:hover,
						div#blogbar a.active {
							background-position: 0 -21px;
						}

					div#center div.right #blogfeed {
						position: relative;
						width: 360px;
					}

						div#blogfeed #pasfoto {
							position: absolute;
							top: -21px;
							left: 6px;
							width: 139px;
							height: 181px;
							background-image: url('../img/pasfoto.png');
							background-repeat: no-repeat;
						}

						div#blogfeed ul#blognav {
							position: absolute;
							top: 41px;
							right: -81px;
						}

							ul#blognav li {
								float: right;
								margin-bottom: 50px;
								width: 290px;
								/*height: 22px;*/
							}

								ul#blognav li a {
									display: block;
									float: left;
									width: 300px;
									/*height: 22px;*/
									font-weight: bold;
									color: #a2a1a2;
									font-size: 110%;
								}

								ul#blognav li a:hover,
								ul#blognav li.active a {
									color: #5c5b5e;
									background-image: url('../img/icon/active-link.gif');
									background-repeat: no-repeat;
									/*background-position: 289px center;*/
									background-position: 289px 8px;
								}

									ul#blognav li a span {
										padding: 3px 0 3px 0;
										cursor: pointer;
									}

									ul#blognav li a span.left {
										float: left;
										width: 209px;
										text-transform: uppercase;
									}

									ul#blognav li a span.right {
										float: left;
										padding: 3px 30px 3px 25px;
										width: 32px;
										color: #ffffff;
										background-color: inherit;
										background-image: url('../img/bg-blognav.gif');
										background-repeat: no-repeat;
										font-weight: normal;
									}

									ul#blognav li a span.item1 { background-position: 0 -42px; }
									ul#blognav li a span.item2 { background-position: 0 -64px; }
									ul#blognav li a span.item3 { background-position: 0 -86px; }
									ul#blognav li a span.item4 { background-position: 0 -108px; }

							ul#blognav li.archive {
								margin-bottom: 0;
								width: 290px;
								height: 21px;
							}

								ul#blognav li.archive a {
									padding: 0;
									width: 91px;
									height: 15px;
								}

								ul#blognav li.archive a:hover,
								ul#blognav li.archive a.active {
									background: none;
									color: #5c5b5e;

								}

								ul#blognav li ul {
									float: left;
									width: 204px;
									height: 14px;
									font-size: 90%;
								}

									ul#blognav li ul li {
										margin-bottom: 0;
										width: 204px;
										height: 14px;
										color: #a2a1a2;
									}

									ul#blognav li.active ul li {
										color: #5c5b5e;
									}

										ul#blognav li ul li a,
										ul#blognav li.active ul li a {
											display: inline;
											font-weight: normal;
											background-image: none;
										}

										ul#blognav li ul li a:hover {
											background: none;
											color: #5c5b5e;
										}

										ul#blognav li.active ul li a:hover {
											color: #bcb9bd;
										}

		div#right {
			float: left;
			width: 81px;
		}


/*************** MAIN (CONTACT) ***************************************/

	div#center.contactPage {
		padding-bottom: 81px;
	}

				div#center div.left .content p.contactInfo {
					margin-bottom: 16px;
					font-weight: bold;
					line-height: 20px;
				}

					div#center div.left .content p.contactInfo span.prefix {
						margin-right: 7px;
					}

					div#center div.left .content p.contactInfo a { color: #5c5b5e; }
					div#center div.left .content p.contactInfo a:hover { color: #bcb9bd; }

		div#center #contentFooter {
			position: absolute;
			bottom: 12px;
			left: 0;
			width: 726px;
			height: 69px;
			background-color: #d0cfd1;
			float: left;
		}

	ul#blognav li.contactPage a {
		color: #ffffff;
		background-color: inherit;
	}

	#formContact {
		margin-top: 10px;
	}
		div#center div.left .content #formContact div.left {
			float: left;
			width: 70px;
		}

		 #formContact .row{
			float: left;
			width: 345px;
			margin-bottom: 5px;
		}

			#formContact div.left label {
				display: block;
				padding-top: 3px;
				height: 18px;
			}

		div#center div.left .content #formContact div.right {
			float: left;
			width: 270px;
		}

			#formContact div.right textarea {
				overflow: auto;
				max-width: 279px;
				max-height: 300px;
			}


/*************** MAIN (BLOGENTRY) *************************************/

	div#center div#pagenavblog {
		position: absolute;
		bottom: 19px;
		left: -66px;
		width: 232px;
		height: 22px;
	}

	div#pagenavblog div.arrows {
			float: left;
			padding: 2px 0 2px 6px;
			width: 60px;
			background-image: url('../img/bg-pagenav.gif');
			background-repeat: no-repeat;
		}

		div#pagenavblog div.arrows img {
			display: block;
			float: left;
			width: 18px;
			height: 18px;
		}

		div#pagenavblog div.arrows a {
			display: block;
			float: left;
			width: 20px;
			height: 20px;
		}

		div#center div.left .content #sendfriend {
			float: left;
			margin-top: 15px;
			width: 349px;
		}

		#sendfriend a {
			float: right;
			padding-left: 18px;
			width: auto;
			color: #e24376;
			background-image: url('../img/icon/sendfriend.gif');
			background-repeat: no-repeat;
			background-position: left center;
		}
		#sendfriend a.active {
			color: #9b4549;
			background-image: url('../img/icon/sendfriend-open.gif');
			background-repeat: no-repeat;
			background-position: left center;
		}

		#sendfriend a:hover {
			color: #9b4549;
		}

		#sendfriend form {
			display: none;
			float: left;
			width: 349px;
		}

				#sendfriend form fieldset h2 {
					margin-bottom: 10px;
				}

				#sendfriend form fieldset div.left {
					position: relative;
					z-index: 66;
					float: left;
					margin-bottom: 5px;
					width: 174px;
				}

				#sendfriend form fieldset div.right {
					position: relative;
					z-index: 65;
					float: right;
					margin-bottom: 5px;
					width: 174px;
					text-align: right;
				}

				#sendfriend form fieldset label {
					position: absolute;
					z-index: 67;
					margin: 5px 5px 0 4px;
					font-size: 120%;
					color: #bcb9bd;
				}

					#sendfriend form fieldset div.right label {
						margin-left: 10px;
					}

				#sendfriend form fieldset input.textbox {
					position: relative;
					z-index: 66;
					width: 160px;
				}




/*************** MAIN (BLOG ARCHIVE) **********************************/

			div#center div.left .content ul#archivenav1 {
				margin-top: 6px;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin-left:0px;
				display:block;
			}
			div#center div.left .content ul#archivenav2 {
				margin-top: 6px;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin-left:0px;
				display:none;
			}

				ul#archivenav1 li, ul#archivenav2 li {
					margin-bottom:20px;
				}

					div#center div.left .content ul#archivenav1 li a, div#center div.left .content ul#archivenav2 li a {
						display: block;
						padding: 0px;
						font-size: 100%;
						font-weight: bold;
						text-transform: uppercase;
						text-decoration:none;
						width: 349px;
						color: #727273;
					}

					div#center div.left .content ul#archivenav1 li a:hover, div#center div.left .content ul#archivenav2 li a:hover {
						color: #a2a1a2;
					}

						ul#archivenav1 li a span.left, ul#archivenav2 li a span.left {
							margin-right: 15px;
							float:left;
							width:40px;
						}
						ul#archivenav1 li a div.right, ul#archivenav2 li a div.right {
							float:left;
							width:280px;
							margin-bottom:10px;
						}

	div#center div#pagenav {
		position: absolute;
		bottom: 19px;
		left: -66px;
		width: 432px;
		height: 22px;
	}


		div#pagenav div.pages {
			float: right;
			width: auto;
			height: 22px;
			font-size: 110%;
			font-weight: bold;
		}

			div#center div.left .content div#pagenav div.pages ul {
				float: right;
				width: auto;
				height: 22px;
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;

			}

				div#center div.left .content div#pagenav div.pages ul li {
					float: left;
					width: auto;
				}

					div#center div.left .content div#pagenav div.pages ul li a {
						float: left;
						padding: 4px 6px;
						width: auto;
					}

					div#center div.left .content div#pagenav div.pages ul li.active a {
						color: #e24376;
					}

			div#center div.left .content div#pagenav div.pages span {
				float: right;
				margin-left: 30px;
				padding: 4px 0;
				width: auto;
			}


/*************** SITEMAP ***********************************************/
ul.sitemap {
	list-style-type: circle;
	margin-left: 14px;
}
.sitemap  a {
	text-decoration: underline;
}



/*************** BOTTOM ***********************************************/

	#bottom {
		display: inline;
		float: left;
		margin-left: 52px;
		width: 750px;
		background-image: url('../img/bg-footer.gif');
		background-repeat: repeat-x;
		background-position: 66px 0;
		margin-top: 2px;
	}

		ul#footernav {
			float: right;
			padding: 8px 0;
			width: auto;
		}

			ul#footernav li {
				float: left;
				margin-left: 24px;
				width: auto;
			}

				ul#footernav li a {
					font-size: 100%;
					color: #bcb9bd;
				}

				ul#footernav li a:hover {
					color: #ffffff;
					background-color: inherit;
				}


/*************** MISC *************************************************/

	div.clearer {
		clear: both;
	}

	img#colourcode {
		position: absolute;
		bottom: 21px;
		left: -50px;
	}

	.inputElement {
		padding: 3px;
		font-family: Arial, Helvetica;
		font-size: 120%;
		color: #5c5b5e;
		border: 1px solid #bcb9bd;
	}

	input.textbox {
		width: 200px;
	}

	textarea.textarea {
		width: 270px;
		height: 90px;
	}

	input.button {
		padding: 1px 15px 2px 8px;
		font-size: 110%;
		font-weight: bold;
		color: #e24376;
		border: 1px #b1b1b2 solid;
		padding-right:15px;

	}

	input.required {
		width: 185px;
		background-image: url('../img/icon/val-required.png');
		background-repeat: no-repeat;
		background-position: right center;
	}

	textarea.required {
		padding-right: 15px;
		width: 255px;
		background-image: url('../img/icon/val-required.png');
		background-repeat: no-repeat;
		background-position: right top;
	}

	.smallTxt {
		font-size: 90%;
	}

	.lowercase {
		text-transform: none;
	}


/*************** CMS *************************************************/



body.content_CMS {
	background: white;
}
.content_CMS p img {
	margin: 0px;
	padding: 0px;
}
.content_CMS p {
	margin: 8px 0;
	padding: 0px;
	line-height: 18px;
}

#content_CMS_imgtop p{margin: 0px; padding: 0px}