/* 
   (c) K.S.R. van Poelgeest
   (u) www.hansnelgroep.nl
   (c) Site Template

   V1.09.07.31
   Version history: n/a

   Based on BITnoir FW V3.0 Friday 8 August 2008
   Original 071213 k i m [at] b i t n o i r .com
   
		After thorough experimentation I have
		found that the commonly used reset
		stylesheets available online would 
		cause unexpected behaviour for some elements.
		To find the origin you have to check
		double overwrites in your code.

		Usually reset styles are implemented
		for the sake of efficiency. This is good,
		but I use it only for tags less likely to 
		be used styles in the first prototype of
		a website.
		
---------------------------------------------- */
@import url('/assets/templates/site/framework/modular.css');

.curves {/* use for quick selection */}

/* Basic properties
   To view generic CSS classes, see bottom
---------------------------------------------- */
#skip,
#payoff,
#printlogo,
#printfoot {
	display:none;
	visibility:hidden;
	}
	
/* Ensure proper float encasing -------------- */
#contain,
#identity,
#navigation,
#primarynav,
#metanav,
#main,
.mergecol-1_2,.mergecol-2_3,
.pagesection-col1,.pagesection-col2,.pagesection-col3,.pagecaption,
#metafoot
{
	overflow:hidden;
}

/* ie6 trigger hasLayout --------------------- */
* html #contain,
* html #identity,
* html #navigation,
* html #primarynav,
* html #metanav,
* html #main,
* html .mergecol-1_2,* html .mergecol-2_3,
* html .pagesection-col1,* html .pagesection-col2,* html .pagesection-col3,* html .pagecaption,
* html #metafoot
{
	zoom:1;
}

/* General reset ----------------------------- */
applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, a img, ins, kbd, q, s, samp, small, strike, strong, tt, var, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	}
	img, a img {border:0;}
	object { outline:none; }
	sub,sup {
		margin:0;
		padding:0;
		outline:0;
		border:0;
		}

/* Base
---------------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align:center;
}
#contain {
	width:936px;
	margin:0 auto;
	text-align:left;
}
#identity {
	height:111px;
	border:1px solid;
}
#metaheader {
	float:right;
}
#metanav {
	margin:0;
	padding:8px 0; /*5px 1px*/
}
#metanav li {
	margin:0;
	padding:0 10px;
	list-style:none;
	float:right;
	border-right:1px solid;
}
#metanav .last {
	border:0;
	padding-right:0;/* offset */
	}
#metanav a {
	display:block;
	padding:0 12px 0 0;
	font-weight:normal;
	font-size:11px;
	line-height:1em;
	text-decoration:none;
}
#metanav a:hover {
	text-decoration:underline;
}

#quotes {/* quote banner */}
#logo {
	float:right;
	display:block;
	width:220px;
	height:111px; 
	}
#logo a:link,
#logo a:visited {
	display:block;
	text-indent:-999em;
	width:220px;
	height:111px; 
	}

#navigation {
	margin:20px 0;
	padding:0 20px 0 0;
	}

#navigation ul {
	font-size:11px;
	margin:0;
}
#navigation li {
	list-style:none;
	padding:0;
}

.primarynav {
	float:left;
	height:13px;
	padding:7px 0 7px 12px;
}
.primarynav li {
	float:left;
	margin:0 13px 0 0;
	border-right:1px solid;
}
#navigation .primarynav li.last {border:0;}
.primarynav li a {
	display:block;
	padding:0 10px 0 13px;
	text-decoration:none;
}
.primarynav li li {
	float:none;
	border:0;
	margin:0;
	padding:0;
}

/*	.primarynav li ul {display:none;}
	.primarynav li:hover ul {display:block;}*/
	
.primarynav li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
	z-index:999;
}
.primarynav li ul li {
	float: none;
	display: inline;
}
.primarynav li ul li a {
	display:block;
	width: auto;
	white-space:nowrap;
	padding:4px 16px;
	border-bottom:1px solid;
	border-right:1px solid;
	border-left:1px solid;
}
.primarynav li ul li a:hover {}

#navigation ul#navtools {
	float:right;
	margin:3px 0 0;
	padding:0;
	width:200px;/* THIS HAS TO BE FIXED SOMEDAY: IE6 can't handle automatic width for some reason. */
	height:24px;
	background:url('../skin/standard/frm_search.gif') left center no-repeat;
	}
#navigation #navtools li {
	float:right;
	margin:0;
	padding:0;
	}
#navtools li form {
	width:195px;
	margin:0;
	padding:0 0 0 5px;
	}
#navtools label {
	float:left;
	margin:0;
	padding:0;
}
#navtools li input {
	background:none;
	border:0;
	margin:0;
	padding:0;
}
#navtools label.searchInput {
	width:170px;
	float:left;
}
#navtools li input#search {
	width:170px;
	float:left;
	text-align:left;
	height:13px;
	line-height:13px;
	padding-top:4px;
}
#navtools label.search_submitLabel {
	float:left;
	width:20px;
	padding-top:4px;
}
#navtools li input#searchButton {
	float:left;
	width:auto;
	height:12px;
	margin-top:2px;
	cursor:pointer;
	background:url('../skin/required/icon_arrow_white.gif') center 2px no-repeat;
	text-indent:-999em;
}
#navtools li input#searchButton:hover {
	-moz-opacity:0.80;
	opacity:0.80;
	filter:alpha(opacity=80);
}

.searchResultsTitle {
	font-size:13px;
	display:block;
	margin-top:10px;
	}

/* Main area
---------------------------------------------- */
#teaser {
	width:670px;
	height:280px;
	}
#main {}

	.pagesection-col1,.pagesection-col2,.pagesection-col3,.pagecaption {
		float:left;
		}
	.home .pagesection-col1 { padding:20px 30px 20px 0; }
	.page .pagesection-col1 { padding:0 30px 20px 0; }
	.home .pagesection-col2 { padding:20px 0 0; }
	.page .pagesection-col2 { padding:0 0 20px; }
	
	.pagesection-col1 { width:190px; margin:0;}
	.pagesection-col2 { width:450px; margin:0;}/* could be auto */
	.pagesection-col3 { width:220px; margin:0 0 0 40px; padding:0;}
	#sidebar,#copy,#sidecol {}


/* controlling the column layout
---------------------------------------------- */
	/* virtually disable columns, note: this is just an aid, please disable HTML output */
	.pagecol-set1 .pagesection-col1,
	.pagecol-set1 .pagesection-col3,
	.pagecol-set2 .pagesection-col3 {display:none;}

	/* set width of the copy (content) column */
	.pagecol-set1 .pagesection-col2 {width:auto;}
	.pagecol-set2 .pagesection-col2 {width:670px;} /* contain -borders -pagesection-col1 */
	.pagecol-set3 .pagesection-col2 {width:450px;} /* contain -borders -pagesection-col1 -col3 */

	.mergecol-1_2 {width:670px;float:left;}
	.mergecol-2_3 {}
	
	/* set the background for the columns 
	.pagecol-set1 #main {background-image:url('../g/bg_main_pagecolset-1.gif');}
	.pagecol-set2 #main {background-image:url('../g/bg_main_pagecolset-2.gif');}
	.pagecol-set3 #main {background-image:url('../g/bg_main_pagecolset-3.gif');}
	*/

/* Meta footer
---------------------------------------------- */
#metafoot {
	display:block;
	float:left;
	width:936px;
	margin:10px 0;
	padding:0 0 10px;
	}
	.footerbox {
		float:left;
		width:315px;
		margin:0 0 0 20px;
		padding:20px 0;
		}
		* html .footerbox {
			display:inline;
		}
		#metafoot div.articleDescription {
			height:40px;
			}
	#partners {
		float:left;
		padding:20px 0 0;
		margin:0 0 0 40px;
		width:220px;
		}
	#partners ul {
		margin:0 0 20px;
		padding:0;
		list-style:none;
		}
		#partner_logos a:hover img {
			-moz-opacity:0.80;
			opacity:0.80;
			filter:alpha(opacity=80);
			}
		#partners li {float:left;}
		#partner1 {margin-right:5px;}
		#partner2 {margin-right:5px;}
		#partner4 {margin-right:5px;}
	#metafoot p {font-size:11px;}
	#metafoot a {}

/* Generic CSS classes
---------------------------------------------- */
.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.hide	  { display:none; visibility:hidden; height:0; width:0; }

.pushObjLhs { float: left;  margin-right:10px;}
.pushObjRhs { float: right; margin-left:10px; }

.txtAlignLhs     { text-align: left; }
.txtAlignRhs     { text-align: right; }
.txtAlignJustify { text-align: justify; }

	/* variable */
	blockquote,
	.paragraphQuote {
		display:block;
		background:#000;
		padding:0;
		margin:0 0 1em;
		font-family:Garamond, serif;
		text-align:center;
		font-style:italic;
		font-size:13px;
		line-height:17px;
		}
	.paragraphQuote2 {
		display:block;
		background:#ededbf url('../skin/required/icon_quote.gif') 8px top no-repeat;/**/
		padding:20px 10px;
		margin:10px 0;
		font-style:italic;
		font-size:12px;
		}
	.video {
		display:block;
		padding:10px;
		background:#ccc;
		}
	.ia_read_more {
		display:block;
		float:right;
		padding-right:10px;
		background:url('../skin/required/icon_arrow_yellow.gif') right 4px no-repeat;
		}

	/*extra*/
	.caption {
		padding:0 0 4px;
		line-height:1.1em;
		border-bottom:1px solid;
		margin-bottom:8px;
		}

/* Font collection
---------------------------------------------- */
h1,h2,h3,h4,h5,h6,.box .caption 
{
	font-family:"Lucida Grande", Arial, Tahoma, Arial, sans-serif;
}
p, a, address, cite, code, del, em, font, strong, dt, dd, li, fieldset, label, legend, caption, tr, th, td, textarea, input, select, option
{
	font-family:"Lucida Grande", Arial, Tahoma, Arial, sans-serif;
}
sub,sup {
	font-family:"Lucida Grande", Arial, Tahoma, Arial, sans-serif;
}
#metafoot {font-family:"Lucida Grande", Arial, Tahoma, Arial, sans-serif;}

#navigation a 	{font-size:12px;}

/* Copy */
.sectionBar		{padding:4px 0; border-top:1px solid; border-bottom:1px solid;}
.sectionBar h1	{font-size:13px; margin-bottom:0;}
h1 				{font-size:18px; margin:0 0 4px;}
h2 				{font-size:13px;}
h3,h4,h5,h6		{font-size:13px;}
#copy p			{font-size:12px; margin:0 0 1em;}
#copy li 		{font-size:12px;}
#copy dt 		{font-size:12px;}
#copy dd 		{font-size:12px;}
#copy th		{font-size:12px;}
#copy td		{font-size:12px;}


label			{font-size:11px;}
input			{font-size:11px;}
textarea		{font-size:11px;}
select,option	{font-size:11px;}

/*font-sizes modular*/
#quotes strong				{ font-size:14px;}
#quotes em					{ font-size:11px;}
#quotes span				{ font-size:11px; padding-left:2px;}

.caption {font-size:13px;}
.box p {font-size:11px;}
.box a {font-size:11px;}

h6.articleHeader {font-size:11px;}
.articleMeta 	{font-size:10px;}
.articleDescription {font-size:12px;}

.ia_read_more {font-size:10px;}



a:hover {text-decoration:none;}

/*forms*/
.required {font-weight:bold;}

/**
 * 
 * Image carrousel
 * 
 * 
 */

#carrousel {padding-left:10px;}
#carrousel div
{
	float				: left;
	width				: 65px;
	border				: 1px solid #000;
	background-color	: #000;
}

.fotoDiv1{
	padding:0;
}
.fotoDiv2, #fotoDiv3{
	padding:0;
	margin-left:4px;	
}
.fotoDiv1,.fotoDiv2, #fotoDiv3{
	height:105px !important;
}
.foto1,.foto2,.foto3 {
		height:79px !important;
}


.galleryFooterHeader
{
	margin-top:5px;
	border-top: 1px dotted #ddb;
	float: left; 
	width: 450px;
	font-family:Helvetica,Arial,sans-serif !important;
	font-size: 11px;
	padding: 8px 0;
}

.galleryFooter
{
	float: left; 
	width: 223px; 
}
.galleryFooter.right
{
	text-align: right;
}

input#cond_submit {
/*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;*/
background:transparent url(../skin/standard/frm_add_button.gif) repeat scroll left top;
height:20px;
width:79px;

}

input#submit_machtiging {
/*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;*/
background:transparent url(../skin/standard/frm_macht_button.gif) no-repeat scroll left top;
height:20px;
width:155px;
}