/* lay-out */

body,html {
	margin:0;
	padding:0;
	background-color:#fff;
	cursor:default;
	font-family:Lucida Sans Unicode,Lucida Sans,sans-serif,Verdana,Tahoma,Arial,Helvetica;
	font-size:11px;
	color:#000;
}
	
	div#logo {
		position:absolute;
		z-index:3;
		left:20px;
		top:20px;
	}
	
	div#top {
		z-index:1 !important;
	}
	
		div#nav {
			z-index:3 !important;
			position:absolute;
			left:25px;
			top:203px;
			list-style-type: none;
		}
	
			div#vervolgnav {
				z-index:3 !important;
				position:absolute;
				left:25px;
				top:97px;
				list-style-type: none;
			}
	
			div#nav ul,
			div#vervolgnav ul {
				list-style: none;
				margin:0;
				padding:0;
				display:block;
			}

			div#nav ul li,
			div#vervolgnav ul li {
				display:block;
				float: left;
				margin: 0;
				padding: 0;
				list-style-image: none;
			}
	
	div#container {
		margin:30px 0 0 0;
		padding:0;
	}
		
		body#dienst div#vervolgcontent {
			/* width:700px; */
		}
		
		div#korting {
			margin:10px 10px 10px 0;
			padding:25px;
			line-height:23px;
			background-color:#dfdfdf;
			color:#8e8e8e;
		}
		
		div#korting ul {
			margin:0 0 0 230px;
			padding:10px;
		}
		
		div#korting ul li {
			margin:0 0 10px 0;
			padding:0;
			font-size:11px;
			list-style-image:url('../images/arroww.gif');
			font-weight:normal;
			color:#919191;
		}
		
			div#korting li.lst {
				margin:0;
			}


	
		div#content {
			width:50%;
			float:left;
			background-image:url('../images/bg.gif');
			background-repeat:repeat-x;
		}

		div#vervolgcontent {
			padding:5px 0 0 0;
			background-image:url('../images/bg.gif');
			background-repeat:repeat-x;
		}

		div#projects {
			margin-left:50%;
			background-color:#f39912;
		}
	
	div.dienst {
		clear:both;
		border-top:1px solid #d8d8d8;
		margin:20px 0 0 0;
		padding:10px 0 0 25px;
	}
	
		div#partone {
			max-width:750px;
		}
	
		div#part {
			margin:0 0 20px 0;
			clear:both;
			padding:5px 0 0 0;
			max-width:750px;
		}	
	
	div#footer {
		background-color:#000;
		clear:both;
		font-size:10px;
		padding:15px 15px 15px 30px;
	}
	
		address {
			font-style:normal;
			color:#c6c6c6;
		}
	
	img.left {
		float:left;
		margin:0 20px 0 20px;
	}
	
		img.cleft {
			float:left;
			margin:0 20px 30px 25px;
		}
	
	img#brd {
		border:2px solid #fff;
		margin:0 20px 0 23px;
	}
	
	img.right { 
		float:right;
		margin:25px 22px 0 15px;
	}
	
	img.cright { 
		float:right;
		margin:5px 10px 10px 25px;
	}
	
		img.rights { 
			float:right;
			margin:40px 60px 20px 100px;
		}
	
	ul.projecten {
		margin:20px 0 20px 25px;
		list-style:none;
	}
	
	ul.home {
		
	}
	
	.home_frame {
	clear:right;
	width:40%;
	margin-left: 217px;
	margin-bottom: 10px;
	}
	.home_frame p {
		margin:0; 
	}
	
		ul.home li {
			list-style-image:url('../images/arrowww.gif');
			line-height:18px;
		}
	
			ul.projecten li ul {
				margin:10px 0 10px 10px;
			}
	
			ul.projecten li ul li {
				list-style-type:circle;
			}
	
		ul.projecten li {
			list-style-type:none;
			line-height:18px;
			color:#999999;
		}
		
			ul.projecten li a {
				color:#3C1F04 !important;
			}
	
	
/* tabellen */

	table.std,
	table.std td {
		border-collapse:collapse;
		border:1px solid #c4c4c4;
		margin:0 0 25px 25px;
		padding:10px;
		text-align:center;
	}
		
	table.pro {
		margin:30px 0 30px 25px !important;
	}

	table.pro,
	table.pro td {
		border-collapse:collapse;
		border:1px solid #e7e7e7;
		margin:0 0 25px 25px;
		padding:10px;
		color:#fff;
		text-align:left;
		vertical-align:middle;
	}

		table.std img,
		table.pro img {
			vertical-align:bottom;
		}
	
			td#title {
				font-size:125%;
			}
			
			table.pro td a.i {
				color:#999999 !important;
			}
			
	tr.trout {
		background-color:#f5f5f5;
	}
	
	tr.tron{
		background-color:#f0f0f0;
	}
	
		table.prods,
		table.prods td,
		table.prods th {
			border-collapse:collapse;
			border:1px solid #f39912;
			padding:10px;
			text-align:left;
			vertical-align:top;
		}
			
			table.prods th {
				background-color:#f39912;
				color:#fff;
				font-size:125%;
				font-weight:normal;
			}
			
				table.prods th.a1 {
					width:25%;
					background-color:#f39912;
				}
				
				table.prods th.a2 {
					width:25%;
					background-color:#c64e25;
				}
				
				table.prods th.a3 {
					width:25%;
					background-color:#e6641d;
				}
				
				table.prods th.a4 {
					width:24%;
					background-color:#703116;
				}
				
			table.prods {
				width:670px;
				margin:15px 15px 40px 25px;
			}
			
				table.prods ul {
					margin:0;
					padding:0;
				}
				
					table.prods ul li {
						margin:0 0 0 20px;
						padding:0;
						line-height:18px;
						list-style-type:circle;
					}
			

div#projects table {
	width:100%;
}

div#projects table,
div#projects table td {
	border-collapse:collapse;
	margin:0;
	padding:20px 0 20px 20px;
	vertical-align:middle;
	text-align:left;
}
	
	div#projects table td.c img {
		margin:20px 0 0 20px;
	}
	
	div#projects table td.navcellOff {
		background-color:#e6641d;
		border-top:1px solid #f3b592;
		border-bottom:1px solid #f3b592;
	}
	
	div#projects table td.navcellOn {
		background-color:#eb834a;
		border-top:1px solid #f7d6c3;
		border-bottom:1px solid #f7d6c3;
	}
	
	table.address td {
		color:#c6c6c6;
		vertical-align:top;
	}

table.caddress {
	float:right;
}

	table.caddress td.u {
		color:#575757;
		vertical-align:bottom;
		padding-left:50px;
	}
	
		table.caddress td.u a {
			color:#575757;
		}
	
	table.contact {
		margin:20px 0 25px 25px;
	}
	
		table.contact,
		table.contact td {
			vertical-align:top;
			border-collapse:collapse;
			border:1px solid #c4c4c4;
			padding:10px;
		}
	
	div#footer table td.b {
		padding-left:50px;
	}
	
		img.logo {
			position:absolute;
			top:20px;
			right:20px;
		}
	
	div#winkel {
	margin:0 25px 20px 25px;
	float:left;
	clear:right;
	}
	div#winkel2 {
	width:165px;
	margin:25px 25px 25px 25px;
	float:right;
	}
	
	div#keuze {
	background-color:#f39912;
	padding:10px 10px 10px 20px;
	width:100%;
	margin:20px 20px 20px 25px;
	max-width: 686px;
	}
		
		div#keuze ul {
			margin:0;
			padding:10px;
		}
		
		div#keuze ul li {
			margin:0 0 10px 0;
			padding:0;
			font-size:125%;
			list-style-image:url('../images/arrow.gif');
			font-weight:normal;
			color:#fff;
		}
		
			div#keuze li.lst {
				margin:0;
			}
	
	fieldset#contact {
		max-width:500px;
		margin:15px 15px 15px 25px;
	}
		
		fieldset#contact legend {
			padding:0 10px;					
		}
	
	

/* tekst & linkjes */

h1 {
	font-size:14px;
	color:#3e3e3e;
	font-weight:bold;
	margin:20px 0 0 25px;
}
	
	h2 {
		font-size:14px;
		font-weight:bold;
		color:#fff;
		margin:8px 0 5px 0;
	}
	

	h2.clear {
		clear:both;
	}
	.clearright {
		clear:right;
	}
		
		h2#d {
			margin:0 0 0 25px !important;
		}


		p.d {
			margin:0 0 100px 0;
		}
	

		
	div.dienst h2 {
		font-size:12px;
		font-weight:bold;
		color:#c64e25;
		margin:8px 0 5px 0;
	}

	div#vervolgcontent h2 {
		font-size:12px;
		font-weight:bold;
		color:#c64e25;
		padding:0;
		margin:30px 0 0 0;
	}

	span.red {
		color:#f00;
		font-weight:bold;
	}
	
	input.submit {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
	}
	
	span.small {
		font-size:9px;
	}
	
		input.std,
		textarea.std {
			width:200px;
			background-image:url('../images/bgstd.gif');
			background-repeat:no-repeat;
			border:1px solid #c4c4c4;
			height:16px;
			color:#999999;
			font-family:Lucida Sans Unicode,Lucida Sans,sans-serif,Verdana,Tahoma,Arial,Helvetica;
			font-size:11px;
		}
			
			textarea.std {
				height:100px;
			}
			
	
p {
	margin:20px 0 0 25px;
	padding:0 20px 0 0;
	color:#787878;
	line-height:18px;
}

	p.d {
		margin:5px 0 20px 25px;
	}

	div.dienst p {
		margin:20px 0 10px 0;
		padding:0 20px 0 0;
		color:#787878;
		line-height:18px;
	}
	
	div.dienst p.b {
		margin:20px 0 10px 0;
		padding:0 20px 0 0;
		color:#000;
		line-height:18px;
	}
	
	div.dienst p a {
		color:#ff5a00 !important;
		text-decoration:none;
	}
	
		div.dienst p a:hover {
			color:#ff5a00;
			text-decoration:underline  !important;
		}
	
	div#content a,
	div#vervolgcontent a {
		text-decoration:none;
		color:#000;
	}

	td.navcellOff a,
	td.navcellOn a {
		color:#703116;
		text-decoration:none;
	}
	
	address.contact {
		color:#787878;
		line-height:18px;
		margin:10px 0 10px 25px;
	}
	
	address a,
	table.address a {
		color:#c6c6c6;
		text-decoration:underline;
	}


	ul.projecten li ul {
		margin:0 0 20px 35px;
	}

	body#dienst h2 {
		margin:10px 0 0 0;
	}
	
	:focus {
		-moz-outline-style: none;
	}
	
	
	
/*-------------------------------- POP UP VERHUIZEN ------------------------------------*/

body#popup{
	background:#e6641d;
	width:500px;
	height:600px;
}

#popup p{
	margin:20px 0 0 40px;
	color:#FFFFFF;
}

#popup a{
	color:#FFFFFF;
}

#popup a:hover{	
	text-decoration:underline;
}

#popup h1{
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	margin:40px 0 0 40px;
}


/*---------------------------- GOOGLE MAPS ----------------------------------*/

iframe{
	margin:15px 0 0 25px;
	border:1px solid #e7e7e7;
}