/* CSS PT 5/05/2009 */
/* CSS PT 16/09/2008 */
/* **********************************************
 *	Argenta Main Styling
 *	Design by Prophet
 *	Conversion by Kevin Vaesen@Amplexor
 *	2008
 *
 * 	PALET
 * ----------------------------------------------
 * Body grijs: 		#EDEDEB
 * Background grijs:#E1E1DD
 * Footer grijs:	#DDD;
 * Footer dots:		#7D7D7D;
 * Argenta groen:	#333 -> #333
 * Argenta rood:	#000 => 000
 * Kantrhoudrlijn: 	#969281;
 * Tekst:			#666 -> 000
 * Headers (H1-3):	#444
 * SpecialHeader bg:#444
 * ----------------------------------------------
 * Poll Button:		#90b5a4;
 * ----------------------------------------------
 * Form background: #E8E8E8 -> E8E8E8
 * Form border:		#CCC
 * Form Button:		#444
 * Form Btn Border	#b7cf89 en #2a3b0a
 * ----------------------------------------------
 * Table title:		#999
 * Table header:	#CCC
 * Table TD:		#E8E8E8
 * Table TD Text:	#000 en #000
 * ----------------------------------------------
 * Box:				#E8E8E8
 * Box Header:		#000
 *
 *
 * ********************************************** 
 */
 
 h1,h2,h3,h4,p,div,span,ul,li,a,form,input
 {
	 padding: 0px;
	 margin: 0px;
	 border: 0px;
 }
 
body
{
	background: white;
	font-family: "arial", "helvetica", sans-serif;
	font-size: 10pt;
	color: black;
}


div.break
{
	 /* no changes */
}
/**
 *	Columns
 */

#maincontainer
{
	min-width: auto;
	background: white;
}

#header
{
	height: 124px; /*Height of top section*/
	background: transparent;
	border-bottom: 1px dotted #000;
}

#header h1
{
	display: inline;
	margin: 0px;
	padding-top: 15px;
}


#contentwrapper
{
	background: transparent;
	float: left;
	width: 100%;
}

#contentcolumn
{
	margin: 0 172px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 mainmenuWidth + MainContainerRightPadding */
}

#mainmenu /* completely disabled */
{
	display: none;
}


#rightcolumn
{
	float: left;
	width: 172px; /*Width of right column*/
	margin-left: -172px; /*Set left margin to -(RightColumnWidth)*/

}

#header .accessibility
{
	border: 1px solid #333;
	position: absolute;
	top: 0em;
	left: -800em;
}


/**
 *	page footer
 */
#footer{
	text-align: center;
	background: white;
	border-bottom: none;
}






/**
 *	General styles
 */
h1, h2, h3
{
	color: #444 /* #333 */;
	font-size: 100%;
	font-weight: normal;
}

h1
{
	font-size:1.5em;
}

h2
{
	font-size:1.15em;
	font-weight: bold;
}

h3, .blocktitle
{
	font-size:1.05em;
	font-weight: bold;
	display: block;
}


li
{
}


li.warning
{
	color: #333;
}


a.readmore
{
	/*margin-left: 0.5em;*/
	padding-left: 16px;
	background: url( 'img/css_readmore_icon.gif' ) left center  no-repeat;
}

a
{
	text-decoration: none;
	color: #000;
}

a:hover
{
	color: #444;
	text-decoration: underline;
}


#maincontent a, #maincontent a:hover
{
	color: #000;
	text-decoration: underline;
}

#primarylinks a, #primarylinks a:hover
{
	color: white;
}

/**
 *	Navigation 
 */
#primarylinks /* disabled */
{
	display: none;
}


/**
 *	Header
 */

#header #kantoorhouder
{
	float:right;
	display: none; /*inline; */
	width: 170px;
	height: 120px;
	clear: none;
	background:  transparent;
	padding-right: 3px;
	overflow: hidden;
	line-height: 1.2em;
}

#header #kantoorhouder h2	
{
	text-transform: uppercase;
	border-bottom: 1px dotted #969281;
	font-weight: bold;
	font-size: 10pt;
	padding: 3px 0px;
}


#header #kantoorhouder .padding{ padding: 0px 9px; }
#header #kantoorhouder  .name { font-weight: bold; }
#header #kantoorhouder  .location { font-size: 80%; }
#header #kantoorhouder  ul 
{
	padding-top: 0.25em;
	padding-left: 1.2em;
}


#header #title
{
	display: inline;
	clear: none;
	float: left;
	padding: 14px 2em; /* 14px is fixed, 2em komt overeen met #mainmenu totale padding */
}



/**
 *	Content block
 */
#contentcolumn .padding
{
	padding-left: 1em;
	padding-right: 1em;
}

#maincampaign
{
	background: #ccc;
	height: 192px;
}

#maincontent
{
	padding: 1em 1em;
	background: transparent;
	border-bottom: 1px dotted #000;	
	margin-bottom: 1em;
}

#maincontent h1
{
	padding: 5px 0px;
	margin: 7px 0px;
	border-bottom: 1px dotted #969281;
}


#maincontent h2, #maincontent h3
{
	margin: 1em 0px;
}


/**
 * General forms and tables
 */

#maincontent form, #maincontent .box
{
	background: #E8E8E8;
	border: 2px solid #CCC;
	padding: 1em;
	display: block;
}

#maincontent form input.button
{
	color: white;
	padding: 0.25em 1em;
	background: #444;
	border-left: 	1px solid #b7cf89;
	border-top: 	1px solid #b7cf89;
	border-right: 	1px solid #2A3B0A;
	border-bottom: 	1px solid #2A3B0A;
}


#maincontent span.tableheader
{
	margin: 1em 2px 0px 1px; /* 1px right en left om overeen te komen met table's border-spacing */
	margin-top: 1em;
	background-color: #999;
	color: white;
	display: block;

	font-weight: bold;	
	padding-left: 0.5em;
}

#maincontent table th.tableheader
{
	background-color: #999;
	color: white;
	font-weight: bold;	
	padding-left: 0.5em;
}



#maincontent form table td
{
	background-color: transparent;
}
	
#maincontent table 
{
	width: 100%;
	display: block;
	border: none;
	border-collapse: separate;
	border-spacing: 1px;
	margin-top: 1em;
}

#maincontent table th
{
	text-align: left;
	padding-left: 0.5em;
	font-weight: bold;
	background-color: #CCC;	
}

#maincontent table td
{
	padding-left: 0.5em;
	background-color: #E8E8E8;	
}

/**
 * Other
 */

#othercontent
{
	margin-bottom: 1em;
}
#contentfooter
{
	margin: 0em  1em; 
}

/* padding is disabled voor alle UL items, maar voor deze springen we wel in */
#contentcolumn ul
{
	padding-left: 1.2em;
}


/**
 * Flat Block styling
 */

.flatblock /* disabled */
{
	display: none;
}


/**
 * Promo Block styling
 */

.promoblock
{
	margin-top: 3.25em;
	background: transparent; 
	/*border: 1px outset #333;*/
}

.promoblock .blocktitle
{
	padding: 5px 10px;
	color: #FFF;
	font-weight: bold;
}


.promoblock .top
{
	background: #333;
}

.promoblock .content
{
	padding: 10px;
}

.promoblock .content img
{
	padding-bottom: 5px; 
}

/**
 * Promo Block styling
 */

#breadcrumb
{
	border-bottom: 1px dotted #000;
	font-weight: bold;
	padding: 0.5em 0em; /* Zie ook: #langswitch en mainmenu*/
}

/**
 * Language / fontsize switch links
 */
#langswitch { 
	display: none;
	}





/**
 * Site buttons
 */
.mainblock 
{
	display: none;
}

/**
 *	General article content
 */
 

body.landing #maincontent p.intro
{
	border-bottom: 1px dotted #7D7D7D;
	padding-bottom: 1em;
	margin-bottom: 2em;
}


/**
 *	Body met een speciale banner als H1 kan worden aangezet met de specialheader class
 */
 
body.specialheader #maincontent .header 
{
	padding: auto;
	margin: auto;
	height: auto;
	background: transparent;
	margin-bottom: 1em;
}

body.specialheader #maincontent .header h1
{
	padding: auto;
	margin: auto;
	height: auto;	/* padding-top  + height moeten samen == .header height */
	color: #333;
	border: none;
}


.article
{
	margin: 1em 0em;
	padding-bottom: 1em;
}

.article img
{
	float: left;
	margin-right: 1em;
}



/**
 * Other content
 */
#othercontent .article
{
	border-bottom: 1px dotted #7D7D7D;
}

/* Print this page, back to top links:
	helemaal disabled, want onnodig in printversie */
#contentfooter
{
	display: none;
}





/**
 * Kantoorhouders
 */
#maincontent .factsheet 
{
	overflow:auto; /* easy clearing fix*/
}
#maincontent .factsheet .name
{
	display: block;
	font-weight: bold;
	font-size: 1.3em;
}
#maincontent .factsheet .function
{
	display: block;
}

#maincontent .factsheet p
{
	margin-top: 1em;
}
#maincontent .factsheet a
{
	margin-top: 1em;
}

#maincontent .factsheet img
{
	float: left;
	margin-right: 1em;
}

#maincontent .faq .answer.hidden
{
display: block;
position: auto;
}


dd.answer.hidden {
	position:static;
	display:block;
	top:auto;
	left:auto;
}




/**
 * Gerelateerde producten
 */
 
 #maincontent .relatedproduct 
 {
	overflow:auto; /* easy clearing fix*/
}
 #maincontent .relatedproduct img
{
	float: right;
	margin-left: 1em;
}
 #maincontent .relatedproduct h2
 {
	 padding: 0px;
	 margin: 0px;
	 font-size: 1em;
	 font-weight: bold;
	 padding-bottom: 0.5em;
	
 }


/**
 * SkipLinks (cf. provant)
 */

/* Technique works visibly in IE, FF and Safari
 * Opera not visible but links are selected using the A key 
 */
.skiplist {margin: 0; padding: 0; list-style: none; } 
.skip {margin: 0; padding: 0; position: absolute; left: 1em; top: 1em; z-index: 1; width: 25em; list-style: none;  }
.skip a {display: block; text-decoration:none; left: -700em; top: 0em; overflow: hidden; position: absolute;}
.skip a:focus, .skip a:active {height: auto; width: auto; left: 1em; overflow: visible; color: #333; background: #fff; border: 3px solid #333; position: absolute;}
.skip a:hover {cursor: default;}

/* hide accessibility content from normal users - screenreaders can pick this up nicely */
.smartsurfer{display: block; width: 1px; height: 1px; position: absolute; left: -5000px}
.hidden {position:absolute;left:-9999em;}