@CHARSET "ISO-8859-1";

/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,h5,p,ul,li,hr,form,input,hr,label,textarea {
		margin: 0;
		padding: 0;
		border: 0;
		text-decoration:none;
		list-style-type: none;
		}

/*******( Helpers )***************/

	.spacer {
		clear: both;
		}

/*******( Typography )************/

	body, input, select, td, th, textarea {
		font-family: Helvetica, Arial;
		font-size: 13px;
		color: #5e5e60;
		}
		
	h1 {
		color: #000;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 2px dotted #4a4a4a;
		font-family: Georgia;		
		}

	h2 {
		color: #000;
		font-size: 16px;
		font-weight: bold;
		font-family: Georgia;
		}

/*******( Structure )*************/

	body {
		margin: 50px 0px 30px 60px;
		background-color: #fff;
		text-align: left;
		}
		#wrapper {
			text-align: left;
			width: 905px;
			background-color: #fff;
			}
			#container {
				}
				#header {
					height: 166px;
					position: relative;
					margin-left: 20px;
					}
					#logoanim {
						position: absolute;
						top: 10px;
						left: 0px;
						}
					#menu {
						position: absolute;
						left: 234px;
						*left: 247px;
						top: 28px;
						}
					#nieuwsbrief {
						width:	260px;
						font-family: Georgia;
						font-weight: bold;
						font-size: 14px;
						color: #000;
						text-align: right;
						position: absolute;
						right: 44px;
						bottom: 10px;	
						}
						#nieuwsbrief a.ja {
							color: #5fa741;
							}
						#nieuwsbrief a.nee {
							color: #c11b27;
							}
				#left {
					}
				#content {
					padding-top: 0px;
					padding-bottom:0px;
					float: left;
					width: 650px;
					position: relative;
					}
					#content .inner {
						margin-left: 20px;
						margin-bottom: 20px;
						}
					#content .upBackground {
						height:	15px;
						}
					#content .downBackground {
						}						


/*******( Menu )******************/

	#menu .kolommen {
		}
		#menu .kolommen .kolom {
			margin-right: 10px;
			float:	left;
			width:	100px;
			padding-left: 4px;
			}
			#menu .kolommen .kolom1 {
				width:	208px;
				}
			#menu .kolommen .kolom2 {
				width:	175px;
				}				
			.menuitems a {
				outline: none;
				width: 175px;
				height:	30px;
				display: block;
				border: 0px;				
				position: relative;
				font-family: arial;
				font-weight: bold;			
				font-size: 12px;
				color: #36a6e8;			
				letter-spacing: 1px;
				}
				.menuitems a:hover {
					color: #c11b27;
					}
				#left .menuitems a.active {
					color: #c11b27;
					}
					.menuitems a span {
						display: block;
						width: 19px;
						height: 23px;
						position: absolute;
						left: -27px;
						bottom: -5px;
						background: url(/img/slashmenu.gif) no-repeat bottom left;
						}

/*******( Content )***************/

	body.bgcolor_gray #content {
		background-color: #939393;
		color: #fff;
		}
		body.bgcolor_gray #content .upBackground {
			background: #939393 url(/img/contentUpperBg.gif) repeat-x top;
			}
		body.bgcolor_gray #content .downBackground {
			background: #939393 url(/img/contentDownBg.gif) repeat-x bottom;
			height:	15px;
			}
		body.bgcolor_gray #content .dotted_line {
			border-bottom: 2px dotted #4a4a4a; 
			}
			
	body.bgcolor_white {
		background-color: #fff;
		color: #333;
		} 
		body.bgcolor_white #content .upBackground {
			height: 7px;
			}
		body.bgcolor_white #content .inner {
			margin: 0px;
			}
		

/*******( content )************/

	.head {
		font-weight: normal;
		text-transform: uppercase;
		}
		.head h1 {
			color: #c11b27;
			font-weight: normal;
			font-style: italic;
			padding-bottom: 12px;
			text-transform: uppercase;
			padding: 10px;
			}
			.head h1.nieuwsflits {
				font-weight: bold;
				text-transform: none;
				}
	.inleiding {
		padding: 10px;
		border-bottom: 2px dotted #4a4a4a;
		font-family: Georgia;
		line-height: 24px;
		}
	.item {
		border-bottom: 2px dotted #4a4a4a;
		}
		.item h2 {
			border-bottom: 2px dotted #4a4a4a;
			color: #fff;
			font-style: italic;
			font-weight: normal;
			padding: 10px;
			font-size: 17px;
			}
		.item_first h2 {
			}
		.item .image {
			width: 260px;
			float: left;
			margin: 15px 0px;
			margin-left: 10px;
			}
			.item .image .imageplaceholder {
				width: 260px;
				height: 186px;
				background-color: #bbb;
				}
		.item .text {
			width: 300px;
			float: left;
			color: #000;
			margin: 20px;
			line-height: 18px;
			}
			.item .text a {
				color: #fff;
				font-family: Georgia;
				font-style: italic;
				font-size: 12px;
				}
		.fulltext {
			color: #fff;
			padding: 10px;
			line-height: 24px;
			border-bottom: 2px dotted #4a4a4a;
			font-family: georgia;
			}
			.fulltext p {
				margin-bottom: 10px;
				}
			.fulltext a {
				color: #000;
				}

/*******( Arrangementen detail )**********/

	.arrangementendetail .head h1 {
		color: #000;
		font-size: 17px;
		padding: 0px;
		margin: 0px;
		border-top: 2px dotted #888;
		border-bottom: 2px dotted #888;
		margin-bottom: 10px;
		padding: 8px 0px;
		text-transform: none;
		}
		.photobar {
			border-bottom: 2px dotted #888;
			padding-bottom: 14px;
			padding-top: 4px;
			}
			.photobar .photo {
				float: left;
				width: 366px;
				margin-right: 10px;
				}
				.photobar .photo .imageplaceholder {
					width: 310px;
					height: 220px;
					background-color: #eee;
					}
			.photobar .photonav {
				float: left;
				width: 270px;
				margin-left: 4px;
				}
				.photobar .photonav .images {
					overflow: hidden;
					width: 270px;
					}
					.photobar .photonav .images .photocontainer {
						width: 8000px;
						}
					.photobar .photonav .image {
						margin-right: 10px;
						width: 130px;
						height: 100px;
						float: left;
						background-color: #ccc;
						}
					.photobar .photonav img {
						cursor: pointer;
						}
					.photobar .photonav .imageplaceholder {
						width: 130px;
						height: 100px;
						}
				.photonav .navigation {
					margin-top: 10px;
					padding-top: 10px;
					border-top: 2px dotted #888;
					text-align: center;
					font-family: georgia;
					}
					.photonav .navigation a {
						color: #444;
						}
						a#photonav_left {
							margin-right: 10px;
							margin-left: 10px;
							}
		.arrangementendetail .kolommen {
			border-bottom: 2px dotted #888;
			padding-bottom: 10px;
			font-size: 12px;
			line-height: 18px;
			}
			.arrangementendetail .text {
				margin: 10px 0px 0px 0px;
				}
			.arrangementendetail .kolom1 {
				width: 364px;
				margin-right: 14px;
				float: left;
				line-height: 18px;
				margin-top: 10px;
				}
			.arrangementendetail .kolom2 {
				width: 270px;
				float: right;
				}
				.arrangementendetail ul.kenmerken {
					font-family: georgia;
					font-size: 13px;
					margin-bottom: 35px;
					}
					.arrangementendetail ul.kenmerken li {
						border-bottom: 2px dotted #888;
						padding: 15px 0px;
						font-style: italic;
						}

/*******( left )***************/
	
	#left {
		width: 212px;
		float: left;
		margin-right: 20px;
		margin-top: 50px;
		}
		#left .menuitems {
			margin-left: 25px;
			}
	#left .subMenu {
		margin-top: 40px;
		font-family: Georgia;
		font-style: italic;			
		}
		#left .subMenu a {
			}
			#left .subMenu div {
				}
				#left .subMenu .line {
					margin: 20px 0px;
					border: 0px;
					}
				#left .subMenu div.redLine {
					border-bottom: 6px solid #c12529;
					}
				#left .subMenu div.greenLine {
					border-bottom: 5px solid #60a842;
					}
				#left .subMenu div.blueLine {
					border-bottom: 4px solid #36a7e9;
					}	
				#left .subMenu div.yellowLine {
					border-bottom: 3px solid #f7f411;
					}	
				#left .subMenu div.violetLine {
					border-bottom: 2px solid #c10077;
					}

			#left a.title {
				font-weight: bold;
				font-size: 14px;
				color: #000;
				display: block;
				}
				#left .blok {
					margin-top: 20px;
					line-height: 21px;
					font-size: 12px;
					}
					#left .blok p {
						margin-bottom: 10px;
						}
					#left .blok a {
						color: #000;
						}
						#left .blok a:hover {
							color: #555;
							}

			#left #div_direct_advies a:hover {
				text-decoration: underline;
				color: #000;
				}

			#div_leuke_actie {
				}
			#left a#leuke_actie {
				}
				#left #div_leuke_actie a {
					color: #555;
					}
					#left #div_leuke_actie a:hover {
						color: #C12529;
						}
			#left a#agenda {
				}
				#left #div_agenda strong {
					font-weight: normal;
					color: #000;
					}
				#left #div_agenda a {
					color: #60A842;
					}
					#left #div_agenda a:hover {
						text-decoration: underline;
						}
			#left a#mail_deze {
				}
			#left a#links {
				}
				#left #div_links a:hover {
					color: #f7f411;
					}
				#left #div_links a:hover {
					color: #f7f411;
					}
			#left a#colofon {
				}
				#left #div_colofon a {
					font-weight: bold;
					}
					#left #div_colofon a:hover {
						color: #C10077;
						}

/*******( Tell-a-friend )**************/

	#tellafriend {
		}
		#tellafriend_feedback {
			color: #36A7E9;
			}
			.left_arrangementen #tellafriend_feedback {
				color: #60A842;
				}
		#tellafriend p {
			position: relative;
			}
			#tellafriend p strong {
				color: #000;
				font-weight: normal;
				}
			#tellafriend label {
				display: block;
				width: 40px;
				float: left;
				line-height: 1em;
				padding-top: 1px;
				}
			#tellafriend input.text {
				border-bottom: 2px dotted #ebebeb;
				float: left;
				width: 150px;
				margin-left: 8px;
				color: #222;
				font-family: georgia;
				font-style: normal;
				}
			#tellafriend textarea {
				width: 198px;
				height: 80px;
				margin-top: 5px;
				background-color: #fff;
				border: 1px solid #ebebeb;
				color: #222;
				font-family: georgia;
				}
			#tellafriend input.submit {
				color: #36A7E9;
				background-color: #fff;
				padding: 0;
				margin: 0;
				border: 0;
				cursor: pointer;
				font-family: georgia;
				}
				.left_arrangementen #tellafriend input.submit {
					color: #60A842;
					}


		#tellafriend .errMsg {
			clear: both;
			display: block;
			color: #fff;
			background-color: #36A7E9;
			font-size: 9px;
			line-height: 10px;
			margin: 0 auto;
			width: 120px;
			}
			.left_arrangementen #tellafriend .errMsg {
				background-color: #60A842;
				}
			
/*******( Reactieform )****************/

	#reactieform p {
		margin-bottom: 4px;
		}
		#reactieform label {
			float: left;
			width: 120px;
			}
		#reactieform input.text {
			float: left;
			width: 160px;
			}
		#reactieform textarea {
			width: 160px;
			}
		#reactieform input.submit {
			background-color: transparent;
			color: #fff;
			display: inline;
			cursor: pointer;
			margin-left: 120px;
			}


/*******( Footermenu )*****************/
	#printfooter {
		display: none;
		}
	.footermenu {
		border-bottom: 2px dotted #4a4a4a;
		font-family: Georgia;
		font-style: italic;
		color: #fff;
		font-size: 12px;
		padding: 10px;
		text-align: left;
		}
		.bgcolor_white .footermenu {
			padding: 10px 0px;
			}
		.footermenu label {
			margin-right: 20px;
			}
		.footermenu a {
			color: #fff;
			}
			.footermenu a:hover {
				color: #C11B27;
				}
		.footermenu .prev {
			width: 100px;
			float: left;
			text-align: left;
			}
		.footermenu .middle {
			width: 450px;
			float: left;
			text-align: center;
			}
		.footermenu .next {
			width: 100px;
			float: right;
			text-align: right;
			}
	body.bgcolor_white .footermenu {
		color: #333;
		}
		body.bgcolor_white .footermenu a {
			color: #333;
			}
			body.bgcolor_white .footermenu a:hover {
				color: #C11B27;
				}

	.pagination {
		border-bottom: 2px dotted #4a4a4a;
		font-family: Georgia;
		font-style: italic;
		color: #555;
		font-size: 12px;
		padding: 10px 0px;
		text-align: center;
		}
		.pagination a {
			color: #fff;
			}
			.pagination a:hover {
				color: #C11B27;
				}
				
/*******( Arrangementen overview )*****/

	#arrangementen .itemFrame {
		}
		#arrangementen .itemFrame .title {
			font-size: 20px;
			font-family: Georgia;
			font-style:italic;		
			border-bottom: 2px dotted #4a4a4a; 
			}	

/*******( Nieuwsbrief AAN/UIT )**************/

	#nieuwsbriefforms {
		background-color: #fff;
		width: 210px;
		position: absolute;
		right: 0px;
		top: 10px;
		font-family: Georgia;
		color: #fff;
		font-style: italic;
		font-size: 12px;
		line-height: 18px;
		z-index: 10;
		}
		#nieuwsbriefforms p {
			padding: 5px 10px;
			height: 36px;
			}
			#nieuwsbriefforms p.line {
				border-bottom: 1px dotted #fff;
				}
			#nieuwsbriefforms label {
				margin-top: 10px;
				float: left;
				margin-right: 10px;
				}
			#nieuwsbriefforms input.text {
				margin-top: 10px;
				background-color: transparent;
				background-color: #fff;
				float: right;
				width: 100px;
				color: #000;
				font-weight: bold;
				font-style: normal;
				padding-left: 2px;
				}
			#nieuwsbriefforms input.submit {
				margin-top: 10px;
				color: #fff;
				cursor: pointer;
				font-family: georgia;
				}
			#nieuwsbriefforms .errMsg {
				display: none;
				}
			#nieuwsbriefforms input.errFld {
				background-color: #fff;
				color: #f00;
				}
				

	#nieuwsbrief_aanmelden {
		background-color: #60A842;
		}
		#nieuwsbrief_aanmelden input.text {
			background-color: #a0cb8e;
			}
		#nieuwsbrief_aanmelden input.submit {
			background-color: #60A842;
			}
	#nieuwsbrief_afmelden {
		background-color: #C12529;
		}
		#nieuwsbrief_afmelden input.text {
			background-color: #da7c7f;
			}
		#nieuwsbrief_afmelden input.submit {
			background-color: #C12529;
			}

/*******( sIFR )******************/

	/*
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

	.sIFR-replaced {
		visibility: visible !important;
		}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
		}

	.sIFR-hasFlash h1 {
		visibility: hidden;
		}
	*/