/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	background: #d1d3d4 url(../images/main_bg.gif) repeat 1px 1px;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }


div#container {
	position: relative;
	width: 996px;
	margin: 0px auto;
}
img.bouwoplossingen { position: absolute; top: 26px; left: 0;  }
img.nu 				{ position: absolute; top: 26px; left: 383px;  }
img.silka			{ position: absolute; top: 26px; left: 466px;  }
img.ytong			{ position: absolute; top: 26px; left: 550px;  }
img.hebel 			{ position: absolute; top: 26px; left: 634px;  }
img.onderneemnu		{ position: absolute; top: 26px; right: 0px;  }

div#pushcontent { width: 996px; height: 141px; }
div#content {
	width: 996px;
	padding: 5px 0px;
	margin: 0 0 20px 0;
	text-align: left;
}
div#content.contentpadding {
	width: 956px;
	padding: 20px;
}
div#content.brochures {
	background: #d1d3d4;
}
div#content.contact {
	background: #d1d3d4;
}
div#content.actie {
	background: #d1d3d4;
}
div#content.zoeken {
	background: #d1d3d4;
}
div#content.afmelden {
	background: #d1d3d4;
}

	div#home-hoofd-artikelen {
		position: relative;
		float: left;
		margin: 0;
		width: 586px;
	}
		
		div#homeline {
			position: absolute;
			top: 297px;
			left: 0;
			width: 586px;
			height: 44px;
			background: #fcb813;
			overflow: hidden;
		}
			div#homeline a.headline {
				display: block;
				font-size: 220%;
				font-weight: bold;
				height: 32px;
				margin: 7px;
				background: url(../images/pijlen/pijl_opgeel.gif) no-repeat center right;
				line-height: 120%;
			}
			div#homeline a.headline:hover { text-decoration: none; }
			
	div.home-hoofd-artikel {
		position: relative;
		float: left;
		margin: 0 0 0px 0;
		width: 546px;
		padding: 15px 25px 0px 15px;
	}
		div.yellow		{ background: #fbba00; }
		div.silka-blue 	{ background: #009EE0; }
		div.xella-blue 	{ background: #000099; }
		div.orange 		{ background: #F16522; }
		div.black 		{ background: #000000; }
		div.grey 		{ background: #B3B2B2; }
		
		div.orange >*		{ color: #000; }
		div.xella-blue >*		{ color: #fff; }		
		div.silka-blue >*		{ color: #000; }
		div.yellow >*		{ color: #000; }
		div.grey >*		{ color: #000; }
		div.black >*		{ color: #fff; }
		
		div.home-hoofd-artikel-link {
			float: left;
			display: inline-block;
			width: 546px;
			height: 23px;
			margin: 0 0 10px 0;
			padding: 2px 0 0 15px;
		}
			div.home-hoofd-artikel-link a {
				background: url(../images/pijlen/pijl_zwart.png) no-repeat top right;
				padding: 0 22px 0px 0;
				color: #fff;
			}
				div.home-hoofd-artikel-link a:hover {
					background: url(../images/pijlen/pijl_wit.png) no-repeat top right;
					text-decoration: underline;
				}
			
		img.nu-fleche {
			float: left;
		}
		div.home-hoofd-artikel img {
			float: right;
			margin: 0 0px 10px 10px;
		}
		div.home-hoofd-artikel h2 {
			font-size: 220%;
		}
			
	ul#homeartikelen {
		float: left;
		background: #000000;
		width: 255px;
		padding: 0 0 30px 10px;
		border: 1px solid #000;
		margin: 0 5px;
		color: #fff;
		list-style: none;
	}
		ul#homeartikelen li {
			display: inline-block;
			padding: 0 0 1px 0;
			width: 255px;
			background: url(../images/witte_lijn.gif) no-repeat bottom left;
			margin: 0;
		}
		ul#homeartikelen li img {
			float: right;
			padding: 0 0 0 8px;
			clear: both;
		}

		ul#homeartikelen a.leesverder {
			display: inline-block;
			color: #ffffff;
			font-weight: bold;
			background: url(../images/pijlen/pijl_geel.png) no-repeat top right;
			padding: 0 22px 8px 0;
		}
			ul#homeartikelen a.leesverder:hover {
				background: url(../images/pijlen/pijl_wit.png) no-repeat top right;
			}
		ul#homeartikelen h2 {
			color: #ffffff;
			font-weight: normal;
			font-size: 120%;
			padding: 15px 5px 10px 0;
			line-height: 120%;
		}
		
	div#banners {
		float: left;
		width: 133px;
		padding: 0;
		margin: 0;
		background: #d1d3d4;
	}
		div.banner {
			margin: 4px 0 0 0;
			padding: 0 5px 5px 5px;
			border-bottom: 1px solid #ffffff;
		}
			div.banner a img { border: none; }
			div.banner a.bannerlink {
				display: block;
				background: url(../images/pijlen/pijl_wit.png) no-repeat top right;
				font-size: 110%;
				line-height: 120%;
				font-weight: bold;
				margin: 9px 0 4px 0;
				padding: 0 20px 0 0;
			}
				div.banner a.bannerlink:hover {
					background: url(../images/pijlen/pijl_geel.png) no-repeat top right;
				}
		div#zoeken {
			margin: 0 0 0 4px;
		}
			
	div#artikelcontent {
		float: left;
		width: 586px;
	}
		div#artikelheader {
			position: relative;
			float: left;
			width: 190px;
			height: 189px;
			margin: 0 5px 0 0;
			overflow: hidden;
			background: #000000;
		}
			div#artikelheader h1 {
				position: absolute;
				bottom: 17px;
				left: 13px;
				color: #fcb813;
				margin: 0 10px 0 0;
				font-weight: normal;
				line-height: 110%;
				font-size: 170%;
			}
		
		div#artikeltekst {
			display: inline-block;
			padding: 15px 10px 15px 10px;
			background: #d1d3d4;
			width: 566px;
		}
			div#artikelinhoud {
				float: left;
				width: 358px;
				overflow: hidden;
				padding: 0 0 15px 0;
			}
			ul#artikelsubmenu {
				float: left;
				width: 185px;
				padding: 0 0 0 9px;
				margin: 0px 0 9px 9px;
				border-left: 1px solid #000;
				list-style: none;
			}
				ul#artikelsubmenu li {
					border-bottom: 1px solid #ffffff;
					padding: 9px 0 4px 0;
				}
				ul#artikelsubmenu li img {
					margin: 0 0 8px 0;
				}
					ul#artikelsubmenu li a.artikelsublink {
						display: block;
						line-height: 120%;
						background: url(../images/pijlen/pijl_wit.png) no-repeat center right;
						padding: 0 15px 0 0;
					}
						ul#artikelsubmenu li a.artikelsublink:hover {
							background: url(../images/pijlen/pijl_geel.png) no-repeat center right;
						}
	
	div#artikelen {
		float: left;
		width: 267px;
		margin: 0 5px;
	}
		ul#artikellijst {
			background: #000000;
			padding: 4px 0 15px 0;
			margin: 4px 0;
			list-style: none;
		}
			ul#artikellijst li {
				padding: 10px 0;
				margin: 0px 10px;
				border-bottom: 1px solid #ffffff;
			}
			ul#artikellijst li a.artikellink {
				display: block;
				padding: 0 20px 0 0;
				background: url(../images/pijlen/pijl_geel.png) no-repeat center right;
				color: #ddd;
			}
			ul#artikellijst li a.artikellink:hover {
				text-decoration: none;
				color: #fcb813;
				background: url(../images/pijlen/pijl_wit.png) no-repeat center right;
			}
			ul#artikellijst li a.active {
				text-decoration: none;
				color: #fcb813;
				background: url(../images/pijlen/pijl_grijs.png) no-repeat center right;
			}
			
	div#brochures {
		width: 950px;
		display: inline-block;
		border-bottom: 1px solid #fff;
		padding: 0 0 10px 0;
		padding: 10px;
	}
		div.brochure {
			position: relative;
			float: left;
			margin: 10px 0;
			width: 280px;
			height: 144px;
			vertical-align: text-bottom;
			
		}
			div.brochure img {
				float: left;
				border: 1px solid #000000;
			}
			div.brochurenav {
				position: absolute;
				width: 165px;
			
				bottom: 0;
				right: 0;
			}
				div.brochurenav a.downloadbrochure {
					display: block;
					width: 95px;
					margin: 5px 0 0 0;
					padding: 1px 0 5px 0px;
					color: #000;
					background:  url(../images/pijlen/pijl_wit.png) no-repeat right top;
				}
					div.brochurenav a.downloadbrochure:hover {
						background:  url(../images/pijlen/pijl_geel.png) no-repeat right top;					
					}
				div.brochurenav input {
					margin-top: 20px;
				}
				div.brochurenav label {
					margin-top: 20px 0 0 0;
					padding: 0 20px 0 0;
					cursor: pointer;
				}
				div.brochurenav p {
					font-weight: bold;
				}
				
	div#contactform {
		width: 979px;
		padding: 10px 0 10px 10px;
	}
		div#actietekst {
			float: left;
			width: 730px;
			padding: 0 126px 0 0;
		}
	div#bedankt {
		width: 950px;
		padding: 10px;
		display: none;
	}
	div#mailerror {
		width: 950px;
		padding: 10px;
		display: none;
	}
	
	div#zoekresultaten {
		padding: 10px;
	}

/*
* navigation styles
*/

ul#nav {
	position: absolute;
	width: 996px;
	height: 27px;
	top: 111px;
	left: 0px;
	list-style: none;
	margin: 0;
}
ul#nav li {
	float: left;
	margin: 0 5px 0 0;
}
	ul#nav li.last {
		margin: 0;
	}




/*
* Typography styles
*/

h1 {
	font-size: 150%;
	color: #231f20;
	padding: 0px;
	margin: 3px 0 6px;
}

h2 {
	font-size: 140%;
	color: #333;
	padding: 0px;
	margin: 3px 0 6px;
}

h3 {
	font-size: 130%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #333;
	padding: 0px;
	margin: 0px;
}

h5 {
	font-size: 100%;
	color: #333;
	margin: 0;
	padding: 0px;
	line-height: 110%;
	font-weight: normal;
}

p {
	font-size: 100%;
	color: #333;
	margin: 4px 0 8px 0;
	padding: 0px;
	line-height: 110%;
}
ul {
	color: #333;
	list-style: disc;
	margin: 0 0 10px 15px;
	line-height: 120%;
}

.found {
	font-weight: bold;
}


/*
* Anchor styles
*/

A 			{ text-decoration: none; color: #333; }
A:link		{ text-decoration: none; color: #333; }
A:visited	{ text-decoration: none; color: #333; }
A:active	{ text-decoration: none; color: #333; }
A:hover		{ text-decoration: underline; color: #333; }
A.active	{ text-decoration: underline; color: #333; }


/*
* Table styles
*/


/*
* List styles
*/

ul#social-nav {
	margin: 10px 4px 0px 0px; padding: 0;
}

ul#social-nav li {
	display: inline;
	float: right;
	margin: 0px 0px 0px 8px;
}