/*
 * Stylesheet for http://toegankelijkinternet.r-i.nl
 * Author: Bert de Weerd, Ras Informatisering BV (NL), http://www.ras-informatisering.nl
 * Media: screen
 * 
 * Note to admin: do not change this stylesheet to change layout, please write overulling stylesheet in another file.
 * 
 */

/* Suggested style-attribute order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* C O N T E N T   G E B I E D */

/* breadcrums */
#breadcrums {
	display:block;
	margin:0 0 2em 0;
	clear:both;
}
#breadcrums UL,
#breadcrums UL LI,
#breadcrums UL LI UL {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}
#breadcrums UL LI A {
	margin:0;
	margin-right:0.5em;
	padding:0;
	padding-right:0.8em;
	color:#666666;
	background-image:url(/assets/images/bullet_breadcrums.gif);
	background-position:right;
	background-repeat:no-repeat;
	line-height:1em;
	text-decoration:none;
	text-transform:lowercase;
}
#breadcrums UL LI A:hover {
	color:#FF9900;
	background-image:url(/assets/images/bullet_breadcrums_over.gif)
}

/* googleads */
div#googleads {
	/*float: right;
	margin: 0.5em 0 5px 10px;*/
	text-align: center;
	margin: 2em 0;
}

/* artikel lijst */
#contentholder DIV DIV.artikel_lijst {
	margin:0 30px 2em 0;
}
/*
#contentholder DIV DIV.artikel_lijst P.artikel_intro IMG {
	float:right;
	width:12em;
	margin-left:1em;
}
#contentholder DIV DIV P.artikel_intro IMG {
	float:right;
	width:18em;
	margin-left:1em;
}
*/
/* artikel archief */
#artikelarchief { margin:4em 30px 3em 0; padding:0; }
#artikelarchief ul { list-style-type:none; margin:0; padding:0; border-top:1px solid #ccc; }
#artikelarchief ul li { list-style-type:none; margin:0; padding:5px 3px 5px 3px; border-bottom:1px solid #ccc; clear:both; }
#artikelarchief ul li a { padding-right:7em; }
#artikelarchief ul li span.artikel_meta { float:right; margin-top:-1.7em; line-height:normal; }

/* ****** Gezocht : VRAAG EN AANBOD ********************* */
/* categori�n */
#gezochtcategorielijst { width:100%; margin:0 30px 2em 0; overflow:auto;}
#gezochtcategorielijst div.twocolumnlist { }
#gezochtcategorielijst div.twocolumnlist ul { float:left; width:45%; margin-right:5px; }


/* laatste 10 */
ul#meestrecenteadvertenties { list-style-type:none; margin:1em 30px 3em 0; padding:0; border-top:1px solid #ccc; overflow:auto; }
ul#meestrecenteadvertenties li { list-style-type:none; display:block; margin:0; padding:5px 0 5px 0; border-bottom:1px solid #ccc; clear:both; overflow:auto; }
ul#meestrecenteadvertenties li div { }
ul#meestrecenteadvertenties li div a { margin:0; padding:0; float:left; }
ul#meestrecenteadvertenties li div span { margin:0; padding:0; font-size:0.9em; color:#666; float:right; }
ul#meestrecenteadvertenties li div span.datum { width:9em; text-align:right; }



/* detail */
ul#gezochtdetaillijst { list-style-type:none; margin:2em 0 2em 0; padding:0; border-top:1px solid #ccc; }
ul#gezochtdetaillijst li { list-style-type:none; margin:0; padding:0 0 2em 0; border-bottom:1px solid #ccc; }
ul#gezochtdetaillijst li h3 { margin:0 5px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:normal; }
ul#gezochtdetaillijst li div.meta { background:#eee; font-size:0.9em; width:100%; overflow:auto; }
ul#gezochtdetaillijst li span.naam { margin-left:5px; float:left; }
ul#gezochtdetaillijst li span.email { float:left; }
ul#gezochtdetaillijst li span.email a,
ul#gezochtdetaillijst li span.email a img { text-decoration:none; border-style:none;}
ul#gezochtdetaillijst li span.datum { margin-right:5px; float:right; }
ul#gezochtdetaillijst li div.body { margin:0 5px; clear:both; }

#gezocht form#gezochtform { clear:both; margin:1em 30px 1em 0; padding:10px; border:1px dashed #333; }

#gezocht div.advertentie { margin:0 0 2em 0; padding:0; }
#gezocht div.advertentie h2 { margin:0 0 0.5em 0; padding:0; color:#906; letter-spacing:1px; }
#gezocht div.advertentie div.meta { background:#eee; font-size:0.9em; width:100%; overflow:auto; }
#gezocht div.advertentie div.meta span.naam { margin-left:5px; float:left; }
#gezocht div.advertentie div.meta span.email { float:left; }
#gezocht div.advertentie div.meta span.email a {text-decoration:none; margin-left:3px; }
#gezocht div.advertentie div.meta span.email a img { border-style:none;}
#gezocht div.advertentie div.meta span.datum { margin-right:5px; float:right; }
#gezocht div.advertentie div.body { padding:5px 0 1em 0; border-bottom:1px solid #ccc; }

/* artikelen - reactieset */
#addreactie {
	display:block;
	margin:0 30px 2em 0;
	padding:10px;
	border:1px dashed #333333;
}
#contentholder DIV P.reactie {
/*	display:block; */
	margin:0 30px 1em 0;
	padding:0.3em;
	background-color:#eeeeee;
}
#contentholder DIV P.reactie SPAN.naam {
	font-weight:bold;
}
#contentholder DIV P.reactie SPAN.email A {
	text-decoration:none;
}
#contentholder DIV P.reactie SPAN.email A IMG {
	border-style:none;
}
#contentholder DIV P.reactie SPAN.datum {
	color:#999999;
	font-size:0.9em;
}
#contentholder DIV P.reactie SPAN.body {
	display:block;
	font-size:0.9em;
}

/* ******** AGENDA *************************** */
/* zoek formulier */
#evenementsearch {
	margin:3em 30px 2em 0;
	padding:10px;
	border:1px dashed #333;
	clear:both;
}
#evenementsearchform DIV#helpbijzoeken {
	margin:0;
	padding:0;
	font-size:0.9em;
}
/* voeg nieuwe toe lijstje */
#evenementtypebar {
}
#evenementtypebar UL {
}
#evenementtypebar UL LI {
}
#evenementtypebar UL LI A {
}
#evenementtypebar UL LI A:hover {
}

/* evenementenlijst */
#evenementenbinnenkort {
	display:block;
	margin:4em 30px 0 0;
	margin-bottom:4em;
	padding:0;
}

#evenementenbinnenkort DIV { width:100%; padding:2px 0 2px 0; background:#eee; font-size:0.9em; overflow:auto; }
#evenementenbinnenkort DIV A.vorige { float:left; }
#evenementenbinnenkort DIV A.vorige:hover {}
#evenementenbinnenkort DIV A.volgende { float:right; }
#evenementenbinnenkort DIV A.volgende:hover {}

#evenementenbinnenkort UL { list-style-type:none; margin:0; padding:0; border-top:1px solid #ccc; }
#evenementenbinnenkort UL LI { list-style-type:none; margin:0; padding:5px 0 5px 0; border-bottom:1px solid #ccc; }
#evenementenbinnenkort UL LI A { margin:0; padding:0; }
#evenementenbinnenkort UL LI A:hover {}
#evenementenbinnenkort UL LI SPAN.etype { font-size:0.9em; color:#999; }
#evenementenbinnenkort UL LI SPAN.locatie { font-size:0.9em; float:right; }
#evenementenbinnenkort UL LI SPAN.datum { display:block; }

/* agenda item toevoegen */
#addevenementform {
	display:block;
	margin-bottom:3em;
	padding:10px;
	border:1px dashed #cccccc;
}
#addevenementform form { margin:0; padding:0; border-style:none; }

#addevenementform div.formheader {
	padding:0 0 5px 0;
	margin-bottom:5px;
	width:100%;
	clear:both;
	overflow:auto;
	border-bottom:1px solid #ccc;
}
#addevenementform div.formheader div#statusbar {
	margin-top:-2em;
	float:right;
	border-style:none;
}
#addevenementform div.formheader div#statusbar SPAN {
	margin:0.5em;
	float:left;
	display: block;
	width:1.4em;
	height:1.4em;
	color:#970076;
	border:1px solid #970076;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}
#addevenementform div.formheader div#statusbar SPAN.active {
	color:#FFFFFF;
	border:1px solid #970076;
	background-color:#970076;
}

/* agenda detail */
#agendadetail {
}
#agendadetail h3 { color:#906; margin:1.5em 0 0 0; clear:both; }
#agendadetail h4 { margin:1.5em 0 0 0; clear:both; border-top:1px dashed #ccc; }
#agendadetail DIV.datumset {
	margin:0;
	margin-right:0.5em;
	margin-bottom:1.5em;
	padding:0.5em;
	background-color:#EEEEEE;
	width:7em;
	float:left;
	text-align:center;
	border-top:5px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#agendadetail DIV.datumset SPAN.datum_dagnaam {
	font-size:0.9em;
}
#agendadetail DIV.datumset SPAN.datum_dag {
	display:block;
	font-size:1.5em;
	line-height:normal;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#agendadetail DIV.datumset SPAN.datum_maandtekst {
	font-size:1em;
	font-weight:bold;
	display:block;
}
#agendadetail DIV.datumset SPAN.datum_jaar {
	font-size:0.9em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#agendadetail DIV.datumset SPAN.datum_tijd {
	font-size:0.9em;
	display:block;
}
#agendadetail DIV.datumset SPAN.datum_connecter {
	font-size:0.9em;
	display:block;
	text-align:center;
	color:#999;
}


#agendadetail P.offset {
	margin:0;
	padding:0;
	padding-left:8em;
	clear:both;
}
#agendadetail P.offset SPAN {
	display:block;
	width:8em;
	margin-left:-8em;
	margin-bottom:-1.5em;
	color:#999;
}

/* *********** peiling (detail / reageren) ********************* */
#peilingdetail DIV.resultdisplay {
	margin:2em 0 2em 0;
	margin-right: 30px;
	padding:1em 5px 1em 5px;
	border:1px solid #CCCCCC;
}
#peilingdetail DIV.resultdisplay CITE {
	display:block;
	color:#000000;
	font-style:normal;
	font-size:1.1em;
	padding:0 0 5px 30px;
	background:url(/assets/images/icon_reactie.gif) no-repeat left top;
	overflow:auto;
}
#peilingdetail DIV.resultdisplay P {
	margin:0;
	padding:0 0 0 30px;
}
#peilingdetail DIV.resultdisplay DIV {
	/*clear:both;*/
	padding:0 0 0 30px;
	margin:0.5em 0 1em 0;
}
#peilingdetail DIV.resultdisplay DIV SPAN.result {
	margin:0;
	padding:0;
	display:block;
	color:#990066;
	letter-spacing:-2px;
	line-height:normal;
}
#peilingdetail DIV.resultdisplay DIV SPAN.item {
	line-height:normal;
}
#peilingdetail DIV.resultdisplay DIV SPAN.percentage {
	font-size:0.9em;
	line-height:normal;
}

/* peiling archief */
/* ... */
#peilingarchief { margin:4em 30px 3em 0; padding:0; }
#peilingarchief ul { list-style-type:none; margin:0; padding:0; border-top:1px solid #ccc; }
#peilingarchief ul li { list-style-type:none; margin:0; padding:5px 0 5px 0; border-bottom:1px solid #ccc; clear:both; }
#peilingarchief ul li a { padding-right:6em; }
#peilingarchief ul li span.artikel_meta { float:right; margin-top:-1.6em; }

/* ************ ZOEKRESULTATEN ************************** */
#zoeken {
}
#zoeken OL {
	margin-left:3em;
}
#zoeken FORM#searchformdetail {
	display:block;
	margin:0;
	margin-top:1em;
	margin-bottom:1em;
	padding:0.5em;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	clear:both;
}
#searchformdetail P.zoektip {
	border-top:2px solid #ccc;
	font-size:0.9em;
	margin:1.5em 0 0 0;
	padding:0;
}
#zoeken DIV.searchresultpagelist {
	margin:1em 0 3em 0;
}
#zoeken DIV.searchresultpagelist A {
	margin-left:0.3em;
	padding:0.2em;
	line-height:normal;
	border:1px solid #990066;
	color:#990066;
	text-decoration:none;
}
#zoeken DIV.searchresultpagelist SPAN {
	margin-left:0.3em;
	padding:0.2em;
	line-height:normal;
	border:1px solid #990066;
	color:#990066;
}
#zoeken DIV.searchresultpagelist SPAN.activepagenumber {
	background-color:#990066;
	border:1px solid #990066;
	color:#FFFFFF;
}

/* s i t e m a p */
#sitemap {
	margin:0 30px 0 0;
}
#sitemap UL {
	list-style-type:none;
	margin:1em 0 0 0;
	margin-bottom:3em;
	padding:0;
}
#sitemap UL.left {
	display:block;
	width:49%;
	float:left;
}
#sitemap UL.right {
	display:block;
	width:49%;
	float:right;
}
#sitemap UL LI {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:0.5em;
	padding-top:0.5em;
	font-weight:bold;
}
#sitemap UL LI UL {
	list-style-type:disc;
	margin:0;
	margin-left:1.5em;
	margin-bottom:2em;
	padding:0;
	padding-bottom:0.5em;
}
#sitemap UL LI UL LI {
	list-style-type:disc;
	margin:0;
	padding:0;
	font-weight:normal;
	border-style:none;
}
#sitemap UL LI.s112 {
	border-left:3px solid #990066;
	border-top:1px solid #990066;
}
#sitemap UL LI.s113 {
	border-left:3px solid #339933;
	border-top:1px solid #339933;
}
#sitemap UL LI.s114 {
	border-left:3px solid #51265A;
	border-top:1px solid #51265A;
}
#sitemap UL LI.s115 {
	border-left:3px solid #E270CD;
	border-top:1px solid #E270CD;
}
#sitemap UL LI.s116 {
	border-left:3px solid #00B5E6;
	border-top:1px solid #00B5E6;
}
#sitemap UL LI.s117 {
	border-left:3px solid #003580;
	border-top:1px solid #003580;
}
#sitemap UL LI.s118 {
	border-left:3px solid #76B900;
	border-top:1px solid #76B900;
}
#sitemap UL LI.s119 {
	border-left:3px solid #E54800;
	border-top:1px solid #E54800;
}
#sitemap UL LI.s120 {
	border-left:3px solid #007FAC;
	border-top:1px solid #007FAC;
}
#sitemap UL LI.s17551 {
	border-left:3px solid #DDAD05;
	border-top:1px solid #DDAD05;
}

/* S m o e l e n b o e k */
#smoelenboek {
	margin:30px 0 20px 0;
	float:none;
	clear:both;
}
#smoelenboek DIV.medewerker {
	margin:0 5px 5px 0;
	padding:3px;
	background-color:#EEEEEE;
/*	border:1px solid #CCCCCC; */
	width:250px;
	float:left;
	overflow:auto;
}
#smoelenboek DIV.medewerker SPAN.naam {
	display:block;
	font-weight:bold;
}
#smoelenboek DIV.medewerker SPAN.functie {
	display:block;
	font-size:0.9em;
}
#smoelenboek DIV.medewerker SPAN.afdeling {
	display:none;
}
#smoelenboek DIV.medewerker SPAN.emailadres {
	display:block;
}
#smoelenboek DIV.medewerker IMG.foto {
	float:right;
	margin:-1.4em 0 1em 0;
	height:70px;
}
#smoelenboek DIV#tabmenu {
	margin:0 0 20px 0;
	padding:0 0 0 0.5em;
	border-bottom:1px solid #999999;
}
#smoelenboek DIV#tabmenu A {
	margin:0 0 0 5px;
	padding:0.5em 0.5em 0.4em 0.5em;
	_padding-bottom:0.3em; /* IE 6.0 reder bugfix */
	background-color:#EEEEEE;
	border:1px solid #999999;
	line-height:2em;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#smoelenboek DIV#tabmenu A.active {
	background-color:#FFFFFF;
	border-bottom-style:none;
	padding-bottom:0.5em;
	color:#333333;
}
#smoelenboek DIV#tabmenu HR {
	display:none;
}
/* AFDELINGEN */
#afdelinglijst {
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
#afdelinglijst UL.left {
	display:block;
	margin:0;
	padding:0 0 0 1em;
	width:250px;
	float:left;
}
#afdelinglijst UL.right {
	display:block;
	margin:0;
	padding:0 0 0 1em;
	width:250px;
	float:right;
}
#afdelinglijst UL LI {
	margin:0 0 0 0.5em;
	pading:0;
}


/* ********* CONTACT FORM ******************* */
#contactform {
	display:block;
	margin:2em 30px 3em 0;
	padding:10px;
	border:1px dashed #cccccc;
}


/* R E C H T E R K O L O M */

/* peiling (stemmen) */
#peiling {
	margin:0;
	padding:5px;
	border:1px solid #990066;
}
#peiling H2 {
	color:#990066;
}
#peiling CITE {
	color:#000000;
	font-style:normal;
}
#peiling A {
	display:block;
	clear:both;
	margin:0;
	padding:5px 0 0 0;
	padding-left:13px;
	background:url(/assets/images/bullet_leesmeer.gif) no-repeat 0 50%;
}
#peiling.vote BR {
	display:none;
}
#peiling.vote LABEL {
	display:block;
	margin:0;
	margin-bottom:0.3em;
	padding:0;
	vertical-align:middle;
}
#peiling.vote INPUT {
	vertical-align:middle;
}
#peiling.vote INPUT.imgsubmit {
	height:1.8em;
}
#peiling.score DIV {
	margin:5px 0 0 0;
	padding:0;
	clear:both;
}
#peiling.score DIV SPAN.result {
	display:block;
	color:#990066;
	letter-spacing:-2px;
}
#peiling.score DIV SPAN.item {
}
#peiling.score DIV SPAN.percentage {
	font-size:0.9em;
	color:#666;
}

/* zoeken */
#sidebarsearchadd { padding:5px 0 5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:auto; }
#sidebarsearchadd label { margin:0 0 5px 0; }
#search {
	margin:0;
	margin-top:1em;
	padding:0;
}
#search INPUT {
	vertical-align:middle;
}
#search INPUT.imgsubmit {
	height:1.8em;
}

/* nieuwsbrief */
#sidebarnewsletteradd { padding:5px 0 5px 0; overflow:auto; }
#sidebarnewsletteradd label { margin:0 0 5px 0; }
#newsletter {
	margin:0;
	margin-top:1em;
	padding:0;
}
#newsletter INPUT {
	vertical-align:middle;
}
#newsletter INPUT.imgsubmit {
	height:1.8em;
}


/* reclame / teasers */
#teasercontainer {
	margin:2em 0 2em 0;
	padding:0;
	border-top:1px solid #CCCCCC;
}
#teasercontainer DIV.teaser {
	display:block;
	margin:0;
	padding:0.3em;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
}
#teasercontainer DIV.teaser A {
	text-decoration:none;
	padding:0;
}
#teasercontainer DIV.teaser A IMG {
	margin:0;
	padding:0;
}
#teasercontainer DIV.teaser A SPAN {
	display:block;
	line-height:normal;
	font-weight:normal;
	text-align:left;
}

/*
	W E B S H O P
*/
#webshopProductList { margin:0 0 2em 0; padding:0; clear:both; }
#webshopProductList hr { display:none; }
#webshopProductList ul { list-style-type:none; margin:0; padding:0; border-top:1px solid #fed698; }
#webshopProductList ul li { list-style-type:none; margin:0; padding:5px 0 5px 0; border-bottom:1px solid #fed698; clear:both; width:100%; }
#webshopProductList ul li form.product { margin:0; padding:0; width:100%; }
#webshopProductList ul li form.product h3.title { margin:0; padding:0; font-size:1.1em; }
#webshopProductList ul li form.product h3.title a { color:#906; font-weight:bold; text-decoration:none; }
#webshopProductList ul li form.product h3.title a:hover { text-decoration:underline; }
#webshopProductList ul li form.product div.price { margin:0; padding:0; float:right; width:120px; color:#666; font-size:0.9em; text-transform:lowercase; }
#webshopProductList ul li form.product div.oldprice { margin:0 0 0 20px; padding:0; float:right; width:120px; color:#999; font-size:0.85em; text-transform:lowercase; }
#webshopProductList ul li form.product div.newprice { margin:0 0 0 20px; padding:0; float:right; clear:right; width:120px; color:#906; font-size:1.1em; text-transform:lowercase; }
#webshopProductList ul li form.product div.newprice span.label { font-size:0.8em; }
#webshopProductList ul li form.product div.preview { margin:0; padding:0; float:left; }
#webshopProductList ul li form.product div.preview a { margin:0 11px 5px 0; padding:0; display:block; text-decoration:none; overflow:hidden; width:50px; border:1px solid #666;  }
#webshopProductList ul li form.product div.preview img { width:101%; border-style:none; }
#webshopProductList ul li form.product div.info { display:block; margin:0 140px 0 65px; padding:0; font-size:0.9em; line-height:1.5em; }
#webshopProductList ul li form.product div.info br { display:inline; }
#webshopProductList ul li form.product div.info a.togglemoreinfo { color:#906; text-decoration:none; background:url(/assets/images/moreinfo_up.gif) no-repeat 100% 50%; padding-right:11px; }
#webshopProductList ul li form.product div.orderlink { margin:-15px 0 5px 20px; padding:0; width:120px; float:right; clear:right; }
#webshopProductList ul li form.product div.orderlink label span { display:none; }