@charset "UTF-8";

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* GLOBAL STYLE CLASSES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html {
	height:100%;
	padding:0;
	margin:0;
	border:0;
    overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a {
color: #000000;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BACKGROUND */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#background {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CONTENT CONTAINER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container {
	width: 782px;
	margin: 0 auto;
	height: 100%;
	z-index: 2;
	position: relative;
	margin : 0 auto;
}

	#container-logo {
		width: 240px;
		height: 225px;
		float: left;
		margin-right: 27px;
		padding-left: 10px;		
	}
	#container-logo img {
		margin-bottom: 25px;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* NAVIGATION  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#container-menu {
		width: 487px;
		height: 250px;
		float: left;
		overflow: hidden;
		background-position:left bottom;
		*background-position:left 30px;
	}
	
	.sub-menu {
		float: left;
		position: absolute;
		width: 236px;
		height: 167px;
		z-index: 4;
		padding-top: 37px;
	}

	.sub-menu .submenu-button {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		text-decoration: underline;
		line-height: 24px;
		float:left;
		width: 100%;
		margin-left: 32px;
	}
	
	#atelier-button-menu {
		background-position: left 37px;
	}
	#adviezen-button-menu {
		background-position: left 92px;
	}
	#activiteiten-button-menu {
		background-position: left 122px;
	}
	
		#menu-button-holder {
			height: 218px;
			width: 236px;
			float: left;
			margin-top: -16px;
			overflow:visible;
			background-position: left -243px;
		}

		.menu-button-small {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			text-decoration: underline;
			text-transform:uppercase;
			margin-left: 40px;
			margin-top: 24px;
			margin-bottom: 10px;
			margin-right: 30px;
		}
		.menu-button-large:first {
			margin-top: 0px;
		}
		.menu-button-large {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 24px;
			line-height: 30px;
			margin-left: 32px;
			overflow: hidden;
			padding-left: 5px;
		}
		
		.nav-button {
			width: 100%;
		}
		.nav-button a:hover {
			
		}
		li.nav-button {
			width: 100%;
			padding-left: 4px;
			list-style: none outside none;
			*margin-left: -20;
			*padding-left: -20;
			left: -20;
		}
		li.black-hover:hover {
			background-image:url(../interface/button-background-hover.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height: 30px;
			z-index: 4;
		}
		li.black-hover:hover > a {
			color:#FFFFFF;
			text-decoration: none;
		}
			li.nav-button li {
				list-style: none inside none;
			}
			
				li.nav-button ul {
					float: left;
					position: absolute;
					left: 512px;
					*left: 473px;
					width: 194px;
					*width: 211px;
					height: 173px;
					*height: 173px;
					z-index: 4;
					padding-top: 37px;
					*padding-top: 48px;
					*padding-left: 24px;

					list-style: none inside none;
					
					background-position: left bottom;
					background-repeat: no-repeat;
				}
				
					li.nav-button ul li {
						margin-bottom: -5px;
					}
				
					li.nav-button ul a {
						font-size: 18px;
						text-decoration: underline;
						line-height: 12px;

					}
					li.nav-button ul a:hover {
						text-decoration: none;
					}
				
		#menu-search-holder {
			height: 57px;
			width: 195px;
			float: left;
			margin-top: 9px;
			margin-left: 40px;
			position: relative;
		}
		#menu-search-holder .search-small {
			text-transform:uppercase;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			text-decoration: none;
		}	
		#menu-search-field {
			width: 235px;
			height: 30px;
			background-repeat:no-repeat;
			background-position: -25px;
			float: left;
			position: relative;
		}
			#menu-search-field input {
				background-color:transparent;
				border: none;
				height: 17px;
				width: 168px;
				margin-top: 10px;
				position: relative;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size: 11px;
				float: left;
				*margin-left: 0px;
			} 	
			#submit-button {
				float: left;
				margin-top: 13px;
				border: none;
				position: relative;
				left: 176px;
				*left: 0px;
			}
			
		#menu-contact-holder {
			height: 100%;
			width: 195px;
			float: left;
			margin-top: 8px;
			margin-left: 40px;
			position: relative;
		}
				
	#container-content {
		margin-top: 0px;
		padding-top: 33px;
		width: 782px;
		float: left;
		padding-bottom: 25px;
	}
	
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* LEFT CONTAINER */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

		#container-content-left {
			width: 515px;
			position: relative;
			float: left;
		}
			.content-left-header {
				float:				left;
				display:			block;
				clear:				both;
				font-family:		Georgia, "Times New Roman", Times, serif;
				text-transform:		uppercase;
	
				width: 				auto;			
				height:				31px;
				padding-left: 		10px;
				padding-right:		10px;
			}
			#container-content-left a {
				text-decoration: none;
				color: inherit;
			}
			#container-content-left table, #container-content-left li, #container-content-left p, #container-content-left h2, #container-content-left h1, #container-content-left h3 {
				margin-left: 50px;
			}
			
			#container-content-left h2 {
				font-size: 24px;
				clear: both;
				position: relative;
				width: 80%;
				font-weight: normal;
			}
			
			#container-content-left h3 {
				font-family: Georgia, "Times New Roman", Times, serif;
				margin-bottom: -12px;
				font-size: 14px;
			}
			#container-content-left h2 {
				font-family: Georgia, "Times New Roman", Times, serif;
				margin-bottom: -14px;
			}
			#container-content-left h1 {
				font-family: Georgia, "Times New Roman", Times, serif;
				margin-bottom: -14px;
			}
			
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		/* RIGHT CONTAINER */
		/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
			
		#container-content-right {
			float: left;

			margin-left: 38px;
		}
			#container-content-right .content-right-header {
				font-family:Georgia, "Times New Roman", Times, serif;
				text-transform:uppercase;
				height:28px;
				width: 197px;	
				padding-left: 13px;
				background-position: top right;
			}
			#container-content-right img {
				border-top: 4px solid #FFF;
				border-left: 4px solid #FFF;
				border-bottom: 4px solid #FFF;
				margin-bottom: 17px;
			}
			#container-content-right p {
				left: 0px;
			}
			#container-content-right ul {
				width: 195px;
				padding:0;
				margin:0;
				margin-right: 34px;
				margin-bottom: 17px;
				padding-top: 20px;
				padding-bottom: 20px;
				
			}
			#container-content-right ul a {
				text-decoration: none;
			}
			#container-content-right ul a:hover {
				text-decoration: underline;
			}
			#container-content-right li {
				margin-left: 25px;
				line-height: 17px;
			}
			#container-content-right h1 {
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			.img_left {
				float: left;
				margin-right: 10px;
			}
			.img_right {
				float: right;
				margin-left: 10px;
			}
			.agenda_item {
				position: relative;
				float: left;
				width:100%;
				margin-left: 48px;
				margin-top: 0px;
			}
			.agenda_item .agenda_day {
				position:relative;
				float: left;
				padding: 5px;
				background-color: #FFF;
				font-size: 12px;
				width:45px;
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			.agenda_item .h4 {
				font-size: 15px;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				position:relative;
				float:left;
				padding:5px;
				margin-left: 5px;
			}
			
#container-kernwaarden {
	width: 733px;
	height: 98px;
	float: left;
	position: relative;
	margin-left: 15px;
}		
	#content-kernwaarde-footer {
		width: 100%;
		height: 98px;
		float: left;
		position: relative;
		background-repeat: repeat-x;
		background-position: left top;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;
		padding-left: 25px;
		padding-right: 25px;
		
		cursor:pointer;
		cursor:hand;;
	}

#content-kernwaarde-footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	text-transform:none;
	
	margin-bottom: 0px;
	margin-top: 19px;
	margin-left: 0px;
}

#content-footer {
	float: left;
	width: 200px;
	height: 25px;
	margin-top: 18px;
	margin-bottom: 18px;
	margin-left: 36px;
	text-align: center;
	
	padding-top: 5px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#content-footer a {
	text-decoration: none;
}
#content-footer a:hover {
	text-decoration: underline;
}

#container-bandarol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	height: 42px;
	padding-top: 4px;
	padding-left: 37px;
}


.form {
	margin-left: 50px;
	margin-top: 35px;
}

.contact_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	float: left;
	width: 33%;
	margin-bottom: 5px;
	position: static;
}
.contact_value {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	float: left;
	width: 67%;
	margin-bottom: 5px;
	position: static;
}
.contact_value input {
	height: 12px;
	font-size: 11px;
	border: 1px solid #CCC;
}
.contact_value textarea {
	font-size: 11px;
	border: 1px solid #CCC;
}
.contact_value select {
	height: 22px;
	font-size: 11px;
}