/* Homepage ------------------------------------------- */

#menu{
	margin: 0;
}

#mainWrapper #contentWrapper{
	background: url('/static/img/bg_home_main.gif') repeat-x top left;
}

#mainBlock{
	width: 630px;
	padding: 0;
}
#mainBlock #content{
	width: 100%;
}

#sidebar{
	width: 300px;
}

.readMoreBtn{
	background: none;
	padding: 0;
	font-size: 1em;
}

.readMoreBtn a:link,
.readMoreBtn a:visited,
.readMoreBtn a:hover,
.readMoreBtn a:active{
	background: url('/static/img/bg_btn_readmore_arrow.gif') no-repeat top right;
	height: 20px;
	line-height: 18px;
	float: left;
	padding: 0 26px 0 0;
	font-size: 1em;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	cursor: pointer;
}

	.readMoreBtn a:link span,
	.readMoreBtn a:visited span,
	.readMoreBtn a:hover span,
	.readMoreBtn a:active span{
		background: url('/static/img/bg_btn_readmore.gif') repeat-x top left;
		padding: 0 6px 0 6px;
		float: left;;
		color: white;
	}
	
	.readMoreBtn a:hover span{
		text-decoration: underline;
	}
	
	#content p img,
	#extraContent p img,
	#sidebar p img{
		padding: 0;
	}


/* slideshow ------------------------------------------- */

#slideshow{
	overflow: hidden;
	width: 630px;
	height: 284px;
	margin: 0 0 35px 0;
	position: relative;
	font-family: "Frutiger LT Std", Arial, sans-serif;
}

#slideshow ul#slides{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

	#slideshow ul#slides li{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
		width: 630px;
		height: 285px;
		position: absolute;
		top: 0;
		left: 0;
		background: none
	}
	
		#slideshow ul#slides li img{
			margin: 0;
			padding: 0;
			border: none;
		}
		
		#slideshow ul#slides li .lead{
			margin: 0;
			padding: 0;
			position: absolute;
			left: 0;
			bottom: 48px;
			height: 60px;
			width: 100%;
			background: url('/static/img/bg_slideshow_controls.png') repeat-x top left;
			overflow: hidden;
		}

			#slideshow ul#slides li .lead p{
				margin: 0;
				padding: 9px;
				line-height: 1.4em;
				font-size: 1.3em;
				color: #001d3c;
				width: 450px;
				float: left;
			}
	
			#slideshow ul#slides li .lead p.readMoreBtn{
				font-size: .9em;
				line-height: 1em;
				width: 130px;
				float: right;
				padding: 20px 10px 10px 10px;
			}
	
				#slideshow ul#slides li .lead p.readMoreBtn a:link,
				#slideshow ul#slides li .lead p.readMoreBtn a:visited,
				#slideshow ul#slides li .lead p.readMoreBtn a:hover,
				#slideshow ul#slides li .lead p.readMoreBtn a:active{
					background: url('/static/img/bg_btn_readmore_slideshow_arrow.gif') no-repeat top right;
					height: 22px;
					padding-right: 24px;
					line-height: 25px;
					border-left: 1px solid #4587aa;
					border-right: 1px solid #4587aa;
				}
		
					#slideshow ul#slides li .lead p.readMoreBtn a:link span,
					#slideshow ul#slides li .lead p.readMoreBtn a:visited span,
					#slideshow ul#slides li .lead p.readMoreBtn a:hover span,
					#slideshow ul#slides li .lead p.readMoreBtn a:active span{
						background: url('/static/img/bg_btn_readmore_slideshow.gif') repeat-x top left;
						height: 22px;
					}
	
#slideshow #controls{
	height: 49px;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url('/static/img/bg_slideshow_controls.png') repeat-x bottom left;
}

	#slideshow #controls li{
		float: left;
		display: block;
		width: 156px;
		height: 49px;
		text-align: center;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: none;
		border-left: 1px solid #356492;
		border-right: 1px solid #000002;
		position: relative;
	}
	
	#slideshow #controls li.first{ 
		border-left: none;
	}
	
	#slideshow #controls li.last{ 
		border-right: none;
	}
	
	#slideshow #controls li.active{	
		background: url('/static/img/bg_slideshow_controls_active.gif') repeat-x top left;
	}
	
	#slideshow #controls li:hover a:link,
	#slideshow #controls li:hover a:visited,
	#slideshow #controls li:hover a:hover,
	#slideshow #controls li:hover a:active{
		text-decoration: none;
	}
	
	
		#slideshow #controls li a:link,
		#slideshow #controls li a:visited,
		#slideshow #controls li a:hover,
		#slideshow #controls li a:active{
			display: block;
			width: 100%;
			height: 100%;
			line-height: 49px;
			font-size: 1.1em;
			font-weight: normal;
			color: white;
			font-family: "Frutiger LT Std", Arial, sans-serif;
		}
		
		#slideshow span.arrow{
			width: 17px;
			height: 9px;
			display: block;
			background: url('/static/img/icon_slideshow_arrow.gif') no-repeat top left;
			position: absolute;
			bottom: 48px;
		}
		
		
/* Featured news ------------------------------------------- */

#featured{
	margin: 1em 0 0 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #EBEFF2;
}

	#featured h3.title{
		margin: 0;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		margin: 0 0 0 0;
		font-size: 2.3em;
		color: #002f60;
		font-weight: bold;
	}
	
		#content h3 a:link,
		#content h3 a:visited,
		#content h3 a:hover,
		#content h3 a:active{
			color: #002F60;
			font-weight: bold;
		}

	#featured .info{
		margin: .5em 0 0 0;
		font-size: 1.1em;
		color: #666666;
		font-weight: bold;
	}
	
	#featured .lead{
		font-weight: bold;
	}
	
		#featured .lead p{
			color: #232c36;
			line-height: 1.6em;
			font-size: 1.3em;
		}
		
		#featured .lead p img{
			border: 1px solid #80b2cc;
			float: left;
			vertical-align: top;
			margin-top: 4px;
		}
		
	#featured img.thumbnail{
		margin: 4px 1em 1em 0;
	}


	#latestNews li a:link,
	#latestNews li a:visited,
	#latestNews li a:hover,
	#latestNews li a:active{
		font-weight: bold;
	}

/* sidebar ------------------------------------------- */

#locationFinder{
	padding: 0 0 0 0;
	position: relative;
	margin: 10px 0 20px 0;
	display: block;
	background: url('/static/img/bg_map_holland2.jpg') no-repeat bottom left;
	border-right: 1px solid #C0BFAB;
	border-bottom: 1px solid #C0BFAB;
}

	#locationFinder img{
		position: absolute;
		right: 1px;
		bottom: 1px;
		z-index: 0;
	}

	#locationFinder fieldset{
		font-weight: bold;
		margin: 0;
		background: transparent;
		border: none;
		padding-bottom: 20px;
	}

	#locationFinder #findLocationForm p{
		float: left;
		display: inline;
		margin: 12px 0 12px 6px;
		position: relative;
		width: auto;
		height: auto;
		z-index: 1;
	}
	#locationFinder #postalCodeField{
		width: 260px;
		font-size: 1.1em;
		padding: 5px;
		font-weight: normal;
		margin: 8px 0 0 8px;
	}
	
	#locationFinder .legend{
		width: 272px;
		color: #002f60;
		font-size: 1.6em;
		font-weight: normal;
	}
	
	#locationFinder #findLocationForm p.submitWrapper{
		margin: 0 0 0 16px !important;
		padding: 0 !important;
	}
	
	#locationFinder input.submitButton{
		background: url('/static/img/btn_find_ggd.gif') no-repeat top left;
		border: none;
		overflow: hidden;
		text-indent: -999px;
		width: 127px;
		height: 27px;
		padding: 0 !important;
		margin: 0 !important;
	}

/* highlights ------------------------------------------- */

#highlights{
	margin: 0;
}

	#highlights h3{
		margin: 0 0 .5em 0;
	}
	
		#highlights h4 a:link,
		#highlights h4 a:visited,
		#highlights h4 a:hover,
		#highlights h4 a:active{
			color: #002F60;
			text-decoration: none;
		}
		
		#highlights h4 a:hover{
			text-decoration: underline;
		}
		#highlights p.info{
			color: #666666;
			font-size: 1.1em;
			font-weight: bold;
			margin: .5em 0;
		}
	#highlights p{
		margin: .5em 0 0 0;
		line-height: 1.6em;
	}
	
	#highlights p.readMoreBtn a{
		line-height: 19px;
	}
	
	#highlights img.thumbnail{
		border: 1px solid #85b5ce;
		margin: 10px 1em 1em .5em;
		float: right;
	}
	
#advertisement{ 
	clear: both; 
	padding-bottom: 20px;
}

/* extra content ------------------------------------------- */

#extraContent{
	padding-top: 25px;
	margin-top: 25px;
	background: #E6EFF6;
	clear: both;
}

#extraContent .innerWrapper div{
	width: 300px;
	float: left;
}

#extraContent .innerWrapper div#column{
	margin: 0 15px 0 0;
}

#extraContent .innerWrapper div#links{
	margin: 0 15px 0 15px;	
}


#extraContent .innerWrapper div#kennisnet{
	margin: 0 0 0 15px;	
}

#extraContent .innerWrapper div ul{
	padding: 0;
	margin: 1em 0;
}
	#extraContent h3{
		color: #002f60;
	}
	
		#extraContent h3 a:link,
		#extraContent h3 a:visited,
		#extraContent h3 a:hover,
		#extraContent h3 a:active{
			color: #002F60;
			font-weight: bold;
		}
	
	#extraContent p{
		margin: 0 0 1em 0;
		line-height: 1.5em;
	}
	
	#extraContent p.info{
		color: #666666;
		font-size: 1.1em;
		font-weight: bold;
		margin: .5em 0;
	}
	
	#extraContent p img{
		border: 1px solid #85b5ce;
		margin: 0 0 0 .5em;
		float: right;
	}
	
	#extraContent img.thumbnail{
		margin: 10px 0 1em 1em;
	}
	
	#extraContent #twitterLink{
		width: 100%;
		height: 69px;
		display: block;
		border: 1px solid white;
		background: #ecf5f9 url('/static/img/btn_twitter.gif') no-repeat 8px 13px;
		overflow: hidden;
		text-indent: -999px;
		margin: 50px 0 0 0;
	}
	
	#extraContent #twitterLink:hover{
		background-position: 8px -105px;
		background-color: #d7e4e9;
	}