@CHARSET "ISO-8859-1";
/* 1. Common characteristics */
html, body, p, div, a, ul, li, h1, h2, h3, h4, h5, h6, address, span, input, textarea { 
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: 	none; 
	color: 				#000000; 
}

/* 2. Main structure components */
body { 
	background:			#ffffff;
	text-align:			center;
	font-size: 			76%;
	margin: 			0px;
	padding: 			0px;
	z-index:			1;
}
#wrap { 
	position: 			absolute;
	left: 				50%;
	top: 				50%;
	width: 				789px;
	height: 			437px;
	padding:			0px;
	margin-top: 		-218px;
	margin-left: 		-395px;
	text-align: 		left;
	background: 		#e2c600 url(/Common/background-right.gif) no-repeat 100% 60px;
	border:				1px solid #000000;
	z-index:			2;
}
#header {
	position:			absolute; 
	left:				0px; 
	top:				0px;
	width: 				100%;
	height:				54px;
	padding: 			0px; 
	margin: 			0px; 
	background: 		#efefef url(/Common/background-header.gif) no-repeat 7px 7px;
	border-bottom:		1px solid #000000;
	overflow:			hidden;
	z-index:			3;
}
#content { 
	position:			absolute;
	left:				0px;
	top:				55px;
	width:				100%;
	height:				321px;
	padding:			0px;
	margin:				0px;
	border:				0px;
	overflow:			hidden;
	z-index:			3;
}
#content #content-left { 
	position:			absolute;
	left:				0px;
	top:				0px;
	width:				329px;
	height:				301px;
	padding:			10px 10px 10px 8px;
	border-right:		1px solid black;
}
#content #content-right {
	position:			absolute;
	left:				350px;
	top:				0px;
	width:				421px;
	height:				301px;
	padding:			10px 10px 10px 8px;
}

#content a {
	text-decoration:	underline;
}

#content div.scrollable { 
	overflow-x:			hidden;
	overflow-y:			auto;
}
#content div.noscroll { 
	overflow:			hidden;
}

div.bureau {
	background: 		#e2c600 url(/bureau/background.jpg) no-repeat top left;
}
div.particulier {
	background: 		#e2c600 url(/particulier/background.jpg) repeat top left;
}
div.projectmatig {
	background: 		#e2c600 url(/projectmatig/background.jpg) repeat top left;
}
div.utiliteitsbouw {
	background: 		#e2c600 url(/utiliteitsbouw/background.jpg) repeat top left;
}
div.restauratie {
	background: 		#e2c600 url(/restauratie/background.jpg) repeat top left;
}
div.nieuws {
	background: 		#e2c600 url(/nieuws/background.jpg) no-repeat top left;
}
div.contact {
	background: 		#e2c600 url(/contact/background.jpg) no-repeat top left;
}
div.route {
	background: 		#e2c600 url(/route/background.jpg) no-repeat top left;
}
#footer { 
	position:			absolute;
	left:				0px;
	bottom:				0px;
	width:				100%;
	height:				60px;
	padding:			0px;
	margin:				0px;
	background:			#efefef;
	border-top:			1px solid #000000;
	overflow:			hidden;
	z-index:			3;
}

/* 3. Main text components*/
h1 { 
	font-size: 			1.3em; 
	line-height: 		2.0em; 
	letter-spacing: 	0.1em; 
	margin: 			0px; 
	padding: 			0px;
}
h2 { 
	font-size: 			0.9em; 
	letter-spacing: 	0.1em; 
	margin-top: 		1em; 
	margin-bottom: 		0.5em;
}
p { 
	font-size: 			0.9em; 
	line-height: 		1.5em; 
	margin-top: 		0px;
}
a { 
	color: 				black;
}
a:hover { 
	color: 				red;
}

/* 4. Main form elements */
textarea { 
	width: 				98%; 
	height: 			100px;
}
form p { 
	margin: 			0.5em 0;
}
label { 
	display: 			block;
	float: 				left;
	width: 				122px;
	padding-top: 		0.2em;
}
.button { 
	border: 			solid 1px black; 
	cursor: 			pointer; 
	font-weight: 		bold; 
	color: 				#ffffff; 
	background-color: 	#6a6a6a;
	padding: 			2px;
}
#content p.buttons { 
	margin:				0.5em 1em;
	margin-left:		0;
	text-align: 		right;
}
input.textfield, input.required, textarea { 
	border: 			#675B04 1px solid; 
	font-size: 			11px;
	color: 				#222222;
	background-color: 	#eae5bf;
}
span.error { 
	color: 				red;
	background-color: 	white;
	margin-left: 		5px;
	padding: 			2px;
}

/* 5. Central navigation elements */
ul.nav { 
	list-style: 		none; 
	font-size: 			0.8em; 
	color: 				#000000; 
	float:				left; 
	margin:				0px;
}
ul.nav li { 
	margin: 			0px; 
	padding: 			3px; 
	float: 				left;
}
ul.nav a { 
	text-decoration:	none; 
	text-transform: 	uppercase; 
	font-weight: 		bold;
}
ul.nav a:hover { 
	color: 				#e2c600; 
	text-decoration: 	underline;
}
ul.nav a.selfhighlight { 
	color: 				#e2c600;
}
/* 5a. Changes to the navigation elements, based on location on the page */
#header ul.nav { 
	letter-spacing: 	0.01em; 
	padding: 			35px 0px 0px 5px;
}
#footer img { 
	float: 				left;
	padding: 			5px;
	border: 			none;
}
#footer address { 
	font-size: 			0.8em;
	margin: 			0px; 
	padding: 			0px;
	font-weight: 		bold;
	font-style: 		normal;
	float: 				right;
	width: 				440px;
}
#footer address span { 
	float: 				right;
	padding: 			15px 8px 2px 10px;
	text-align: 		right;
}
#footer ul.nav { 
	padding: 			0px 10px 0px 166px;
}
#footer ul.nav li { 
	padding-top: 		0px;
}


/* 6. Projeclist styles */
#content-right table {
	margin: 			2px;
	font-size:			0.9em;
}

#content-right table td a { 
	text-decoration:	none;
}

#content-right table td:hover {
	background-color:	#b29e10;
}

#content-right table img {
	border:				1px solid black;
}


/* 7. Projectdetail styles */
#content-left p.navigation {
	width:				100%;
	text-align:			center;
	font-weight:		bold;
}
#content-left td.popcell_01 {
	font-size: 			0.9em;
	color: 				#ffffff;
	background-color: 	#6a6a6a;
	padding: 			4px;
}

#content-left td.popcell_02 {
	font-size: 			0.9em;
	color: 				#000000;
	background-color: 	#e2c600;
	padding: 			4px;
}

#content-left table.images { 
	padding: 			0px; 
	margin: 			0px; 
	text-align:			left; 
	margin-left:		1px;
}

#content-left td.thumb {
	background-color:	#6a6a6a;
	padding:			2px;
	margin-top:			4px;
	margin-right:		4px;
	cursor:				pointer;
}

#content-left td.thumb:hover {
	background-color:	#e2c600;
}

#content-right p.image {
	text-align:			center;
	padding-top:		2px;
}

#content-right p.image img {
	border:				1px solid black;
}