/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 76%;
	background-image: url('../images/filler.png');
	background-position: top;
	background-repeat: repeat-x;
}


#box {
	float: left;
	width: 1000px;
}

	#box_left {
		float: left;
		width: 252px;
		position: relative;
		display: none;	
	}

	#topleft_slideshow {
		float: left;
		margin: 35px 0px 0px 125px;
		width: 127px;
		height: 127px;
		overflow: hidden;
		display: none;
	}


	#topleft {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 252px;
		height: 162px;
		background-image: url('../images/topleft.png');
		z-index: 3000;
		display: none;
	}
	
		#logo {
			float: left;
			margin: 10px 0px 0px 22px;
			width: 81px;
			height: 99px;
		}
	
	#header {
		float: left;
		width: 748px;
		height: 108px;
		background-image: url('../images/head_hor.png');
		background-position: top;
		background-repeat: no-repeat;
		display: none;
	}
	
		#header p {
			margin: 10px;
			height: 30px;
			color: #FFF;
			text-align: right;
		}
			#header p a {
				color: #FFF;
			}
	
		#header ul#main {
			float: left;
			margin: 36px 0px 0px 0px;
			width: 748px;
			padding: 2px 0px 2px 0px;
			height: 18px;
			background-image: url('../images/hormenu_bg.png');
		}

		#header ul ul {
			position: absolute;
			display: none;
			background: #fcead7;
			border: 1px solid #f28e18;
			padding: 4px;
			z-index: 15;
			top: 106px;
			left: 250px;
			text-align: left;
			margin: 2px 0px 0px 5px;
			width: 260px;
		}

		#header ul ul li a {
			color: #3a2870;
			padding: 0px 20px 0px 22px;
		}

		#header ul ul li a#active {
			padding: 0px 20px 0px 22px;
			color: #ffa920;
			display: block;
			text-decoration: none;
			background-image: url('../images/bullet.png');
			background-repeat: no-repeat;
			background-position: left;
		}
		
		#header ul li {
			float: left;
			line-height: 18px;
		}

		#header ul ul li {
			float: left;
			width: 260px;
			line-height: 18px;
		}

		
		#header ul li a {
			color: #FFF;
			padding: 0px 12px 0px 12px;
		}
		
		#header ul li.right {
			float: right;
			line-height: 18px;
		}
		
		#zoekform input[type=text] {
			height: 14px;
			padding: 1px;
			border: 1px solid #000;
			width: 100px;
		}
		
		#zoekform input[type=submit] {
			height: 18px;
			padding: 1px 8px 1px 8px;
			border: 1px solid #000;
			color: #ffa920;
			background-color: #FFF;
		}

	#spacer {
		float: left;
		width: 747px;
		height: 28px;
		border-right: 1px solid #ffa920;
	}
	
		#spacer ul {
			
		}

		
	#left {
		float: left;
		width: 242px;
		padding: 0px 10px 0px 0px;
		min-height: 460px;
		background-image: url('../images/left_bg.png');
		background-position: top;
		background-repeat: no-repeat;
		display: none;		
	}
	
		#left ul#list1 {
			float: left;
			text-align: left;
		}
		
		#left ul#list1 li {
			width: 234px;
			margin: 4px;
		}
		
		#left ul#list1 li a {
			padding: 4px 20px 4px 22px;
			color: #3a2870;
			display: block;
			font-weight: bold;
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
		}
	
		#left ul#list1 li a:hover {
			padding: 4px 20px 4px 22px;
			color: #ffa920;
			font-weight: bold;
			display: block;
			border-top: 1px solid #ffa920;
			border-bottom: 1px solid #ffa920;
			text-decoration: none;
			background-image: url('../images/bullet.png');
			background-repeat: no-repeat;
			background-position: left;
		}
		
		#left ul#list1 li a.download:hover {
			padding: 4px 20px 4px 22px;
			color: #ffa920;
			font-weight: bold;
			display: block;
			border-top: 1px solid #ffa920;
			border-bottom: 1px solid #ffa920;
			text-decoration: none;
			background-image: url('../images/bullet_download.png');
			background-repeat: no-repeat;
			background-position: left;
		}
		
		#left ul#list1 li a#active {
			padding: 4px 20px 4px 22px;
			color: #ffa920;
			font-weight: bold;
			display: block;
			border-top: 1px solid #ffa920;
			border-bottom: 1px solid #ffa920;
			text-decoration: none;
			background-image: url('../images/bullet.png');
			background-repeat: no-repeat;
			background-position: left;
		}
		
		#left ul#list1 ul {
			position: absolute;
			display: none;
			background-color: #fcead7;
			border: 1px solid #f28e18;
			padding: 4px;
			z-index: 15;
			text-align: left;
			margin: -24px 0px 0px 190px;
		}
		
		#left ul#list2 li {
			width: 212px;
		}
		
		#left ul#list2 li a {
			padding: 4px 0px 4px 22px;
			color: #3a2870;
			display: block;
			border: 0px;
			font-weight: normal;
		}
		
		#left ul#list2 li a:hover {
			padding: 4px 0px 4px 22px;
			color: #ffa920;
			display: block;
			border: 0px;
			font-weight: normal;
			text-decoration: none;
		}
		
		#left ul#list2 li a.download:hover {
			padding: 4px 0px 4px 22px;
			color: #ffa920;
			font-weight: normal;
			display: block;
			border: 0px;
			text-decoration: none;
			background-image: url('../images/bullet_download.png');
			background-repeat: no-repeat;
			background-position: left;
		}

		#left ul#list2 li a#active {
			padding: 4px 0px 4px 22px;
			color: #ffa920;
			display: block;
			border: 0px;
			font-weight: normal;
			text-decoration: none;
			background-image: url('../images/bullet.png');
			background-repeat: no-repeat;
			background-position: left;
		}


	#container {
		float: left;
		text-align: left;
	}
	
		#container h1 {
			font-size: 140%;
			margin: 8px 0px 12px 0px;
			color: #ffa920;
		}
		
			#container h1 span {
				color: #3a2870;
				font-size: 70%;
			}

		#container p {
			font-size: 90%;
			line-height: 160%;
			margin: 12px 0px 12px 0px;
		}

		#container td p {
			margin: 0px;
		}
		
		#container #zoekformext {
			color: #333;
			font-size: 90%;
		}
		
		#container #zoekformext input[type=text] {
			width: 300px;
			padding: 2px;
			border: 1px solid #3a2870;
		}

		#container #zoekformext input[type=submit] {
			width: 140px;
			padding: 2px;
			background-color: #3a2870;
			border: 1px solid black;
			color: #ffa920;
		}
		
		#container ul {
			margin: 12px 0px 12px 0px;
			list-style-type: disc;
			padding: 0px 20px 0px 20px;
		}
		
			#container ul li {
			}
			
		#container ul.treelist {
			margin: 12px 0px 12px 0px;
			list-style-type: none;
			padding: 0px;
		}
		
			#container ul.treelist li a {
				color: #3a2870;
				text-decoration: none; 
				font-size: 90%;
				line-height: 160%;
			}

			#container ul.treelist li a:hover {
				color: #ffa920;
				text-decoration: none; 
				font-size: 90%;
				line-height: 160%;
			}
		
			#container ul.treelist li a.active {
				color: #3a2870;
				font-weight: bold;
				text-decoration: none; 
				font-size: 90%;
				line-height: 160%;
			}

			#container ul.treelist ul {
				margin: 12px 0px 12px 20px;
				list-style-type: none;
				padding: 0px;
			}

		#container ul.verhuurlist {
			margin: 12px 0px 12px 0px;
			list-style-type: none;
			padding: 0px;
		}
		
			#container ul.verhuurlist li a {
				color: #3a2870;
				text-decoration: none; 
			}

			#container ul.verhuurlist li a:hover {
				color: #ffa920;
				text-decoration: none; 
			}
		
			#container ul.verhuurlist li a.active {
				color: #3a2870;
				font-weight: bold;
				text-decoration: none; 
			}
			
			#container ul.verhuurlist p span {
				font-size: 90%;
			}

			#container ul.verhuurlist p {
				margin: 0px;
			}

		#container ul.nieuws {
			float: left;
			width: 570px;
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		
			#container ul.nieuws li {
				float: left;
				width: 570px;
				margin: 0px 10px 0px 0px;
			}
			
			#container ul.nieuws li h1 {
				color: #ffa920;
				font-size: 120%;
				font-weight: bold;
			}
		
			#container ul.nieuws li h1 span {
				color: #3a2870;
				font-size: 70%;
			}

			#container ul.nieuws li p.verder {
				margin: 8px 0px 0px 0px;
			}
			
			#container ul.nieuws li a {
				color: #3a2870;
			}
			
		#container div.blok1 {
			margin: 0px 10px 10px 0px;
			float: left;
			width: 280px;
		}
		
		#container div.blok0 {
			float: left;
			width: 280px;
		}
		
		#container div.blok_personfoto {
			margin: 0px 15px 15px 0px;
			float: left;
			width: 125px;
		}
		
		#container div.blok_personinfo {
			float: left;
			width: 430px;
		}

		#container h2.blok {
			font-size: 110%;
		}
		
		#container p.crumb a {
			font-weight: bold;
		}
		
		#container ul.smoelen {
			margin: 12px 0px 12px 0px;
			list-style-type: none;
			padding: 0px;
		}
		
			#container ul.smoelen li {
				float: left;
				width: 125px;
				margin: 0px 15px 15px 0px;
				font-size: 90%;
				line-height: 160%;
			}
			
			#container ul.smoelen li img {
				margin: 0px 0px 8px 0px;
			}

			#container ul.smoelen li a {
				color: #3a2870;
				text-decoration: none; 
			}

			#container ul.smoelen li a:hover {
				color: #ffa920;
				text-decoration: none; 
			}
	
	#right {
		float: left;
		width: 146px;
		padding: 0px 10px 0px 10px;
		min-height: 486px;
		border-right: 1px solid #ffa920;
		border-left: 1px solid #3a2870;
		text-align: left;
		display: none;
	}
	
		#right h2 {
			font-size: 110%;
			font-weight: bold;
			color: #ffa920;
		}
		
		#right ul {
			margin: 8px 0px 8px 0px;
		}
		
			#right ul li {
				margin: 0px 0px 4px 0px;
				font-size: 90%;
				line-height: 160%;
			}
			
			#right ul li a {
				font-weight: bold;
				color: #3a2870;
			}

/*
* Typography styles
*/

h1 {
	font-size: 150%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 140%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-size: 130%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 90%;
	color: #333;
	margin: 0px;
	padding: 0px;
}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }


div.kaart_adressen {
	position: relative;
	width: 737px;
	height: 653px; 
}
div.kaart_adressen img {
	float: left;
}

div.kaart_adressen p {
	float: right;
	text-align: right;
}

	div.kaart_plaats {
		position: absolute;
		top: 0px;
		left: 0px;
		text-align: right;
		width: 737px;
		height: 653px; 
	}
	
	div.kaart_plaats img {
		float: none;
	}
	
	div.kaart_plaats img#spot {
		z-index: 2;
		position: absolute;
		left: 462px;
		top: 55px;
		display:none;
	}

	div.kaart_locaties {
		position: absolute;
		top: 0px;
		left: 0px;
		text-align: left;
		width: 737px;
		height: 653px; 
	}
	
	div.kaart_locaties p {
		float: none;
		text-align: left

	}
	
	div.kaart_locaties p a span {
		background-color: #fcead7;
		border: 1px solid #f28e18;
		width: 16px;
		padding: 1px;
		line-height: 100%;
		display: inline-block;
		text-align: center;
	}


div.widecel {
	 
}
div.narrowcel {
}

table#agenda {
	width: 735px;
	border: 1px solid #f18e18;
	background-color: #fef6eb;
	border-spacing: 1px;
	border-collapse: separate;
}

table#agenda thead td {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	background-color: #f18e18;
	padding: 5px;
	color: #fff;
	width: 95px;
}

table#agenda tbody td {
	padding: 5px;
	font-size: 90%;
}

table#agenda tbody td p {
	
}

table#agenda tbody td p strong {
	color: #3a2870;	
}


table#agenda tbody td.dag {
	background-color: #ffecd3;
	height: 95px;
}

table#agenda tbody td.actief {
	background-color: #fdce95;
}

#container ul.agenda {
	width: 737px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.agenda li.head {
	border: 3px solid #f18e18;
	background-color: #f18e18;
	color: #fff;
	padding: 5px;
	font-weight: bold;
}

ul.agenda li.desc {
	border-left: 3px solid #f18e18;
	border-right: 3px solid #f18e18;
	border-bottom: 3px solid #f18e18;
	padding: 5px;
	margin: 0px 0px 16px 0px;
	background-color: #fef6eb;
}

#container ul.agenda li.desc p {
	margin: 0px 0px 0px 0px;
}

a.paginas {
	background-color: #fcead7;
	border: 1px solid #f28e18;
	width: 16px;
	padding: 1px;
	line-height: 100%;
	display: inline-block;
	text-align: center;
}

a.paginas, a.paginas_actief {
	text-decoration: none;
}

a.paginas_actief {
	background-color: #f28e18;
	border: 1px solid #f28e18;
	width: 16px;
	padding: 1px;
	color: #fff;
	line-height: 100%;
	display: inline-block;
	text-align: center;
}

#content_wide table#cursussen		{ margin: 0px 0px 0px 10px;
			  border: 0px;
			  background: none;
			  padding: 0px;
			  border-spacing: 0px;
			  width: 700px;
			}

table#cursussen td.links  {  border: 1px solid #333; background: #FEF6EB;
			   padding: 10px;
			   margin: 0px;
			}
			
table#cursussen td.rechts {  border: 0px; background: none;
			   padding: 10px;
			   margin: 0px
			}

p#footer {
	float: left;
	width: 1000px;
	margin: 4px 0px 4px 0px;
	display: none;
}