/* WEST-kortingsroute-v1 : CONTENT */

/* HEADER */
#header { 
	padding: 0 20px;
	width: 910px;
	height: 235px;
}

/* MAIN */
#main { 
	width: 910px !important;
	padding: 0 20px;
}

/* CONTENT */
.content {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

.colspan2 .content {
	/*height: 344px;*/
}
.colspan1 .content {
	min-height: 275px;
	height: auto !important;
	height: 275px;
}


.banner {
	margin-bottom: 10px;
}

/* MAP */
.map {
	position: relative;
	float: left;
	clear: both;
	height: 364px;
}

/* BREADCRUMBS */
.breadcrumbs {
	padding: 10px 0;
}
	.breadcrumbs p {
		margin: 0;
		font-size: 9px;
		line-height: 14px;
		color: #999;
	}
		.breadcrumbs a,
		.breadcrumbs a:link,
		.breadcrumbs a:visited,
		.breadcrumbs a:active {
			color: #999;
			text-decoration: underline;
		}
		
		.breadcrumbs a:hover {
			color: #666;
			text-decoration: none;
		}

/* NAVBOX */
.navBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 499px;
	padding-bottom: 4px;
	margin-bottom: 1px;
	background: url(../assets/bgr_navbox.jpg) left bottom no-repeat;
}	
	.navBox h5 {
		padding: 5px 14px;
		margin: 0;
		background: url(../assets/bgr_news.jpg) center 0 no-repeat;
		font-size: 13px;
		color: #fff;
		text-shadow: 1px 1px 1px #999;
	}
	
	.ezine { background-position: -500px bottom; }
		.ezine h5 {	background-position: center -40px; }
		.ezineBox { float: left; padding: 7px 0 7px 79px; }
	
		.navBox h5 a,
		.navBox h5 a:link,
		.navBox h5 a:visited,
		.navBox h5 a:active {
			float: right;
			font-size: 10px;
			font-weight: normal;
			color: #fff;
			text-shadow: none;
		}
	
	.navBox ul{
		position: relative;
		float: left;
		width: 497px;
		padding: 0 1px;
		margin: 0;
	}
	.navBox ul li{
		position: relative;
		float: left;
		padding: 8px 13px;
		margin: 0;
		border-top: 1px solid #fff;
	}
		.navBox ul li.odd{
			background: #f7f7f7;
			border-bottom: 1px solid #e1e1e1;
		}
		.navBox ul li.even{
			background: #fdfdfd;
		}
		.navBox ul li.end{
			border-bottom: none;
		}
		
		.navBox ul li div.image {
			float: left;
			width: 48px;
			margin: 0 13px 0 0;
		}
		
			.navBox ul li div.image a,
			.navBox ul li div.image a:link,
			.navBox ul li div.image a:visited,
			.navBox ul li div.image a:active {
				position: relative;
				float: left;
				display: inline;
				width: 38px;
				border: 5px solid #dedede;
			}
				.navBox ul li div.image a:hover {
				}
		
		.navBox ul li div.body {
			float: left;
			width: 410px;
		}
		
		.navBox ul li div.body p a,
		.navBox ul li div.body p a:link,
		.navBox ul li div.body p a:visited,
		.navBox ul li div.body p a:active {
			font-size: 12px;
			line-height: 16px;
			text-decoration: none;
			color: #999;
		}
			.navBox ul li div.body p a:hover {
				color: #666;
			}
			.navBox ul li div.body p a strong {
				color: #3eadbc;
			}
			
			.navBox ul li div.body p.close {
				width: 100%;
				padding-bottom: 0;
			}
			
			.navBox ul li div.body p.close a,
			.navBox ul li div.body p.close a:link,
			.navBox ul li div.body p.close a:visited,
			.navBox ul li div.body p.close a:active {
				float: right;
				font-size: 10px;
				text-decoration: underline;
			}
		
	.navBox p {
		position: relative;
		float: left;
		padding: 5px 0 8px 0;
		margin: 0;
		color: #999;
		font: 10px/14px Arial, Helvetica, Verdana, sans-serif; 
	}
		.navBox input.inputBox {
			position: relative;
			float: left;
			height: 18px;
			width: 60%;
			padding: 0 5px;
			margin: 1px 0 4px 0;
			border: 1px solid #ccc;
			font: 11px/18px Arial, Helvetica, Verdana, sans-serif; 
			color: #666;
		}
		.navBox a.go,
		.navBox a.go:link,
		.navBox a.go:visited,
		.navBox a.go:active {
			position: relative;
			float: left;
			width: 77px;
			height: 17px;
			padding: 2px 0;
			margin: 0 0 0 5px;
			background: #f2459e url(../assets/btn_ezine.jpg) center 0 no-repeat;
			text-align: center;
			text-decoration: none;
			color: #fff;
			font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
			font-weight: bold;
		}
			.navBox a.go:hover {
				background-color: #fff;
				text-decoration: none;
				background-position: center -21px;
			}

/* newsbox */
.newsBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 499px;
	padding-bottom: 4px;
	background: url(../assets/bgr_newsbottom.jpg) center bottom no-repeat;
}
	.newsBox h5 {		
		padding: 5px 14px;
		margin: 0;
		background: url(../assets/bgr_news.jpg) center 0 no-repeat;
		font-size: 13px;
		color: #fff;
		text-shadow: 1px 1px 1px #999;
	}
		.newsBox h5 a,
		.newsBox h5 a:link,
		.newsBox h5 a:visited,
		.newsBox h5 a:active {
			float: right;
			font-size: 10px;
			font-weight: normal;
			color: #fff;
			text-shadow: none;
		}
		
	.newsBox ul{
		position: relative;
		float: left;
		width: 100%;
		background: url(../assets/bgr_newsbox.jpg) center 0 no-repeat;
		padding: 0;
		margin: 0;
	}
	.newsBox ul li{
		position: relative;
		float: left;
		width: 138px;
		padding: 13px 14px 13px 13px;
		margin: 0;
	}
	.newsBox ul li.odd {
		margin: 0 1px;
	}
		.newsBox ul li.end{
			border: none;
		}
	
	.newsBox ul li h4 {
		margin-bottom: 10px;
	}
		.newsBox ul li h4 a,
		.newsBox ul li h4 a:link {
			color: #0093d0;
			font-size: 16px;
			line-height: 20px;
			text-decoration: none;
		}
		.newsBox ul li h4 a:hover {
			text-decoration: underline;
		}
	.newsBox ul li p {
		color: #999;
		margin-bottom: 10px;
	}
	.newsBox ul li p.close a,
	.newsBox ul li p.close a:link,
	.newsBox ul li p.close a:visited,
	.newsBox ul li p.close a:active {
		color: #999;
		float: right;
		font-size: 10px;
		text-decoration: underline;
	}
	.newsBox ul li p.close a:hover {
		text-decoration: none;
	}
		
.newsCaption {
	position: relative;
	float: left;
	display: inline;
	clear: both;
}
	.newsCaption p {
		float: left;
		padding: 10px 0 0 14px;
		font-size: 10px;
		color: #b2b2b2;
	}
		.newsCaption p a,
		.newsCaption p a:link {
			color: #b2b2b2;
		}
	.newsCaption img {
		float: left;
		padding: 8px 0 0 5px;
	}

/* THEMAS */
.themas {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 371px;
}
	.thema {
		position: relative;
		float: left;
		display: inline;
		clear: both;
		width: 100%;
		padding-bottom: 2px;
		margin-bottom: 1px;
		background: url(../assets/bgr_thema.jpg) center bottom no-repeat;
		cursor: pointer;
	}
		.thema h5, h5.thematitle {
			float: left;
			width: 100%;
			margin: 0 0 4px 0;
			color: #fff;
			font-size: 16px;
			text-shadow: 1px 1px 1px #999;
			background: url(../assets/bgr_themas.jpg) center 0 no-repeat;
		}
		
			.thema h5 a,
			.thema h5 a:link {
				float: left;
				width: 316px;
				padding: 7px 5px 8px 50px;
				color: #fff;
				text-decoration: none;
			}
			
		h5.thematitle {
			width: 805px;
			padding: 7px 5px 8px 50px;
			margin: 0;
			background: url(../assets/bgr_titles.jpg) center 0 no-repeat;
		}
			h5.fun, h5.thema1 { background-position: center 0; }
			h5.actie, h5.thema2 { background-position: center -40px; }
			h5.kunst, h5.thema3 { background-position: center -80px; }
			h5.theater, h5.thema4 { background-position: center -120px; }
			h5.weg, h5.thema5 { background-position: center -160px; }
			h5.event, h5.thema7 { background-position: center -200px; }
		
			h5.thematitle a,
			h5.thematitle a:link {
				float: right;
				padding: 0 15px 0 0;
				font-size: 11px;
				color: #fff;
				text-decoration: none;
				text-shadow: none;
			}
				h5.thematitle a:hover {
					text-decoration: underline;
				}
		.thema p {
			float: left;
			width: 283px;
			padding: 8px 12px;
			margin: 0;
			color: #666;
			font-size: 10px;
			line-height: 14px;
		}
		.thema h6 {
			float: left;
			width: 42px;
			height: 41px;
			padding: 4px 0 0 22px;
			margin: 0;
			color: #c92144;
			font-size: 18px;
			background: url(../assets/bgr_korting.jpg) left 0 no-repeat;
		}
		
/* OVERVIEW - INTRO/TOTAL */
.intro {
	float: left;
	width: 540px;
}

.total {
	float: right;
	width: 305px;
	margin: -45px 0 15px 0;
	padding: 0 0 25px 0;
	background: url(../assets/bgr_totaal.jpg) left top no-repeat;
}
	.total h1 {
		float: left;
		width: 60px;
		font-size: 28px;
		font-weight: bold;
		padding: 17px 0 0 55px;
		margin: 0 12px 0 0;
		color: #d1173e;
	}
	.total p {
		float: left;
		width: 155px;
		padding: 30px 0 0 0;
		margin: 0;
		font-size: 10px;
		line-height: 14px;
		color: #d1173e;
	}

	

/* FOOTER */
#footer {
	float: left;
	width: 100%;
	background: url(../assets/bgr_footer.jpg) right top no-repeat;
}

.roadmap {
	position: relative;
	float: left;
	width: 188px;
	padding: 0 31px 0 56px;
	margin-right: 20px;
}	

	.roadmap a,
	.roadmap a:link {
		float: left;
		display: inline;
		text-indent: -999px;
		overflow: hidden;
	}
		.roadmap a.fun {
			width: 79px;
			height: 30px;
			margin: 18px 0 0 10px;
		}
		.roadmap a.event {
			width: 88px;
			height: 31px;
			margin: 16px 0 0 10px;
		}
		.roadmap a.theater {
			clear: left;
			width: 73px;
			height: 22px;
			margin: 7px 0 0 16px;
		}
		.roadmap a.weg {
			width: 64px;
			height: 23px;
			margin: 8px 0 0 10px;
		}
		.roadmap a.kunst {
			width: 62px;
			height: 27px;
			margin: 14px 0 0 27px;
		}
		.roadmap a.actie {
			width: 80px;
			height: 22px;
			margin: 6px 0 0 10px;
		}
		
	.sitemap {
		float: left;
		padding-top: 35px;
	}
		.block { 
			float: left;
			margin-right: 70px;	
		}	
		.sitemap h3 { margin-bottom: 2px; }
		.sitemap ul { margin-top: 10px; }
			.sitemap ul li { 
				list-style-type: none;
				list-style-image: url(../assets/bgr_li.gif);
				margin-left: 11px;
				line-height: 16px;
			}
			.sitemap ul li a,
			.sitemap ul li a:link { 
				font-size: 11px;
				color: #0098ad;
				text-decoration: none;
			}
				.sitemap ul li a:hover { 
					text-decoration: underline;
				}
	
	.navigation {
		float: left;
		padding-top: 35px;
	}	
		.searchbox {
			float: left;
			margin-bottom: 38px;
		}
			.searchbox h3 {
				margin-bottom: 0;
				color: #e74aa3;
			}
			.searchbox input {
				position: relative;
				float: left;
				width: 135px;
				padding: 2px 0 0 0;
				margin: 1px 0 0 0;
				border: none;
				font: 11px/18px Arial, Helvetica, Verdana, sans-serif; 
				color: #e49ec9;			
			}
			.searchbox input:focus {
				color: #e74aa3;			
			}
			.searchbox a,
			.searchbox a:link {
				float: left;
				width: 18px;
				height: 18px;
				background: url(../assets/bgr_search.gif) 0 0 no-repeat;
				text-decoration: none;			
			}
			.searchbox a:hover {
				background-position: 0 -18px;
			}
			
		.route {
			float: left;
			clear: left;
		}
			.route h3 a,
			.route h3 a:link {
				padding-right: 13px;
				color: #0098ad;
				text-decoration: none;
				background: url(../assets/bgr_route.gif) right 4px no-repeat;
			}
			.route h3 a:hover {
				color: #40b2c2;
				background-position: right -16px;
			}
			
		.social {
			float: right;
		}
		

	#footer p {
		position: relative;
		float: left;
		clear: both;
		display: inline;
		width: 500px;
		padding: 5px 0 5px 157px;
		margin: 0;
		text-align: left;
		color: #bfbfbf;
		font: 11px/14px Arial, Helvetica, Verdana, sans-serif; 
	}	
		#footer p a,
		#footer p a:link,
		#footer p a:visited,
		#footer p a:active {
			text-decoration: none;
			font: 11px/14px Arial, Helvetica, Verdana, sans-serif; 
			color: #bfbfbf;
		}
		#footer p a:hover {
			color: #999;
		}