* {
	margin: 0;
	padding: 0;
}

html {
	background: #f18e00;
}

body {
	background: #fff url(../img/body.png) repeat-y center;
	width: 100%;
	color: #202020;
	font: 62.5% Verdana, sans-serif;
	line-height: 1.5;
	margin-bottom: 102px;
}

#container {
	width: 980px; /* +30px padding left */
	position: relative;
	padding-left: 30px;
	background: #fff url(../img/body.png) repeat-y center;
	margin: 0 auto; 
}

a img {
	border: 0;
}

a {
	color: #20316d;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}
a:hover {
	color: orange;
}


p {
	font-size: 1.1em;
	margin: 1em 0;
}

h2 {
	font-size: 2em;
	font-weight: normal;
	color: #000;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1.5em;
	color: #0d1f61;
}

h4 {
	font-size: 1.1em;
	margin-top: ;
	font-weight: bold;
	margin-bottom: -1em;
	color: #000;
}

#logo {
	position: absolute;
	right: 25px;
	top: 15px;
	border-bottom: 0;
}

#visual {
	border: 1px solid #ccc;
	position: absolute;
	top: 130px;
	width: 711px;
	height: 250px;
	overflow: hidden;
}
	#visual img {
		float: left;
		width: 711px;
	}

#langermee {
	position: absolute;
	top: 32px;
	z-index: 0;
}

#content {
	padding-top: 460px;
	width: 688px; /* + 25px padding right */
	padding-right: 25px;
	padding-bottom: 25px;
	overflow: hidden;
}

	.form-row {
		overflow: hidden;
		margin-bottom: 5px;
	}
		.form-row label {
			float: left;
			width: 130px;
			font-size: 1.1em;
		}
		.form-row input, .form-row textarea {
			width: 150px;
			border: 1px solid #ccc;
			padding: 4px;
			font-family: Verdana;
			font-size: 1.1em;
		}
		.form-row input.submit {
			border: 0;
			width: auto;
			font-weight: bold;
		}

	.columns-two {
		overflow:hidden;
	}
		.columns-two div {
			width: 300px;
			float: left;
		}
		.columns-two .left {
			margin-right: 20px;
		}
		
	.vestigingen {
		overflow: hidden;
	}
		.vestigingen li {
			list-style: none;
			float: left;
			width: 150px;
			margin-right: 15px;
		}
		.hoofd.vestigingen li {
			width: auto;
		}
		
	#wpcf7-f2-p16-o1 {
		float: right;
		padding-top: 10px;
	}
		

#sidebar {
	border: 1px solid #ccc;
	position: absolute;
	right: 24px;
	top: 131px;
	width: 215px;
	height: 250px;
	background: url(../img/sidebarbg.png) no-repeat center 89px;
}
	#sidebar #sluitaf {
		position: absolute;
		top: 10px;
		left: 16px;
		border-bottom: 0;
	}
	#sidebar #bedrijfsfilm {
		position: absolute;
		bottom: 46px;
		left: 16px;
		border-bottom: 0;
	}
	#sidebar #dealerlogin {
		position: absolute;
		bottom: 5px;
		left: 16px;
		border-bottom: 0;
	}
		
	#sidebar #map {
		position: relative;
		border-bottom: 0;
		top: 268px;
		width: 198px;
		height: 221px;
	}
		#sidebar #map img {
			padding-left:10px; 
			background: url(../img/sidebarlijntje.png) no-repeat top left;			
		}
	#sidebar #map-gr {
		position: relative;
		top:290px;
		right: 115px;
		z-index: 0;
		border-bottom:0;
	}

a.map-link {
	float:		left;
	width:		23px;
	height:		8px;
	border:		none;
	background: url(../img/spacer.gif);
}

a.map-link:hover span {
	display: block;
	width: 250px;
	float: left;
	position: absolute;
    padding: 12px;
	z-index: 100;
    color: #000;
	right: 100px;
	background: #efefef;
    font: 1.1em Verdana, sans-serif;
	text-align: left;
	border: 1px solid #ccc;
	margin: 0px 0px 0px -200px;
}

a.map-link span {
	display:		none;
}

a.map-link span h3 {
	margin-top:	0px;
}

.putten {top: 371px; left: 127px; position: absolute;}
.goes {top: 424px; left: 33px; position: absolute;}
.twello {top: 379px; left: 155px; position: absolute;}
.nijkerk {top: 374px; left: 103px; position: absolute;}
.ridderkerk {top: 394px; left: 65px; position: absolute;}
.hengelo {top: 362px; left: 169px; position: absolute;}
.nijmegen {top: 406px; left: 123px; position: absolute;}
.zwolle {top: 355px; left: 144px; position: absolute;}
.almere {top: 359px; left: 94px; position: absolute;}
.maastricht {top: 475px; left: 114px; position: absolute;}
.veldhoven {top: 432px; left: 109px; position: absolute;}
.emmen {top: 326px; left: 167px; position: absolute;}
.heerenveen {top: 311px; left: 133px; position: absolute;}
.wageningen {top: 395px; left: 114px; position: absolute;}
.lelystad {top: 349px; left: 106px; position: absolute;}
.emmeloord {top: 333px; left: 120px; position: absolute;}
.kampen {top: 345px; left: 136px; position: absolute;}
.numansdorp {top: 408px; left: 52px; position: absolute;}


a.map-link-gr {
	float:		left;
	width:		29px;
	height:		11px;
	border:		none;
	background: url(../img/spacer.gif);
}

a.map-link-gr:hover span {
	display: block;
	width: 250px;
    padding: 12px;
	z-index: 100;
    color: #000;
	float: left;
	position: absolute;
	right: 100px;
	background: #efefef;
    font: 1.1em Verdana, sans-serif;
	text-align: left;
	border: 1px solid #ccc;
	margin: 0px 0px 0px -200px;
}

a.map-link-gr span {
	display:		none;
}

a.map-link-gr span h3 {
	margin-top:	0px;
}

.putten-gr {top: 469px; left: 96px; position: absolute;}
.goes-gr {top: 565px; left: -72px; position: absolute;}
.twello-gr {top: 485px; left: 142px; position: absolute;}
.nijkerk-gr {top: 476px; left: 53px; position: absolute;}
.ridderkerk-gr {top: 512px; left: -10px; position: absolute;}
.hengelo-gr {top: 456px; left: 172px; position: absolute;}
.nijmegen-gr {top: 533px; left: 89px; position: absolute;}
.zwolle-gr {top: 444px; left: 124px; position: absolute;}
.almere-gr {top: 450px; left: 37px; position: absolute;}
.maastricht-gr {top: 656px; left: 75px; position: absolute;}
.veldhoven-gr {top: 580px; left: 60px; position: absolute;}
.emmen-gr {top: 392px; left: 165px; position: absolute;}
.heerenveen-gr {top: 365px; left: 106px; position: absolute;}
.wageningen-gr {top: 513px; left: 72px; position: absolute;}
.lelystad-gr {top: 432px; left: 59px; position: absolute;}
.emmeloord-gr {top: 403px; left: 84px; position: absolute;}
.kampen-gr {top: 426px; left: 107px; position: absolute;}
.numansdorp-gr {top: 536px; left: -32px; position: absolute;}



#nav {
	position: absolute;
	top: 400px;
	border-left: 1px solid #d2d1d1;
	border-top: 1px solid #d2d1d1;
	border-bottom: 1px solid #d2d1d1;
	height: 43px;
	background: #fff;
	z-index: 200;
}
	#nav li {
		float: left;
		list-style: none;
	}
		#nav li a {
			height: 33px;
			line-height: 28px;
			padding: 5px 13px;
			border-right: 1px solid #d2d1d1;
			text-decoration: none;
			color: #1f2f6c;
			font-size: 1.2em;
			background: url(../img/nav.png) repeat-x #fff;
			zoom:1;
			float: left;
			border-bottom: 0;
		}
		#nav li a:hover {
			color: orange;
		}
		#nav li.current_page_item a {
			color: #000;
		}
		#nav li.current_page_parent a {
			border-left: 1px solid orange;
			margin-left: -1px; /* masking the border of previous item */
			border-right: 1px solid orange;
			border-bottom: 1px solid orange;
			padding-top: 6px;
			position: relative;
			top: -1px;
			z-index: 200;
		}
		#nav li ul {
			display: none;
		}
		#nav li.current_page_item ul, #nav li.current_page_parent ul {
			display: block;
			position: absolute;
			left: auto;
			bottom: 43px;
			border: 1px solid orange;
			margin-left: -1px; /* masking border of previous item */
			width: 150px;
			background: #fff;
			z-index: 5;
			padding: 5px 12px;
		}
			#nav li.current_page_item ul li, #nav li.current_page_parent ul li {
				float: none;
			}
				#nav li.current_page_item ul li a, #nav li.current_page_parent ul li a {
					border: 0;
					line-height: 1.5;
					height: auto;
					background: url(../img/subnavdot.png) repeat-x bottom;
					padding: 5px 0;
					float: none;
					display: block;
					color: #20316d;
				}
				#nav li.current_page_item ul li a:hover {
					color: orange;
				}
 				#nav li.current_page_parent ul li.current_page_item a {
					color: orange;
					font-weight: bold;
				}
				#nav ul.children li:last-child a {
					background: none;
				}

#service_nav {
	position: absolute;
	top: 90px;
	right: 267px;
}
	#service_nav li {
		display: inline;
		padding: 0 5px;
		border-right: 1px solid orange;
	}
	#service_nav li.last {
		border-right: 0;
		padding-right: 0;
	}
		#service_nav li a {
			border-bottom: 0;
			font-size: 1.2em;
		}

#footer {
	height: 120px;
	background: #f18e00;
	margin-top: 15px;
}
	#footer .hcard {
		color: #fff;
	}
	#footer #woonwerk {
		margin-top: 15px;
	}
	#footer #footer-inner {
		width: 960px;
		margin: 0 auto;
		position: relative;
		height: 120px;
	}
	#footer #servicenr {
		position: absolute;
		right: 30px;
		top: -30px;
		width: 143px;
		height: 110px;
		background: url(../img/altijdservice.png);
		text-indent: -9999px;
	}
	#footer #madeby {
		color: #fff;
		position: absolute;
		top: 80px;
		right: 10px;
		font-size: 0.9em;
	}
	#footer #logos {
		position: absolute;
		top: 25px;
		right: 180px;
	}
	#footer a, #footer a:visited {
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	#footer a:hover {
		color: #F5C37C;
		border-bottom: 1px dotted #ccc;
	}

