/* Design & Code (c) ABOVO Media */
html, body {
	padding			: 0;
	margin			: 0;
}

body {
	font			: normal 11px "Verdana", "Arial", sans-serif;
	background		: #dddddd url('../images/background.gif') repeat-x top left;
	color			: #636e78;
}

#wrapper {
	margin			: 0 auto;
	width			: 970px;
}

#top {
	float			: left;
	width			: 970px;
	height			: 110px;
	background		: transparent url('../images/top_background.gif') no-repeat top right;
}

	#top #logo {
		float			: left;
		width			: 333px;
		height			: 30px;
		margin			: 50px 0 0 30px;
		display			: inline;
		background		: transparent url('../images/logo_background.gif') no-repeat top left;
	}

		#top #logo img {
			width			: 333px;
			height			: 30px;
		}

#menu {
	float			: left;
	width			: 960px;
	height			: 40px;
	margin			: 0 0 10px 0;
	padding			: 5px;
	background		: transparent url('../images/menu_background.gif') no-repeat top left;
}

#main {
	float			: left;
	width			: 970px;
	margin			: 0 0 15px 0;
}

	#home #main {
		float			: left;
		width			: 970px;
		height			: 270px;
		margin			: 0 0 15px 0;
	}

#left, #right {
	float			: left;
	width			: 635px;
}

	#home #left, #home #right {
		float			: left;
		width			: 450px;
		height			: 240px;
		padding			: 15px;
		background		: transparent url('../images/pand_background.gif') no-repeat top left;
	}

	#left .top, #left .bottom {
		float			: left;
		width			: 635px;
		height			: 5px;
		background		: transparent url('../images/left_top.png') no-repeat top left;
	}

	#left .middle {
		float			: left;
		width			: 623px;
		height			: auto;
		padding			: 0 6px 1px 6px;
		background		: transparent url('../images/left_middle.png') repeat-y top left;
	}

		#left .middle #content {
			float			: left;
			width			: 573px;
			min-height		: 100px;
			padding			: 25px;
			background		: transparent url('../images/content_background.gif') repeat-x bottom left;
		}

	#left .action {
		padding				: 15px 0 0 0;
		background			: transparent url('../images/hr.gif') repeat-x top left;
	}

		#left .action .img, #left .img {
			float			: right;
			border			: 1px solid #c2c1c0;
			padding			: 1px;
			margin			: 0 0 10px 20px;
		}
		
	#left #album {
		float			: left;
		width			: 573px;
		margin			: 10px 0;
	}
		
		#left #album .photo {
			background			: transparent url(../images/photo_background.png) no-repeat scroll left top;
			float				: left;
			height				: 110px;
			margin				: 0 9px 9px 0;
			padding				: 10px;
			width				: 165px;
			display				: inline;
		}		
		
		#left #album .last {
			margin				: 0 0 9px 0;
		}

	#left .bottom {
		background-image: url('../images/left_bottom.png');
	}

#right {
	width			: 315px;
	margin			: 5px 5px 0 15px;
}

	#home #right {
		margin			: 0 0 0 10px;
	}

	#right .block {
		float			: left;
		padding			: 15px 15px;
		border			: 1px solid #c2c2c2;
		background-color: #d5d5d5;
		margin			: 0 0 20px 0;
		width			: 283px;
	}
	
	#duurzaam {
		float			: left;
		width			: 72px;
		height			: 61px;
		background		: transparent url('../images/logo_duurzaam.png') no-repeat center;
	}
	
		#duurzaam img {
			width			: 72px;
			height			: 61px;
			border			: 0;
		}
		
#wide { 
	width			: 970px;	
}

	#wide .middle {
		float			: left;
		width			: 958px;
		height			: auto;
		padding			: 0 6px 1px 6px;
		background		: transparent url('../images/wide_middle.png') repeat-y top left;
	}
	
	#wide #content {
		padding			: 25px 0 25px 25px;
	}

	#wide .top, #wide .bottom {
		float			: left;
		width			: 970px;
		height			: 5px;
		background		: transparent url('../images/wide_top.png') no-repeat bottom left;
	}
	
	#wide .bottom {
		background		: transparent url('../images/wide_bottom.png') no-repeat top left;
	}
	
	#wide .auto {
		position		: relative;
		float			: left;
		width			: 425px;
		height			: 225px;
		padding			: 20px 25px 0 0;
		margin			: 0 25px 0 0;
		display			: inline;
		background		: transparent url('../images/vr.gif') repeat-y top right;
	}
	
	#wide .last {
		margin			: 0;
		padding			: 20px 0 0 0;
		background		: none;
	}
	
	#wide .auto .auto-img {
		position		: absolute;
		top				: 25px;
		right			: 25px;
	}
	
	#wide .last .auto-img {
		right			: 0px;
	}
	
	#wide .auto .auto-img img {
		border			: 1px solid #c2c1c0;
		padding			: 1px;		
	}
	
	#wide .auto .auto-details {	}


/* pand */
#main .pand {
	position		: relative;
	width			: 450px;
	height			: 240px;
}

	#main .zwaag {
		background		: transparent url('../images/pand_zwaag.jpg') no-repeat top left;
	}

	#main .medemblik {
		background		: transparent url('../images/pand_medemblik.jpg') no-repeat top left;
	}

	#main .pand .overlay {
		position		: absolute;
		bottom			: 0;
		left			: 0;
		width			: 410px;
		border-top		: 1px solid #000;
		background		: transparent url('../images/overlay_background.png') repeat;
		padding			: 11px 20px 0 20px;
	}

		#main .pand .overlay .location {
			float			: left;
			width			: 124px;
			height			: 19px;
			padding			: 0 0 10px 0;
			background		: transparent url('../images/pand_zwaag.png') no-repeat top left;
		}

		#main .medemblik .overlay .location {
			width			: 164px;
			background-image: url('../images/pand_medemblik.png');
		}

		#main .pand .overlay .arrow {
			float			: right;
			width			: 14px;
			height			: 14px;
			margin			: 2px 0 0 0;
			background		: transparent url('../images/arrow.png') no-repeat top left;
		}

		#main .pand .overlay .info {
			float			: left;
			width			: 410px;
		}

#bottom {
	float			: left;
	width			: 958px;
	height			: 175px;
	margin			: 0 5px;
	border			: 1px solid #c2c2c2;
	background-color: #d5d5d5;
	display			: inline;
}

	#bottom .block {
		position		: relative;
		float			: left;
		width			: 279px;
		height			: 160px;
		padding			: 15px 20px 0 20px;
		background		: transparent url('../images/block_bar.gif') no-repeat right;
	}

		#right .block img {
			float			: right;
			border			: 1px solid #c2c1c0;
			padding			: 1px;
			margin			: 0 0 0 15px;
			width			: 106px;
			height			: 78px;
		}

		#bottom .block img {
			position		: absolute;
			top				: 65px;
			right			: 20px;
			border			: 1px solid #c2c1c0;
			padding			: 1px;
			width			: 106px;
			height			: 78px;
		}

	#bottom .last {
		background		: none;
		width			: 280px;
	}

#footer {
	float			: left;
	padding			: 10px 25px;
}

	#home #footer {
		float			: left;
		width			: 935px;
		padding			: 10px 10px 10px 25px;
	}
	
	#footer #copyright {
		float			: left;
	}
	
	#footer #duurzaam {
		float			: right;
	}
	
	#home #footer #duurzaam {	
		background		: transparent url('../images/logo_duurzaam.gif') no-repeat center;
	}

/* Stuff */
#bottom #block-newsletter, #right #block-newsletter {
	width			: 240px;
	padding-right	: 60px;
	background		: #d5d5d5 url('../images/nieuwsbrief.gif') no-repeat bottom right;
}

#right #block-newsletter {
	width			: 178px;
	padding-right	: 120px;
}


#loading2 {
	padding				: 2px 0 2px 25px;
	background			: transparent url('../images/loader.gif') no-repeat left;
}

.hr {
	height				: 1px;
	background			: transparent url('../images/hr.gif') repeat-x top left;
}

#wide .hr {
	width			: 900px;
}

/* Headings H1-H6 */
h1 { }

	.block h1 {
		font-size		: 18px;
		margin			: 0 0 8px 0;
	}

	#content h1 {
		font-size		: 18px;
		margin			: 0 0 10px 0;
	}

h2 { }

	#content h2 {
		font-size		: 14px;
		margin			: 0 0 10px 0;
	}

	.block h2 {
		font-size		: 18px;
		margin			: 0 0 8px 0;
	}
	
	#form-offerte h2 {
		margin			: 5px 0 15px 0;
	}

h3 { }

	.block h3 {
		font-size		: 18px;
		margin			: 0 0 8px 0;
	}

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	.pand p {
		float			: left;
		color			: #d2d2d2;
		width			: 130px;
		line-height		: 18px;
	}

	#bottom .block p {
		position		: absolute;
		top				: 65px;
		left			: 20px;
		line-height		: 18px;
		height			: 82px;
		width			: 155px;
	}

	#right .block p {
		line-height		: 18px;
		margin			: 0 0 10px 0;
	}

	#content p {
		line-height		: 18px;
		margin			: 0 0 15px 0;
	}

a {
	color			: #ce1628;
	text-decoration	: none;
}

a:hover {
	text-decoration	: underline;
}

	.pand a.website {
		float			: left;
		display			: block;
		width			: 115px;
		height			: 13px;
		margin			: 15px 0 15px 0;
		cursor			: pointer;
		background		: transparent url('../images/bekijk_website.png') no-repeat top left;
	}

	.pand a.website:hover {
		background-position: bottom left;
	}

	.pand a.website span {
		display			: none;
	}

	.pand a.route {
		float			: left;
		display			: block;
		width			: 98px;
		height			: 13px;
		margin			: 15px 0 15px 15px;
		cursor			: pointer;
		background		: transparent url('../images/route_plannen.png') no-repeat top left;
	}

	.pand a.route:hover {
		background-position: bottom left;
	}

	.pand a.route span {
		display			: none;
	}

	.block a {
		font-weight		: bold;
		color			: #ce1628;
		padding			: 0 0 0 13px;
		background		: transparent url('../images/block_arrow.gif') no-repeat 0 4px;
	}

	#bottom .block a {
		position		: absolute;
		top				: 145px;
		left			: 20px;
	}

	a.arrow {
		color			: #ce1628;
		padding			: 0 0 0 13px;
		background		: transparent url('../images/block_arrow.gif') no-repeat 0 4px;
	}

	#bottom .block a:hover {
		text-decoration	: underline;
	}

/* Lists and Navigation */
ul { }

	#menu ul {

	}

	#menu ul li {
		float			: left;
		position		: relative;
		z-index			: 10;
	}

	#menu ul li a {
		float			: left;
		display			: block;
		height			: 28px;
		padding			: 12px 19px 0 19px;
		color			: #636e78;
		font-size		: 12px;
		text-decoration	: none;
		background		: transparent url('../images/menu_bar.gif') no-repeat top right;
	}

	#menu ul li.active a, #menu ul li a:hover {
		color			: #ce1628;
	}

	#menu ul li.last a {
		background		: none;
	}
	
	#menu ul ul {
		display			: none;
		position		: absolute;
		top				: 39px;
		left			: -1px;
		border			: 1px solid #e4e4e4;
		border-top		: none;
		z-index			: 20px;
		background		: transparent url('../images/submenu_background.png') repeat-x top left;
	}
	
		#menu ul li.hover ul {
			display			: block;
			padding			: 10px 0;
		}
		
		#menu ul ul li { 
			float			: none;
			z-index			: 20px;
		}
		
			#menu ul ul li a, #menu ul li.active ul li a {
				float			: none;
				display			: block;
				background		: none;
				width			: 196px;
				height			: auto;
				padding			: 5px 20px 5px 19px;
				color			: #636e78;
			}

/* Forms */
form { }

form td {
	padding			: 0;
}

input, select, textarea {
	width			: 260px;
	border			: 1px solid #dddddd;
	padding			: 6px 4px;
	font			: normal 11px "Verdana", "Arial", sans-serif;
	color			: #636e78;
	background		: transparent;
	vertical-align	: middle;
	margin			: 2px 0;
}

input.checkbox {
	width			: auto;
	padding			: 0;
	border			: 0;
}

textarea {
	width			: 380px;
	height			: 100px;
	line-height		: 18px;
	padding			: 6px;
}

.block input {
	width			: 165px;
	border			: 1px solid #c2c2c2;
	background-color: #dadada;
}

.block input.checkbox {
	width			: auto;
	padding			: 0;
	border			: 0;
	background		: none;
}

td.opties {
	padding-top		: 7px;
	line-height		: 24px;
}

	td.opties input.checkbox {
	}

#content td {
	line-height		: 18px;
	padding			: 0 0 2px 0;
}