/*
- de background images omgeruild van body en bg2
- advanced selectors (bv html>body) verwijdert, deze worden namlijk niet herkend door oudere browsers
- absolute lagen tellen niet mee voor de hoogte van de pagina
- list items mogen geen hoogte hebben
- h2 van nieuws en vacatures zijn gelijk
- hoogte stylen van left,middle en right zijn nutteloos
- menu verdween omdat cases over het menu heen geplaatst was.
- adress en vacatures zijn uit left en right gehaald, dit omdat ze onder de cases moesten komen

de divs zijn nu zo opgebouwd:

 _______________________________________________
| 1:relative  | 2:relative         | 3:relative |
|             |                    |            |
|             |                    |            |
|_____________|____________________|____________|
| 5:absolute                                    |
|_______________________________________________|
| 6:absolute  | 4:relative         | 7:absolute |
|             | deze bepaald hoogte|            |
|             | van de pagina      |            |
|_____________|____________________|____________|   

*/
body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS,Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#33182a;
	cursor:default;


}

/*#bg2 {
	position:absolute;
	background-image:url('../images/bodybg.gif');
	background-repeat:repeat-y;
	background-position:21% 0;
}*/

#contain{
	position:absolute;
	left:50%;
	margin:0 0 0 -487px;
	width:974px;
	background: url(../images/bg_contain.gif) 0 0  repeat-y;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	z-index:1;
}

html, body, #contain{
	min-height:100%;
	height:100%;
}

/*html, body, #bg2{
	min-height:100%;
	height:100%;
	width:100%;
}*/

html>body, html>body #bg2, html>body #contain{
	height:auto;
}
/*------------------*/
img.nieuws{
 display: inline;
 margin: 0 15px 5px 0;
 float:left;
}
/*------------------*/

	span.red {
		color:#f00;
	}
		
		table.contact {
			margin:20px 0 20px 0;
		}
		
		table.contact,
		table.contact td {
			vertical-align:top;
			border-collapse:collapse;
			border:1px solid #dfcb97;
			padding:7px;
		}
		
		table.contact td.right {
			width:70%;
		}
		
		table.contact td.left {
			width:28%;
		}
		
			input.std,
			textarea.std {
				width:100%;
				border:1px solid #473200;
				font-family:Trebuchet MS,Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:11px;
			}
			
			input.submit {
				font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:10px;
				font-weight:bold;
			}
		
	div#belt {
		position:absolute;
		/**float:left;*/
		/*z-index:4;*/
		width:100%;
		top:327px;
		left:0;
		margin:0;
		padding:0;
		background-color:#fff;
		border-top:6px solid #4b253e;
		border-bottom:2px solid #4b253e;
		height:106px;
	}
	
		div#logo {
			position:absolute;
			left:50%;
			margin:0 0 0 -487px;
			padding:0 0 0 28px;
			top:-10px;
			z-index:3;
		}
	
		div#case {
			background-image:url('../images/triangle.gif');
			background-repeat:no-repeat;
			width:78%;
			float:left;
			margin:0;
			padding:0;
		}
		
			div#case ul {
				margin:27px 0 0 20px;
				padding:0;
				list-style-type:none;
			}
			
			div#case ul li {
				float:left;
				width:30%;
				margin:0 0 0 6px;
				padding:0 10px 0 0;
			}
			
				ul li h2{
					font-size:12px;
					background-image:url('../images/h2.gif');
					background-repeat:no-repeat;
					padding:0 0 0 20px;
					margin:0;
					line-height:10px;
				}
				
				ul li h2 a{
				 color: #000;
				 text-decoration: none;
				}
				ul li h2 a:hover{
				 color: #000;
				 text-decoration: underline;
				}
				
				ul li p {
					color:#7b7b7b;
					margin:3px 0 0 0;
					line-height:16px;
				}
	
	/*div#container {
		float:left;
		width:100%;
		height:100%;
		margin-bottom: 25px;
	}*/

		
		div#left {
		position:absolute;
		left:0;
		top:0;
		width:200px;
		float:left;
		color:#fff;
		background-color:#f1ac02;
		z-index:3;
		
		}

	
	
	div#middle {
		width:48%;
		margin-left:205px;
		top:0;
	}


		div#right {
			width:301px;
			background-color:#66465E;
			background-image:url('../images/fingerprint.gif');
			background-repeat:no-repeat;
			font-family:Trebuchet MS,Verdana,Arial,Tahoma,Helvetica,sans-serif;
			color:#fff;
			float:right;
			display:inline;
			height: 327px;
		}
		
		div#right.vervolg {
			background-image:url('../images/fingerprint-2.gif');
			height:130px;
		}
			
		
		div#flash {
			height:118px;
			border-bottom:6px solid #4b253e;
		}
		
		div#nieuws {
			left: 21%;
			background-color:#fbeabf;
			padding: 15px 10% 0 5%;
			margin: 50px 0 130px 0;
		}
			div#nieuws a {
				color:#a26700;
				text-decoration:none;
			}
		
				div#nieuws a:hover {
					color:#a26700;
					text-decoration:underline;
				}
			
			div#sideflash {
				margin:160px 0 0 0;
				height:335px;
				padding:0;
				border-top:2px solid #4b253e;
			}

			div#sideflash.vervolg {
				margin:215px 0 0 0;
				height:335px;
				padding:0;
				border-top:2px solid #4b253e;
			}

				div#sideflash.vervolgless {
					margin:41px 0 0 0;
					height:335px;
					padding:0;
					border-top:2px solid #4b253e;
				}
	
			div#middle div#nieuws.vervolg {
				/*min-height:100%;
				height:100%;*/
				top:170px;
				background-color:#fbeabf;
				padding:20px 30px 0 20px;
				margin: 0
			}
			
			div#nieuws.vervolg p {
				line-height:18px;
				font-size:11px;
				color:#000;
				margin:0 0 20px 0;
			}
			
			div#nieuws.vervolg ul {
				margin:0 0 20px 0;
			}
			
			div#nieuws.vervolg h2 {
				color:#4b253e;
			}
			
				div#nieuws.vervolg h3 {
					font-size:11px;
					font-weight:bold;
					margin:0;
					color:#4b253e;
				}
				
	div#breadcrubms,
	div#breadcrubms a {
		color:#4b253e;
		font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-size:9px;
		text-decoration:none;
	}

		#vacatures {
			background-color:#fff;
			padding:15px 10px 0 3%;
			position:absolute;
			left: 69%;
			top: 450px;
		}

	
			address a {
				background-image:url('../images/contact-li.gif');
				background-repeat:no-repeat;
				background-position:0 3px;
				text-decoration:none;
				/*line-height:0;*/
				margin:0 0 10px 0;
				padding:0 0 0 20px;
				color:#fff;
			}

			address a:hover {
				text-decoration:underline;
			}

			div#vacatures a {
				color:#686868;
				text-decoration:none;
			}
		
			div#nieuws h2,
			div#vacatures h2 {
				font-size:16px;
				margin-top: 0;
				padding-top: 0;
				line-height: 16px;
			}
				
				div#vacatures h2 {
					color:#4b253e;
				}
				
				div#vacatures img {
					border:0;
				}
					
				div#vacatures ul li a {
					/*line-height:0;*/
					text-decoration:none;
					color:#4b253e;
					margin:10px 0 0 0;
				}
			
				div#vacatures ul li a:hover {
					text-decoration:underline;
				}
			
			div#nieuws ul,
			div#vacatures ul {
				margin:0;
				padding:0;
			}
				
				div#nieuws ul li,
				div#vacatures ul li {
					margin:0 0 0 17px;
					padding:0;
				}
				
			div#nieuws ul li,
			div#vacatures ul li {
				line-height:18px;
				list-style-image:url('../images/nieuws-li.gif');
				
			}
			
				div#nieuws ul li a {
					text-decoration:none;
					color:#000;
				}
				
				div#nieuws ul li a:hover {
					text-decoration:underline;
				}

		
		div#belt div {
			float:left;
		}

			div#belt div#links.l {
				background-image:url(../images/cases.jpg);
				height:106px;
				width:21%;
			}
		
			div#left div#nav {
				margin:0;
				padding:0;
				z-index:5;
				
			}
			
				div#nav ul {
					margin:125px 0 0 19%;
					padding:0;
				}
				
				
				div#nav ul li {
					list-style-image:url('../images/li.gif');
					padding: 0;
					margin: 0;
					line-height: 13px;
				}
				html>body div#nav ul li {
					line-height:20px;			
				}
				
				
				div#nav ul li a {
					color:#33182a;
					text-decoration:none;
					font-weight:bold;
					
				}
		
				div#nav ul li a:hover {
					color:#452140;
					text-decoration:underline;
				}
		
			div#belt div#middle {
			float:left;
			width:468px;
			display: inline;
		}
		
		div#container div#middle{
			float:left;
			width:468px;
			display: inline;
			background-color:#FBEABF;
			padding-bottom: 10px;
		}

			div#belt div#middle.m {
				background-color:#fff;
				background-image:url('../images/triangle.gif');
				background-repeat:no-repeat;
				background-position:top left;
			}
			
				address {
					position: absolute;
					left:3%;
					top:720px;
					padding:0;
					font-style:normal;
					font-size:11px;
					margin:0 0 10px 0;
					color:#FFFFFF;
					z-index:2;	
				} 
				
				
				address.vervolg {
					position: absolute;
					padding:0;
					font-style:normal;
					font-size:11px;
					color:#FFFFFF;
					left:3%;
					top:500px;
					/*clear:both;
					display:block;*/
				}
				
				#footer_home{
				position: relative;
				}
							
				div#footertie {
					margin: 0 0 44px 74%;
					bottom: 0;
					clear:both;
					/*display:block;*/
					font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
					font-size:9px;
					color:#686868;
					background-color:#fff;
				}
					
					div#footertie a,
					div#footertie a:hover {
						font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
						font-size:9px;
						color:#686868;
						text-decoration:none;
					}
					
							
					address.less {
						padding:0;
						font-style:normal;
						font-size:11px;
						margin:150px 0 10px 19%;
					}
			
			ul li div.case {
				width:32%;
				margin:25px 0 0 6%;
				color:#7b7b7b;
				float:left;
				display:inline;
			}	
			
				div#middle.m h2,
				div#right.r h2 {
					font-size:12px;
					background-image:url('../images/h2.gif');
					background-repeat:no-repeat;
					padding:0 0 0 20px;
					margin:0;
					color:#4b253e;
					font-weight:bold;
					line-height:10px;
				}
				
					div#cases {
						position:absolute;
						top:0;
						left:21%;
						padding:0;
						margin:17px 0 0 -50px;
					}
					
						div#cases h2 {
							margin:0;
							padding:0;
							font-size:16px;
							color:#fff;
						}
				
				div#middle.m p,
				div#right.r p {
					margin:0;
					padding:0;
				}
				
			div#belt div#right.r {
				background-color:#fff;
				background-image:none;
			}
			
			div#right h1 {
				margin:120px 0 10px 35px;
				font-size:18px;
			}
			
				div#right.vervolg h1 {
					margin:35px 0 10px 35px;
					font-size:18px;
				}
				
			div#right p {
				margin:25px 10% 20px 35px;
			}
					
			ul.s {
				margin:20px 0 20px 0  !important;
			}
			
			div#footer {
				padding:35px 0 20px 35px;
				font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:9px;
				color:#686868;
				background-color:#fff;
			}
			
			#vacatures #footer{
				padding: 035px 0 20px 0;			
			}


object {
	display:block;
	margin:0;
	padding:0;
}

	
			div#footer a {
				text-decoration:none;
				font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:9px;
				color:#686868;
			}
			
			div#footer a:hover {
				font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:9px;
				color:#686868;
				text-decoration:underline
			}

		div#subnav {
			background-color:#e4dfe2;
			width: 301px;
			position:relative;
			float:right;
			/*display:inline;*/
			margin:0;
		}

			div#subnav ul {
				margin:15px 10px 30px 35px;
				padding:0;
				list-style-image:none;
				width:170px;
			}

			div#subnav ul li {
				margin:0;
			
				list-style-image:none;
				list-style-type:none;
							padding:0 0 0 12px;
				
					background-image:url('../images/secnavli.gif');
					background-repeat:no-repeat;
					background-position:0 -1px;
			}

				div#subnav ul li a {
					font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
					font-size:9px;
					color:#4b253e;
						text-decoration:none;
							padding:0;
		
				}
			
					div#subnav ul li a.a {
						font-weight:bold;
						font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
						font-size:9px;
						color:#4b253e;
						padding:0;

					}
				
				div#subnav ul li a:hover {
					text-decoration:underline;
				}
.clear{
clear:both;
}