html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; outline:0; line-height:150%;vertical-align:baseline;}

#wrapper { margin: 0 auto; width:960px; padding:0; border:12px solid #fff;}

legend { /*background-color:#CCC; padding:20px; margin: 20 0;*/}



fieldset span {    border: 0 none;
    font-family: inherit;
    font-size: 125%;
    font-style: inherit;
    font-weight: inherit;
    line-height: 150%;
    padding: 10;
	margin-top:20px;
/*	color:##666;*/

}

#jform_articletext_toolbargroup fieldset span, fieldset span.mceIcon, fieldset span.mceAction  {    border: 0 none;
   
    font-size: normal;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: 0px;
	margin:0px;
}
.s-c-s #colmid { left:160px;}
.s-c-s #colright { margin-left:-326px;}
.s-c-s #col1pad { margin-left:326px;}
.s-c-s #col2 { left:166px;width:160px; padding-top: 24px;}
.s-c-s #col3 { width:166px;padding-top:20px;}
.s-c-x #colright { left:160px;}
.s-c-x #col1wrap { right:160px;}
.s-c-x #col1 { margin-left:160px;}
.s-c-x #col2 { right:160px;width:160px; padding-top: 24px;}
.x-c-s #colright { margin-left:-166px;}
.x-c-s #col1 { margin-left:166px;}
.x-c-s #col3 { left:166px;width:166px;padding-top:20px;}

/*
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
*/

.cols1 {display: block;float: none;margin: 0;width: 100%;}
.cols2 {width: 49%;overflow: hidden;}
.cols3 {width: 30%;}
.column1, .column2 {position: relative;float: left;margin: 0;}
.colpad {padding: 0 10px; position: relative;}

/* ++++++++++++++  blog  toegevoegd ligi voor kolomweergave blog ++++++++++++++ */
/* ++++++++++++++ position ++++++++++++++ */
.blog-featured
{
padding: 0;
}
.items-leading
{
padding:0px 5px 10px 0px;
overflow:hidden;
margin-bottom:10px
}
div.items-leading div.leading-0 h2,
div.items-leading div.leading-1 h2 {
display: block;
/*background-color:#6F0;
float: left;*/
width: 80%;
}


.row-separator {
    border-top: 2px solid #D9D9D9;
    display: block;
    float: left;
    height: 1px;
    margin: 8px 0;
    position: relative;
    width: 100%;
}

.shownocolumns
{
width:98% !important;
}
#top
{
margin:0 0 20px 0;
overflow:hidden
}
/* ++++++++++++++ blog ++++++++++++++ */
.cols-1
{
display: block;
float: none !important;
margin: 0 !important;
}
.cols-2 .column-1
{
width:46%;
float:left;
}
.cols-2 .column-2
{
width:46%;
float:right;
margin:0
}
.cols-3 .column-1
{
float:left;
width:29%;
padding:0px 5px;
margin-right:4%
}
.cols-3 .column-2
{
float:left;
width:29%;
margin-left:0;
padding:0px 5px
}
.cols-3 .column-3
{
float:right;
width:29%;
padding:0px 5px
}
.items-row
{
overflow:hidden;
margin-bottom:10px !important;
}
.column-1,
.column-2,
.column-3
{
padding:10px 10px 10px 0px;
}
.column-2
{
width:55%;
margin-left:40%;
}
.column-3
{
width:30%
}
.blog-more
{
padding:10px 5px
}
.s-c-s #colmid, .s-c-x #colright { float:left; position:relative; width:200%; }
.s-c-s #colright { float:left; left:50%; position:relative; width:100%; }
.s-c-s #col1wrap { float:right; position:relative; right:100%; width:50%; }
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid { overflow:hidden; }
.s-c-s #col1 { overflow:hidden; width:584px; padding-left:30px; padding-right:20px;}
.s-c-s #col2 { float:left; position:relative; overflow:hidden; margin-left:-50%; }
.s-c-s #col3 { float:left; position:relative; overflow:hidden; left:0; }
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper { background:#fff; }
.cols1 { display:block; float:none; margin:0; width:100%; }
.cols2 { width:49%; overflow:hidden; }
.cols3 { width:30%; }
/* th */


#slogan { margin: 0px; width: 400px; height: 70px; position: absolute; z-index: 1050; top: 140px; left: 10px; padding:0px; text-align: left;}
#slogan-org { margin: 0px; width: 400px; height: 70px; position: absolute; z-index: 1050; top: 120px; left: 10px; padding:0px; text-align: left;}
#terug { margin: 0px; width: 200px; height: 40px; position: absolute; z-index: 1050; top: 130px; right: 150px; padding:0px; text-align: center;overflow:hidden;}
#terug a { color: #f4732a;}
#zoek { margin: 0px; width: 150px; height: 30px; position: absolute; z-index: 1050; top: 140px; right: 5px; padding:0px; text-align: center;}
#talen { margin: 0px; width: 125px; height: 30px; position: absolute; z-index: 1050; top: 172px; right: 0px; padding:0px; text-align: center;}
#talen .moduletable p {margin:0px;}
#talen ul { margin:0px;}
#talen img { }

#header { overflow:hidden; height: 211px; margin:0px; padding:0px;}

#botpic1 {position:absolute; display:block; z-index:800; width:960px; height:145px; overflow:hidden; padding:0px; margin:0px;}
#toppic1 {position:absolute; display:block; z-index:900; width:960px; height:145px; overflow:hidden; padding:0px; margin:0px;} 
#headeroverlay {position:absolute; display:block; z-index:950; width:960px; height:135px; overflow:hidden; padding:0px; margin:0px; /* 
                opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; filter:"alpha(opacity=50)"; */} 
#logodiv {position:absolute; display:block; z-index:1000; width:578px; height:201px; overflow:hidden; padding:0px 0px 0px 382px; margin:0px;} 





table { border-collapse:collapse; border-spacing:0; }
html { height:100%; margin-bottom:1px; }

body, body.backgroundhivnetorg { background-color: /*#858990*/ #9b93be; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; /*line-height: 1.3;*/ width:100%; height:600px; }
body.aidsmemorial { background-color: #858990;}
body.checkpoint { background-color: #cda746;}
body.poskids {background-color: #bcb5d4;}
body.pozandproud {background-color: #1175B0;}
body.regio {background-color: #1175B0;}
body.veteranen {background-color: #1175B0;}
body.vrouwen {background-color: #1175B0;}
body.migranten {background-color: #1175B0;}


.backgroundhivnetorg { position:absolute; width:100%; height:100%; background-color:#9b93be; margin-top:0px;}
.background { position:absolute; width:100%; height:100%; background-color: #9b93be; margin-top:0px;}
.backgroundaidsmemorial { position:absolute; width:100%; height:100%; background-color: #9b93be; margin-top:0px;}
.backgroundcheckpoint { position:absolute; width:100%; height:610px; background-color: #cda746; background-image: url(../images/bg-checkpoint.pg); background-repeat: repeat-x; }
.backgroundposkids { position:absolute; width:100%; height:610px; background-color: #bcb5d4; background-image: url(../images/bg-poskids.jpg); background-repeat: repeat-x; }
.backgroundpozandproud { position:absolute; width:100%; height:610px; background-image: url(../images/bg-pozandproud.jpg); background-repeat: repeat-x; /*margin-top:-10px*/ background-color: #1175B0;}

.backgroundregio { position:absolute; width:100%; height:100%; background-color: #9b93be; margin-top:0px;}
.backgroundveteranen { position:absolute; width:100%; height:100%; background-color: #9b93be; margin-top:0px;}
.backgroundvrouwen { position:absolute; width:100%; height:100%; background-color: #9b93be; margin-top:0px;}
.backgroundmigranten { position:absolute; width:100%; height:100%; background-color: #9b93be; margin-top:0px;}

h4 { font-weight:bold; margin:5px 0 5px; }
h2 {font-weight:bold;}
h1, .componentheading { font-size:180%; margin-bottom:16px; color: #8371b2; font-weight: bold; letter-spacing: 0.05em; }

h2 { font-size:130%; letter-spacing: 0.05em; }
h3 { font-size:130%; }
h4 { font-size:110%; }
a { color:#007EBA; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { margin:1em; }

#main { font-size:1.3em; }

#main .foreground, #message, .leading, #page { position:relative; }
#page p {margin-bottom:7px; line-height: 150%;}
#page {line-height:150%;}
.leading p {margin-bottom:7px; line-height: 150%;}



#message {
	z-index:0;
	font-size: 14px;
	color: #000;
	background-color: #DDD;

}
#message ul {
	padding:20px;
	margin-top:5px;
}
#main-content { min-height: 540px; }
.dp20, .dp25, .dp33, .dp50, .dp100 { float:left; margin-top:15px; }
.dp20 { width:20%; }
.dp25 { width:25%; }
.dp33 { width:33.33%; }
.dp50 { width:50%; }
.dp100 { width:100%; margin-top:0; }
.clr { clear:both; font-size:0; }
#colmask { clear:both; overflow:hidden; position:relative; width:100%; }
#maincol, #wrapper { position:relative; }

.column1, .column2 { position:relative; float:left; margin:0; }
.colpad { padding:0 10px; position:relative; }
.column2 { float:right; width:49%; }
.article_row { overflow:hidden; margin:0 -10px 15px -10px; line-height:150%; }
/* Header */

#header li { list-style:none; float:left; padding-left:15px; font-weight:bold; }
#nav { height:28px; background:#f4732a; z-index:1; position:relative;}
#nav ul { margin:0 0 0 175px;}
#nav li { list-style:none; float:left; padding-left:3px; height:28px; position:relative; border-right:2px solid #fff;}


#nav li a { display:block; padding:0 10px; line-height:28px; color:#fff; font-weight:bold;}
#nav li.active a {}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a { color:#ddd; text-decoration:none;}
#nav li ul { display:block; position:absolute; width:170px; left:-999em; margin-left:-5px; border:1px solid #FFF; border-top: none;}
#nav li ul ul { margin:-29px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul { left:-999em; }
#nav li li { padding:0; height:auto; background:#f00; width:170px; white-space:nowrap; border-right:none;}
#nav li li a { margin:0; height:28px; line-height:28px; border-top:1px solid #fff; color:#FFF; background-color: #f4732a; font-size:11px;}
#nav li li a:link { margin:0; height:28px; line-height:28px; border-top:1px solid #fff; color:#FFF; background-color: #f4732a;}
#nav li li a:hover { margin:0; height:28px; line-height:28px; background:#333; border-top:1px solid #fff; color:#fff;}
#nav li li a, #nav li.active li a { font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul { display:block; left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul { left:0; }

#nav2 li a { display:block; margin-left:20px;padding:0 10px; line-height:28px; color:#FFF; font-weight:bold;}

/* Content styles */

p.buttonheading { position:absolute; top:2px; right:10px; margin:0; width:70px;}
.buttonheading .icon { display:block; width:16px; height:16px; float:left; margin-left:5px;}

.buttonheading .icon { display:block; width:16px; height:16px; float:left; margin-left:5px;}
.buttonheading .pdf { background:url(../images/light.png) -57px -366px;}
.buttonheading .print { background:url(../images/light.png) -21px -366px;}
.buttonheading .email { background:url(../images/light.png) -39px -366px;}

dl.article-info, .iteminfo, p.iteminfo { overflow:hidden; margin:5px 0px 2px 0px; padding:0px; display:block; width:100%; text-align:left;}
.article_column p.iteminfo {margin-bottom:0px; line-height: 100%;}
dt.article-info-term {display:none}

.modifydate, .createdby, dd.create, .createdate { color:#999; font-weight:normal; float:left;  font-size: 9px; padding-right: 4px;}
dd.create, .createdate { text-align:left; font-weight:normal; float:left; font-style: italic; font-size: 9px; padding-right: 4px;}
.createdby { /*font-size:80%;*/}
a.readon, a.readon2 { display:block; margin-top:1px; font-style: normal; font-weight: bold; }
a.readon2 { background:url(../images/light.png) 100% -344px; display:block; float:right; color:#fff; font-weight:bold; line-height:20px;}
a.readon2 span { background:url(../images/light.png) 0 -344px; display:block; margin-right:10px; height:21px; float:left; padding:0 5px 0 15px;}
.breadcrumbs-pad { padding:0px;}
div.breadcrumbs { font-size:80%; font-weight:normal; margin:0; height:19px; overflow:hidden;padding:4px 15px 0px 0px; color:#777;}
div.breadcrumbs .sep { padding:0 5px;}
.component-pad { padding:2px 0px 0px 0px; margin-top:0px;}
.banneritem_text { margin-bottom:10px;}
#modlgn_username, #modlgn_passwd { border:1px solid #ccc; padding:3px;}
.pagination span, .pagination a { margin-right:5px;}
#colmask ul li {}
#colmask ul ul { margin-top:5px;}
span.row_separator{ display: block; width: 100%; float:left; position: relative; border-top:2px solid #d9d9d9; margin:8px 0px 8px 0px; height:1px; overflow: hidden;}
#colmask ul ul li { }

a { color:#f4732a; }
p { /*margin: 10px 0;*/
line-height:150% }
h2 {color:#84888f;}
h2 a, .contentheading a { font-weight: bold; color:#84888f; margin: 0px 0px 20px 0px; padding-top: 0px; /* width:80%; display: block; background:#FFF3A3*/;
    }
.sectiontableheader { font-weight:bold; line-height:25px; text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { text-align:left; padding:10px; vertical-align:top; border-top:0px solid #ddd; }
tr.sectiontableentry0 td.weblink, tr.sectiontableentry1 td.weblink, tr.sectiontableentry2 td.weblink, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{  padding-bottom:8px;}

tr.sectiontableentry1 td { background-color:#FAFAFA;}
table.category { width:100%;}
span.attention { display:block; margin:15px 0; padding:8px 10px 8px 10px; background:#FFF3A3; border:1px solid #E7BD72; color:#B79000;}
a.contentpagetitle {margin-bottom: 15px;}


 h2.contentheading {display: block; padding-top:4px;}
.colpad h2.contentheading {display: block; padding-top:2px;}
h2.contentheading a.contentpagetitle {margin-top: 12px; }

h2.slogan {
	font-weight: normal;
	color:#999;
	letter-spacing: normal;
	text-transform:uppercase;
	padding:10px;
}

/* Modules */

.module { padding:4px 0px 4px 0px; }
.module-title { }
.module-body { padding:0px 10px 0px 10px; margin:0px;}

#botr .module-body { padding: 0px 0px 0px 0px; margin-top:15px; background: #000;}

/*Links */ 
#colmask .m_contact, 
#colmask .m_custom2, 
#colmask .m_cwservicepunt, 
#colmask .m_custom3, 
#colmask .m_custom4,  
#colmask .m_cwnb, 
#colmask .m_cwnbregio,
#colmask .m_cwsteunons {/*color:#d5d6d6;*/ color:#fff; background-position: left top; margin: 0px 0px 1px 0px; font-weight: normal; font-size: 11px; line-height: 20px; overflow:hidden;}

#colmask .m_contact p, 
#colmask .m_custom2 p, 
#colmask .m_cwservicepunt p, 
#colmask .m_custom3 p, #colmask .m_custom4 p ,  #colmask .m_cwnb p,  #colmask .m_cwnbregio p,  #colmask .m_cwsteunons p {margin-top:0px;}
#colmask .m_contact{height:141px;}
#colmask .m_custom2{height:182px;}
#colmask .m_cwservicepunt h4, #colmask .m_custom2 h4{margin-bottom:0px;}
#colmask .m_custom3{height:89px;}
#colmask .m_custom4{height:112px;}

#colmask .m_contact a, 
#colmask .m_custom2 a, 
#colmask .m_cwservicepunt a, 
#colmask .m_custom3 a, #colmask .m_custom4 a ,  #colmask .m_cwnb a, #colmask .m_cwnbregio a,  #colmask .m_cwsteunons a {font-weight:bold; color: /*#d5d6d6;*/ #fff;}

#colmask .m_contact h3, 
#colmask .m_custom2 h3, 
#colmask .m_cwservicepunt h3, 
#colmask .m_custom3 h3, 
#colmask .m_custom4 h3,  #colmask .m_cwnb h3, #colmask .m_cwnbregio h3, #colmask .m_cwsteunons h3{font-size:18px; font-weight: bold; color:#fff; margin: 0px; padding:2px 0px 0px 11px; letter-spacing: 0.1em;}
#colmask .m_contact .module-body h3, 
#colmask .m_custom2 .module-body h3, 
#colmask .m_cwservicepunt .module-body h3, 
#colmask .m_custom3 .module-body h3, #colmask .m_custom4 .module-body h3 ,  #colmask .m_cwnb .module-body h3, #colmask .m_cwnbregio .module-body h3,  #colmask .m_cwsteunons .module-body h3{margin: 0px; padding:2px 0px 0px 0px;}
#colmask .m_contact .module-body h3 a, 
#colmask .m_custom2 .module-body h3 a, 
#colmask .m_cwservicepunt .module-body h3 a, 
#colmask .m_custom3 .module-body h3 a, #colmask .m_custom4 .module-body h3 a ,  #colmask .m_cwnb .module-body h3 a, #colmask .m_cwnbregio .module-body h3, #colmask .m_cwsteunons .module-body h3 a{font-size:18px; font-weight: bold; color:#fff; letter-spacing: 0.1em;}

#colmask .m-nopad {margin-top:20px; margin-bottom:20px; padding:0px; display:block;}
#colmask .m-nopad .module-body {padding:0px;}
#colmask .m-hivnieuws {margin-top:29px; margin-bottom:3px;}
#colmask .m-blank {border-top:2px solid #d6d8d7; padding-top:7px;}
#colmask .m-blank h3 {color:#f4732a;font-size:18px; font-weight: bold; margin: 0px 0px 15px 0px; padding:0px; text-align: center;} /* sponsors */
#colmask .m_contact { background: url(../images/bg-contact.png) no-repeat;}
#colmask .m_custom2 { background: url(../images/bg-servicepunt.png) no-repeat;}
#colmask .m_custom3 { background: url(../images/bg-wordlid.png) no-repeat; line-height: 19px;}
#colmask .m_custom4 { background: url(../images/bg-aanmelden.png) no-repeat;}
#colmask .m_cwnb { background: url(../images/bg-aanmeldenn.png) no-repeat #D81A43; height:135px;line-height: 120%;}
#colmask .m_cwsteunons { background: url(../images/cw_steun_ons.png) no-repeat; height:142px}
#colmask .m_cwservicepunt{height:182px;}

#colmask .m_cwservicepunt { background: url(../images/cw_servicepunt.png) no-repeat;}
#colmask .m_cwnbregio { background: url(../images/bg-aanmeldenn.png) no-repeat #D81A43; line-height: 120%;}

/*Rechts */

#colmask .m-paars, #colmask .m-groen, #colmask .m-oranje, #colmask .m-rood, #colmask .m_menu { color:#000; padding-top: 0px;padding-bottom: 1px; /*margin-top: -3px;*/}

/*#colmask .m-paars .module-title, #colmask .m-groen .module-title, #colmask .m-oranje .module-title, #colmask .m-rood .module-title, #colmask .m_menu .module-title { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; color:#ffffff; padding-left:22px; }*/

#colmask .m-paars .module-title, #colmask .m-groen .module-title, #colmask .m-oranje .module-title, #colmask .m-rood .module-title, #colmask .m_menu .module-title { color:#ffffff; padding-left:22px; }

#colmask .m-paars .module-title h3, #colmask .m-groen .module-title h3, #colmask .m-oranje .module-title h3, #colmask .m-rood .module-title h3 {margin:0px;}

#colmask .m-paars .module-body, #colmask .m-groen .module-body, #colmask .m-oranje .module-body, #colmask .m-rood .module-body, #colmask .m_menu .module-body { margin-bottom:0px; padding:4px 6px 4px 6px;}

/*#colmask .m-paars .module-title, #colmask .m_menu .module-title { background: #8371b2;}
#colmask .m-groen .module-title { background: #12a696;}
#colmask .m-oranje .module-title { background: #f4732a;}
#colmask .m-rood .module-title { background: #e1233c;}
*/

#colmask .m-paars .module-title, #colmask .m_menu .module-title { background:url(../images/bg-mod-paars.gif) no-repeat #8371b2;}
#colmask .m-groen .module-title { background:url(../images/bg-mod-groen.png) no-repeat #12a696;}
#colmask .m-oranje .module-title { background:url(../images/bg-mod-oranje.png) no-repeat #f4732a;}
#colmask .m-rood .module-title { background:url(../images/bg-mod-rood.png) no-repeat #e1233c;}

#colmask .m-paars .module-body, #colmask .m_menu .module-body { border-right:2px solid #8371b2; border-left:2px solid #8371b2; border-bottom:0px solid #8371b2;}
#colmask .m-groen .module-body { border-right:2px solid #12a696; border-left:2px solid #12a696; border-bottom:0px solid #12a696;}
#colmask .m-oranje .module-body { border-right:2px solid #f4732a; border-left:2px solid #f4732a; border-bottom:0px solid #f4732a;}
#colmask .m-rood .module-body { border-right:2px solid #e1233c; border-left:2px solid #e1233c; border-bottom:0px solid #e1233c;}

#topr {margin:0px; padding:0px;}
/*
div#col3 div:last-child .module-body {border-bottom-width: 2px;}
div#col3 div#lastmod .module-body {border-bottom-width: 2px;} 
*/

div#col3 div#topr div:last-child .module-body {border-bottom-width: 2px;}
div#col3 div#topr div#lastmod .module-body {border-bottom-width: 2px;} 

.m_menu ul, .m-paars ul, .m-groen ul, .m-oranje ul, .m-rood ul { list-style-type: none; padding-left: 0; margin: 0;}
.m_menu ul li, .m-paars ul li, .m-groen ul li, .m-oranje ul li, .m-rood ul li { list-style-image: none; background-repeat: no-repeat; background-position: 0px 8px; padding: 4px 0px 1px 15px;}
.m_menu ul li a, .m-paars ul li a, .m-groen ul li a, .m-oranje ul li a, .m-rood ul li a { color:#000;}

.m_menu ul li, .m-paars ul li {background-image: url(../images/bullet-paars.png);}
.m-groen ul li{background-image: url(../images/bullet-groen.png);}
.m-oranje ul li{background-image: url(../images/bullet-oranje.png);}
.m-rood ul li {background-image: url(../images/bullet-rood.png); }


/*toegevoegd voor vlaggen */

#colmask .m_vlaggen { }
#mainmods {border-bottom: 2px solid #ff7c39; overflow:hidden;padding: 0px 0px 4px 0px; margin-bottom:12px;}
#mainmods p{margin-top:7px;}
#mainmods .module-body {padding: 0px 0px 0px 0px; }

#colright { }
.spacer .module { float:left; }
.spacer.w99 .module { width:100%; }
.spacer.w49 .module { width:49.2%; }
.spacer.w33 .module { width:32.8%; }
#header .module { float:right; margin-left:325px; }
#main-content li .active a { font-weight: normal; }
#mainmods .module {padding-top: 0px;}
#mainmods .module .module-body {line-height:150%;}



/* footer */

#footer { text-align:center; margin:10px auto 0 auto; background-color:#f4732a; }
.footer-pad { overflow:hidden; padding: 0px 0px 0px 0px; margin: 0px auto;}
#footer ul {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center; /*width:960px; background-color:#f4732a;*/
	width: 98%;
}
#footer li { list-style:none; float:left; font-weight:bold; background-color:#f4732a; border-right:2px solid #fff; padding: 0px 9px 0px 9px; line-height: 28px; height: 26px; }
#footer li a { color:#fff }
#footer li a:hover { color:#FFF; text-decoration:none }


div#footer ul li:last-child, div#nav ul li:last-child  {border-right-width: 0px;}
/* div#footer ul li.lastchild, div#nav ul li.lastchild  {border-right-width: 0px;}*/




#copy { width:960px; text-align:center;  }
.copy-pad { margin: 15px auto 0px auto; }
.copy-pad a {color:#000;}
ul.actions {display: block; position: relative;float: right;list-style: none;top:-35px;}
ul.actions li {display: block; position: relative;float: left;list-style-image: none;}
 div.item-separator {display: block; margin-bottom: 15px; margin-top: 15px;} 

table.kalendertabel { width: 100%; margin-top: 10px; margin-bottom: 10px; }
td.datum { background-color: #ffffff; color: #333333; width: 75px; font-size: 16px; font-weight: bold; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
table.contentpaneopen td, table.contentpane td { }
table.kalendertabel td { background-color: #f1f1f1; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid #FFF; }
table.kolommentabel { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 100%; background-color:#f1f1f1; }
table.kolommentabel td { vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid #FFF; }

.search { text-align:left; }
.search .button { margin:5px; }
td.weblink { line-height:16px; vertical-align:top; }

td.weblink img{ margin-top:2px; vertical-align:top; }
.contenttoc { float:right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; background-color: #EEE; text-align: right; padding: 5px; width: 170px; }
.contenttoc th{ color: #FFF; background-color: #999; padding: 5px; }
.contenttoc td { padding: 5px; }
.pagenavbar { background-color:#fff; text-align:center; padding: 5px; }
.pagination{ }
.contentdescription {margin-bottom:25px;}
.counter { display:block; background-color: #fff; text-align: center; color: #333; padding: 5px; }
.kop { font-size: 16px; color: #333333; font-weight: bold; }
.subkop , span.subkop { font-size: 14px; color:#f4732a; font-weight: bold; padding-top:20px; }
.kolommentabel { padding: 10px; width: 100%; }
.blokje { background-color:#828f9f; font-style: italic; color: #FFFFFF; float: right; width: 150px; margin: 10px; padding: 5px; }
.grijzekop { padding-top: 0pt; padding-right: 0pt; padding-bottom: 5px; padding-left: 0pt; margin-bottom: 10px; color: #666666; background-color: transparent; background-image: url(../images/hdot.gif); background-repeat: repeat-x; background-attachment: scroll; font-weight: bold; font-size: 1.7em; }

#footer .footer-pad ul li.item28 { display:none; border:none;}

#aanmeldblok {
	padding:5px;
	background-color:#F4732A;
}

.ccc-inner h2 {
	font-size:12px;
}
/* -------------------
   General Pagination
--------------------- */
div.pagination {
    clear: both;
    text-align: center;
    margin: 15px 0 0 0;
}
 
div.pagination p.counter {
    font-style: italic;
}
 
div.pagination ul {
    list-style: none;
    padding: 0;
}
 
div.pagination ul li {
    list-style: none;
    display: inline;
    padding: 0 5px 0 5px;
}
div.pagenav ul {
    list-style: none;
    padding: 0;
}
ul.pagenav  {
	display: none;
}
ul.pagenav li {
    list-style: none;
	display: inline;
}
ul.pagenav li a {
	background: #EFEFEF;
    border-radius: 5px;text-decoration:none;
	color:#333;
	padding:3px 7px;	
}
ul.pagenav li a:hover {
	color:#000;
	background-color:#DDD;
	border-radius: 5px;text-decoration:none;}

/*.actions {
 margin:0;
 }
 .actions li {
 list-style: none;
 display:inline;
 float:right;
 margin-top:-40px;
 }*/
 /* -------------------
   voor zebra tabellen
--------------------- */

tr.cat-list-row0 td {
    background-color: #FAFAFA;
}
tr.cat-list-row1 td {
    background-color: #FFFFFF;
}
tr.cat-list-row0 td, tr.cat-list-row1 td {
    border-top: 0 solid #DDDDDD;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
h1, .componentheading {
    color: #8371B2;
    font-size: 180%;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
}
.categories-list ul li 	{
	padding:10px;
	margin:5px;
	background-color:#F6F6F6;
	list-style-position: inside;
/*	list-style-image: url((URL));*/
	list-style-type: square;
	}

/* -------------------
   voor zebra tabellen
--------------------- */
.weblink-category h2, .subheading-category{
    color: #8371B2;
    font-size: 130%;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 16px;	
}

.accordionfaq .accordionfaqheader a {
    color: black;
}
.accordionfaq .accordionfaqheader a:hover {
    color: black;
	text-decoration:none;
	
}
li.pagenav-prev { float:left;}
li.pagenav-next { float:right;}

.contenttoc {
    background-color: #EEEEEE;
    float: right;
    margin: 0 0 10px 20px;
    padding: 5px;
    text-align: right;
    width: 170px;
}

/* ------------------------------
   Pagebreak
------------------------------ */
/* Article index */
div#article-index {
	margin-top:25px;
	float: right;
    padding: 0 0 5px 0;
	text-align: right;
    width: 170px;
}
 
div#article-index ul {
    list-style: none;
    padding: 0;
}
div#article-index ul li{
     margin: 0 0 10px 20px;
	background-color: #EEEEEE;
}
 
 
div#article-index ul li a.toclink {
	
    text-decoration: none;
}
 
div#article-index ul li a:hover.toclink {
    font-style: italic;
    text-decoration: none;
}
 
div.pagenavcounter {
    padding: 0 0 15px 0;
}

div.items-row {
    clear: left;
    float: left; /* IE 6/7 Fix */
    width: 100%; /* IE 6/7 Fix */
}
	
/* ------------------
   Read more ... link
------------------- */
p.readmore {
   margin-top:-10px;
   line-height:normal;
}
 
p.readmore a {
	padding: 0px;
	color: #F4732A;
	text-decoration: none;
/*	height: 16px;*/
	font-weight: bold;
}
 
p.readmore a:hover {
    padding: 0px;
    color: #000;
/*  font-style: italic;
    background-color: #ccc;
    border: 1px #777 solid;
    text-decoration: none;*/
/*    height: 16px;*/
} 

#slogan p{
	margin-top:-20px;
	margin-left:5px;
	font-size:18px;
	text-transform: uppercase;
	color: #999;
}
td.list-date {
	width:80px;
}
.items-more h3 {
	font-weight:bold;
}
.poll h4 {
	color:#000;
}
.componentheading-poll {
	color:#8371b2;
	font-size:16px;
	font-weight:bold;
}

/* -------------
   voor User profile
-------------- */
/* Login screen user */
div.login { }
 
div.login h1 {
    margin: 0 0 15px 0;
}
 
#login-form fieldset {
    border: 0px #666 solid;
    padding: 10px;
	background-color:#EEE;
/*    float: left;*/
}
 
/*#login-form fieldset div.login-fields {
    padding: 0 0 7px 0;
}
 
#login-form fieldset div.login-fields label {
    display: block;
	width:300px;
}*/
#login-form label .login-fields label {
	display: block;
	width:300px;
/*	background-color:#FF0;*/
}
fieldset {
    border: 1px #EEE solid;
    padding: 10px;
	background-color:#EEE;
/*    float: left;*/
}
fieldset label {
/*	display: block;*/
	width:300px;
}


table.communicatietabel {width:100%;}
table.communicatietabel tr.lkjgh td{border-bottom: 1px solid #fff;}
table.communicatietabel td{padding:8px;}
table.communicatietabel td.ct_flddat {width:10%; white-space: nowrap; background-color: #f1f1f1; border:1px solid #fff; line-height: 200%; text-align: center;}
table.communicatietabel td.ct_fldnam {width:25%; white-space: nowrap; font-weight: bold; background-color: #f1f1f1;}
table.communicatietabel td.ct_fldval {width:60%;  background-color: #f1f1f1}

div.ct_fldnam {display: block;float: left; width:25%;}
div.ct_fldval {display: block;float: left; width:75%;}

/* aanpassingen joomla 3 */

div.pull-right.article-index {
	margin-top:25px;
	float: right;
    padding: 0 0 5px 0;
	text-align: right;
    width: 170px;
/*     min-width: 220px; */
    }
     
.article-index ul {     
	list-style: none;
    padding: 0;
    }
 .article-index ul li {
     margin: 0 0 10px 20px;
	background-color: #EEEEEE;
}
 
 
.article-index ul li a.toclink {
	
    text-decoration: none;
}
 
.article-index ul li a:hover.toclink {
    font-style: italic;
    text-decoration: none;
}


.pager ul {
	width:100%;
    text-align: center;
    list-style: none;
    }
     
.pager ul li {
	display: inline-block;
	margin-right: 20px;
}