
body {
	font-family:"Lucida Sans", lucida, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:11px;
	line-height:1.5;
	background-color: #b9e6f0;
}

	body.extern {  } /* EXTERN IS DE BASIS SITE DE TWEE ANDERE ZIJN DE UITZONDERING */
	body.leden { background-color: #d6d699; }
	body.medewerkers { background-color: #d699ad; }


p { margin:1em 0; }
p.overview { 
	padding:10px;
	background-color:#F5E4EA;
}

div.grijs { 
	padding:10px;
	background-color:#e3e3e3;
}

a {	color:#43474A; }
a:hover { color:#903; }

ins { text-decoration:none; }


.rss a,
a.rss { 
	padding-left:14px;
	background:url("/images/backgrounds/rss_icon.gif") no-repeat 0 0.2em;
	color:#904;
}

img { 
	vertical-align:middle;
	border:0; 
}

h1,
h2 {
	margin:0 0 12px 0;
	padding:0 10px;
	border-bottom:1px solid #903;
	font-size:1.5em;
	line-height:1.5em;
	font-weight:normal;
	color:#903;
}
	


h3 { 
	margin:0.5em 0;
	font-size:1.2em; 
	line-height:1.5em;
	font-weight:bold;
	color:#903;
}
h4,
h5 { 
	margin:0 0 0.4em 0; 
	font-size:1em;
	line-height:1.5em;
}

h4.title{
	margin:0.6em -7px 0 -8px;
	border-width:1px 0 0;
	border-color:#D9D9D9;
	border-style:solid;
	padding:7px 7px 5px;
}

	h2 a,
	h3 a,
	h4 a,
	h5 a {
		display:block;
		color:#903;
		text-decoration:none;
	}
abbr { border:0; font-style:normal; }
ul {
	margin:1em 0;
	padding:0 0 0 1.5em;
}
ol {
	margin:1em 0;
	padding:0 0 0 2.5em;
}
dl {
	clear:both;
	margin:1em 0;
	padding:0;
	overflow:hidden;
	width: 478px;
}
	dt, dd {
		padding-bottom:5px;
		display:inline-block;
		float /*\**/:none;
		width:230px;
	}
	
	* html dt { float:left; }
	*:first-child+html dt { float:left; }
	
.tool dl {
	clear:both;
	margin:1em 0;
	padding:0;
	overflow:hidden;
	width: 230px;
}

.tool dt, .tool dd {
	float:left;
	width:150px;
}

.tool dd {
	float: right;
	width:80px;
}


	/*dt {
		float:left;
		clear:left;background-color:blue;
		width:40%;
		padding:0 0 5px 0;
	}
	dd {
		width:48%;background-color:green;
		float:right;
		padding:0 0 0. 0;
	}
	*/
	
em.type { 
	font-weight:normal;
	font-style:normal;
}
	
.date { color:#A5A5A5; }

.tip {
	position:relative;
	background:#F4F4CE;
	font-weight:normal;
}
	.tip strong {
		display:block;
		position:absolute;
		left:100%;
		top:50%;
		display:block;
		width:25px;
		height:12px;
		margin:-5px 0 0 0.5em;
		background:#FFF url("/images/backgrounds/tip.gif") 50% 50% no-repeat;
		text-decoration:none;
		overflow:hidden;
		text-indent:-3000em;
	}

.intern { background-color:#F5E4EA; }

.groen { background-color:#d0f0cf; }

.leden { background-color:#f7f7de; }

.externopintern { background-color:#faf2f5; }

.hidden { display:none !important; }

table {
	margin:1em 0;
	border-collapse:collapse;
	border:2px solid #D9D9D9;
	width:100%;
}

table.clean {
	border:0px solid #D9D9D9;
}

td.clean {
	border:0px solid #D9D9D9;
}

	td, 
	th {
		border:0px solid #D9D9D9;
		padding:0.5em;
		text-align:left;
		vertical-align:top;
		font-weight:normal;
	}
	thead td, thead th { background:#D2EFF5; }
	tr.tsubhead td, 
	tr.tsubhead th {
		background:#D2EFF5;
		font-weight:bold;
	}

hr {
	display:block;
	width:483px;
	height:1px;
	margin:0.8em -10px;
	padding:0;
	border:solid #D9D9D9;
	border-width:1px 0 0 0;
}





/* EVEN UITZONDERINGEN OP REEDS OPGEMAAKTE ZAKEN ZONDER GEHELE OPZET TE HERZIEN, TODO: NETTE OPZET CSS */


/* NU VEEL GESTYLED MET body EN container ervoor, kan later weg omdat het meestal componenten worden/zijn, nu voor zekerheid om niets anders stuk te gooien */
	

	#container.home #article ul { margin: 0; padding: 0; }
	/*fix for bullets in functions ul*/
	#container.article div ul.functions li { list-style:none }

	#container.home #article h1,
	#container.home #article h2,
	#container.home #article h3,
	#container.home #article h4 { border-bottom:1px solid #903;font-size:1.5em;line-height:1em;font-weight:normal;color:#903; padding: 4px 0 4px 0px; margin: 0 0 4px 0; }

	#container.home #article a.more { border: 0; margin: 0; padding: 0 26px 4px 0; background: url("/images/more.png") no-repeat right 1px; }
	#container.home #article .section { float: left; width: 233px; margin: 0 14px 0 0; padding: 0; border: 0; overflow: hidden; }
	#container.home #article .section-last { margin-right: 0; }

	#container.home #article .section .section,
	#container.home #article #filter .section { float: none; width: 233px; margin: 0 0 20px 0; padding: 0; border: 0; }

	#container.home #article .section-intro { float: left; width: 484px; margin-right: 0;  }

	#container.home .date { color: #43474a; }
	#container.home .intro { margin-right: 14px; padding-bottom: 20px; }
    #container.home .intro p { }
    #container.home .greyed:hover { background-color: #f5f5f5; cursor:pointer; }

/* COMPONENT LINKLIJSTJE */
#container.home #article ul.link-list { padding: 0; }
#container.home #article ul.link-list li { background: url("/images/link.gif") no-repeat 1px 4px; padding-left: 12px; margin-bottom: 2px; }
#container.home #article ul.link-list li a { text-decoration: none; color: #903; }




#container.home #article .section-news a { color: #903; text-decoration: none; font-weight: bold; }
#container.home #article .section-news a.more { color: #43474a; text-decoration: underline; margin-top: 12px; }
#container.home #article .section-news span.txt { display: block; }
#container.home #article .section-news li { padding: 10px 4px; border-bottom: 1px solid #ececec; }



#container.home #article .section-communities ul li { background-color: #e0e0b2; padding: 8px 4px; border-bottom: 1px solid #fff; }
#container.home #article .section-communities ul li a { color: #903; text-decoration: none; font-weight: bold; display: block; }
#container.home #article .section-communities ul li a.more { color: #43474a; text-decoration: underline; }

#container.home #article .section-selection { margin-bottom: 20px; }
#container.home #article .section-selection h2,
#container.home #article .section-selection h3 { color: #990; border-color: #990; }
#container.home #article .section-selection ul li {padding: 8px 4px; border-bottom: 1px solid #ececec; }
#container.home #article .section-selection ul li a { color: #990; text-decoration: none; font-weight: bold; display: block; }
#container.home #article .section-selection ul li a.more { color: #43474a; text-decoration: underline; }

#container.home .section-column { margin-bottom: 20px; }
#container.home .section-column img { float: left; width: 92px; padding-top: 10px; }
#container.home .section-column span { display: block; float: right; width: 132px; padding: 10px 0; }



#container.home .section-members { background-color: #e9f7fa; }


#container.home #article .section-benefits { background-color: #d3eff6; }
#container.home #article .section-benefits h4 { color: #43474a; border: 0; padding: 4px 8px; }
#container.home #article .section-benefits ul { margin: 0 0 12px 20px; }
#container.home #article .section-benefits ul li { list-style: disc; padding: 2px 0; }








/* THEMA KLEUREN ANDERS */


body.leden #container.home #article h1,
body.leden #container.home #article h2,
body.leden #container.home #article h3,
body.leden #container.home #article h4 { border-color: #990; }
body.leden #container.home .section-news li.spotlight { background-color: #990; color: #fff; padding: 6px 4px; }
body.leden #container.home .section-news li.spotlight .date,
body.leden #container.home .section-news li.spotlight a.more { color: #fff;  }
body.leden #container.home #article .section-communities ul li { background-color: #e0e0b2; }



body.medewerkers #container.home #article .section-communities ul li { background-color: #f5e4e4; }



body.extern #container.home #article h1,
body.extern #container.home #article h2,
body.extern #container.home #article h3,
body.extern #container.home #article h4 { border-color: #51c1da; }
body.extern #container.home #article .section-news li { background-color: #e9f7fa; border-color: #fff; background-position:1px 14px;}

body.extern #container.home #article .section-news li.locked{background:url("/images/backgrounds/favicon.gif") no-repeat 0% 10px; background-color: #e9f7fa; border-color: #fff;}
body.extern #container.home #article .section-news li.locked a{padding-left:18px;}





/* ZOEKRESULTATEN */


#container.informatiecentrum h1 { margin: 0 10px 0 0; }
#container.informatiecentrum p.intro { padding: 0 20px 0 10px; }
#container.informatiecentrum #content h2 { border: 0; color:#990033; font-size:1.2em; font-weight:bold; line-height:1.5em; margin:0.5em 0; padding: 0; }

html.js #container.informatiecentrum #moreoptions { display: none; }
html.js #container.informatiecentrum #moreoptions.open { display: block; }

/* TODO: onderstaande uit de component halen ipv overrulen */

#container.informatiecentrum #advancedsearch { margin:0!important;  }
#container.informatiecentrum #content-wrapper.entree #advancedsearch { background: url('/images/infocenter_line.gif') no-repeat right 10px; border-bottom: 1px solid #d9d9d9; }
#container.informatiecentrum #advancedsearch form { margin: 0 0 0 -10px; padding: 0; }
#container.informatiecentrum #advancedsearch fieldset { padding: 10px; margin: 0 0 8px 0; position: relative; }
#container.informatiecentrum #advancedsearch #moreoptions { background-color: #c1c1c1; }

#container.informatiecentrum #choose-a-filter { margin: 0; padding: 0;  }
#container.informatiecentrum div.section { margin: 0; background: url('/images/infocenter_line.gif') no-repeat right -200px; }

#container.informatiecentrum .field-date ul { margin: 10px 0 0 0; padding: 0; }
#container.informatiecentrum .field-date ul li { display: inline; margin-right: 10px; }

#container.informatiecentrum .field-input label { display: block; }
#container.informatiecentrum .field-input div { position: relative; height: 23px; }


#container.informatiecentrum #advancedsearch #searchkeyword { width: 256px; margin-top: 1px; }
#container.informatiecentrum #advancedsearch #extsearchthis { top: 0; left: 278px; }
#container.informatiecentrum #advancedsearch #zoekVerfijn { position: absolute; top: 0; left: 333px; display: block; width: 132px; height: 22px; background: url('/images/sprite-btn.gif') no-repeat -132px 0; text-indent: -9999px; }
#container.informatiecentrum #advancedsearch #zoekVerfijn.open { background-position: 0 0; }

#container.informatiecentrum #advancedsearch .field { margin: 0; position: relative; }

#container.informatiecentrum-results #content h3 { border-bottom:1px solid #990033;
color:#990033;
font-size:1.5em;
font-weight:normal;
line-height:1.5em;
margin: 12px 0 0.75em -10px;
padding:0 0 0 10px; }

#container.informatiecentrum-results #content .sorters,
#container.informatiecentrum-results #content ul.pages { margin: 0 0 0 -10px; }
#container.informatiecentrum-results ul#results { margin: 0 0 0 -10px; }

#container.informatiecentrum ul#results strong a { color:#990033; display:block; text-decoration:none; font-size: 1.2em; margin-right: 9em; }
#container.informatiecentrum ul#results strong a span { font-weight: normal; }
#container.informatiecentrum ul#results li.icon { padding-left: 45px; padding-bottom: 20px; background-image: url('/images/sprite-icons.gif'); background-repeat: no-repeat; }

#container.informatiecentrum ul#results li.icon-pdf { background-position: 0 8px; }
#container.informatiecentrum ul#results li.icon-doc { background-position: 0 -140px; }
#container.informatiecentrum ul#results li.icon-exl { background-position: 0 -290px; }
#container.informatiecentrum ul#results li.icon-ppt { background-position: 0 -447px; }
#container.informatiecentrum ul#results li.icon-avi { background-position: 0 -590px; }
#container.informatiecentrum ul#results li.icon-pod { background-position: 0 -740px; }




/* GOOGLE RESULTS */

#container.searchlist h1 { margin: 0 10px 0 0; }
#container.searchlist p.intro { padding: 0 20px 0 10px; }
#container.searchlist #content h2 { border: 0; color:#990033; font-size:1.2em; font-weight:bold; line-height:1.5em; margin:0.5em 0; padding: 0; }

#container.searchlist ul#results { margin: 0 0 0 -10px; }
#container.searchlist ul#results strong a { color:#990033; text-decoration:none; font-size: 1.2em; margin-right: 9em; }
#container.searchlist ul#results strong a span { font-weight: normal; font-size: 70%;}
#container.searchlist ul#results li { border-style:none; }
#container.searchlist ul#results li.icon { padding-left: 45px; padding-bottom: 20px; background-image: url('/images/sprite-icons.gif'); background-repeat: no-repeat; }
#container.searchlist ul#results a.green { color:#0E774A; text-decoration: none; }
#container.searchlist ul#results li.promoted_result  {border-style: none; background-color: #E9F7FA;}
#container.searchlist ul#results li.promoted_result:hover  {border-style: none; background-color: #F5F5F5;}

body.medewerkers #container.informatiecentrum .searchfilter li.only { background-color: #f5e4e4; }






table#agenda {  border-collapse: collapse; border-spacing: 0; border-style:none; empty-cells:show; border: 0; margin: 0 0 12px 0; width: 100%;  }
table#agenda caption { text-align: center; }
table#agenda thead th { padding: 4px 0; font-weight: bold;  font-size: 12px; line-height: 14px; text-align: center; border: 0; background-color: #fff; color: #903; width: 33px; }

table#agenda td { padding: 4px 0; line-height: 12px; text-align: center; border: 1px solid #fff; }
table#agenda td.none { color: #d9d9d9;  }
table#agenda td.click { background-color: #903; color: #fff; cursor: pointer; font-weight: bold; }

html.js table#agenda a { display: none; }

html.js table#agenda a.navigate { display: inline; text-decoration: none; }

#js-agenda strong { display: block; color: #903; }
#js-agenda strong span { color: #43474A; }
#js-agenda a { text-decoration: none; }







#container.article #content { padding: 0px 8px 8px 7px; width: 483px;  }
#container.article #content h2 { margin:0 -10px 0.75em; padding:0 10px; }
#container.article .c9 ul li { list-style: disc; }
#container.article .c9 ol li { list-style: decimal; }







