/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.Close
{
	clear: both;
}

ul
{
	margin-left: 15px;
}

ol
{
	margin-left: 20px;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
body
{
	background-color: #083e88;
}

div#Wrapper
{
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;
	background-repeat: repeat-y;
	background-color: #fff;
}

	body.Articles div#Wrapper
	{
		background-image: url(../media/img/articles_wrapper_bg.gif);
	}
	
	body.Overview div#Wrapper
	{
		background-image: url(../media/img/overview_wrapper_bg.gif);
	}
	
	div#Header
	{
		position: relative;
		width: 960px;
		height: 110px;
		background-image: url(../media/img/header_img.gif);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	div#Nav
	{
		position: relative;
		width: 960px;
		height: 150px;
		background-color: #ccc;
		overflow: hidden;
	}
	
	div#Sub
	{
		position: relative;
		padding: 5px 0 0 0;
		width: 960px;
		height: 65px;
		background-image: url(../media/img/sub_bg.gif);
		background-repeat: repeat-x;
		overflow: hidden;
	}
	
		div.SubBlock
		{
			position: relative;
			height: 70px;
			float: left;
		}
	
			div.Amsterdam
			{
				width: 205px;
			}
			
			div.Eemland
			{
				width: 185px;
			}
			
			div.DenHaag
			{
				width: 190px;
			}
			
			div.Nieuwbouw
			{
				width: 195px;
			}
			
			div.Informatie
			{
				width: 185px;
			}
	
	div#Left
	{
		position: relative;
		padding: 0 20px 10px 20px;
		width: 370px;
		border-top: 10px solid #fff;
		background-image: url(../media/img/green_column_top_bg.gif);
		background-position: right top;
		background-repeat: no-repeat;
		float: left;
	}
		div#Left img
		{
			max-width: 370px;
		}
	
	div#Right
	{
		position: relative;
		width: 540px;
		border-top: 10px solid #fff;
		float: left;
	}
	
		div.FormRow
		{
			position: relative;
			padding-bottom: 8px;
		}
	
	div#Main
	{
		position: relative;
		padding-left: 10px;
		width: 950px;
		border-top: 10px solid #fff;
	}
	
		div.AanbodBlock
		{
			position: relative;
			width: 456px;
			height: 280px;
			border-width: 2px;
			border-style: solid;
			overflow: hidden;
			display: inline;
			float: left;
			margin: 0 5px 10px 5px;
		}
		
			.Rood
			{
				border-color: #d00;
			}
			
			.Groen
			{
				border-color: #270;
			}
			
			.Lgreen
			{
				border-color: #95f441;
			}
			
			.Pink
			{
				border-color: #f9c;
			}
			
			div.AanbodBlockHeader
			{
				position: relative;
				padding-top: 5px;
				width: 456px;
				height: 29px;
			}
			
				.Rood div.AanbodBlockHeader
				{
					background-color: #d00;
				}
				
				.Groen div.AanbodBlockHeader
				{
					background-color: #270;
				}
				
				.Lgreen div.AanbodBlockHeader
				{
					background-color: #95f441;
				}
				
				.Pink div.AanbodBlockHeader
				{
					background-color: #f9c;
				}
				
			div.ImageBlock
			{
				float: left;
				margin-right: 5px;
			}
				div.ImageBlock img
				{
					max-width: 350px;
				}
			
				div.Caption
				{
					position: relative;
					padding-left: 4px;
					padding-top: 0;
				}
			
			div.TextBlock
			{
				padding: 4px;
			}
	
div#Footer
{
	position: relative;
	margin: 0 auto;
	padding: 10px 0 0 60px;
	width: 920px;
	height: 45px;
}

	body.Articles div#Footer
	{
		background-image: url(../media/img/articles_footer.gif);
		background-repeat: no-repeat;
	}
	
	body.Overview div#Footer
	{
		background-image: url(../media/img/overview_footer.gif);
		background-repeat: no-repeat;
	}

div#BannerContainer
{
	position: relative;
	margin: 0 auto;
	padding-left: 10px;
	width: 970px;
}


/*Nav*/
ul#Buttons
{
	margin: 0;
	list-style: none;
}

	ul#Buttons li
	{
		float: left;
	}
	
		ul#Buttons li a
		{
			display: block;
			height: 150px;
			float: left;
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		ul#Buttons li a#Amsterdam
		{
			width: 205px;
			background-image: url(../media/img/amsterdam_button.gif);
		}
		
		ul#Buttons li a#Eemland
		{
			width: 185px;
			background-image: url(../media/img/eemland_button.gif);
		}
		
		ul#Buttons li a#DenHaag
		{
			width: 190px;
			background-image: url(../media/img/denhaag_button.gif);
		}
		
		ul#Buttons li a#Nieuwbouw
		{
			width: 195px;
			background-image: url(../media/img/nieuwbouw_button.gif);
		}
		
		ul#Buttons li a#Informatie
		{
			width: 185px;
			background-image: url(../media/img/informatie_button.gif);
		}
		
			ul#Buttons li a:hover
			{
				background-position: right top;
				background-repeat: no-repeat;
			}
		
		ul#Buttons li a span
		{
			display: none;
		}
		
/*
 *Text
 */
h1, h2, h3, h4, h5, h6, p, a, ul, ol, th, td, form, fieldset, label, input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 26px;
	line-height: 38px;
	color: #083e88;
}

div#Right h1
{
	border-bottom: 1px solid #083e88;
}

h2
{
	font-size: 20px;
	line-height: 22px;
	color: #083e88;
}

div.AanbodBlockHeader h2
{
	color: #fff;
	text-align: center;
}

h3
{
	font-size: 16px;
	color: #000;
}

div.SubBlock h2
{
	text-align: center;
	color: #fff;
}

p, td, ul, ol
{
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

a, a:visited
{
	font-size: 12px;
	color: #083e88;
}

a:hover
{
	color: #7984b7;
}

p.Date
{
	font-style: italic;
	color: #083e88;
}

/*Downloads*/
div#Left a.Excel
{
	display: block;
	height: 24px;
	padding: 6px 0 0 26px;
	background-image: url(../media/img/icon_excel.gif);
	background-position: left center;
	background-repeat: no-repeat;
	clear: both;
}

div#Left a.Reader
{
	display: block;
	height: 26px;
	padding: 6px 0 0 26px;
	background-image: url(../media/img/icon_reader.gif);
	background-position: left;
	background-repeat: no-repeat;
	clear: both;
}

div#Left a.Website
{
	display: block;
	height: 26px;
	padding: 6px 0 0 26px;
	background-image: url(../media/img/icon_website.gif);
	background-position: left;
	background-repeat: no-repeat;
	clear: both;
}


div#Right a.Excel
{
	display: block;
	height: 24px;
	padding: 6px 0 0 26px;
	background-image: url(../media/img/icon_excel_white.gif);
	background-position: left center;
	background-repeat: no-repeat;
	clear: both;
}


div#Right a.Reader
{
	display: block;
	height: 26px;
	padding: 6px 0 0 26px;
	background-image: url(../media/img/icon_reader_white.gif);
	background-position: left;
	background-repeat: no-repeat;
	clear: both;
}

div#Right a.Website
{
	display: block;
	height: 26px;
	padding: 6px 0 0 26px;
	background-image: url(../media/img/icon_website_white.gif);
	background-position: left;
	background-repeat: no-repeat;
	clear: both;
}


/*End*/

div.SubBlock p
{
	font-weight: bold;
	color: #fff;
	text-align: center;
}

div#Header p
{
	margin: 54px 10px 0 0;
	float: right;
}

	div#Header p a
	{
		font-weight: bold;
		text-decoration: none;
		color: #7984b7;
	}

		div#Header p a:hover
		{
			color: #083e88;
		}

div.AanbodBlock p, div.AanbodBlock a
{
	font-size: 11px;
	line-height: 13px;
}

	div.Caption p
	{
		font-weight: bold;
	}
	
	div.AanbodBlock div.Caption a
	{
		font-size: 11px;
	}

div#Footer p
{
	font-size: 10px;
}

/*
 *Images
 */
div.ImageBlock .logo
{
	float: left;
	margin: 0 0 5px 3px;
	padding: 0;
}

/*Forms*/
form, fieldset
{
	border: none 0;
}

	label, input, textarea
	{
		font-size: 13px;
		color: #083e88;
	}
	
	label
	{
		width: 150px;
		margin-top: 5px;
		float: left;
		font-weight: bold;
	}
	
	input, textarea
	{
		width: 320px;
		padding: 2px;
		border-left: 3px solid #083e88;
		border-top: 3px solid #083e88;
		border-right: 3px solid #3964a0;
		border-bottom: 3px solid #3964a0;
	}
	
	textarea
	{
		height: 80px;
		overflow: auto;
	}
	
	input.Medium
	{
		width: 244px;
	}
	
	input.Large
	{
		width: 274px;
	}
	
	input.Small
	{
		width: 62px;
		margin-right: 4px;
	}
	
	input.Smallest
	{
		width: 32px;
		margin-left: 4px;
	}
	
	input.Checkbox
	{
		width: auto;
		border: none 0;
		padding: 0;
		margin: 0;
	}
	
	input#Submit
	{
		width: 70px;
		height: 26px;
		font-size: 11px;
		color: #fff;
		border: none 0;
		background-image: url(../media/img/submit_bg.gif);
	}
	
	p.Error
	{
		color: #bd0f03;
	}
	
	p.Nb
	{
		font-size: 10px;
		font-style: italic;
	}
	

/*
 * Wysiwyg Images
 */
img.ImgLeft{
	float: left;
	margin: 0px 10px 10px 0px;
}

img.ImgRight{
	float: right;
	margin: 0px 0px 10px 10px;
}