@import url("../beheer/css/baseStyle.css");

body {
	padding:0;
	margin:0;
	font-family:"Century Gothic";
	font-size:12px;
	overflow-y:scroll;
	background:#ffffff url('../images/bg_body.jpg') repeat-x;
	}
	#wrap {
		width:1000px;
		height:auto;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-500px;
		}
		#header {
			width:1000px;
			height:191px;
			background:transparent url('../images/bg_header.jpg') no-repeat;
			background-position:0 31px;
			float:left;
			}
			#logo {
				position:absolute;
				top:50px;
				left:35px;
			}
			#logo img {
				border:0;
			}
			#topNavigatieTable {
				float:right;
				margin-top:5px;
				}
				.topmenuitem a {
					color:#fff;
					font-size:13px;
					text-decoration:none;
					padding:0 12px 0 12px;
				}
				.topmenuitem a:hover {
					text-decoration:underline;
				}
				.topmenuitem_active a {
					color:#fff;
					font-weight:bold;
					font-size:13px;
					text-decoration:none;
					padding:0 12px 0 12px;
				}
				.topmenuspacer {
					color:#fff;
					font-size:12px;
			}
			#headernav {
				position:absolute;
				top:136px;
				left:350px;
				}
				.headernavItem {
					background:url('../images/bg_headernav_middle.jpg') repeat-x;
				}
				.headernavItem a {
					width:171px;
					display:block;
					height:40px;					
					font-size:14px;
					font-weight:bold;
					text-decoration:none;
					text-align:center;
					color:#fff;
					padding:15px 10px 0 10px;
				}
				.headernavItemActive a {
					width:171px;
					background:#fff url('../images/bg_headernav_active.jpg') no-repeat;
					background-position:top left;
					display:block;
					height:40px;
					font-size:14px;
					font-weight:bold;
					text-decoration:none;
					text-align:center;
					color:#000;
					padding:15px 10px 0 10px;
			}
			#searchTable {
				position:absolute;
				top:55px;
				right:10px;
				}
				.searchLeft {
					width:11px;
					height:25px;
				}
				.searchMiddle input {
					width:150px;
					height:19px;
					border:0;
					color:#c2c2c2;
					font-size:10px;
					font-family:"Century Gothic";
					padding:6px 0 0 0;
					background:url('../images/bg_search.jpg') repeat-x;
				}
				input.search_submit {
					width:29px;
					height:25px;
					display:block;
					background:url('../images/bg_search_submit.jpg') no-repeat;
					border:0;
					cursor:pointer;
				}
				input.search_submit_hover {
					width:29px;
					height:25px;
					display:block;
					background:url('../images/bg_search_submit_hover.jpg') no-repeat;
					border:0;
					cursor:pointer;
				}
				.searchType {
					padding:10px 0 0 20px;
					color:#fff;
					font-size:11px;
					line-height:15px;
					vertical-align:top;
				}
				.searchType label {
					cursor:pointer;
					padding:0;
					margin:0;
				}
		#left {
			width:319px;
			height:auto;
			position:relative;
			float:left;
			}
			#navigatieTable {
				float:left;
				}
				.menuitem a {
					width:280px;
					height:26px;
					display:block;
					font-family:"Century Gothic";
					font-size:14px;
					font-weight:bold;
					color:#ffffff;
					padding:4px 10px 0 10px;
					margin:4px 0 0 0;
					text-decoration:none;					
					background:url('../images/bg_menuitem.jpg');
				}
				.menuitem a:hover {
					background:url('../images/bg_menuitem_hover.jpg');
				}
				.menuitemActive a {
					width:280px;
					height:26px;
					display:block;
					font-family:"Century Gothic";
					font-size:14px;
					font-weight:bold;
					color:#000;
					padding:4px 10px 0 10px;
					margin:4px 0 0 0;
					text-decoration:none;
					background:url('../images/bg_menuitem_hover.jpg');
				}
			#eventSearch {
				width:300px;
				float:left;
				margin-top:10px;
				}
				.tableHeaderYear {
					height:23px;
					font-size:18px;
					font-weight:bold;
					color:#de0000;
					text-align:center;
					padding:9px 0 9px 0;
					border-top:1px solid #f9cccc;
					}
					.tableHeaderYearLeft {
						height:23px;
						padding:9px 0 9px 0;
						border-top:1px solid #f9cccc;
						text-align:right;
						}
						.tableHeaderYearLeft img {
							border:0;
						}
						.prevyear {
							width:11px;
							height:19px;
							background:url('../images/arrow_prev.gif') no-repeat;
							float:right;
						}
						.prevyear:hover {
							background:url('../images/arrow_prev_hover.gif') no-repeat;
						}
					.tableHeaderYearRight {
						height:23px;
						padding:9px 0 9px 0;
						border-top:1px solid #f9cccc;
						text-align:left;
						}
						.tableHeaderYearRight img {
							border:0;
						}
						.nextyear {
							width:11px;
							height:19px;
							background:url('../images/arrow_next.gif') no-repeat;
							float:left;
						}
						.nextyear:hover {
							background:url('../images/arrow_next_hover.gif') no-repeat;
						}
					#calendarWait {
						display:none;
					}
					.calendarSubmit {
						width:auto;
						height:48px;
						background:url('../images/bg_calendarSubmit.jpg') repeat-x;
						text-align:right;

					}
					input.submitbutton {
						width:102px;
						height:36px;
						background:url('../images/bg_submit.png') no-repeat;
						color:#fff;
						font-weight:bold;
						font-size:12px;
						text-decoration:none;
						text-align:center;
						border:0;
						padding:0;
						cursor:pointer;
					}
					input.submitbutton_hover {
						width:102px;
						height:36px;
						background:url('../images/bg_submit_hover.png') no-repeat;
						color:#fff;
						font-weight:bold;
						font-size:12px;
						text-decoration:none;
						text-align:center;
						border:0;
						padding:0;
						cursor:pointer;
					}
					a.bekijkalles {
						width:161px;
						height:29px;
						display:block;
						background:url('../images/bg_submit_large.png') no-repeat;
						color:#fff;
						font-weight:bold;
						font-size:11px;
						text-decoration:none;
						text-align:center;
						border:0;
						padding:9px 0 0 0;
						cursor:pointer;
						float:right;
					}
					a.bekijkalles:hover {
						background:url('../images/bg_submit_large_hover.png') no-repeat;
					}
				.eventMonthContainer {
					width:25px;
					}
					.eventMonth {
						width:25px;
						background:#d8d8d8;
						color:#000;
						font-weight:bold;
						font-size:10px;
						text-align:center;
					}
					.eventAmount {
						width:25px;
						height:20px;
						color:#ffffff;
						font-weight:bold;
						font-size:10px;
						text-align:center;
					}
					.eventMonthCheck {
						width:25px;
						height:16px;
						vertical-align:top;
						text-align:center;
						padding:9px 0 0 0;
						background:#fff url('../images/bg_eventMonthCheck.jpg') repeat-x;
		}
		#right {
			width:681px;
			height:auto;
			position:relative;
			float:right;
			}
			#content_middle {
				width:659px;
				height:auto;
				min-height:150px;
				vertical-align:top;
				border-right:1px solid #f19998;
				border-left:1px solid #f19998;
				padding:0 10px 0 10px;
				font-size:12px;
				line-height:1.5em;
				}
				#content_middle_home {
					width:659px;
					height:auto;
					background:url('../images/bg_home.jpg') no-repeat;
					background-position:0 70px;
					vertical-align:top;
					border-right:1px solid #f19998;
					border-left:1px solid #f19998;
					padding:0 10px 0 10px;
					font-size:12px;
					line-height:1.5em;
				}				
				.pageHeader {
					height:23px;
					font-size:18px;
					font-weight:bold;
					color:#de0000;
					text-align:center;
					padding:9px 0 9px 0;
					border-top:1px solid #f9cccc;
				}
				.pageHeaderContent {
					height:23px;
					font-size:18px;
					font-weight:bold;
					color:#de0000;
					text-align:center;
					padding:9px 0 9px 0;
				}
				.pageHeaderContentHome {
					height:23px;
					font-size:30px;
					font-weight:bold;
					color:#378be1;
					text-align:center;
					padding:9px 0 9px 0;
				}
				#content_middle a {
					color:#007eff;
					text-decoration:none;
				}
				#content_middle a:hover {
					color:#64b1ff;
				}
				#content {
					float:left;
					padding:0 45px 0 0;
					position:relative;
				}
				#containerCalendarHome {
					float:left;
					padding:260px 0 0 20px;
				}
				.tableHeader {
					font-size:18px;
					font-weight:bold;
					padding:0 0 5px 0;
					color:#de0000;
				}
				.calendaritemImage {
					width:62px;
					height:62px;
					border-top:1px solid #aeaeae;
					border-bottom:1px solid #aeaeae;
					border-left:1px solid #aeaeae;
				}
				.calendaritemImage img {
					width:62px;
					border:0;
				}
				.calendaritemDate {
					width:286px;
					height:18px;
					color:#000;
					padding:0 0 0 5px;
					vertical-align:top;
					font-weight:bold;
					border-top:1px solid #aeaeae;
				}
				.calendarItemName {
					width:286px;
					height:44px;
					color:#007eff;
					vertical-align:top;
					padding:0 0 0 5px;
					font-size:15px;	
					border-bottom:1px solid #aeaeae;
				}
				.calendaritemViewarrow {
					width:37px;
					height:40px;
					padding:10px 5px 10px 0;
					border-top:1px solid #aeaeae;
					border-bottom:1px solid #aeaeae;
					border-right:1px solid #aeaeae;
				}
				.calendaritemViewarrow img {
					border:0;
				}
				.calendarItemView {
					text-align:right;
					background:url('../images/bg_calendarItemView.gif') no-repeat;
					background-position:top right;
					padding:0 15px 10px 0;
					vertical-align:top;
					line-height:13px;
				}
				.calendarItemView a {
					font-size:9px;
					color:#007eff;
					float:right;
					text-decoration:none;
				}
				.calendarItemView a:hover {
					color:#5eaeff;
				}
				.containerAlbum {
					padding:0 10px 10px 0;
					vertical-align:bottom;
				}
				.containerImage {
					padding:0 10px 10px 0;
				}
				.containerImage img, .containerAlbum img {
					border:2px solid #d20000;
				}
				#rightContainer {
					width:220px;
					float:right;
					margin-right:-11px;
				}
				#rightNav {
					position:absolute;
					top: 20px;
					right:0;
				}
				#rightNavMiddle {
					height:100px;
					background:#fff;
					border-left:1px solid #ef9494;
				}
				#actueel {
					float:left;
					margin-top:125px;
				}
				#actueelMiddleContainer {
					width:211px;
					height:auto;
					background:#f6f6f6;
					border-left:1px solid #c6c6c6;
					border-right:1px solid #c6c6c6;
				}
				#actueelMiddle {
					width:205px;
					height:auto;
					float:left;
					position:relative;
					padding:0 3px 0 3px;
					}
					.newsHeader {
						font-weight:bold;
						font-size:12px;
						padding:0 0 5px 0;
						color:#e00000;
					}
					.newsDate {
						width:100%;
						font-weight:bold;
						font-size:10px;
						color:#315d8a;
						padding:0;
						border-bottom:1px solid #d7d7d7;
					}
					a.newsName {
						display:block;
						font-size:11px;
						color:#007eff;
						text-decoration:underline;
						padding:3px 0 0 0;
					}
					a.newsName:hover {
						color:#64b1ff;
				}
				#contactForm {
					float:left;
				}
				.form_input {
					padding:0 0 0 5px;
				}
				.form_input input {
					width:150px;
					height:18px;
					background:#ffffff;
					border:1px solid #df0001;
				}
				.form_input textarea {
					width:150px;
					height:100px;
					background:#ffffff;
					border:1px solid #df0001;
				}

				.form_label_submit {
					padding:5px 0 0 5px;
				}
				.form_label_submit input {
					width:120px;
					height:20px;
					font-weight:bold;
					text-align:center;
					background:#fff;
					cursor:pointer;
					border:1px solid #df0001;
					color:#000;
				}
				#googleMaps {
					float:right;
					text-align:right;
					margin-top:2px;
					padding:0 0 0 15px;					
				}
				#googleMaps iframe {
					border:1px solid #df0001					
				}
		#main {
			width:1000px;
			height:auto;
			float:left;
			padding:10px 0 0 0;
	}
	#footer {
		width:1000px;
		float:left;
		text-align:right;
		color:#1e87e9;
		margin-top:15px;
		font-size:10px;		
		padding:0 0 20px 0;
		}
		#contactInfo {
			float:right;
		}
		#realisatie {
			float:left;
		}
		#realisatie a {
			color:#1e87e9;
			text-decoration:none;
		}
		#realisatie a:hover {
			color:#60acf4;
			text-decoration:underline;
		}