/*
	baseline grid
	
	verticaal grid is 8px 
	interlinie = 16px in het algemeen. 24 px voor quotes en lists
	
	alles dus een veelvoud van 8px;
	
*/

#wrapper
{
	margin: auto;
	width: 960px;
	padding: 0 16px 16px 16px;
	background-color: #FFF;
	background-image: url(/nova/static/images/branding.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}




/*
	horizontaal grid
	alle breedtes zijn een veelvoud van 8px
	
	breedte achter de 'w' is breedte inclusief 8px padding links en rechts welke
	wordt geerfd van .column
	
	.column moet dus ook altijd een w* krijgen hoewel hij default naar 136 == 152 px breed
*/

	
.row
{
	width: 960px;
	margin: 16px 0 16px 0;
	overflow: hidden;	
}


	.row.home
	{
		margin: 12px 0 20px 0;

	}
	
	.carouselrow
	{
		margin: 12px 0 20px 0;
		min-height: 318px;		
		height: auto !important;
		height: 318px;
	}
	
	.section
	{
		background-image: url(/nova/static/images/solidrowborder.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	.bordertop
	{
		background-image: url(/nova/static/images/solidrowborder.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
		
	.row.section
	{		
		margin-bottom: 0;
		padding-bottom: 12px;
		overflow: hidden;
		background-image: url(/nova/static/images/solidrowborder.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}

	
		.column
		{
			width: 136px;
			padding: 0 8px 0 8px;
			float: left;
			display: inline;
			overflow: hidden;
		}
			
			.column280
			{
				width: 280px;
				padding: 0;
				float: left;
				display: inline;
				overflow: hidden;
			}
			
			
			
			.w152
			{
				width: 136px;
			}
			
			.w160
			{
				width: 144px;
			}
			
			.w232
			{
				width: 216px;
			}
			
			.w280
			{
				width: 264px;
			}
			
			.w312
			{
				width: 296px;
			}
			
			.w320
			{
				width: 304px;
			}
			
			.w400
			{
				width: 384px;
			}
			
			.w412
			{
				width: 396px;
			}
			
			.w416
			{
				width: 400px;
			}
			
			.w480
			{
				width: 464px;
			}
			
			.w640
			{
				width: 624px;
			}
	
			.w960
			{
				width: 954px;
			}
			

	.column li
	{
		padding-bottom: 8px;
	}
		.column li a:hover
		{
			text-decoration: underline;
		}
		
	
	.column.aside
	{
		float: right;
	}
	
	/*
		vanwege het pijltje in het doorstuurformulier
		moet die kolom breder worden
		
		de accordions komen in een sub kolom
	*/	
	.aside .subcolumn
	{
		
		padding-left: 16px;
	}
	
	
.border320
{
	background-image: url(/nova/static/images/borders_center320.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: hidden;
}

.border400
{
	background-image: url(/nova/static/images/borders_center400.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: hidden;
}
.border640
{
	background-image: url(/nova/static/images/border_640.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	overflow: hidden;
}


/*

	clearfix

*/

* html .clearfix
{
	height: 1%;
	/* IE5-6 */
}

.clearfix
{
	display: inline-block;
	/* IE7xhtml*/
}

html[xmlns] .clearfix
{
	/* O */
	display: block;
}

.clearfix:after
{
	/* FF, O, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}