@charset "utf-8";
/* CSS Document */

body
{
	background	: repeat-x url(/images/bg.jpg);
	margin		: 0;
	padding		: 0;
	font-family	: Arial;
	font-size	: 12px;
	color		: #000000;
}
img
{
	border		: 0;
}
	#container
	{
		margin		: 0 auto;
		width		: 1004px;
		position	: relative;
	}
	#header
	{
		position	: absolute;
		top			: 23px;
		height		: 258px;
		width		: 1004px;
	}
		.headerHome {
			background: #000000 url(/images/headerHome.jpg) no-repeat;
		}
		.headerBuro {
			background: #000000 url(/images/headerBuro.jpg) no-repeat;
		}
		.headerProjecten {
			background: #000000 url(/images/headerProjecten.jpg) no-repeat;
		}
		.headerNieuws {
			background: #000000 url(/images/headerNieuws.jpg) no-repeat;
		}
		.headerContact {
			background: #000000 url(/images/headerContact.jpg) no-repeat;
		}
		.logo
		{
			display		: block;
			width		: 306px;
			height		: 81px;
			background	: no-repeat url(/images/logo.gif);
			position	: absolute;
			right		: 24px;
			top			: 29px;
		}
	#topMenu
	{
		position		: absolute;
		top				: 283px;
		width			: 970px;
		left			: 17px;
		height			: 38px;
		background		: #ffffff;
		border-bottom	: 1px solid #9e9e9e;
	}
		#topMenu ul
		{
			list-style		: none;
			margin			: 4px auto 0 35px;
			padding			: 0;
		}
			#topMenu ul li
			{
				float	: left;			
			}
				#topMenu ul li a
				{
					display		: block;
					width		: 179px;
					height		: 23px;
					text-decoration	: none;
					font-weight	: bold;	
					font-size	: 14px;
					text-align	: center;
					border-right: 1px solid #9e9e9e;
					padding		: 6px 0 0 0;
					color		: #000000;
				}
					#topMenu ul .first a
					{
						border-left	: 1px solid #9e9e9e;
					}
					#topMenu ul li a:hover, #topMenu ul .selected a
					{
						color		: #ffffff;
						background	: repeat-x url(/images/menuBg.gif);
						margin-left	: -1px;
						border-right: 0;
						width		: 181px;
					}
					#topMenu ul li:hover
					{
						background	: repeat-x url(/images/menuBg.gif);
					}
						#topMenu ul li:hover a
						{
							color		: #ffffff;
						}
						#topMenu ul .first a:hover
						{
							border-left: 0;
							width	: 182px;
						}
				#topMenu ul li ul, #topMenu ul .selected ul
				{
					position	: absolute;
					display		: none;
					z-index		: 90;
					width		: 179px;
					border		: 1px solid #50b948;
					border-top	: 0;
					margin		: 0 0 0 -1px;
					background	: #ffffff;
				}
					#topMenu ul li:hover ul li a, #topMenu ul li.selected:hover ul li a
					{
						color		: #000000;
						width		: 170px;
						margin		: 0;
						padding		: 5px 5px 0;
						height		: 20px;
						background	: none;
					}
					#topMenu ul li ul li a, #topMenu ul li.selected ul li a
					{
						float		: none;
						display		: block;
						cursor		: pointer;
						padding		: 5px 5px 0;
						border		: 0;
						text-align	: left;
						font-size	: 11px;
						border-top	: 1px solid #50b948;
					}
						#topMenu ul li.first ul li a, #topMenu ul li.first.selected ul li a
						{
							border-top		: 0;
						}
						#topMenu ul .first ul, #topMenu ul li.first.selected ul
						{
							width		: 180px;
						}
							#topMenu ul li.first:hover ul li a, #topMenu ul li.first.selected ul li a
							{
								width		: 170px;
							}
						#topMenu ul li ul li a:hover, #topMenu ul li.selected ul li a:hover
						{
							background	: no-repeat url(/images/menuRight.gif) right 3px #50b948;
							color		: #ffffff;
						}
	#contentPos
	{
		padding-top		: 332px;
	}
	#content
	{
		min-height		: 390px;
		background		: no-repeat url(/images/contentBg.gif) #ffffff;
		padding			: 1px 17px 0 ;
	}
		.row
		{
			clear		: both;
			overflow	: hidden;
		}
		.column1
		{
			float		: left;
			width		: 276px;
			padding		: 27px 0 20px 20px;
			background	: no-repeat url(/images/vertDot.gif) right top;
			min-height	: 453px;
		}
		.column2
		{
			float		: left;
			width		: 276px;
			padding		: 27px 0 20px 0;
			min-height	: 453px;
			width		: 370px;
		}
		.columnLarge
		{
			float		: left;
			padding		: 27px 0 20px 20px;
			min-height	: 453px;
			width		: 655px;
		}
		.alignRight
		{
			text-align		: right;
			margin			: 0 0 20px 0;
		}
		.contact
		{
			float		: right;
			width		: 269px;
			background	: no-repeat url(/images/vertDot.gif) left top;
			min-height	: 453px;
			padding		: 27px 0 0 0;
		}
			.titel
			{
				padding-left		: 32px;
				background			: no-repeat url(/images/arrowRight.gif) 14px center;
				font-size			: 16px;
				font-weight			: bold;
				margin				: 0 0 25px;
			}
			.info
			{
				padding-left		: 32px;
				line-height			: 16px;
			}
				.info a
				{
					color		: #50b948;
				}
					.info a:hover
					{
						text-decoration		: none;
					}
			.scrollOmbouw
			{
				position	: relative;
				margin		: 0 0 20px;
			}
			  .scroller {
				 overflow: hidden;
				 width: 618px;
				 white-space: nowrap;
				 height: 291px;
				 border: 1px solid #dddddd;
			  }
				.scrollItem
				{
					width		: 618px;
					height		: 291px;
					float		: left;
					overflow	: hidden;
					background	: #eeeeee;
				}
					.scImg
					{
						float	: left;
						border-right	: 1px solid #dddddd;
					}
					.scInfo
					{
						float		: right;
						width		: 170px;
					}
						.scInfo strong
						{
							display		: block;
							margin		: 8px 0 0 0;
						}
				.scrollPosition
				{
					position	: absolute;
					right		: 30px;
					bottom		: 10px;
					font-weight	: bold;
					overflow	: hidden;
					width		: 120px;
				}
					.scButLeft
					{
						cursor	: pointer;
						background	: no-repeat url(/images/butLeft.png);
						display		: block;
						float		: left;
						width		: 17px;
						height		: 17px;
					}
					.scButRight
					{
						cursor	: pointer;
						background	: no-repeat url(/images/butRight.png);
						display		: block;
						float		: left;
						width		: 17px;
						height		: 17px;
					}
					#scrollPos
					{
						float		: left;
						width		: 79px;
						text-align	: center;
					}
			  .stretch {
				 width: 19000px;
			  }

			.productOverzicht
			{
				overflow	: hidden;
			}
				.productOverzicht a
				{
					display		: block;
					width		: 198px;
					border		: 1px solid #dddddd;
					background	: no-repeat url(/images/bekijkProject.gif) right bottom #eeeeee;
					position	: relative;
					text-decoration		: none;
					color		: #000000;
					font-size	: 11px;
					float		: left;
					margin		: 3px;
				}
					.productOverzicht a .pImg
					{
						display		: block;
						height		: 120px;
					}
					.productOverzicht a .pTitel
					{
						font-weight	: bold;
						padding		: 5px 5px 5px;
						display		: block;
					}
					.productOverzicht a .pInfo
					{
						padding		: 0 5px 30px;
						display		: block;
					}
			.nieuws
			{
				width		: 220px;
			}
			.infoContact span, .nieuws span, .date
			{
				color		: #50b948;
			}
			.rLeft {
				float : left;
				width : 135px;
			}
			.rRight {
				float : left;
				width : 480px;
				padding : 2px 0 2px 0;
			}
			.rRight select {
				width : 407px;
				border : 1px solid #50b948;
				background: #eeeeee;
			}
			.rRight .input {
				width : 400px;
				border : 1px solid #50b948;
				background: #eeeeee;
			}
			.rRight .inputPostcode {
				width : 70px;
				border : 1px solid #50b948;
				background: #eeeeee;
			}
			.rRight .inputPlaats {
				width : 321px;
				margin : 0 0 0 5px;
				border : 1px solid #50b948;
				background: #eeeeee;
			}
			.rRight .textarea {
				border : 1px solid #50b948;
				width : 400px;
				height : 98px;
				background: #eeeeee;
			}
			.formVerzenden {
				float : right;
				width : 88px;
				height : 21px;
				background : no-repeat url(/images/verzenden.gif);
				margin-right: 85px;
				margin-top : 10px;
				cursor : pointer;
			}
			.formLeegmaken {
				float : right;
				width : 159px;
				height : 21px;
				background : no-repeat url(/images/formLegen.gif);
				margin-right: 5px;
				margin-top : 10px;
				cursor : pointer;
			}
	#footer
	{
		width		: 100%;
		height		: 90px;
		clear		: both;
		background	: repeat-x url(/images/footerBg.gif);
		color		: #ffffff;
		line-height	: 18px;
		text-align	: center;
		padding		: 20px 0 0 0;
	}
		#footer a
		{
			color	: #ffffff;
			text-decoration	: none;
		}
			#footer a:hover
			{
				text-decoration		: underline;
			}
			#footer a.juice
			{
				color			: #50b948;
				text-decoration	: underline;
			}
				#footer a.juice:hover
				{
					text-decoration	: none;
				}