html, body {
	background: #e9edf6;
	margin: 0px;
}

body, td  {
	font-family: verdana;
	font-size: 12px;
}

h1,h2,h3 { margin:0px; }

h3 { font-size:13px; }


hr { height:1px;border:none;border-bottom: dotted #ccc 1px; }

a {
	color: #000;
}

a:hover {
	color: #ff0000;
}

#clear {
	clear: both;
}

.clear { clear:both; }

#project_item { font-size: 10px; }

#top {
	display: block;
	background: #310303 url(../img/header.jpg) no-repeat center;
	width: 100%;
	height: 130px;
}

#slideshow {
	display: block;
	width: 670px;
	height:332px;
	overflow:hidden;
}

#banner {
	position: relative;
	height: 67px;
	width: 204px;
	overflow: hidden;
	list-style: none;
	margin: 0px 0px 8px 7px;
	padding: 0px;
}

#navigatie {
	display: block;
	background: url(../img/navigatie_bg.jpg) repeat-x top;
	width: 100%;
	height: 35px;
}

	#menu {
		display: block;
		background: url(../img/menu_divider.jpg) repeat-y;
		width: 900px;
		height: 35px;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		padding-left: 2px;
		list-style: none;
	}
	
		#menu li {
			display: block;
			float: left;
		}
	
		#menu li a {
			display: block;
			background: url(../img/menu_divider.jpg) repeat-y right;
			height: 35px;
			padding-left: 10px;
			padding-right: 12px;
			line-height: 35px;
			color: #8bb0ef;
			text-decoration:none;
			font-weight: bold;
			font-size: 11px;
		}
		
			#menu a:hover, #menu a.active {
				color: #fff;
			}
		
			#menu li ul {
				position: absolute;
				visibility: hidden;
				top: 161px;
				left: auto;
				width: 180px;
				margin: 0px;
				margin-left:-1px;
				padding: 0px;
				padding-top: 4px;
				list-style: none;
				z-index: 5;
			}
			
			#menu li:hover ul {
				visibility: visible;
			}
			
			#menu li:hover ul li {
				clear: both;
				background: #6e98df;
				width: 180px;
				line-height: 24px;
				border: solid #3a5cb1 1px;
				border-top: none;
				font-size: 10px;
				opacity:0.80;
				filter:alpha(opacity=80);
			}
			
				#menu li ul li a { color: #fff; }
			
				#menu ul a:hover, #menu ul a.active {
					background: #4b70c5;
				}	

#container {
	width: 900px;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
}

	#talen {
		position: absolute;
		left: 50%;
		width: 900px;
		height: 30px;
		padding-top: 5px;
		margin-left: -450px;
		line-height: 30px;
		text-align: right;
	}
	
		#talen img {
			border: solid #ffffff 1px;
			width: 20px;
		}

	#leftCol {
		background: #ffffff;
		display: block;
		float: left;
		width: 670px;
		border: solid #fff 4px;
	}
	
		#header {
			display: block;
			width: 670px;
			height: 330px;
			overflow:hidden;
		}
		
			#slideshow {
				position: absolute;
				z-index: 1;
			}
		
			.btn_thema {
				position: absolute;
				display: block;
				float: left;
				width: 95px;
				height: 30px;
				margin-top: 300px;
				line-height: 30px;
				text-align: center;
				font-weight: bold;
				color: #fff;
				cursor: pointer;
				z-index: 2;
			}
			
			.btn_thema_mooi {
				background: #6d3f99;
				margin-left: 40px;
			}
			
				.btn_thema_mooi:hover, .btn_thema_mooi_active {
					background: #6d3f99 url(../img/tabs_over.png) repeat-x;
					margin-left: 40px;
				}
			
			.btn_thema_stil {
				background: #abd372;
				margin-left: 165px;
			}
			
				.btn_thema_stil:hover, .btn_thema_stil_active {
					background: #abd372 url(../img/tabs_over.png) repeat-x;
					margin-left: 165px;
				}
			
			.btn_thema_lekker {
				background: #bf3e28;
				margin-left: 290px;
			}
			
				.btn_thema_lekker:hover, .btn_thema_lekker_active {
					background: #bf3e28 url(../img/tabs_over.png) repeat-x;
					margin-left: 290px;
				}
			
			.btn_thema_gastvrij {
				background: #3e5aa3;
				margin-left: 415px;
			}
			
				.btn_thema_gastvrij:hover, .btn_thema_gastvrij_active {
					background: #3e5aa3 url(../img/tabs_over.png) repeat-x;
					margin-left: 415px;
				}
			
			.btn_thema_bijzonder {
				background: #6d853b;
				margin-left: 540px;
			}
			
				.btn_thema_bijzonder:hover, .btn_thema_bijzonder_active {
					background: #6d853b url(../img/tabs_over.png) repeat-x;
					margin-left: 540px;
				}
		
		#subNavigatie {
			display: block;
			float: left;
			width: 195px;
			height: 100px;
			padding-top: 19px;
			padding-left: 15px;
		}
		
			#submenu {
				display: block;
				width: 177px;
				margin: 0px;
				margin-bottom: 15px;
				padding: 0px;
				list-style: none;
				border-top: dotted #c7c7c7 1px;
			}
			
				#submenu a {
					display: block;
					background: url(../img/menu.jpg) no-repeat;
					width: 154px;
					height: 23px;
					padding-left: 23px;
					line-height: 23px;
					color: #999;
					text-decoration: none;
					border-bottom: dotted #c7c7c7 1px;
				}
				
				#submenu a:hover, #submenu a.active {
					color: #be4026;
					background: url(../img/menu_over.jpg) no-repeat;
				}
		
		#content {
			display: block;
			float: left;
			width: 441px;
			line-height: 18px;
			padding-top: 19px;
			padding-right: 19px;
			padding-bottom: 19px;
		}
		
			.breadcrumb {
				display: inline;
				font-size: 16px;
				color: #be4026;
			}
	
	#rightCol {
		background: #a7c0d5;
		display: block;
		float: left;
		width: 204px;
		min-height: 840px;
		margin-left: 10px;
		border: solid #fff 4px;
	}
	
		#tabsRight {
			position: absolute;
			margin-top: -3px;
			margin-left: 208px;
		}
		
		#demo_right {
			background: url(../img/demo_right.png) no-repeat center;
			height: 297px;
			padding-left: 7px;
			margin-top: 8px;
		}
		
			.leesVerder {
				position: absolute;
				background: url(../img/leesVerder.png) no-repeat right;
				padding-right: 16px;
				margin-top: 35px;
				margin-left: 90px;
				text-align: right;
				line-height: 20px;
			}
			
			.rss_icon {
				position: absolute;
				margin-left: -5px;
				margin-top: 38px;
			}
		
			#weerBlock {
				display: block;
				width: 190px;
				height: 78px;
				padding-top: 18px;
				line-height:12px;
			}
			
				.weerBlockItem {
					padding-top: 10px;
					font-size: 10px;
				}
			
			#nieuwsBlock {
				display: block;
				width: 190px;
				height: 61px;
				padding-top: 43px;
				font-size: 10px;
			}
			
				#nieuwsBlock a {
					text-decoration: none;
					color: #000;
				}
			
				.nieuwsBlockItem {
					padding: 10px;
				}
				
			#specialsBlock {
				display: block;
				background: url(../img/block-hoornderspecials-background.jpg) no-repeat;
				width: 190px;
				height: 68px;
				margin-top: 19px;
				padding-top: 12px;
				font-size: 10px;
			}
			
				#specialsBlock a {
					text-decoration: none;
					color: #000;
				}
			
				.specialsBlockItem {
					padding: 10px;
				}
			
			#agendaBlock {
				display: block;
				background: url(../img/block-agenda-background.jpg) no-repeat;
				width: 190px;
				height: 68px;
				margin-top: 12px;
				padding-top: 12px;
				font-size: 10px;
			}
			
				#agendaBlock a {
					text-decoration: none;
					color: #000;
				}
			
				.agendaBlockItem {
					padding: 10px;
				}
	
	#footer {
		background: #a7c0d5;
		display: block;
		width: 892px;
		height: 24px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: solid #ffffff 4px;
		font-size: 11px;
		color: #fff;
	}
	
		#copyright {
			display:block;
			float: left;
			width: 450px;
			height: 24px;
			padding-left: 8px;
			line-height: 24px;
		}
		
			#copyright a {
				color: #fff;
			}
		
		#menu_bottom {
			display: block;
			float: right;
			width: 400px;
			height: 24px;
			line-height: 24px;
			text-align: right;
			padding-right: 8px;
		}
		
			#menu_bottom a {
				color: #fff;
				text-decoration: none;
			}