/*******************/
 /* layout and form */
/*******************/

body { margin: 0; padding: 0; }
a img { border: 0 none; }
form { margin: 0; padding: 0; }
p { margin-top: 0; }
h2 { margin: 0.83em 0; }


#siteContainer { margin: 18px auto; padding: 0; width: 809px; }
	#logo { width: 809px; height: 157px; position: relative; }
		#siteTitle { margin: 0; padding: 0; }
			#siteTitle a { position: absolute; top: 4px; left: 3px; width: 796px; height: 134px; outline: 0 none; }
		#siteSubTitle { margin: 0; padding: 0; }

	#contentContainer { margin: 0; padding: 0 13px 0 3px; width: 796px; overflow: hidden; }
		#leftColumn { float: left; margin: 0; border-right: 2px solid; padding: 0; width: 142px; }
			#menu { margin: 0; padding: 1px 0 0 0; }
				#menu li { list-style: none outside; margin: 1px 0; }
					#menu a { display: block; padding: 3px; }
			#languageList { margin: 12px 0 12px 10px; padding: 0; width: 132px; overflow: hidden; }
				#languageList li { float: left; list-style: none outside; margin: 0 10px 0 0; padding: 0; }
			/*.box { margin-bottom: 5px; }*/
				.boxTitle { margin: 0; padding:  3px 0; }
				.box p { margin-top: 10px; }

		#contentColumn { float: left; margin: 0; padding: 22px; width: 464px; }
			#quickFindTitle { font-weight: bold;  float: left;}
			#resetButton { float: right; }
			#projectFilter ol { margin: 0; padding: 0; width: 130px; list-style: none outside; float: left; }
			#projectFilter #heightFilter { width: 110px; }
			#projectFilter #surfaceFilter { width: 160px; }
			#projectFilter #brancheFilter { width: 180px; }
			#projectFilter .clear { clear: both; margin-top: 10px; }
			#projectFilter #search { margin-top: 10px; }
			#projectFilter #results { float: left; }
			#projectFilter #orderFilter { float: right; }
			.toggleAll { display: none; }
			#results, #orderFilter { margin-top: 20px; }
			
			.projecten { width: 100%; }
				.projecten .photo { width: 60px; }
				.projecten .size { width: 60px; }
				.projecten .height { width: 40px; }
				.projecten .country { width: 80px; }

			.pagination { margin: 18px 0; padding: 0; list-style: none outside; float: right; }
			.pagination li { margin: 0 1px 0 0; padding: 0; height: 22px; float: left; }
				.pagination a { border: 1px solid; width: 20px; height: 20px; display: block; overflow: hidden; }
				.pagination .previous { padding: 0 10px 0 0; width: 76px; }
				.pagination .next { padding: 0 0 0 10px; width: 76px; }

		#rightColumn { float: left; margin: 0; border-left: 2px solid; padding: 2px 0 0 0; width: 142px; }
			#newsList { margin: 0; padding: 0; }
				#newsList li { margin: 10px 0 0 0; padding: 0; list-style: none outside; }
					#newsList .newsItemDate { display: block; }

	#footer { margin: 0; padding: 0; width: 809px; height: 22px; }

#referenceLogos { height: 110px; position: relative; }
	#referenceLogos a { position: absolute; top: 0; left: 0; }
#mainImage { margin: 0 10px 10px; }
.navigation { margin: 5px; width: 50px; float: right; }
.thumbImage { float: right; clear: right; margin: 0 10px 10px 5px; }
.testiName { margin: 0; }
.testiPicture { vertical-align: top;}

#welcome { width: 800px; height: 602px; position: relative; }
	#welcome a { display: block; height: 30px; position: absolute; bottom: 15px; overflow: hidden; }
	#langNL { width: 102px; right: 146px; }
	#langFR { width: 131px; right: 13px; }

  /********************/
 /* color and images */
/********************/

body { background-image: url('/download/?id=8287002'); background-repeat: no-repeat; background-position: top left; background-color: #3281C4; color: white; }
a { color: white; }
a:hover { color: #bad5ea; }
legend { color: white; }
.sidebar a { color: #515054; }
#logo { background-repeat: no-repeat; background-position: top left; }
#contentContainer { background-image: url('/download/?id=8323568&ext=.png'); background-repeat: repeat-y; }
	#leftColumn, #rightColumn { color: #515054; background-color: #E1E1E1; border-color: white; }
	#menu li { background-color: #808285; }
	#menu a { color: white; }
	#menu .selected a { color: #333333; }
	#contentColumn { background-color: #3B393D; }
		.boxTitle { color: white; background-color: #808285; }
		.navigation { background-color: #808285; }
		.testiSubtitle { color: #BAD5EA; }
		#whiteBox {background-color: #FFFFFF; }
		.numbers { color: #90CAFF; }
		.disabled { color: #666666; }
		#projectFilterBox, #projectBox { border: 1px solid white; padding: 10px;}
		.titleLi { font-weight: bold; }
		#welcome { background: url('/download/?id=11280624') no-repeat center center; }
		.pagination a.selected { border-color: #90CAFF; color: #90CAFF; }
	#footer { background-image: url('/download/?id=8332245&ext=.png'); background-repeat: no-repeat; background-position: top left; }



  /*****************/
 /* text and type */
/*****************/

body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
a { text-decoration: underline; }
h1 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
h2 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
h4 { display: block; font-size: 1em; font-weight: bold; margin: 1.33em 0; }
h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }
h2 { font-size: 1.5em; font-weight: bold; }
.sidebar a { text-decoration: none; }
.sidebar a:hover { text-decoration: underline; }
#siteTitle, #siteSubTitle, #welcome a { text-indent: -999em; }
#menu a { text-decoration: none; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menu a:hover { font-weight: bold; }
#menu .selected a { font-weight: bold; }
.box { text-align: center; }
.boxTitle { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#contentColumn { line-height: 1.7em; }
.navigation { font-weight: bold; text-decoration: none; text-align: center; }
#newsList .newsItemDate { font-style: italic; }
.projecten th { text-align: left; }
.projecten a { text-decoration: none; }
.testiSubtitle { font-weight: bold; }
.testiTitle	{ font-style: italic; }
.projecten .size { text-align: right; }
.projecten .height { text-align: right; }
#results { font-size: 1.5em; font-weight: bold; }
legend { font-size: 1.5em; font-weight: bold; }
.pagination a { font-size: 12px; line-height: 20px; text-decoration: none; text-align: center; }
.pagination .previous { text-align: right; }
.pagination .next { text-align: left; }