@import url(/include/css/editor.php);

/** COLORS **
#d0d0d0		Light Gray		Background
*/



body {
	background:#E0E0E0 url('/image/background.jpg') center top no-repeat;
	overflow: -moz-scrollbars-vertical;
	}

h1#heading6 { text-indent:-999em; background:url('/image/titels/welkom.gif') left top no-repeat; }
h1#heading7 { text-indent:-999em; background:url('/image/titels/het-bedrijf.gif') left top no-repeat; }
h1#heading8 { text-indent:-999em; background:url('/image/titels/het-bedrijf.gif') left top no-repeat; }
h1#heading9 { text-indent:-999em; background:url('/image/titels/het-bedrijf.gif') left top no-repeat; }
h1#heading10 { text-indent:-999em; background:url('/image/titels/trappen.gif') left top no-repeat; }
h1#heading20 { text-indent:-999em; background:url('/image/titels/trappen.gif') left top no-repeat; }
h1#heading14 { text-indent:-999em; background:url('/image/titels/publicaties.gif') left top no-repeat; }
h1#heading15 { text-indent:-999em; background:url('/image/titels/links.gif') left top no-repeat; }
h1#heading4 { text-indent:-999em; background:url('/image/titels/contact.gif') left top no-repeat; }
h1#heading16 { text-indent:-999em; background:url('/image/titels/contact.gif') left top no-repeat; }
h1#heading17 { text-indent:-999em; background:url('/image/titels/contact.gif') left top no-repeat; }

#extrapub { text-indent:-999em; background:url('/image/titels/publicaties_small.gif') center top no-repeat; }
#recentproj { text-indent:-999em; background:url('/image/titels/recent_small.gif') center top no-repeat; }

#container {
	width:903px;
	margin:30px auto;
	}

#topImg {
	background:url('/image/topimg.png') left bottom no-repeat;
	height:148px;
	}
#topImg2 {
	background:url('/image/topimg_2.gif') left bottom no-repeat;
	height:148px;
	}
#topImg3 {
	background:url('/image/topimg_3.gif') left bottom no-repeat;
	height:148px;
	}
#header {
	position:relative;
	background:url('/image/header.jpg') left bottom no-repeat;
	height:72px;
	}
#header2 {
	position:relative;
	background:url('/image/header_2.png') left bottom no-repeat;
	height:72px;
	}
#header3 {
	position:relative;
	background:url('/image/header_3.png') left bottom no-repeat;
	height:72px;
	}
	#navigation {
		position:absolute;
		z-index: 10;
		top:44px;
		}

#wrapper {
	background:#ffffff url('/image/bg-content.gif') left top repeat-y;
	}
	#wrapper.home {
		background:#ffffff url('/image/bg-content_home.gif') left top repeat-y;
	}
	#wrapper.dark {
		background:#ffffff url('/image/bg-content_dark.gif') left top repeat-y;
	}
	#content {
		background:url('/image/bg-content-visual.jpg') 295px 0px no-repeat;
		padding-bottom:50px;
		padding-left:1px;
		}
	#content2 {
		background:url('/image/bg-content-visual_2.jpg') 295px 0px no-repeat;
		padding-bottom:50px;
		padding-left:1px;
		}
	#content3 {
		background:url('/image/bg-content-visual_3.jpg') 295px 0px no-repeat;
		padding-bottom:50px;
		padding-left:1px;
		}
	#generator {
		width:460px;
		float:left;
		margin-top:90px;
		padding-left:92px;
		padding-right:38px;
		}
		#generator.home {
			width: 305px;
		}

	#extra {
		position: relative;
		width:308px;
		margin-right:4px;
		float:right;
		}
	.sidebarHeading {
		margin-bottom:90px;
		text-align:center;
		color:#505050;
		font-variant: small-caps;
		}
		#recenteProjecten .item {
			margin:0px auto;
			width:150px;
			height:152px;
			padding:18px 0px 0px 19px;
			background:url('/image/bg-project-photo.gif') left top no-repeat;
			}

			#recenteProjecten .item .photoHolder {
				margin-left: -1px;
			}
		#recenteProjecten .item img {
			width:128px;
			height:126px;
			display:block;
			}

		#trappenInfo {
			margin-top:90px;
			padding-top:62px;
			padding-left:28px;
			padding-right:28px;
			}

		#publications .item {
			margin:0px 20px 20px 20px;
			padding-bottom:20px;
			background:url('/image/hr-projecten2.gif') center bottom no-repeat;
			}
		#publications p {
			line-height:2;
			padding-left:10px;
			}
		#publications .photoHolderSmall {
			width:123px;
			height:122px;
			padding-left:0;
			background:url('/image/bg-project-photo-small.gif') left top no-repeat;
			}
		#publications .photoHolderSmall img {
			margin:15px 0px 0px 15px;
			width:97px;
			height:94px;
			}
		#publications .descrLink a {
			color:#000000;
			}


#footer {
	background:url('/image/bg-footer.gif') left top no-repeat;
	height:30px;
	padding-top:30px;
	}
	#footer.home {
		background:url('/image/bg-footer_home.gif') left top no-repeat;
	}
#footer p {
	font-size:90%;
	text-align:center;
	}

.clear {
	clear:both;
	}

#album {
	margin-left: -42px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

#album .item {
	/*width: 107px;*/
	/*float: left;*/
	/*margin-right: 20px;*/
	position: relative;
/*	overflow: auto;*/
	zoom: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
}
	#album .item .buttons {
		display: none;
	}
	#album .item:hover .buttons,
	#album .sfhover .buttons {
		display: block;
	}

#album .photocont {
	display: block;
	float: left;
	width: 111px;
	height: 113px;
	background: url('/image/imageborder.gif') left top no-repeat;
}
#album .photo {
	width: 103px;
	height: 104px;
	margin: 4px 0 0 4px;
	overflow: hidden;
}
#album .text {
	position:absolute;
	left:125px;
	top:10px;
	width: 357px;
}


#album .border {
	width: 111px;
	height: 113px;
	position: absolute;
	background: url('/image/imageborder.gif') left top no-repeat;
	/*
	margin-top: -110px;
	margin-left: -2px;
	*/
	top: 0px;
	left: 0px;
}

#album .item p {
	margin-top: 5px;
}

#album .item .buttons {
	position: absolute;
	/*
	margin-top: -22px;
	margin-left: 60px;
	*/
	left: 6px;
	bottom: 10px;
}

#album .item .hidden {
	display: none;
}

#album .item .show {
	display: block !important;
}

#album .item .buttons a {
	margin-right: 3px;
}




#information {
	clear: both;
	margin-left: 5px;
}

#information .input_element {
	padding: 5px;
	width: 470px;
	overflow: auto;
	margin-bottom: 5px;
}


#information .input_element sup {
	margin-left: 3px;
}

#information label {
	width: 80px;
	height: 20px;
	line-height: 20px;
}

#information label.textarea {
	width: 150px;
}

#information label.error {
	margin-left: 5px;
	width: 170px;
	text-align: right;
}

#information input {
	width: 200px;
}

#information input.information {
	width: 55px;
	margin: 0 0 0 0;
}

#information h2 {
	margin-top: 25px;
}

#information h2.first {
	margin-top: 0 !important;
}

#information .album {
	float: left;
	margin-right: 5px;
	width: 55px;
}

#information .album .item {
	width: 55px;
	overflow: hidden;
}

#information p.button {
	margin-left: 5px;
}

#information p.button, #information p.button button {
	width: 75px;
}

#information p.button {
	background: none;
}

#information p {
	padding-left: 0;
}

#information div.error {
	background-color: #E5E3DF;
}

#information sup {
	float: left;
}



/*
#information div.label {
	height: 0px;
} */

#map {
	margin-left: -40px;
}

#route {

	width: 215px;
}

#route p {
	margin-top: 200px !important;
	margin-left: 0px;
	padding-left: 0px;
}

#route label {
	width: 200px !important;
}

#route input, #route label {
	float: none;
}

#route input {
	margin-top: 7px;

	width: 70px !important;
}

#route button {
	margin-top: 7px;
	background-color: white !important;
	border: 1px solid black;

}


/* Contact form */

input.text, textarea{
	border: solid 1px #AAAAAA;
	background: url("/image/input.gif") no-repeat left top;
	/* background-attachment: fixed; */
}

#contactform label {
	width: 80px;
	height: 20px;
	line-height: 20px;
}

#contactform p {
	width: 490px;
	margin-right: 20px;
}

#contactform p.error {
	background-color: #E5E3DF;
}

#contactform p.radio label.value {
	width: 25px;
}

#contactform label.error {
	width: 175px;
	margin-right: 20px;
	text-align: right;
	float: right;
}

#contactform input {
	width: 180px;
}

#contactform p.radio input {
	width: 25px;
}

#contactform input#NB_pc {
	width: 75px;
}

#contactform .req {
	margin-left: 3px;
	float: left;
}

h2.legend {
	margin-left: 3px;
}

button {
	color: black !important;
	background: white !important;
	border: 1px solid #AAAAAA !important;
}

#trap_swirl {
	position: absolute;
	width: 477px;
	height: 704px;
	top: -190px;
	left: -128px;
	background: transparent url(/image/trap_swirl.png) no-repeat top left;
}
	#trap_swirl div {
		padding: 395px 0 0 235px;
	}
		#trap_swirl div a {
			color: #bababa;
			text-decoration: none;
			display: block;
			line-height: 1.5em;
		}
		#trap_swirl div a:hover {
			color: #80321b;
		}
		#trap_swirl div a.strong {
			display: block;
			margin-bottom: 10px;
			font-weight: normal;
			color: #505050;
		}
		#trap_swirl div a.strong:hover {
			color: #80321b;
		}
	.spacer {
		width: 0px;
		height: 443px;
	}
	
#trappenul10 {
	list-style: none;
	margin: 0;
}
#catindex {
	list-style: none;
	margin: 0;
}
	#catindex li {
		float: left;
		margin-right: 15px;
	}
		#catindex li a {
			display: block;
			background: url(/image/cat_bg.gif) no-repeat top left;
			width: 135px;
			height: 258px;
			text-decoration: none;
			text-align: center;
			padding-top: 3px;
		}
			#catindex li a p {
				margin-top: 25px;
			}
			#catindex li a:hover p {
				color: #80321b;
			}
		
a.button, 
#smallform button {
	display: block;
	width: 105px;
	height: 23px;
	line-height: 23px;
	background: url(/image/button_bg.gif) no-repeat top left !important;
	color: #80321b !important;
	border: none !important;
	text-decoration: none;
	text-align: center;
}
#smallform button {
	font-family: Arial,Helvetica,sans-serif;
}
#sidebarsmallform {
	background:#c3beb5;

}
	#sidebarsmallform .intro {
		background: #edebe7;
		padding: 160px 40px 20px 40px;
	}
	#sidebarsmallform .theform {
		padding: 20px 40px 20px 40px;
		background:#DEDCD5;

	}
	#sidebarsmallform p {
		overflow: hidden;
		width: 100%;
	}
	#sidebarsmallform input {
		width: 16em;
	}
	#sidebarsmallform span.req {
		display: none;	
	}