body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font: 10px Verdana;
}

/* LET OP > DEZE STYLING LAAT VACATURE BUTTON ZIEN OF NIET */
#vacatures {
	display: none;
}
/* ******************************************************* */

#full-screen-background-image {
	z-index: -999;
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

a.hrlink, a.hrlink:visited {
	color: #1c1c1c;
	text-decoration: underline;
	padding: 0 3px;
}
a.hrlink:hover, a.hrlink:active {
	color: #fff;
	background-color: #1c1c1c;
	text-decoration: none;
}

p {
	font-family: 'Droid Sans', sans-serif; font-weight: 400;
	font-size: 12px;
	color: #1c1c1c;
	line-height: 18px;
	margin: 18px 0 0 0;
}
	.first {
		margin: 0 0;
	}
	.quote {
		font-style: italic;
		font-size: 13px;
		color: #657FB5;
	}
	
h1, h1.projectengallery {
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 18px;
	color: #123a8d;
	line-height: 18px;
	margin: 0 0;
}
	h1.projectengallery {
		margin-bottom: 20px;
	}
h2 {
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 14px;
	color: #123a8d;
	line-height: 18px;
	margin: 18px 0 0 0;
}
	
	
ul#hrlist {
	list-style-type: disc;
	padding: 0 0 0 14px;
	font-family: 'Droid Sans', sans-serif; font-weight: 400;
	font-size: 12px;
	color: #1c1c1c;
	line-height: 18px;
	margin: 5px 0 0 0;
}
table#contacts {
	margin: 18px 0;
}
table#contacts td {
	padding: 0px;
}

ul#contactlist {
	list-style-type: none;
	padding: 0 20px 0 0;
	font-family: 'Droid Sans', sans-serif; font-weight: 400;
	font-size: 12px;
	color: #1c1c1c;
	line-height: 18px;
	margin: 0 0;
}

img {
	border: 0;
}

#header, #content, #footer, #disclaimer {
	overflow: hidden;
}

.clear {
	clear: both;
}

/* **************** div start **************** */

#header {
	margin: 40px 0 0 0;
}

	.header-container {
		margin: 0 auto;
		width: 960px;
		height: 120px;
		background: url('../images/layout/header.png') no-repeat center top; }

	.logo {
		float: none;
		margin: 20px 0 0 20px;
	}
		
#menu {
	margin: 0 auto;
	height: 30px;
	width: 100%;
	background: #123a8d url('../images/layout/menu-bg.jpg') no-repeat center top;
}

	.menu-container {
		margin: 0 auto;
		width: 960px;
		height: 400px;
	}

		ul#mainmenu {margin: 0 0; padding:0; list-style:none; clear:both; position:absolute;}
			#mainmenu li {overflow:hidden; text-indent:-9999px; display:inline; float:left;}
				#mainmenu li a {background:url('../images/layout/menu-sprite.png') no-repeat; width:100%; height:100%; display:block;}
				
				#mainmenu li.home {width: 74px; height: 30px;}
					#mainmenu li.home a {background-position: 0px 0px;}
					#mainmenu li.home a:hover {background-position: 0px -30px;}
					#mainmenu li.home a.selected {background-position: 0px -30px;}
				
				#mainmenu li.grootkeukentechniek {width: 210px; height: 30px;}
					#mainmenu li.grootkeukentechniek a {background-position: -74px 0px;}
					#mainmenu li.grootkeukentechniek a:hover {background-position: -74px -30px;}
					#mainmenu li.grootkeukentechniek a.selected {background-position: -74px -30px;}
				
				#mainmenu li.koeltechniek {width: 144px; height: 30px;}
					#mainmenu li.koeltechniek a {background-position: -285px 0px;}
					#mainmenu li.koeltechniek a:hover {background-position: -285px -30px;}
					#mainmenu li.koeltechniek a.selected {background-position: -285px -30px;}
				
				#mainmenu li.servicedienst {width: 154px; height: 30px;}
					#mainmenu li.servicedienst a {background-position: -429px 0px;}
					#mainmenu li.servicedienst a:hover {background-position: -429px -30px;}
					#mainmenu li.servicedienst a.selected {background-position: -429px -30px;}
				
				#mainmenu li.projecten {width: 115px; height: 30px;}
					#mainmenu li.projecten a {background-position: -583px 0px;}
					#mainmenu li.projecten a:hover {background-position: -583px -30px;}
					#mainmenu li.projecten a.selected {background-position: -583px -30px;}
				
				#mainmenu li.contact {width: 96px; height: 30px;}
					#mainmenu li.contact a {background-position: -698px 0px;}
					#mainmenu li.contact a:hover {background-position: -698px -30px;}
					#mainmenu li.contact a.selected {background-position: -698px -30px;}
				
				#mainmenu li.storing {width: 100px; height: 30px;}
					#mainmenu li.storing a {background-position: -794px 0px;}
					#mainmenu li.storing a:hover {background-position: -794px -30px;}
					#mainmenu li.storing a.selected {background-position: -794px -30px;}
			

					#mainmenu ul, #mainmenu :hover ul ul {
						position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;z-index:999;
					}

						#mainmenu :hover ul.grootkeukentechniek-sub {left: 88px; top: 30px; padding:0 0; width:auto; height:auto;}
							#mainmenu :hover ul.grootkeukentechniek-sub li {display:block; position:relative; float:none;}
								#mainmenu :hover ul.grootkeukentechniek-sub li a {background:url('../images/layout/menu-sprite.png') no-repeat; display:block; height:100%; width:100%;}

								#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koken {width: 195px; height: 44px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koken a {background-position: 0px -89px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koken a:hover {background-position: -200px -89px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koken a.selected {background-position: -200px -89px;}
								
								#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koelen {width: 195px; height: 24px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koelen a {background-position: 0px -133px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koelen a:hover {background-position: -200px -133px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-koelen a.selected {background-position: -200px -133px;}
								
								#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-regenereren {width: 195px; height: 24px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-regenereren a {background-position: 0px -157px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-regenereren a:hover {background-position: -200px -157px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-regenereren a.selected {background-position: -200px -157px;}
								
								#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-reinigen {width: 195px; height: 24px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-reinigen a {background-position: 0px -181px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-reinigen a:hover {background-position: -200px -181px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-reinigen a.selected {background-position: -200px -181px;}
								
								#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-ventileren {width: 195px; height: 40px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-ventileren a {background-position: 0px -205px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-ventileren a:hover {background-position: -200px -205px;}
									#mainmenu :hover ul.grootkeukentechniek-sub li.grootkeukentechniek-ventileren a.selected {background-position: -200px -205px;}
						
						#mainmenu :hover ul.projecten-sub {left: 595px; top: 30px; padding:0 0; width:auto; height:auto;}
							#mainmenu :hover ul.projecten-sub li {display:block; position:relative; float:none;}
								#mainmenu :hover ul.projecten-sub li a {background:url('../images/layout/menu-sprite.png') no-repeat; display:block; height:100%; width:100%;}

								#mainmenu :hover ul.projecten-sub li.projecten-witmarsum {width: 195px; height: 44px;}
									#mainmenu :hover ul.projecten-sub li.projecten-witmarsum a {background-position: -400px -89px;}
									#mainmenu :hover ul.projecten-sub li.projecten-witmarsum a:hover {background-position: -600px -89px;}
									#mainmenu :hover ul.projecten-sub li.projecten-witmarsum a.selected {background-position: -600px -89px;}
								
								#mainmenu :hover ul.projecten-sub li.projecten-restaurantkeuken {width: 195px; height: 24px;}
									#mainmenu :hover ul.projecten-sub li.projecten-restaurantkeuken a {background-position: -400px -133px;}
									#mainmenu :hover ul.projecten-sub li.projecten-restaurantkeuken a:hover {background-position: -600px -133px;}
									#mainmenu :hover ul.projecten-sub li.projecten-restaurantkeuken a.selected {background-position: -600px -133px;}
									
								#mainmenu :hover ul.projecten-sub li.projecten-keuken-witmarsum {width: 195px; height: 24px;}
									#mainmenu :hover ul.projecten-sub li.projecten-keuken-witmarsum a {background-position: -400px -157px;}
									#mainmenu :hover ul.projecten-sub li.projecten-keuken-witmarsum a:hover {background-position: -600px -157px;}
									#mainmenu :hover ul.projecten-sub li.projecten-keuken-witmarsum a.selected {background-position: -600px -157px;}
								
								#mainmenu :hover ul.projecten-sub li.projecten-haren {width: 195px; height: 24px;}
									#mainmenu :hover ul.projecten-sub li.projecten-haren a {background-position: -400px -181px;}
									#mainmenu :hover ul.projecten-sub li.projecten-haren a:hover {background-position: -600px -181px;}
									#mainmenu :hover ul.projecten-sub li.projecten-haren a.selected {background-position: -600px -181px;}
									
								#mainmenu :hover ul.projecten-sub li.projecten-keuken-sneek {width: 195px; height: 40px;}
									#mainmenu :hover ul.projecten-sub li.projecten-keuken-sneek a {background-position: -400px -205px;}
									#mainmenu :hover ul.projecten-sub li.projecten-keuken-sneek a:hover {background-position: -600px -205px;}
									#mainmenu :hover ul.projecten-sub li.projecten-keuken-sneek a.selected {background-position: -600px -205px;}

						
#content {
	margin: 0 0;
}
	
	.content-container {
		margin: 0 auto;
		width: 960px;
		height: 510px;
		background: url('../images/layout/content.png') no-repeat center top;
	}
	
		.maincontent-container {
			position: absolute;
			width: 820px;
			padding: 0;
			margin: 70px 0 0 70px;
			border: 1px none #000;		
		}
	
			.hrteaser {
				clear: right; 
				float: right;
				padding: 0;
				margin: 0 0;
				border: 1px none red;
			} 
			 
			.hrteaser img {  
				padding: 2px;  
				border: 1px solid #e6e6e6;  
				background-color: #e6e6e6;  
				width: 350px; 
				height: 233px; 
				top: 0; 
				left: 0;
			}
			
			.maincontent-home {
				width: 380px;
				padding: 0 0;
				margin: 0 0;
				border: 1px none blue;
			}
			
			.maincontent {
				width: 750px;
				padding: 0 0;
				margin: 0 0;
				border: 1px none blue;
			}
							
				#map_canvas {
					margin: 0 0;
					height: 200px;
					width: 420px;
				  }

				.showtime {
					clear: right; 
					float: right;
					padding: 0 0 20px 40px;
					margin: 0 0;
					border: 1px none red;
				} 
				 
				.showtime img {  
					padding: 2px;  
					border: 1px solid #e6e6e6;  
					background-color: #e6e6e6;  
					width: 350px; 
					top: 0; 
					left: 0;
				}
				  
				#flipbookpdf {
					width: 110px;
					float: right;
					margin: 0 170px 0 20px;
				}
				  
			.maincontent-privacydisclaimer {
				width: 820px;
				padding: 0 0;
				margin: 0 0;
				border: 1px none blue;
			}
				.maincontent-privacydisclaimer p.pdtxt {
					margin: 10px 0 0 0;
				}
	
	.row {
		margin-bottom: 5px;
	}
	p.txtaftergallery {
		margin-top: 15px;
	}

#footer {
	margin: 0 0;
}

	.footer-container {
		margin: 0 auto;
		width: 960px;
		height: 140px;
		background: url('../images/layout/footer.jpg') no-repeat center top;
	}

		#naw {
			position: absolute;
			float: left;
			width: 275px;
			border-collapse: collapse;
			margin: 22px 0 0 42px;
		}
			#naw td {
				padding: 0px;
				border: 1px none red;
				vertical-align: middle;
			}
			
			.txt {
				width: 225px;
				font-family: 'Droid Sans', sans-serif; font-weight: 700;
				font-size: 11px;
				color: #c0c0c0;
				padding: 0 3px;

			}
			
			a.nawemail , a.nawemail:visited {
				font-family: 'Droid Sans', sans-serif; font-weight: 700;
				font-size: 11px;
				color: #c0c0c0;
				text-decoration: none;
				padding: 0 3px;
			}
			a.nawemail:hover, a.nawemail:active {
				color: #123a8d;
				background-color: #c0c0c0;
				text-decoration: none;
			}

		#footerstuff {
			width: 400px;
			height: 300px;
			margin-left: 270px;
			padding: 20px 0;
		}
		
			#vacatures {
				width: 240px;
				height: 60px;
				margin: 0 auto;
				text-align: center;
			}
				
				#vacatures .vacaturebutton {
					display: block;
					width: 240px;
					height: 60px;
					background: url('../images/vacature.png') no-repeat left top;
					border: none;
					text-indent:-9999px;
				}
				#vacatures .vacaturebutton:hover {
					background: url('../images/vacature-hover.png') no-repeat left top;
				}
				
			#beroepslogos {
				width: 240px;
				height: 80px;
				margin: 0 auto;
				text-align: center;
			}
				#beroepslogos img {
					margin: 10px 0 0 0;
				}

#disclaimer {
	margin: 0 0;
}

	.disclaimer-container {
		margin: 0 auto;
		width: 920px;
		height: 20px;
		background: #fff;
	}
	
	.disclaimer-container p {
		text-align: center;
		font-family: 'Droid Sans', sans-serif; font-weight: 400;
		font-size: 10px;
		color: #123a8d;
		line-height: 18px;
		margin: 0 0;
	}
	
	.disclaimer-container p a, .disclaimer-container p a:visited {
		color: #123a8d;
		text-decoration: underline;
		padding: 0 3px;
	}
	.disclaimer-container p a:hover, .disclaimer-container p a:active {
		color: #fff;
		background-color: #123a8d;
		text-decoration: none;
	}