@charset "utf-8";
/* CSS Document */
html {
	background:url(../../gfx/bg.gif) repeat;
}

#divContainer {
	margin:20px 0px 0px 0px;
	left:50%;
	margin-left:-480px;
	position:absolute;
	width:960px;
	min-height:720px;
	height:auto !important;
	height:720px;
	border-left:1px solid #9e053b;
	border-right:1px solid #9e053b;
	border-top:1px solid #9e053b;
	background:#fff;
}
	#divHeader {
		width:960px;
		min-height:300px;
		height:auto !important;
		height:300px;
	}
		#divNavigation {
			width:620px;
			min-height:70px;
			height:auto !important;
			height:70px;
			float:left;
		}
			#divGroenGrondInfra{
				float:left;
				width:780px;
				height:22px;
				background:#9e053b;
				padding:3px 0px 0px 180px;
				z-index:99999999;
			}
				#divGroenGrondInfra ul {
					list-style:none;
					width:620px;
					display:inline;
				}
				#divGroenGrondInfra ul li{
					height:25px;
					float:left;
					font-family:Calibri, Verdana, Geneva, sans-serif;
					font-size:18px;
					font-variant:small-caps;
					color:#FFF;
					width:100px;
				}
				#divGroenGrondInfra ul li a{
					color:#FFF;
				}
				#divGroenGrondInfra ul li a:hover{
					text-decoration:underline;
				}
				
			#ulNavigation {
				list-style:none;
				width:620px;
				display:inline;
			}
				#ulNavigation li {
					height:49px;
					float:left;
					font-family:Calibri, Verdana, Geneva, sans-serif;
					font-size:24px;
					color:#FFF;
					text-align:center;
					padding:20px 0px 0px 0px;
				}
				#ulNavigation li a{
					color:#fff;
					display:block;
				}
				#ulNavigation li:hover {
					background:#9e053b;
				}
				.item1 {
					width:144px;
					display:inline-block;
					border-right:1px solid #fff;
					border-bottom:1px solid #fff;
					background:#0072bb;
				}
				.item2 {
					width:312px;
					display:inline-block;
					border-right:1px solid #fff;
					border-bottom:1px solid #fff;
					background:#0072bb;
				}
				.item3 {
					width:162px;
					display:inline-block;
					border-bottom:1px solid #fff;
					background:#0072bb;
				}

				.item1Active {
					background:#9e053b;
					width:144px;
					display:inline-block;
					border-right:1px solid #fff;
					border-bottom:1px solid #fff;
				}
				.item2Active {
					background:#9e053b;
					width:312px;
					display:inline-block;
					border-right:1px solid #fff;
					border-bottom:1px solid #fff;
				}
				
				.item3Active {
					background:#9e053b;
					width:162px;
					border-bottom:1px solid #fff;
					display:inline-block;
				}
		#divLogo {
			width:280px;
			height:70px;
			background:url(../../gfx/logo.jpg) no-repeat;
			float:right;
			display:inline;
		}
		#divPicture {
			width:960px;
			height:230px;
			clear:both;
			position:relative;
			overflow: hidden;
		}
		
	#divContent {
		width:960px;
		min-height:390px;
		height:auto !important;
		height:390px;
		background:#fff;
	}
		#divContentLeft {
			float:left;
			display:inline;
			width:240px;
			min-height:375px;
			height:auto !important;
			height:375px;
			padding:15px 5px 0px 15px;
		}
			#ulLeft {
				font-size:16px;
				color:#9e053b;
			}
			#ulLeft a {
				color:#9e053b;
			}
			#ulLeft a:hover {
				text-decoration:underline;
			}
			#divContentLeft a {
				color:#9e053b;
			}
		#divContentRight {
			float:left;
			display:inline;
			width:690px;
			min-height:375px;
			height:auto !important;
			height:375px;
			padding:15px 10px 0px 0px;
		}
	#divFooter {
		width:960px;
		height:30px;
		background:#9e053b;
		float:left;
		display:inline;
		border-left:1px solid #9e053b;
		border-right:1px solid #9e053b;
		margin:0px 0px 0px -1px;
	}
		#divFooterLeft {
			float:left;
			display:inline;
			height:30px;
			line-height:30px;
			padding:0px 0px 0px 10px;
			color:#FFF;
		}
		#divFooterRight {
			float:right;
			display:inline;
		}
	#ulWerkzaamheden {
		list-style-position:outside;
		list-style-type:none;
		margin:15px 0px 0px 0px;
	}
		.ulSubWerk li {
			text-indent:15px;
		}

/* Meuk */
	html, p, table {
		font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
		font-size:11pt;
		line-height:16px;
		color:#4f4f4f;
	}
	p {
		margin:8px 0px 8px 0px;
		line-height:16px;
	}
	address {
		font-style:normal;
	}
	a {
		text-decoration:none;
		color:#9E053B;
	}
	a:hover {
		text-decoration:none;
	}
	h1 {
		font-family:Cambria, Arial, Helvetica, sans-serif;
		font-size:18pt;
		color:#9e053b;
	}

/* s3slider */

/*#divPicture {
   width: 400px;
   height: 300px;
   position: relative;
   overflow: hidden; 
}*/

#divPictureContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.divPictureImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.divPictureImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 960px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}