/******************************************************************************

******************************************************************************/

html, body, form, fieldset
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Sans-serif, Trebuchet MS;
	font-size: 12px;
	color: #004684;
	min-height: 100%;
}

body
{
	background-image: url('gui/bg.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 0px 10px 0px 10px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Sans-serif;
}

/* ##############################################################
						 	REGULAR		
###############################################################*/

img
{
	border: 0;
}

h1
{
	font-size: 160%;
	color: #009ada;
	margin-bottom: 16px;
}

p
{
	font-size: 100%;
	font-family: Verdana;
	line-height: 17px;
}

a
{
	color: #004684;
	font-weight: normal;
}

a:hover
{
	color: #009ada;
	font-weight: normal;
}

.imgholder
{
	border: 1px solid #004684;
}

.imgholder a
{
	display: block;
	margin: 0;
	padding: 0;
}

.imgholder img
{
	border: 2px solid #fff;
	margin: 0;
	padding: 0;
}

.hide
{
	display: none;
}

.clear
{
	clear: both;
}

/* ##############################################################
						 	MAIN		
###############################################################*/

#holder
{
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#header
{
	width: 980px;
	height: 100px;
	background-image: url('gui/hdr/bg.gif');
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#container
{
	width: 980px;
	padding: 30px 0px 0px 0;
	margin: 0;
	min-height: 408px;
	_height: 408px;
}

#content
{
	margin: 0;
	padding: 0;
	width: 980px;
}

#content_home
{
	float: left;
	width: 500px;
	padding-left: 50px;
}

#content div.projects
{
	float: left;
	width: 710px;
}

#content div.submitter
{
	background-image: url('gui/info_small.gif');
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	margin: 0px 0px 0px 40px;
	padding: 140px 0 0 5px;
	width: 200px;
}

#content div.volgende
{
	float: right;
}

#content div.volgende span
{
	float: left;
	margin: 12px 24px 0 0;
}

/* ##############################################################
						 	MENU		
###############################################################*/

#header a
{
	float: left;
	display: block;
}

#header a img
{
	border-width: 0px;
}

#header ul
{
	float: left;
	margin: 55px 2px 0px 0;
	padding: 0 0 0 455px;
}

#header ul li
{
	font-family: Trebuchet MS, Verdana, Sans-serif;
	font-size: 14px;
	list-style-type: none;
	line-height: 100%;
	float: left;
}

#header ul li a
{
	text-decoration: none;
	color: #004684;
	padding: 0 15px;
}

/* ##############################################################
						 	AANBOD		
###############################################################*/

#aanbod
{
	float: left;
	width: 296px;
	border: 2px solid #004684;
	margin: 0;
	padding: 0;
}

#aanbod h2
{
	background-color: #004684;
	color: #fff;
	font-size: 125%;
	font-weight: normal;
	height: 20px;
	padding: 4px;
	text-align: center;
}

#aanbod .project
{
	background-color: #ecf2f8;
	padding: 8px;
	margin-bottom: 1px;
	min-height: 130px;
	_height: 130px;
}

#aanbod .project h3
{
	background-color: #ecf2f8;
	font-size: 125%;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
	color: #009bda;
}

#aanbod .project h3 span
{
	color: #004684;
}

#aanbod .project h3 span.object
{
	font-style: italic;
	font-weight: bold;
}

#aanbod .project p
{
	font-family: Trebuchet MS, Verdana, Sans-serif;
	font-size: 110%;
	line-height: 135%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 4px 0;
}

#aanbod .project ul
{
	margin: 0;
	padding: 0;
	font-family: Verdana;
}

#aanbod .project ul li
{
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
	color: #009bda;
}

#aanbod .project ul li a
{
	color: #004684;
	text-indent: 5px;
	line-height: 130%;
}

#aanbod .project .imgholder
{
	width: 110px;
	height: 78px;
	float: right;
	margin: 0 0 0 2px;
	padding: 0;
}

#aanbod .project .imgholder a
{
	margin: 0;
	padding: 0;
	display: block;
}

/* ##############################################################
						 	CONTENT		
###############################################################*/

#content_home .meerinformatie
{
	background-image: url('gui/belvoormeerinfo.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 66px;
	width: 309px;
	display: block;
	margin: 40px 0;
}

/* ##############################################################
						 	ZOEKFORM		
###############################################################*/

#zoekform div.location
{
	float: left;
	width: 290px;
	margin-right: 20px;
}

#zoekform div.location select
{
	display: block;
	width: 290px;
}

#zoekform div.oppervlak
{
	width: 180px;
	float: left;
}

#zoekform div.oppervlak input
{
	width: 180px;
}

#zoekform div.zoekresultaat
{
	padding-top: 16px;
	clear: left;
}

#zoekform label
{
	display: block;
	text-align: left;
	font-size: 140%;
	font-family: Trebuchet MS, Verdana, Sans-serif;
}

#zoekform label span
{
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	color: #009bda;
	font-family: Trebuchet MS, Verdana, Sans-serif;
}

/* ##############################################################
						 	Verzend formulier		
###############################################################*/

#verzendform
{
	clear: both;
	width: 580px;
}

#verzendform h3
{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
	clear: both;
}

#verzendform label
{
	font-size: 12px;
	width: 160px;
	display: block;
	float: left;
	padding-top: 3px;
	font-weight: bold;
}

#verzendform input,
#verzendform textarea
{
	width: 400px;
}

#verzendform #s
{
	cursor: pointer;
}

#verzendform .red,
#form_error_report .red
{
	color: #c3161c;
}

/* ##############################################################
							FOOTER
###############################################################*/

.footer
{
	padding: 10px 0 0 0;
	margin: 0;
	clear: both;
	height: 50px;
	width: 980px;
}

.footer p
{
	padding: 0;
	margin: 0;
}