/********** CORE **************************************************/

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

	html {
		overflow-y: scroll;
	}

	body {
		font-family: Arial, sans-serif;
		font-size: 13px;
		color: #737373;
		background-color: #ffffff;
	}

	h1, h2, h3 {
		font-weight: normal;
		color: #f22523;
	}

	h1 { font-size: 200%; }
	h2 { font-size: 120%; }
	h3 { font-size: 110%; }

	a { color: #525252; }
	a:hover { color: #f22523; }

	p { margin: 0; }

	#container {
		position: relative;
		margin: 0 auto;
		padding: 0 21px;
		width: 960px;
		background-color: #ffffff;
		background-image: url('../img/bg-container.gif');
		background-repeat: repeat-y;
	}

/********** TOP ***************************************************/

	#top { height: 153px; }

		#top div.left {
			float: left;
			width: auto;
		}

			#top a#o-logo {
				display: block;
				float: left;
				width: auto;
				height: 134px;
				margin-top: 10px;
			}

			#top div#menu {
				float: left;
				width: auto;
			}

				#menu ul#mainnav {
					position: relative;
					width: 551px;
					height: 153px;
				}

					#mainnav li {
						float: left;
						width: 149px;
						height: 153px;
					}

					#mainnav li#bureauNav, 
					#mainnav li#werkNav, 
					#mainnav li#ooohNav, 
					#mainnav li#blogNav {
						position: absolute;
					}

					#mainnav li#werkNav {
						left: 134px;
					}

					#mainnav li#ooohNav {
						left: 268px;
					}

					#mainnav li#blogNav {
						left: 402px;
					}

						#mainnav li a {
							display: block;
							position: relative;
							width: 149px;
							height: 153px;
							font-size: 1%;
							color: #ffffff;
							text-align: center;
							text-decoration: none;
							background-repeat: no-repeat;
						}

						li#bureauNav a {
							background-image: url('../img/bg-mainnav-bureau.gif');
							z-index: 93;
						}

						li#werkNav a {
							background-image: url('../img/bg-mainnav-werk.gif');
							z-index: 92;
						}

						li#ooohNav a {
							background-image: url('../img/bg-mainnav-oooh.gif');
							z-index: 91;
						}

						li#blogNav a {
							background-image: url('../img/bg-mainnav-blog.gif');
							z-index: 90;
						}

						#mainnav li a.active, 
						li#bureauNav a:hover, 
						li#werkNav a:hover, 
						li#ooohNav a:hover, 
						li#blogNav a:hover {
							color: #000000;
							background-position: 0 -153px;
							z-index: 94;
						}

		#top div.right {
			position: relative;
			float: right;
			width: 250px;
			height: 117px;
		}

			#top div.right img {
				position: absolute;
				top: 13px;
				right: 18px;
			}

			#top div.right ul#headernav {
				position: absolute;
				bottom: 0;
				right: 18px;
				font-size: 85%;
				color: #000000;
			}

				#headernav li {
					float: left;
					margin-left: 7px;
					padding-left: 8px;
					width: auto;
				}

					#headernav li a {
						color: #000000;
						text-decoration: none;
					}

					#headernav li a:hover, 
					#headernav li a.active {
						color: #f22523;
					}

/********** MAIN **************************************************/

	#main {
		position: relative;
		padding-top: 6px;
		width: 960px;
		min-height: 655px;
		overflow: hidden;
	}

		#main img#header {
			display: block;
			width: 960px;
			height: 225px;
		}

		#main div#content {
			float: left;
			padding: 20px 0 60px 20px;
			width: auto;
		}

		#main div#footer {
			position: absolute;
			z-index: 78;
			bottom: 10px;
			left: 20px;
		}

			#footer ul#servicenav {
				font-size: 80%;
				color: #737373;
			}

				#servicenav li {
					float: left;
					margin-right: 7px;
					padding-left: 8px;
					width: auto;
				}

					#servicenav li a {
						color: #737373;
						text-decoration: none;
					}

					#servicenav li a:hover, 
					#servicenav li a.active {
						color: #f22523;
					}

/********** DEFAULT PAGE ******************************************/

	#contentwrapper {
		float: left;
		width: auto;
		background-repeat: repeat-y;
	}

	#contentwrapper.two-col { background-image: url('../img/bg-content-2col.gif'); }
	#contentwrapper.three-col { background-image: url('../img/bg-content-3col.gif'); }

	#content div.left, 
	#content div.center, 
	#content div.right {
		height: auto !important;
		height: 341px;
		min-height: 341px;
	}

	#content div.left {
		float: left;
		padding-right: 17px;
		width: 206px;
	}

		#content div.left h3 { font-weight: normal; }

		#content div.left ul#outrecht {
			margin-bottom: 50px;
			font-size: 120%;
		}

			#outrecht li { line-height: 0; }

			#outrecht li a { display: none; }

			#outrecht li ul { margin-top: -3px; }

			#outrecht li ul li { line-height: 26px; }

				#outrecht li ul li a {
					display: inline;
					padding: 2px;
					color: #737373;
					text-decoration: none;
				}

				#outrecht li ul li a:hover, 
				#outrecht li ul li a.active {
					color: #ffffff;
					background-color: #000000;
				}

		#content div.left ul#relatednav { margin-bottom: 50px; }

			#relatednav li {
				padding-left: 8px;
				line-height: 22px;
				background-image: url('../img/bg-nav-li.gif');
				background-repeat: no-repeat;
				background-position: 0 50%;
			}

		#content div.left form#quickcall {
			position: relative;
			float: left;
			margin-top: 30px;
			padding: 12px;
			width: 180px;
			background-color: #f4eed6;
		}

			#quickcall legend span { color: #f22523; }

			#quickcall input.textbox {
				margin: 5px 0;
				padding: 4px 5px;
				width: 168px;
				font-size: 120%;
				border: 1px solid #ffffff;
			}

			#quickcall label.overTxtLabel {
				padding: 3px 6px 4px 3px;
				font-size: 120%;
				color: #dadada;
			}

			#quickcall input.button { text-align: left; }

			#quickcall div.ajaxInfo span.error, 
			#quickcall div.ajaxInfo span.success_message {
				float: none;
				margin: 0;
				font-size: 100%;
				text-align: left;
			}

			#quickcall div.ajaxInfo span.success_message {
				margin-left: 5px;
				color: #489a1b;
			}

	#content div.center {
		float: left;
		padding: 0 17px;
		width: 443px;
		text-align: left;
		line-height: 20px;
	}

	#content div.right {
		float: right;
		padding-top: 2px;
		padding-left: 17px;
		width: 223px;
		overflow: hidden;
	}

		#content div.right h3 { font-weight: normal; }

/********** HOMEPAGE **********************************************/

	#main.home { height: 655px; }
	
	#main img#bgHome {
		position: absolute;
		left: 0;
		z-index: 75;
		float: left;
	}

	#main img#stamp {
		position: absolute;
		top: 50px;
		/*right: -27px;*/
		right: 0;
		z-index: 76;
	}

	#main div#ie6stamp {
		visibility: hidden;
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 76;
		width: 380px;
		height: 219px;
		background-image: url('../userfiles/image/homepage/stempels/wat_heb_jij_vandaag.png');
	}

	#main div#content.home {
		position: relative;
		top: 325px;
		left: 0;
		z-index: 77;
		float: left;
		padding: 0 20px;
		width: 920px;
	}

		#content.home div.block {
			padding: 12px;
			height: 206px;
		}

		#content.home div.left {
			float: left;
			width: 664px;
			background-color: #ffffff;
			overflow: hidden;
			/* Cancel inherited styles from defualt pages */
				padding-right: 12px;
				height: 206px;
				min-height: 206px;
				max-height: 206px;
				border: none;
			/**********************************************/
		}

			#content.home div.left img { float: left; }
			
			#content.home div.left div.item {
				float: left;
				margin-left: 12px;
				width: 446px;
				text-align: left;
			}

				#content.home div.left div.item h1 { 
					font-weight: normal; 
					margin-bottom: 8px;
				}

				#content.home div.item p {
					font-size: 110%;
					line-height: 20px;
				}

		#content.home div.right {
			float: right;
			width: 192px;
			background-color: #f4eed6;
			/* Cancel inherited styles from default pages */
				padding-left: 12px;
				height: 206px;
				min-height: 206px;
				max-height: 206px;
				border: none;
			/**********************************************/
		}

			#content.home div.right div.blog {
				line-height: 18px;
			}
			
			#content.home div.right div.blog h2, #content.home div.right div.twitter h2 {
				padding-bottom: 5px;
			}
			
				#content.home div.blog ul li {
					/* padding-left: 8px;
					background-image: url('../img/bg-nav-li.gif');
					background-repeat: no-repeat;
					background-position: 0 50%; */
					overflow:hidden;
					height:20px;
					
				}

			#content.home div.right div.twitter { margin-top: 15px; }

			#content.home div.twitter ul {
				float: left;
				width: 192px;
			}

				#content.home div.twitter ul li {
					float: left;
					padding: 6px;
					width: 180px;
					font-size: 70%;
					background-color: #ffffff;
				}

					#content.home div.twitter ul li img {
						float: left;
						margin-right: 6px;
					}

					#content.home div.twitter ul li p {
						float: left;
						margin: 0;
						width: 150px;
					}

					#content.home div.twitter ul li a {
						color: #f22523;
						text-decoration: none;
					}

			#content.home div.right a.icon {
				display: block;
				float: left;
				margin: 15px 5px 0 0;
				width: 16px;
				height: 16px;
			}

/********** EMPLOYEES PAGE ****************************************/

	#content div.left div#employees {
		float: left;
		padding: 12px;
		width: 180px;
		background-color: #f4eed6;
	}

		#employees h3 { font-weight: normal; }

		ul#employeenav li {
			float: left;
			margin: 7px 7px 0 0;
			width: 55px;
			height: 55px;
		}

		#employeenav li.right { margin-right: 0; }

			#employeenav li a {
				display: block;
				height: 55px;
				text-decoration: none;
			}

	#content div#employeeDetail.center h2 { font-weight: normal; }

	#content div.right ul#blogposts {
		margin: 5px 0 35px 0;
		padding-right: 20px;
	}

		#blogposts li { line-height: 22px; }

			#blogposts li a {
				/* padding-left: 8px;
				background-image: url('../img/bg-nav-li.gif');
				background-repeat: no-repeat;
				background-position: 0 50%; */
			}

	#content div.right ul#socialicons {
		float: left;
		margin: 5px 0 30px 0;
		padding-right: 20px;
		width: 203px;
	}

		#socialicons li {
			float: left;
			padding-right: 8px;
			width: 16px;
		}

			#socialicons li a {
				display: block;
				height: 16px;
			}

	#content div.right form#contactEmployee {
		position: relative;
		float: left;
		padding: 12px;
		width: 179px;
		background-color: #f4eed6;
	}

		#contactEmployee span {
			float: left;
			margin-bottom: 8px;
			width: 179px;
			color: #f22523;
		}

		#contactEmployee div.row {
			float: left;
			margin-bottom: 8px;
			width: 179px;
		}

			#contactEmployee div.row label {
				float: left;
				padding: 3px 0;
				width: 40px;
			}

			#contactEmployee div.row input.textbox {
				float: left;
				padding: 3px;
				width: 131px;
				border: 1px solid #ffffff;
			}

		#contactEmployee textarea {
			float: left;
			padding: 3px;
			width: 171px;
			max-width: 181px;
			border: 1px solid #ffffff;
		}

		#contactEmployee input.button { text-align: left; }

		#contactEmployee div.err_message { float: right; }

			#contactEmployee div.ajaxInfo span { width: auto; }

			#contactEmployee div.ajaxInfo span.error, 
			#contactEmployee div.ajaxInfo span.success_message {
				float: none;
				margin: 0;
				font-size: 100%;
				text-align: left;
			}

			#contactEmployee div.ajaxInfo span.success_message {
				margin-left: 5px;
				color: #489a1b;
			}

/********** PORTFOLIO PAGE ****************************************/

	#content div.left ul#portfolionav {
		font-size: 120%;
		margin-bottom: 30px;
	}

		#portfolionav li { line-height: 26px; }

			#portfolionav li a {
				display: inline;
				padding: 2px;
				color: #737373;
				text-decoration: none;
			}

			#portfolionav li a:hover, 
			#portfolionav li a.active, 
			#content div.left a#archiefLink:hover {
				color: #ffffff;
				background-color: #000000;
			}

	#content div.left a#archiefLink {
		padding: 2px;
		font-size: 120%;
		color: #737373;
		text-decoration: none;
	}

	#content.work div.right {
		width: 700px;
		overflow: visible;
	}

		#content.work div.right div#slideshow {
			position: relative;
			float: left;
			width: 700px;
			height: 489px;
		}

		#slideshow div.mask {
			position: relative;
			float: left;
			width: 700px;
			height: 400px;
			overflow: hidden;
		}

			#slideshow div.mask a {
				position: absolute;
				z-index: 34;
				display: block;
				padding: 168px 10px 167px 10px;
				width: 33px;
				height: 65px;
				text-decoration: none;
			}

			#slideshow div.mask a.prev {
				left: 0;
				padding-right: 307px;
			}
			
			#slideshow div.mask a.next {
				right: 0;
				padding-left: 307px;
			}

				#slideshow div.mask a span {
					display: none;
					float: left;
					width: 33px;
					height: 65px;
					background-repeat: no-repeat;
					opacity: 0.75;
					cursor: pointer;
				}

				#slideshow div.mask a.prev span { background-image: url('../img/bg-slideshownav-left.png'); }
				#slideshow div.mask a.next span { background-image: url('../img/bg-slideshownav-right.png'); }
				#slideshow div.mask a:hover span { display: block; }

			#slideshow div.mask div#slideshowImages {
				position: absolute;
				z-index: 33;
			}

				#slideshowImages img {
					display: block;
					float: left;
				}

		#slideshow div.navbar {
			position: absolute;
			bottom: 0;
			float: left;
			padding: 12px 10px;
			width: 680px;
			height: 65px;
			background-color: #f4eed6;
			overflow: hidden;
		}

			#slideshow div.navbar a {
				display: block;
				width: 33px;
				height: 65px;
				text-decoration: none;
				background-repeat: no-repeat;
			}

			#slideshow div.navbar a.prev {
				float: left;
				background-image: url('../img/bg-slideshownav-left.gif');
			}

			#slideshow div.navbar a.next {
				float: right;
				background-image: url('../img/bg-slideshownav-right.gif');
			}

			#slideshow div.navbar a:hover { background-position: 0 -65px; }

			#slideshow div.navbar div#navMask {
				position: relative;
				left: 6px;
				float: left;
				width: 602px;
				height: 65px;
				overflow: hidden;
			}

				#slideshow div.navbar div#navMask ul#slideshownav {
					position: absolute;
					float: left;
					margin: 0 6px;
					width: 602px; /* This will be reset inline to encompass the amount of thumbnails */
				}

					#slideshownav li {
						display: inline;
						float: left;
						margin: 0 4px;
						width: 112px;
						height: 65px;
					}

						#slideshownav li span {
							position: relative;
							display: block;
							padding: 2px;
							width: 108px;
							height: 61px;
							background-image: url('../img/bg-slideshownav-thumb.gif');
							background-repeat: no-repeat;
							cursor: pointer;
						}

						#slideshow div.navbar ul#slideshownav li span:hover, 
						#slideshow div.navbar ul#slideshownav li span.active {
							background-position: 0 -65px;
						}

							#slideshownav li span img {
								position: absolute;
								right: 0;
								bottom: 0;
							}

							#slideshownav li span:hover img, 
							#slideshownav li span.active img {
								clip: rect(2px, 110px, 63px, 2px);
							}

		#content.work div.right div#details {
			float: left;
			margin-top: 30px;
			padding-right: 20px;
			width: 680px;
		}

			#details h2 { font-weight: normal; }

			#details div.description {
				float: left;
				width: 440px;
				line-height: 20px;
			}

			#details div.credits {
				float: right;
				width: 205px;
				font-size: 85%;
				line-height: 16px;
			}

		#content.work div.right div#video {
			float: left;
			margin-top: 20px;
			padding-right: 20px;
			width: 680px;
		}

			#video div#activeVideo {
				width: 400px;
				height: 255px;
				background-image: url('../img/icon-ajax.gif');
				background-repeat: no-repeat;
				background-position: 50% 50%;
				/*border: 1px solid #f22523;*/
			}

			#video ul#videonav { margin-top: 15px; }

				#videonav li {
					float: left;
					margin-right: 7px;
					padding-left: 8px;
					width: auto;
					background-image: url('../img/bg-nav-li.gif');
					background-repeat: no-repeat;
					background-position: 0 50%;
				}

					#videonav li a.active { color: #f22523; }
					

/********** NOMINATIE PAGE ****************************************/

		#content.nominate div.center div#slideshow {
			position: relative;
			width: 443px;
			height: 532px;
		}

		#content.nominate #slideshow div.mask {
			width: 443px;
			height: 443px;
		}

			#content.nominate #slideshow div.mask a.prev { padding-right: 100px; }
			#content.nominate #slideshow div.mask a.next { padding-left: 100px; }

		#content.nominate #slideshow div.navbar { width: 423px; }

			#content.nominate #slideshow div.navbar div#navMask { width: 343px; }

					#content.nominate #slideshownav li { width: 67px; }

						#content.nominate #slideshownav li span {
							width: 65px;
							background-image: url('../img/bg-slideshownav-thumb-square.gif');
						}

		#content.nominate div.right { padding-top: 0; }
		
		#content div.right form#nominateFavorite {
			position: relative;
			float: left;
			margin-bottom: 16px;
			padding: 12px;
			width: 180px;
			background-color: #f4eed6;
		}

			#nominateFavorite legend span { color: #f22523; }

			#nominateFavorite #radioBtns {
				display: block;
				margin-top: 8px;
				margin-bottom: 16px;
			}

			#nominateFavorite div.ajaxInfo span.error, 
			#nominateFavorite div.ajaxInfo span.success_message {
				float: left;
				margin: 0;
				padding-top: 8px;
				font-size: 100%;
				text-align: left;
			}

			#nominateFavorite div.ajaxInfo span.success_message {
				margin-left: 5px;
				color: #489a1b;
			}
			
		#content div.right #btnHetLeuksteBureau, #content div.right #results {
			position: relative;
			float: left;
			margin-bottom: 16px;
			padding: 12px;
			width: 180px;
			background-color: #f4eed6;
		}
			#content div.right #results { display: none; }
		
			#content div.right #btnHetLeuksteBureau h3, #nominateFavorite legend { margin-bottom: 8px; }
			
			#content div.right #results ol {
				list-style-type: decimal;
				margin-left: 20px;
				padding-top: 8px;
				padding-bottom: 8px;
			}

			#content div.right #results ol li {}

/********** OOOH PAGE *********************************************/

	#main div#content.oooh { padding: 0 0 60px 0; }

		#content.oooh div#oooh {
			position: relative;
			float: left;
			width: 960px;
			height: 625px;
			overflow: hidden;
		}

			#oooh img.background {
				position: absolute;
				z-index: 98;
			}

			#oooh div.content {
				position: absolute;
				z-index: 99;
				width: 960px;
				height: 625px;
			}

				#oooh div.content img { position: absolute; }
				#oooh div.content .draggable { cursor: pointer; }

				div.tooltip {
					background-color: #000000;
					z-index: 9999;
				}

					div.tooltip div.tip {
						padding: 12px 25px 25px 12px;
						width: 200px;
						height: 30px;
						color: #ffffff;
					}

						div.tooltip div.tip div.tip-title { height: 50px; }

/********** CONTACT FORM ******************************************/

	/* Reset the inherited styles */
	form#formContact div.left, 
	form#formContact div.right {
		float: left;
		padding: 0;
		width: auto;
		height: auto;
		min-height: 0;
		overflow: none;
	}

	#formContact {
		padding: 12px;
		background-color: #f4eed6;
	}

		#formContact div.row {
			float: left;
			margin-bottom: 5px;
			width: 419px;
		}

			#formContact div.row div.left {
				padding: 1px 0;
				width: 110px;
			}

				#formContact div.row input.textbox, 
				#formContact div.row textarea.textarea, 
				#formContact div.row select {
					padding: 2px;
					font-family: Arial, sans-serif;
					font-size: 100%;
					color: #737373;
					background-color: #ffffff;
					border: 1px solid #ffffff;
				}

				#formContact div.row input.textbox { width: 301px; }
				#formContact div.row textarea.textarea { width: 301px; }

				#formContact div.row em { font-size: 80%; }

				#formContact div.row div.field_err {
					font-size: 80%;
					color: #d6012f;
				}
	
	.right #map {
		height: 567px;
		width: 207px;
	}
	
	.right #map img {
		 filter:alpha(opacity=50); 
		 -moz-opacity: 0.5; 
		 opacity: 0.5;
	}

/********** BOTTOM ************************************************/

	#bottom {
		margin: 0 auto;
		width: 1002px;
		height: 22px;
		background-image: url('../img/bg-bottom.gif');
		background-repeat: repeat-x;
	}

	#bottom div.left, #bottom div.right {
		width: 21px;
		height: 22px;
		background-repeat: no-repeat;
	}

	#bottom div.left {
		float: left;
		background-image: url('../img/bg-bottom_left.gif');
	}

	#bottom div.right {
		float: right;
		background-image: url('../img/bg-bottom_right.gif');
	}

/********** SITEMAP ***********************************************/

	#content ul.sitemap {
		list-style-type: none;
		padding-left: 0;
		padding-bottom: 0;
		font-weight: bold;
	}

	#content ul.sitemap a { font-weight: normal; }

	#content ul.sitemap ul {
		list-style-type: circle;
		margin-bottom: 15px;
		padding-bottom: 0;
		padding-left: 15px;
	}

	#content ul.sitemap ul li ul {
		list-style-type: disc;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 15px;
	}

	#content ul.sitemap ul li { padding-bottom: 0; }

/********** MISCELLANEOUS *****************************************/

	.clearer { clear: both; }

	a.readmore {
		color: #f22523;
		text-decoration: none;
	}

	.inputElement {
		font-family: Arial, sans-serif;
		font-size: 100%;
	}

	input.textbox {
		color: #737373;
		border: 1px solid #737373;
	}

	textarea { color: #737373; }

	input.button {
		padding: 0;
		color: #737373;
		background-color: transparent;
		border: 0;
	}

	.redText { color: #f22523; }

	.err_message {
		display: none;
		float: left;
		font-size: 80%;
		color: #b32828;
	}

	.success_message {
		font-size: 80%;
		color: #489a1b;
	}

	div.ajaxInfo {
		float: left;
		margin-top: 3px;
		font-size: 80%;
		text-align: center;
	}

		div.ajaxInfo span {
			float: left;
			margin: 11px 0 10px 5px;
			width: auto;
		}

		div.ajaxInfo img { float: left; }

/********** MULTIBOX OVERRIDE *************************************/

	div.MultiBoxContainer {
		background-color: #000000;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-box-shadow: 0 0 10px #000000;
		-webkit-box-shadow: 0 0 10px #000000;
	}

	div.MultiBoxLoading { background-image: url('../img/icon-ajax_multibox.gif'); }

	div.MultiBoxClose {
		background: transparent url('../img/but-multibox-close.gif') no-repeat 0 0;
		top: 3px;
		right: -2px;
	}

/********** WYSIWYG CONSISTENCY STYLES ****************************/

	.content_CMS {
		background-image: none;
		background-color: #ffffff;
		padding: 5px;
	}

	.content_CMS p, .content_CMS h1, .content_CMS h2, .content_CMS h3 {
		margin: 0;
	}
	.content_CMS h1 {
		margin-bottom: 8px;
	}

	.content_CMS ul {
		padding-left: 15px;
		list-style-type: disc;
	}

	.content_CMS ol li, .content_CMS ul li{
		padding-bottom: 5px;
	}

	#content_CMS_headerimg p, 
	#content_CMS_imgcontent p {
		margin: 0;
		padding: 0;
	}