/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
}

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

div#container {
	position: relative;
	width: 980px;
	padding: 0;
	margin: 0px auto;
	text-align: left;
}

img.headerimg {
	position: absolute;
	top: 0;
	left: 0;
}

div#preview-mode {
	position: absolute;
	top: -40px;
	left: 0px;
	width: 100%;
	height: 60px;
	padding: 0; 
	margin: 0;
	z-index: 999;
	text-align: left;
}
	div#preview-button {
		width: 128px;
		height: 20px;
		margin: 0 0 0 40px;
		text-align: center;
	}
		div#preview-button a {
			display: block;
			height: 18px;
			font-size: 120%;
			font-weight: bold;
			background: url(../images/preview_button.gif) no-repeat 0 0;
			padding: 2px 0 0 0;
			color: #ffffff;
		}
		div#preview-button a:hover {
			text-decoration: none;
		}	
	div#preview-content {
		width: 100%;
		height: 38px;
		background: #f98120;
		border-bottom: 2px solid #e95d0e;
		text-align: center;
	}
		div#preview-content p {
			margin: 0;
			font-size: 110%;
			padding: 13px 0 0 0;
			color: #ffffff;
			font-weight: bold;
		}

/* Template Home  */

div#editie-home-content {
	position: relative;
	padding: 121px 0 0 0;
}
	div#editie-home-content p {
		margin: 0;
	}
	img.home-bgimg {
		margin: 0 0 0 75px;
	}
	div.home-banners {
		position: absolute;
		width: 240px;
		height: 90px;
		background: #ffffff;
		overflow: hidden;
	}
		div.home-banners a.home-banner-title {
			font-size: 110%;
			margin: 0;
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			height: 12px;
			padding: 10px 0 3px 10px;
			overflow: hidden;
		}
		div.home-banners a.home-banner-text {
			font-size: 110%;
			display: block;
			padding: 0px 0 0 10px;
			height: 45px;
			overflow: hidden;
		}
	
		div.home-banners a:hover {
			text-decoration: none;
		}
		div.home-banners a.artikellink {
			display: block;
			margin: 0px 0px 0 0;
			text-align: right;
			height: 10px;
			font-weight: bold;
			padding: 2px 20px 8px 0;
			background: url(../images/black_arrow.png) no-repeat 227px 5px;
		}
		
	div.white-banner1 { top: 121px; left: 0px; }
	div.white-banner2 { top: 219px; left: 0px; }
	div.white-banner3 { top: 317px; left: 0px; }
	
	div.news-banners {
		position: absolute;
		width: 240px;
		height: 180px;
		background: #000000;
	}
		div.news-banner-text {
			width: 200px;
			height: 54px;
			padding: 15px 20px 3px 20px;
		}
		div.news-banners a:hover {
			text-decoration: none;	
		}
			div.news-banners a.news-banner-title {
				font-size: 100%;
				margin: 0;
				font-weight: bold;
				text-transform: uppercase;
				display: block;
				height: 12px;
				padding: 10px 10px 3px 10px;
				overflow: hidden;
				color: #ffffff;
			}
			div.news-banners a.news-banner-text {
				display: block;
				font-size: 100%;
				padding: 0px 10px 0 10px;
				height: 42px;
				overflow: hidden;
				color: #ffffff;
			}
		div.news-banners a.nieuwslink {
			display: block;
			color: #ffffff;
			text-align: right;
			font-size: 90%;
			font-weight: bold;
			padding: 5px 20px 7px 0;
			background: url(../images/white_arrow.png) no-repeat 227px 7px;
		}
		div.news-banner1 { top: 415px; left: 0px; }
		div.news-banner2 { top: 415px; left: 248px; }
				
	div.home-content {
		position: absolute;
		top: 374px;
		left: 496px;
		width: 220px;
		height: 140px;
		overflow: hidden;
		padding: 55px 8px 15px 8px;
		background: url(../images/white_pointer.png) no-repeat top left;
	}
		div.home-content a {
			text-decoration: underline;
		}	
		div.home-content p {
			font-size: 90%;
			line-height: 120%;
		}
		div.home-content h3 {
			font-size: 110%;
			text-transform: uppercase;
			font-weight: normal;
			line-height: 120%;
		}
		
/* Template Multipage - projecten - columns - interviews */
	
div#multipage-content {
	position: relative;
	padding: 121px 0 20px 0;
	width: 733px;
}		
		div.page-leftcolumn {
			width: 240px;
			margin: 0 8px 0 0;
		}
			div.page-leftcolumn a {
				text-decoration: underline;
			}
			div.page-leftcolumn img {
				margin: 0 0 8px 0;
			}
			div.page-kader {
				width: 224px;
				margin: 0px 0 8px 0;
				padding: 8px;
			}
				div.page-kader h3 {
					font-size: 90%;
					margin: 0 0 10px 0;
					font-weight: bold;
					text-transform: uppercase;
				}
			div.page-kader.blauw	 			{ background: #00adee; }
				div.page-kader.blauw *				{ color: #ffffff; }
			div.page-kader.geel 				{ background: #fcb813; }
			div.page-kader.oranje 				{ background: #f16522; }
			div.page-kader.zwart 				{ background: #000000; }
				div.page-kader.zwart *				{ color: #ffffff; }
			div.page-kader.grijs 				{ background: #a6a8ab; }
				div.page-kader.grijs *				{ color: #ffffff; }
			div.page-kader.grasgroen			{ background: #66cc33; }
			div.page-kader.grijsgroen			{ background: #669966; }
				div.page-kader.grijsgroen *			{ color: #ffffff; }
			div.page-kader.grijsblauw			{ background: #6699cc; }
				div.page-kader.grijsblauw *			{ color: #ffffff; }
			div.page-kader.paarsblauw			{ background: #6666cc; }
				div.page-kader.paarsblauw *			{ color: #ffffff; }
			div.page-kader.roodbruin			{ background: #660000; }
				div.page-kader.roodbruin *			{ color: #ffffff; }
			div.page-kader.steenrood			{ background: #990000; }
				div.page-kader.steenrood *			{ color: #ffffff; }
			div.page-kader.rood					{ background: #ff0000; }
				div.page-kader.rood *				{ color: #ffffff; }
			div.page-kader.bruin				{ background: #996633; }
				div.page-kader.bruin *			{ color: #ffffff; }
			div.page-kader.donkerblauw			{ background: #000033; }
				div.page-kader.donkerblauw *		{ color: #ffffff; }
			div.page-kader.donkergroen			{ background: #003333; }
				div.page-kader.donkergroen *		{ color: #ffffff; }	
		
		div.page-rightcolumn {
			width: 485px;
		}
			div.page-rightcolumn a {
				text-decoration: underline;
			}
			div.page-rightcolumn div#youtube-video {
				margin: 21px 0 0 0;
				z-index: 2;
			}
			div.page-text {
				margin: 8px 0 0 0;
				padding: 5px 10px 0 0;
			}
			div.slideshow {
				width: 485px;
				height: 300px;
			}
			

/* Template Nieuws */

div#nieuws-content {
	position: relative;
	padding: 121px 0 20px 0;
	width: 733px;
}
	div.nieuws-column {
		float: left;
		width: 239px;
		margin: 0 0 0px 8px;
	}
		div.nieuws-column a {
			text-decoration: underline;
		}
	div.nieuws-column img {
		margin: 0 0 5px 0;
	}
	div.nieuws-column:first-child {
		margin: 0;
	}
		div.nieuws-kader {
			width: 225px;
			padding: 7px;
			margin: 0 0 8px 0;
		}
		div.nieuws-kader.blauw 				{ background: #00adee; } 
			div.nieuws-kader.blauw *			{ color: #ffffff; }
		div.nieuws-kader.geel 				{ background: #fcb813; }
		div.nieuws-kader.oranje 			{ background: #f16522; }
		div.nieuws-kader.zwart 				{ background: #000000; }
			div.nieuws-kader.zwart *			{ color: #ffffff; }
		div.nieuws-kader.grijs 				{ background: #a6a8ab; }
			div.nieuws-kader.gijs *				{ color: #ffffff; }
		div.nieuws-kader.grasgroen			{ background: #66cc33; }
		div.nieuws-kader.grijsgroen			{ background: #669966; }
			div.nieuws-kader.grijsgroen *		{ color: #ffffff; }
		div.nieuws-kader.grijsblauw			{ background: #6699cc; }
			div.nieuws-kader.grijsblauw *		{ color: #ffffff; }
		div.nieuws-kader.paarsblauw			{ background: #6666cc; }
			div.nieuws-kader.paarsblauw *		{ color: #ffffff; }
		div.nieuws-kader.roodbruin			{ background: #660000; }
			div.nieuws-kader.roodbruin *		{ color: #ffffff; }
		div.nieuws-kader.steenrood			{ background: #990000; }
			div.nieuws-kader.steenrood *		{ color: #ffffff; }
		div.nieuws-kader.rood				{ background: #ff0000; }
			div.nieuws-kader.rood *				{ color: #ffffff; }		
		div.nieuws-kader.bruin				{ background: #996633; }
			div.nieuws-kader.bruin *			{ color: #ffffff; }		
		div.nieuws-kader.donkerblauw		{ background: #000033; }
			div.nieuws-kader.donkerblauw *		{ color: #ffffff; }
		div.nieuws-kader.donkergroen		{ background: #003333; }
			div.nieuws-kader.donkergroen *		{ color: #ffffff; }
			
			div.nieuws-kader p {
				margin: 4px 0 8px 0;
			}
			div.nieuws-kader h3 {
				font-size: 90%;
				font-weight: bold;
				text-transform: uppercase;
				margin: 5px 0 15px 0;
			}
	
/* Template Productinfo */

div#productinfo-content {
	position: relative;
	padding: 121px 0px 20px 15px;
	width: 980px;
}
	div#productinfo-content iframe {
		border: 0px;
		overflow: hidden;
	}
	
/* Default page for all aditional pages - 2 columns */

div#standardpage-content {
	position: relative;
	padding: 121px 0 20px 0;
	width: 733px;
}
	div#standardpage-leftcolumn {
		float: left;
		width: 240px;
		margin: 0 8px 0 0;
	}
	div#standardpage-rightcolumn {
		float: left;
		width: 485px;
	}
	
/* Template zoeken - 3 columns */

div#zoeken-content {
	position: relative;
	padding: 121px 0 20px 0;
	width: 980px;
	width: 980px;
}
	div#zoeken-leftcolumn {
		float: left;
		width: 240px;
		
	}
	div#zoeken-middlecolumn {
		float: left;
		width: 471px;
		padding: 7px;
		margin: 0 7px 0 8px;
	}
	div#zoeken-rightcolumn {
		float: left;
		width: 220px;
		padding: 10px;
		background: #ffba0f;
	}
	div#zoeken-content p {
		margin: 4px 0 8px 0;
	}
	
	
	
		
img.imgfloat {
	float: left;
}
.uppercase {
	text-transform: uppercase;
}
/*
* Navigation/list styles
*/

/* Main navigation - thick grey bar */
ul#nav {
	position: absolute;
	top: 73px;
	left: 0;
	width: 733px;
	height: 40px;
	overflow: hidden;
	background: #a6a8ab;
	z-index: 100;
}
	ul#nav li {
		float: left;
	}
		ul#nav li a { display : block; height: 40px; font-size: 90%;  font-weight: bold; text-align: center; color: #ffffff; }
			ul#nav li a:hover { background: #000000; text-decoration: none; }
			ul#nav li a.active { background: #000000; text-decoration: none; }
			
			ul#nav li a.nav-silka		{ width: 122px; padding: 9px 0; }
			ul#nav li a.nav-ytong		{ width: 125px; padding: 9px 0; }
			ul#nav li a.nav-hebel		{ width: 122px; padding: 9px 0; }
			ul#nav li a.nav-columns		{ width: 117px; padding: 16px 0; }
			ul#nav li a.nav-nieuws		{ width: 125px; padding: 16px 0; }
			ul#nav li a.nav-interviews	{ width: 122px; padding: 16px 0; }
		
/* navigation top right - 4 standard items with 1 edition dropdown */
ul#top-side-nav {
	position: absolute;
	top: 25px;
	right: 0px;
	z-index: 100;
}
	ul#top-side-nav li {
		margin: 0 0 8px 0;
		*margin: 0 0 7px 0;
		padding: 0;
	}
		ul#top-side-nav li a {
			display: block;
			width: 215px;
			background: #a6a8ab;
			color: #ffffff;
			padding: 3px 0 2px 25px;
			font-size: 90%;
			font-weight: bold;
			text-transform: uppercase;
		}
		ul#top-side-nav li a.editions-dropdown {
			background: #a6a8ab url(../images/white_arrow_down.png) no-repeat right 5px;
		}
		ul#top-side-nav li a.nav-search {
			background: #a6a8ab url(../images/white_arrow_margin.png) no-repeat right 3px;
		}
			ul#top-side-nav li a:hover {
				text-decoration: none;
				background: #000000;
			}
			ul#top-side-nav li a.editions-dropdown:hover {
				background: #000000 url(../images/white_arrow_down.png) no-repeat right 5px;
			}
			ul#top-side-nav li a.nav-search:hover {
				background: #000000 url(../images/white_arrow_margin.png) no-repeat right 3px;
			}
		ul#top-side-nav-editions {	
			display: none;
			padding: 0px 0 8px 0;
			margin: 0;
			background: #fcb813;
		}
			ul#top-side-nav-editions li {
				padding: 8px 0 0 0;
				margin: 0;
			}	
				ul#top-side-nav-editions li a {
					background: #000000;
				}
				ul#top-side-nav-editions li a:hover {
					background: #a6a8ab;
				}

/* container for side navigation and logo's list */
div#side-nav-container {
	position: absolute;
	top: 121px;
	right: 0px;
	z-index: 99;
	width: 240px;
}
	ul#companie-logos {
		background: none;
		padding: 70px 0 0 0;
	}
	ul#companie-logos.home {
		padding: 0;
	}		
		ul#companie-logos li {
			float: left;
			margin: 0 0 0 7px;
		}
		ul#companie-logos li:first-child {
			margin: 0;
		}	

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

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

/* Navigation on home on the right */
ul#home-projectnav {

}
	ul#home-projectnav li {
		width: 240px;
		height: 90px;
		background: #fcb813;
		margin: 0 0 8px 0;
	}
		ul#home-projectnav li a:hover {
			text-decoration: none;
		}
		ul#home-projectnav li a.home-article-text {
			display: block;
			font-size: 110%;
			margin: 0;
			width: 150px;
			height: 45px;
			overflow: hidden;
			padding: 15px 5px 3px 10px;
		}
		ul#home-projectnav li a.home-article-link {
			display: block;
			color: #ffffff;
			text-align: right;
			font-size: 90%;
			font-weight: bold;
			padding: 8px 20px 8px 0;
			background: url(../images/white_arrow.png) no-repeat 227px 9px;
		}

/* Navigation for all edition items */
ul#edition-nav {

}
	ul#edition-nav li {
		width: 240px;
		margin: 0 0 8px 0;
	}
		ul#edition-nav li a {
			display: block;	
			width: 200px;
			min-height: 35px;
			padding: 10px 20px 9px 20px;
			background: #fcb813;
			text-decoration: none;
		}
		ul#edition-nav li a.active {
			background: #000000;
		}
		ul#edition-nav li a:hover {
			background: #a6a8ab;
		}
			ul#edition-nav li a:hover, ul#edition-nav li a.active {
				color: #ffffff;		
			}

/* navigation with all News items - sorted by editions - with jquery accordion */
ul#nieuws-nav {

}
	ul#nieuws-nav li {
			padding: 0 0 8px 0;
			*padding: 0 0 7px 0;
			margin: 0;
	}
		ul#nieuws-nav li a {
			display: block;
			width: 225px;
			background: #ffba0f url(../images/white_arrow_down.png) no-repeat right 5px;
			color: #ffffff;
			padding: 3px 0 2px 15px;
			font-size: 90%;
			font-weight: bold;
			text-transform: uppercase;
		}
			ul#nieuws-nav li a.ui-state-active {
				background: #000000;
			}
		ul#nieuws-nav li a:hover {
			text-decoration: none;
			background: #000000 url(../images/white_arrow_down.png) no-repeat right 5px;
		}
		
		ul#nieuws-nav ul.nieuws-nav-sub {
			padding: 10px 0 5px 15px;
			background: #ffba0f;
			width: 225px;
			overflow: visible;
		}
			ul#nieuws-nav ul.nieuws-nav-sub li {
				
			}
				ul#nieuws-nav ul.nieuws-nav-sub li a {
					display: block;
					width: auto;
					padding: 0 10px 0 15px;
					background: url(../images/white_arrow.png) no-repeat 0 3px;
				}
				ul#nieuws-nav ul.nieuws-nav-sub li a:hover {
					color: #000000;	
					background: url(../images/black_arrow.png) no-repeat 0 3px;
				}

/* Navigation for project/column/interview items */
ul#multipage-nav {
	
}
	ul#multipage-nav li {
		width: 240px;
		margin: 0 0 8px 0;
	}
		ul#multipage-nav li a {
			display: block;	
			width: 200px;
			padding: 10px 20px 9px 20px;
			background: #fcb813;
			text-decoration: none;
			font-size: 90%;
		}
		ul#multipage-nav li a.active {
			background: #000000;
		}
		ul#multipage-nav li a:hover {
			background: #a6a8ab;
		}
			ul#multipage-nav li a:hover, ul#multipage-nav li a.active {
				color: #ffffff;		
			}
	



/*
* Typography styles
*/

h1 {
	font-size: 160%;
	color: #000;
	padding: 0px;
	margin: 4px 0 8px 0;
	text-transform: uppercase;
	line-height: 130%;
}

h2 {
	font-size: 110%;
	color: #000;
	padding: 0px;
	margin: 0px 0 5px 0;
}

h3 {
	font-size: 100%;
	color: #000;
	padding: 0px;
	margin: 0px 0 8px 0;
}

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

p {
	font-size: 100%;
	line-height: 110%;
	color: #000;
	margin: 4px 0 8px 0;
	padding: 0px;
}


/*
* 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; }


/*
* Scrollable styles
*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 733px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}


div.page-nav {
	position: absolute;
	top: 121px;
	padding: 3px 10px 0px 10px;
	height: 18px;
	right: 0px;
	background: #ffffff;
	z-index: 101;
}
	div.page-nav a.prev {
		cursor: pointer;
		background: url(../images/black_arrow_big_left.png) no-repeat 0 0;
		float: left;
		padding: 5px;
		margin: 1px 3px 0 0px;
	}
	div.page-nav a.prev.disabled {
		background: url(../images/grey_arrow_big_left.png) no-repeat 0 0;
	}
	div.page-nav a.next {
		margin: 1px 0 0 8px;
		cursor: pointer;
		float: left;
		background: url(../images/black_arrow_big.png) no-repeat 0 0;
		padding: 5px;
	}
	div.page-nav a.next.disabled {
		background: url(../images/grey_arrow_big.png) no-repeat 0 0;
	}
	ul.page-nav-numbers {
		float: left;
	}
		ul.page-nav-numbers li {
			float: left;
			border-left: 1px solid #000000;
			padding: 0 0px 0 2px;
		}
		ul.page-nav-numbers li:first-child {
			border-left: 0px;
		}
		ul.page-nav-numbers li a {
			cursor: pointer;
			padding: 0px 3px;
			font-weight: bold;
			margin: 0 2px 0 0;
		}
		ul.page-nav-numbers li.active a {
			background: #a6a8ab;
			color: #ffffff;
			text-decoration: none;
		}


/*
* List styles
*/