/* CSS PT 5/05/2009 */
/* **********************************************
 *	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:	#4A961D
 * Argenta rood:	#C00
 * Kantrhoudrlijn: 	#969281;
 * Tekst:			#666
 * Headers (H1-3):	#73a21b
 * SpecialHeader bg:#73a21b
 * ----------------------------------------------
 * Poll Button:		#90b5a4;
 * ----------------------------------------------
 * Form background: #ddebf4
 * Form border:		#BFD9EA
 * Form Button:		#73a21b
 * Form Btn Border	#b7cf89 en #2a3b0a
 * ----------------------------------------------
 *  title:			#88BADA
 * Table header:	#BDD8EA
 * Table TD:		#DDEBf4
 * Table TD Text:	#666 en #C00
 * ----------------------------------------------
 * Box:				#ddebf4
 * Box Header:		#C00
 *
 * Beware of the elephants.
 *
 * ********************************************** 
 */

 
 h1,h2,h3,h4,p,div,span,ul,li,a,form,input
 {
	 padding: 0px;
	 margin: 0px;
	 border: 0px;
 }

span .strong
{
	 font-weight: bold;
}
 
body
{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background: #E1E1DD;
	font-family: "arial", "helvetica", sans-serif;
	font-size: 10pt;
	color: #666;
}


div.break
{
	display: block;
	clear: both;
}
/**
 *	Columns
 */

#maincontainer
{
	min-width: 580px;
	background: #ededeb  url('img/css_page_bg.gif') no-repeat left bottom; /*url( 'img/css_general_bgshadow.jpg' ) right top repeat-y; */
	padding-right: 0px; /*41px;*/
}

#header
{
	height: 124px; /*Height of top section*/
	background: url( 'img/css_header_back.jpg' ) left top repeat-x;
}

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


#contentwrapper
{
/*	background: #ededeb;*/
	float: left;
	width: 100%;
}

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

#mainmenu
{
	float: left;
	padding-left: -41px;
	width: 200px; /*Width of left column in pixel*/
	margin-left: -100%;
}

#mainmenu .padding
{
	padding-top: 2em; /* Zie ook: #langswitch en #breadcrumb. Top  = 1 em (tekst) + 0.5em toppadding  + 0.5em bottompadding */
	margin: 0px 25px;
}

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

}



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


/**
 *	page footer
 */
#footer{
	clear: left;
	padding: .5em;
	text-align: center;
	background: #DDD;
	border-top: 1px dotted #7D7D7D;
	border-bottom: 1px solid #DDD;
}

/**
 *	General styles
 */
h1, h2, h3, h4
{
	color: #73a21b /* #4A961D */;
	font-size: 100%;
	font-weight: normal;
}

h1
{
	font-size:1.5em;
}

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

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

h4
{
	font-size:1.0em;
	font-weight: bold;
}


#contentcolumn ul li
{
	list-style-image: url('img/css_bullet_green.gif');
	margin-left: 15px;
}

#kantoorhouder ul li
{
   list-style-image: url('img/css_bullet_green.gif');
}

#kantoorhouder ul 
{
padding: 0px;
}

#tussenpersoonlogo
{
   float:right;
   padding: 1em;
}

/* KV190:Begin -- Bugfix for safari not showing the bullet */
#contentcolumn li p
{
	display: inline;
}
/* KV190:End */



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: #666;
}

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

a.anchorlink,
a.anchorlink:hover,
a.anchorlink:active
{
text-decoration: none;
border:none;
padding:none;
margin:none;
}



#maincontent a, #maincontent a:hover
{
	color: #C00;
}

#primarylinks a, #primarylinks a:hover
{
	color: white;
	text-decoration: none;
	padding: 5px 0.5em;
}

/**
 *	Navigation 
 */
#primarylinks
{
	text-align:center;
	color: #FFF;
	background: url( 'img/css_nav_back.jpg' ) left bottom;
}

#primarylinks ul 
{
	padding: 0.4em 0px;
}

#primarylinks ul li
{
	display: inline;
	background: url( 'img/css_nav_spacer.gif') left center no-repeat;
	padding: 0px 1em;
}

#primarylinks ul li.first
{
	background: transparent;
}

#primarylinks a:hover, #primarylinks a:active
{
	text-decoration: none;
	background: url( 'img/css_nav_hoverback.jpg' ) left bottom repeat-x;
}


#primarylinks .spacer
{
	display: inline;
	height: 33px; 
	width: 5px;
	background: url( 'img/css_nav_spacer.jpg' ) left top no-repeat;
}

#primarylinks .active { font-weight: bold; }

/**
 *	Header
 */
#header #kantoorhouder
{
	float:right;
	display: inline;
	background: yellow;
	width: 170px;
	height: 120px;
	clear: none;
	background: url('img/css_kantoorhouder_background.jpg') no-repeat;
	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 { display:block; font-weight: bold; }
#header #kantoorhouder  .location { display:block;  font-size: 80%; }
#header #kantoorhouder  ul 
{
	padding-top: 0.25em;
	padding-left: 1.2em;
}

#header #kantoorhouder a
{
	display: block;
	color: #73A21B;
	text-decoration:underline;
}

#header #kantoorhouder a.setdefault
{
	margin-top: 0.25em;
	text-align: center;

}

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

}

#header #title a img
{
border: none;
}


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

DIV.maincampaign
{
	background: white;
	text-align: center;
}

DIV.maincampaign img
{
	border: none;
}

DIV.maincampaign a
{
	border: none;
}

#maincontent
{
	overflow: auto;
	padding: 1em 1em;
	background: #FFF url('img/css_content_leftbottomcorner.jpg') left bottom no-repeat;
-moz-border-radius: 0px 0px 0px 20px;
	margin-bottom: 1em;
}

#maincontent p, #maincontent ul, #maincontent ol
{
	margin: 5px 0px;
	overflow: auto;
}

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


#maincontent h2, #maincontent h3

{
	margin: 1em 0px;
	clear: both;
}


#maincontent div.paragraph img.left
{
	margin: 0.5em; 
	float: left; 
	display: inline;
}




/***
 * Amplexor WebForms
 */
 
#maincontent table.webform
{
	background: #DDEBF4 url('img/css_form_background.jpg') left top repeat-x;
	border: 2px solid #BFD9EA;
	padding: 1em;

	margin-bottom: 1em;
}

#maincontent table.webform th, #maincontent table.webform td
{
	background: none;
}

#maincontent table.webform th.warning
{
	color: #C00 !important;
}

#maincontent  input.knop
{

	color: white;
	padding: 0.25em 1em;
	background: #73A21B;
	border-left: 	1px solid #b7cf89;
	border-top: 	1px solid #b7cf89;
	border-right: 	1px solid #2A3B0A;
	border-bottom: 	1px solid #2A3B0A;
}

#maincontent  input.submit
{
	font-weight: bold;
}

.trapper
{
	display: none;
}

/**
 * General forms and tables
 */

#maincontent form, #maincontent .box
{
	background: #DDEBF4 url('img/css_form_background.jpg') left top repeat-x;
	border: 2px solid #BFD9EA;
	padding: 1em;
	display: block;
}

#maincontent .box input.textbox,
#maincontent .box textarea,
#maincontent .box select,
#maincontent .webform input,
#maincontent .webform textarea,
#maincontent .webform select

{
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #BFD9EA;
}


#maincontent .box input.imagebutton
{	
	margin-bottom: -5px;
}


#maincontent #buttons.webform input,
#maincontent input.button,
#maincontent .fundfilter input
{
	color: white;
	padding: 0.25em 1em;
	background: #73A21B;
	border-left: 	1px solid #b7cf89;
	border-top: 	1px solid #b7cf89;
	border-right: 	1px solid #2A3B0A;
	border-bottom: 	1px solid #2A3B0A;
}

#maincontent .fundfilter input,
#maincontent .fundfilter select
{
	width: 250px;
}

#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: #88BADA;
	color: white;
	display: block;

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

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


#maincontent table.begriplijst
{
	border-spacing:0px 1px;
}

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

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


#maincontent table th.tableheader, 
#maincontent table.begriplijst th.tableheader

{
	background-color: #88BADA;
	color: white;
	font-weight: bold;	
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#maincontent table.timetable  td.center { text-align:center; }


#maincontent form table td
{
	background-color: transparent;
}


#maincontent table.begriplijst th 
{
	background-color:#DDEBF4;
	padding: 0em 0.5em;
	width: 25%;
	vertical-align: top;
}



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


/**
 * Mainmenu styling
 */
#mainmenu ul
{
}
 
#mainmenu li
{
	color: #4A961D;
	padding: 0.5em 0em;
	border-top: 1px dotted #4A961D;
	font-weight: 400;
	font-size: 1.2em;
	list-style-type: none;
	list-style-image: none;	 
}

#mainmenu .active { font-weight: bold; }

#mainmenu li.first
{
	padding-top: 0px; /* align met breadcrumb */
	border-top: none;
}


#mainmenu li ul
{
	margin: 0.5em 0em 0em 0em; /* -- breekt de animatie omdat deze hier geen rekening mee houdt */
	overflow: hidden;
	height: auto;
}

#mainmenu li li
{
	margin: 0px;
	padding: 0px;
	border: none;	
	font-weight: normal;
	font-size: 0.8em; /* moet overeenstemmen met body.fontsize */
}

#mainmenu li a
{
	color: #4A961D;
}

#mainmenu li li a
{
	color: #666;
}

#mainmenu .nav-expandable
{
	cursor: hand;
}

#mainmenu .nav-hidden
{
	position:absolute;
	left:-20000px;
	overflow:hidden;
	zoom:1;
}
	
#mainmenu  .nav-shown
{
}


/**
 * Flat Block styling
 */

.flatblock
{
	background: url('img/css_block_bottom.jpg') left bottom no-repeat;
}

.flatblock .blocktitle
{
	color:#4a961d;
	background: url('img/css_icon_poll.gif') left 0.65em no-repeat;

	padding: 10px 0px 8px 22px;
	margin: 0px 10px;
	border-bottom: 1px dotted #4a961d;

}

.flatblock .top
{
	background: url('img/css_block_top.jpg') left top no-repeat;
}

.flatblock .content{
	padding: 10px 10px;
}

/**
 * Promo Block styling
 */

.promoblock
{
	background: url('img/css_block2_bottom.jpg') left bottom no-repeat;
}

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


.promoblock .top
{
	background: url('img/css_block2_top.jpg') left top no-repeat;
}

.promoblock .content
{
	padding: 10px;
}


.promoblock .content img
{
	padding-bottom: 5px; 
	border: none;
	width: 148px;
}

/**
 * Promo Block styling
 */

#breadcrumb
{
	padding: 0.5em 0em; /* Zie ook: #langswitch en mainmenu*/
}

/**
 * Language / fontsize switch links
 */
#langswitch { overflow: hidden; text-align: right; padding: 0.25em 0.5em; /* Zie ook: #breadcrumb en mainmenu. We gebruiken hier 0.25 om de afgeronde hoekjes van de rechtersidebar niet te laten contrasteren. deze blocks komen nu ietsje hoger te staan. it's all about the details :p*/ }
#langswitch acronym { border: none; }
#langswitch a { border: none;}

#langswitch #fontsizeswitch1 { font-size: 90%; }
#langswitch #fontsizeswitch2 { font-size: 100%; }
#langswitch #fontsizeswitch3 { font-size: 110%; }

#langswitch .active { color: #333; }


/**
 * Pollekes
 */
.poll input{clear:both;}
.poll .button {background: #90B54A;border: 1px solid #6A9618;color: white;	clear: left;	display: inline;}
.poll .option{display: block;}
.poll a { text-decoration: underline;}


.graph { 
        position: relative; /* IE is dumb */
        background: #E1E1DD none repeat scroll 0% 50%;
        width: 400px; 
        padding: 0px; 
        text-align: center; 
    }
.graph .bar { 
        display: block;
        position: relative;
        background:#CC0000 none repeat scroll 0% 50%;
        text-align: center; 
        color: #333; 
        height: 1em;}
.graph .bar span { position: absolute; left: 1em; }

#maincontent .poll table td { background-color: #FFFFFF; padding:2px 20px 2px 5px;}
#maincontent .poll table td.percentage { color: #CC0000; }



/**
 * Site buttons
 */
.mainblock .top
{
	background: url('img/css_mainblock_top.jpg') left top no-repeat;
	padding: 0px 10px; /* geen verticale padding zetten -- breekt stuff*/
    overflow:hidden;
}

.mainblock .single
{
    overflow:hidden;
	background: url('img/css_mainblock_single.jpg') left top no-repeat;
	height: 36px;
	margin-bottom: 1px;
}

.mainblock .double
{
    overflow:hidden;
	background: url('img/css_mainblock_double.jpg') left top no-repeat;
	height: 55px;
	margin-bottom: 1px;
}

.mainblock .bottom
{
    overflow:hidden;
	background: url('img/css_mainblock_bottom.jpg') left top no-repeat;
	height: 40px;
	margin-bottom: 1px;
}


.mainblock .blockbutton
{
	background-repeat: no-repeat;
	color: white;
	padding-top: 7px;
	padding-left: 28px;
	margin-left: 10px;
	display: block;
}

.mainblock .single .blockbutton, .mainblock .bottom .blockbutton
{
	background-position: 3px 5px;
}

.mainblock .double .blockbutton
{
	background-position: 2px 15px;
}


.mainblock div.blockbutton a
{
	color: white;
}

.mainblock .blockbutton .blocktitle
{
    overflow: hidden;
	font-size: 0.8em;
	text-transform: uppercase;
}


.mainblock #sitesearch  .button
{
	border: 1px solid black;
	height: 20px;
	width: 26px;
	margin-bottom: -5px;

}

.mainblock #sitesearch  .textbox
{
	background: white url('img/css_textbox_back.jpg') left top repeat-x;
	border: 1px solid #7caf1d;
	width: 100px;
	margin-right: 0.2em;
	margin-bottom: 5px;
	padding: 2px;
}

.mainblock #sitesearch a
{
	margin: 10px 0px;
}

.mainblock #sitesearch .sitesearch-form
{
	height: 20px;
	padding-bottom: 10px;
}

#sitesearch .blocktitle
{
	color: #4A961D;
	text-transform: uppercase;
	font-size: 8pt;
	padding: 5px 0px;
}




/**
 *	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: 0px;
	margin: 0px;
	height: 100px;
	background: #73a21b url('img/css_landing_h1_left.jpg') left top no-repeat;
	margin-bottom: 1em;
}

/* body.specialheader */ #maincontent .header h1, #maincontent .header h2
{
	padding: 0px;
	margin: 0px;
	height: 40px;	/* padding-top  + height moeten samen == .header height */
	color: white;
	border: none;
	padding-top: 60px;
	padding-left:1em;
}


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

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



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

#othercontent h2
{
	font-size: 1.1em;
	
}


#contentfooter a.print, #contentfooter a.mail, #contentfooter a.info
{
	height: 20px;
	padding-left: 30px;
	margin-right: 15px;
	
	padding-top: 5px;
	padding-bottom: 20px;
	
	display: inline;
	float: left;
}

#contentfooter a.print
{
	background: url( 'img/css_print_icon.gif' ) left top no-repeat;
}
#contentfooter a.mail
{
	background: url( 'img/css_mail_icon.gif' ) left top no-repeat;
}

#contentfooter a.info
{
	background: url( 'img/css_info_icon.gif' ) left top no-repeat;
}


#contentfooter a.back-to-top
{
	padding-right: 16px;

	display: inline;
	float: right;
	background: url( 'img/css_backtotop_icon.gif' ) right center  no-repeat;
}


#maincontent a.back-to-top
{
	padding-right: 16px;

/*	display: block;*/
	text-align: right;
	background: url( 'img/css_backtotop_icon.gif' ) right center  no-repeat;
}

#maincontent a.contact
{
	height: 20px;
	padding-left: 30px;
	
	padding-top: 5px;
	padding-bottom: 20px;

	background: url( 'img/css_mail_icon.gif' ) left top no-repeat;
}





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

/**
 * Webform (Tridion Webforms)
 */
 /*
#maincontent .webform
{
	padding: 0.5em;
	
	/* 	JIRA: 
		ARGENTA-XXX Fix (Webform stretched maar zou een fixed width moeten zijn. )
		Pro-actieve fix OJA
	*/

	/* Uncomment dit :) Type een sterretje tussen de slashes! --> //
	width: 500px;
	margin: auto;
	/**/
}
 /*
#maincontent .webform table
{
	width: 100%; 
}

#maincontent .webform td
{
	vertical-align: top;
	padding-bottom: 0.25em;
}

#maincontent .webform .Error_standard
{
	color: #600;
	font-weight: bold;
}

#maincontent .webform .Label_standard
{
	width: 6em;	
}

#maincontent .webform .Label_standard .MandatoryMarker
{
	color: #600;
}

#maincontent .webform .WebFormData input,
#maincontent .webform .WebFormData textarea
{
	border: #CCC 1px solid;
	padding: 3px 3px;
	margin: 0px;
	width: 90%;
}

#maincontent .webform .hint
{
	text-align: left;
	font-size: smaller;
	padding: 0px;
	margin: 0px;
}

#maincontent #buttons.webform
{
	text-align: center;
}
*/



/**
 * 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: 0em; top: -700em; overflow: hidden; position: absolute;}
.skip a:focus, .skip a:active {height: auto; width: auto; left: 1em; top: 1em; overflow: visible; color: #4A961D; background: #fff; border: 3px solid #4A961D; 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;}
.hidden2 {position:relative;left:-9999em;} /* compatible met IE, maar genereert whitespace */

/**
* FAQ
*/

.faq .question
{
	background: transparent url(/css/img/css_bullet_green.gif) no-repeat scroll 0px 7px;
	color:#CC0000;
	cursor: pointer;
	padding-left: 15px;
}

.faq .answer
{
	color:#666;
}

/**
* Persbericht
*/

.persbericht
{

}

.persbericht #contact
{
	border-top: thin dotted;
	margin-top: 10px;
	padding-top: 10px;
}

/**
* Overzicht
*/

#maincontent .overzicht p
{
border-bottom: 1px dotted;
margin-bottom: 15px;
padding: 0 0 5px 0;

display: block; /* fix Safari-related issue (ref:KV190) */
}

#maincontent .overzicht li
{
list-style: none;
}

#maincontent .polloverzicht
{
	max-width: 600px;
}

#maincontent .polloverzicht ul
{
	overflow: visible !important; 
}

#maincontent .polloverzicht li
{
	list-style: none;
	clear: both;
	border-bottom: 1px dotted;
	overflow: hidden;
	padding: 10px 0px;
}

#maincontent .polloverzicht li p
{
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	display: block; /* fix Safari-related issue (ref:KV190) */

	padding-left: 25px;
	background: url(img/css_icon_poll.gif) no-repeat left top;
/*	width: 75%*/
}

#maincontent .polloverzicht li a
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 5px 12px; /* fix voor scrollbar popup bij :active link , alsook verticale misalignment met <p>*/
	float: right;
}



#maincontent .overzicht ul li h3
{
margin: 0 0 0 0;
}

/** Begrippenlijst styling ( gebruikt YUI TabView, dus vandaar de classname */
#contentcolumn #idGlossary ul.yui-nav
{
	padding-left: 0px;
}

#idGlossary .yui-nav li
{
	display: inline;
	list-style-type: none;
	margin: 0px 0px;
	padding: 0em 0.5em;
	border-right: 1px solid #666;
}



a.filelink
{
	background: transparent;
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20px;
}



a.filelink-left
{
	background: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#maincontent .downloads
{
	margin-bottom: 1em;
}



/**
 *	SiteStatus en nieuwsberichten
 */
#contentcolumn .news-type-C /*commercieel*/{}
#contentcolumn .news-type-A /*algemeen */ {}
 
#contentcolumn ul li.news-type-N /*noodbericht*/
{	list-style-image: url('img/css_bullet_warning.gif');
	color: #B00;
}

#maincontent .sitestatus
{ 
	list-style-image: url('img/css_bullet_warning.gif');
	margin-left: 15px;
	color: #B00;
	cursor: pointer;
}

#maincontent .status-1
{ 
	color: #4A961D;
	list-style-image: url('img/css_bullet_green.gif');
}

/*** YUI tooltips -- copied from sam-yui-container.css ***/
.yui-tt { width: 400px;}
.yui-tt .bd 
{
	background-color:#FFEE69;
	border-color:#D4C237 rgb(166, 152, 43) rgb(166, 152, 43);
	border-style:solid;
	border-width:1px;
	color:#000000;
	left:0pt;
	padding:2px 5px;
	position:relative;
	top:0pt;
	z-index:1;
}


.yui-tt-shadow 
{
	background-color:#000000;
	bottom:-3px;
	left:-3px;
	right:-3px;
	top:2px;
	opacity: 0.2;
	position:absolute;
}




/**
 *	Pager wrapper
 */
#maincontent .pager
{
	text-align: center;
	margin: 1em 0em;
}

#maincontent .pager.top
{
	border-bottom: 1px dotted #666;
}

#maincontent .pager.bottom
{
	border-top: 1px dotted #666;
}

/**
 *	Advanced Search
 */
#maincontent .searchresults h2 a:hover{ text-decoration: none;}
#maincontent .searchresults h2 a{color: #666;}

#maincontent .searchresults h2
{
	padding: 0px;
	margin: 0px;
	color: #666;
	font-size: 1em;
}

#maincontent .searchresults .result
{
	margin-bottom: 1em;
}

#maincontent .searchresults .result p
{
	margin: 0px;
}

.infobox
{
	padding: 0.5em;
	border: 1px dotted #666;
	text-align:center;
}



.riskicon span,
.riskgraph span
{
	display:none;
}

.riskicon 
{
	background-image:  url('img/css_riskratings.gif');
	background-repeat:  no-repeat;
	height: 20px;
	width: 20px;
}

.riskgraph 
{
	background-image:  url('img/css_riskratings.gif');
	background-repeat:  no-repeat;
	height: 20px;
	width: 140px;
}


.fundselector .riskicon.riskrating-0 { background-position: -0px -0px; /* left = top = (POS-1) * 25  */ }
.fundselector .riskicon.riskrating-1 { background-position: -20px -20px; /* left = top = (POS-1) * 25  */ }
.fundselector .riskicon.riskrating-2 { background-position: -40px -40px; /* left = top = (POS-1) * 25  */ }
.fundselector .riskicon.riskrating-3 { background-position: -60px -60px; /* left = top = (POS-1) * 25  */ }
.fundselector .riskicon.riskrating-4 { background-position: -80px -80px; /* left = top = (POS-1) * 25  */ }
.fundselector .riskicon.riskrating-5 { background-position: -100px -100px; /* left = top = (POS-1) * 25  */ }
.fundselector .riskicon.riskrating-6 { background-position: -120px -120px; /* left = top = (POS-1) * 25  */ }


div.riskgraph.riskrating-0 { background-position: 0px -0px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-1 { background-position: 0px -20px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-2 { background-position: 0px -40px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-3 { background-position: 0px -60px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-4 { background-position: 0px -80px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-5 { background-position: 0px -100px ; /* left = top = (POS-1) * 25  */ }
div.riskgraph.riskrating-6 { background-position: 0px -120px ; /* left = top = (POS-1) * 25  */ }