html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


<!-------------------navid--------------------->

<!--------------------------------------------------->


/* --------------------------
   Print, Email, Editor button
--------------------------- */
ul.actions {
    list-style: none;
    padding: 0;
    float: right;
    text-align: right;
}
 
/* Alle buttons hebben dezelfde stijl */
ul.actions li {
    display: inline;
}
 
ul.actions li a img {
   padding:1px;
}
 
ul.actions li a:hover img {
   padding:1px;
}

div#mailto-window h2 {
    margin: 0 0 15px 0;
}
  
div#mailto-window div.mailto-close {
    padding: 5px 0 20px 0;
}
  
div#mailto-window div.mailto-close a {
    display: block;
    width: 100px;
    text-align: center;
    padding: 3px 10px 4px 10px;
    color: #555;
    font-style: italic;
    background-color: #e5e5e5;
    border: 1px #888 solid;
    text-decoration: none;
}
  
div#mailto-window div.mailto-close a:hover {
    display: block;
    width: 100px;
    text-align: center;
    padding: 3px 10px 4px 10px;
    color: #000;
    font-style: italic;
    background-color: #ccc;
    border: 1px #777 solid;
    text-decoration: none;
}
  
div#mailto-window form#mailtoForm div.formelm label {
    display: block;
    float: right;
    width: 200px;
}
  
div#mailto-window form#mailtoForm div.formelm input {
    margin: 0 0 3px 0;
}
  
div#mailto-window form#mailtoForm button.button {
    margin: 15px 0 0 0;
}
body.contentpane {
    padding: 30px;
}
/* -------
   Wrapper
---------- */
div.contentpane h2 {
    margin: 0 0 20px 0;
}
 
div.contentpane iframe {
    border: 0 none;
}

/* -------------------
   E-mail popup screen
---------------------- */
div#mailto-window h2 {
    margin: 0 0 15px 0;
}

div#mailto-window div.mailto-close {
    padding: 5px 0 20px 0;
}
 
div#mailto-window div.mailto-close a {
    display: block;
    width: 100px;
    text-align: center;
    padding: 3px 10px 4px 10px;
    color: #555;
    font-style: italic;
    background-color: #e5e5e5;
    border: 1px #888 solid;
    text-decoration: none;
}
 
div#mailto-window div.mailto-close a:hover {
    display: block;
    width: 100px;
    text-align: center;
    padding: 3px 10px 4px 10px;
    color: #000;
    font-style: italic;
    background-color: #ccc;
    border: 1px #777 solid;
    text-decoration: none;
}
 
div#mailto-window form#mailtoForm div.formelm label {
    display: block;
    float: right;
    width: 200px;
}
 
div#mailto-window form#mailtoForm div.formelm input {
    margin: 0 0 3px 0;
}
 
div#mailto-window form#mailtoForm button.button {
    margin: 15px 0 0 0;
}
/* ------------------------------
   Tooltip voor de editor button
------------------------------- */
.tip {
    background-color: #fff;
    border: 1px #999 solid;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
 
.tip-title {
    font-weight: bold;
}
/* ---------------
   Content rating
---------------- */
/* Content rating */
span.content_rating {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    padding: 3px 0 0 0;
}
 
/* content rating form */
form span.content_vote {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
 
form span.content_vote input {
    margin: 0 2px 0 2px;
}
/* ---------------
   Article Details
------------------ */
dl.article-info {
    clear: both;
    padding: 10px 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px #81544c solid;
    width: 250px;
}
 
dl.article-info dt.article-info-term {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 13px;
    color: #000;
    font-weight: bold;
    font-style: italic;
    border-bottom: 1px #000 solid;
    padding: 0 0 3px 0;
    margin: 0 0 3px 0;
}
 
dl.article-info dd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 11px;
    color: #000;
	
}
 
dl.article-info dd a {
    color: #000;
}
 
dl.article-info dd a:hover {
    color: #666;
}
/* ------------------
   Read more ... link
------------------- */
p.readmore {
    margin: 15px 0 15px 0;
}
 
p.readmore a {
    padding: 3px 10px 4px 10px;
    color: #FFF;
    background-color: #ac273a;
    text-decoration: none;
    height: 16px;
}
 
p.readmore a:hover {
    padding: 3px 10px 4px 10px;
    color: #333;
    background-color: #ccc;
    text-decoration: none;
    height: 16px;
} 
/* ---------------------------
   Article / Row separator
---------------------------- */
/* Article separator */
div.item-separator {
    clear: both;
    display: block;
    height: 20px;
	}
	/* -------------------------
   More items
-------------------------- */
div.items-more {
    clear: both;
    text-align: center;
}
 
div.items-more ol {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;;
}
 
div.items-more ol li {
    list-style: none;
    padding: 0;
    display: inline-block;
    white-space:nowrap;
    margin: 0 10px 15px 0;
}
 
div.items-more ol li a {
    padding: 3px 10px 4px 10px;
    color: #555;
    font-style: italic;
    background-color: #e5e5e5;
    border: 1px #888 solid;
    text-decoration: none;
}
 
div.items-more ol li a:hover  {
    padding: 3px 10px 4px 10px;
    color: #000;
    font-style: italic;
    background-color: #ccc;
    border: 1px #777 solid;
    text-decoration: none;
}
/* -------------------
   General Pagination
--------------------- */
div.pagination {
    clear: both;
    text-align: center;
    margin: 15px 0 15px 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;
}
.pagination strong a ,.pagination strong span , .pagination span a {
}
<!------------------>
.pagination {
	margin-top:20px;
}

.pagination a ,.pagination strong ,.pagination span
{
  display: inline-block;
  min-width: 15px;
  height: 25px;
  padding-top: 0px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
  line-height: 25px;
}
.pagination a ,.pagination span
{
  font-size: 11px;
  color:#000;
}
.pagination a, .pagination strong ,.pagination span
{
  margin-left: 0px;
  margin-right: 2px;
}
span.pagination {
	border:none;
}
.pagenav  {
	display:none;
}
.pagination .counter {
	display:none;
}
.pagination strong span {
	color:#000;
}
div.pagination > span.pagination > strong > a{
	color:#000;
}div.pagination > span.pagination >  a{
	color:#000;
}
div.pagination > span.pagination > span {
	color:#000;
}
div.pagination > span.pagination > strong > span {
	color:#4488bb;

}



/* ------------------------------
   Pagebreak
------------------------------ */
/* Article index */
div#article-index {
    padding: 0 0 5px 0;
}
 
div#article-index ul {
    list-style: none;
    padding: 0;
}
 
 
div#article-index ul li a.toclink {
    font-style: italic;
    text-decoration: none;
}
 
div#article-index ul li a:hover.toclink {
    font-style: italic;
    text-decoration: none;
}
 
div.pagenavcounter {
    padding: 0 0 15px 0;
}
 
/* Article index Pagination */
div.item-page div.pagination {
    float: left;
    margin: 15px 0 0 0;
}
 
div.item-page div.pagination ul li {
    float: left;
    border: 1px #888 solid;
    margin: 0 10px 0 0;
    padding: 1px 0 0 0;
    width: 100px;
    height: 18px;
    background-color: #e5e5e5;
}
 
div.item-page div.pagination ul li:hover {
    float: left;
    border: 1px #888 solid;
    margin: 0 10px 0 0;
    padding: 1px 0 0 0;
    width: 100px;
    height: 18px;
    background-color: #ccc;
}
 
div.item-page div.pagination ul li a {
    display: block;
    color: #555;
    font-style: italic;
    text-align: center;
    text-decoration: none;
}
 
div.item-page div.pagination ul li a:hover {
    display: block;
    color: #000;
    font-style: italic;
    text-align: center;
    text-decoration: none;
}
/* Blog category */
div.blog h1 {
    margin: 0 0 15px 0;
}
 
/* Subheading & description blog category */
span.subheading-category {
    clear: both;
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 11px;
    color: #666;
    margin: 10px 0 0 0;
}
 
/* Category description */
div.category-desc p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 15px;
   line-height: 11px;
   color: #666;
   padding: 3px 0 10px 0;
}
 
div.category-desc div.clr {
    clear: both;
}
/* ----------------
   Archive Articles
------------------- */
div.archive h1 {
    margin-bottom: 20px;
}
 
fieldset.filters {
    border: 1px #999 solid;
    padding: 0 0 10px 10px;
    margin-bottom: 10px;
}
 
fieldset.filters legend.hidelabeltxt {
    padding: 0 5px 0 5px;
}
 
fieldset.filters div.filter-search label.filter-search-lbl {
    padding: 0 5px 0 5px;
}
 
/* Articles list */
ul#archive-items {
    padding: 0;
    list-style: none;
}
 
ul#archive-items li {
    margin-bottom: 20px;
}
/* --------------------
   List all categories
----------------------- */
div.categories-list h1 {
    margin-bottom: 20px;
}
 
div.categories-list ul,
div.categories-list ul li,
div.categories-list ul li ul,
div.categories-list ul li ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
div.categories-list ul li {
    padding: 15px 0 0 0;
}
 
div.categories-list ul li ul li {
    padding: 3px 0 2px 20px;
}
 
div.categories-list ul li span.item-title a {
    font-weight: bold;
    font-size: 14px;
}
 
 
div.categories-list ul li ul li span.item-title a {
    font-weight: normal;
    font-size: 12px;
}
 
div.categories-list ul li div.category-desc p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 11px;
    color: #666;
    padding: 3px 0 2px 0;
}
 
div.categories-list ul li dl {}
div.categories-list ul li dl dt {
    float: left;
    margin: 0 10px 0 0;
}
/* --------------------
   List single category
----------------------- */
div.category-list h1 {
    margin: 0 0 10px 0;
}
 
div.category-list div.cat-children h3 {
    margin: 10px 0 5px 0;
}
 
div.category-list div.cat-children ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
div.category-list div.cat-children ul li {
    padding: 3px 0 6px 0;
}
 
div.category-list div.cat-children ul li div.category-desc p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 11px;
    color: #666;
    padding: 3px 0 2px 0;
}
 
div.category-list div.cat-children ul li span.item-title a {
    font-weight: bold;
}
 
div.category-list div.cat-children ul li dl dt {
    float: left;
    margin: 0 10px 0 0;
}
/* ---------------------------
   List all contact categories
------------------------------ */
div.categories-list ul li dl.contact-count dt {
    float: right;
    margin: 0 10px 0 0;
}
/* -------------------------
   List one contact category
---------------------------- */
div.contact-category h2 {
    margin: 10px 0 3px 0;
}
 
div.contact-category div.category-desc p {
    margin: 0 0 5px 0;
}
 
div.contact-category form#adminForm table.category {
    width: 100%;
}
 
div.contact-category form#adminForm table.category thead tr th {
    border: 1px #999 solid;
    font-weight: bold;
    padding: 3px 1px 3px 3px;
    background-color: #e5e5e5;
    vertical-align: top;
}
div.contact-category form#adminForm table.category thead tr th a {
    display: block;
    float: right;
}
 
div.contact-category form#adminForm table.category thead tr th a img {
    margin: 0 0 0 5px;
}
 
div.contact-category form#adminForm table.category tbody tr td {
    border: 1px #999 solid;
    padding: 3px 1px 3px 3px;
    font-size: 11px;
    line-height: 12px;
    vertical-align: top;
}
/* ---------------------
   Contact + Contactform
------------------------ */
div.contact h3 {
    margin: 15px 0 0 0;
    display: block;
    float: right;
    width: 100%;
    padding: 0;
}
div.contact h3 span.contact-category a {
    display: block;
    float: right;
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 11px;
    color: #666;
    font-weight: normal;
    margin: -15px 0 0 0;
}
/* Select form */
div.contact form#selectForm {
    clear: both;
    padding: 10px 0 0 0;
}
div.contact form#selectForm select#id {}
div.contact form#selectForm select#id option {}
/* Data contactperson / adressblock */
div.contact p.contact-position {
    display: block;
    margin: 0 0 10px 0;
}
div.contact div.contact-address span.jicons-icons img {
    float: right;
    margin: 0 0 0 15px;
}
div.contact div.contact-address address {
    float: right;
    padding: 0 0 10px 0;
}
div.contact div.contact-address address span {
    display: block;
    float: right;
    font-style: normal;
}
/* Contact info block */
div.contact div.contact-contactinfo {
    clear: both;
}
div.contact div.contact-contactinfo p {
    margin: 0 0 10px 0;
}
div.contact div.contact-contactinfo p span img {
    float: right;
    margin: 0 0 0 15px;
}
/* Contact Form */
div.contact  div.contact-form {
    clear: both;
}
/* fieldset */
div.contact  div.contact-form fieldset {}
div.contact  div.contact-form fieldset legend {
    padding: 10px 0 10px 0;
}
div.contact  div.contact-form fieldset dl {}
/* Inputfield checkbox contact mail copy */
div.contact  div.contact-form fieldset dl dd input#jform_contact_email_copy {
    margin: 0 0 15px 0;
    width: auto;
}
div.contact div.contact-links {
    clear: both;
    float: right;
    width: 100%;
    padding: 0;
}
div.contact div.contact-links ul {
    list-style: none;
    padding: 4px 0 0 0;
}
div.contact div.contact-miscinfo {
    clear: both;
}
div.contact div.contact-miscinfo div.jicons-icons {
    padding: 4px 0 0 0;
}
div.contact div.contact-miscinfo div.jicons-icons img {
    float: right;
    margin: 0 0 0 15px;
}
/* -------------
   User profile
-------------- */
/* Login screen user */
div.login {}
 
div.login h1 {
    margin: 0 0 15px 0;
}
 
div.login form fieldset {
    border: 1px #999 solid;
    padding: 10px;
}
 
div.login form fieldset div.login-fields {
    padding: 0 0 7px 0;
}
 
div.login form fieldset div.login-fields label {
    display: block;
}
/* ----------------------------
   User profile after logged in
------------------------------- */
div.profile h1 {
    margin: 0 0 15px 0;
}
 
div.profile fieldset {
    display: block;
    margin: 0 0 15px 0;
}
 
div.profile fieldset legend {
    font-weight: bold;
    font-size: 13px;
}
 
div.profile fieldset dl dt {
    float: left;
    width: 200px;
}
 
/* Item helpsite */
div.profile fieldset#users-profile-custom dl dd a {
    padding: 0;
    float: none;
    background: none;
    font-style: normal;
    border: none;
    text-decoration: underline;
    color: #660000;
    margin: 0;
}
 
div.profile fieldset#users-profile-custom dl dd a:hover {
    padding: 0;
    float: none;
    background: none;
    font-style: normal;
    border: none;
    text-decoration: underline;
    color: #ff0000;
    margin: 0;
}
 
/* Button change profile */
div.profile a {
    display: block;
    float: left;
    padding: 3px 10px 3px 10px;
    color: #666;
    font-style: italic;
    background-color: #e5e5e5;
    border: 1px #999 solid;
    text-decoration: none;
    margin: 10px 0 0 0;
}
 
div.profile a:hover {
    color: #000;
}
/* Change User profile */
div.profile-edit h1 {
    margin: 0 0 15px 0;
}
 
div.profile-edit form#member-profile fieldset {
    display: block;
    margin: 0 0 15px 0;
}
 
div.profile-edit form#member-profile fieldset legend {
    font-weight: bold;
    font-size: 13px;
    padding: 0 0 3px 0;
}
 
div.profile-edit form#member-profile fieldset dl dt {
    float: right;
    width: 250px;
    padding: 0 0 2px 0;
}
 
div.profile-edit form#member-profile fieldset dl dd {
    padding: 0 0 2px 0;
}
 
div.profile-edit form#member-profile fieldset dl dd input {
    width: 210px;
}
 
div.profile-edit form#member-profile fieldset dl dd select {
    width: 210px;
}
/* ----------------------
   User registration form
------------------------- */
div.registration form#member-registration {
    width: 100%;
}
 
div.registration form#member-registration fieldset {
    display: block;
    margin: 0 0 15px 0;
}
 
div.registration form#member-registration fieldset legend {
}
 
div.registration form#member-registration fieldset dl dt span.spacer span.text label#jform_spacer-lbl {
    display: block;
    padding: 0 0 15px 0;
    width: 100%;
}
 
div.registration form#member-registration fieldset dl dt label {
    float: right;
    display: block;
    width: 190px;
    padding: 0 0 2px 0;
}
 
div.registration form#member-registration fieldset dl dd {
    padding: 0 0 2px 0;
}
 
div.registration form#member-registration fieldset dl dd input {
    width: 210px;
}
/* --------------------------
   User Request New Username
---------------------------- */
div.remind form#user-registration.form-validate p {
    margin-bottom: 15px;
}
 
div.remind form#user-registration.form-validate fieldset {
    display: block;
    padding: 6px;
    border: 1px #999 solid;
    margin: 0 0 15px 0;
}
 
div.remind form#user-registration.form-validate fieldset dl dt label#jform_email-lbl {
    float: right;
    display: block;
    width: 190px;
    padding: 0 0 2px 0;
}
 
div.remind form#user-registration.form-validate fieldset dl dd input#jform_email {
    width: 210px;
}
 
div.remind form#user-registration.form-validate div {
    padding: 15px 0 0 0;
}
/* -------------------------
   User Request New Password
---------------------------- */
div.reset form#user-registration.form-validate p {
    margin-bottom: 15px;
}
 
div.reset form#user-registration.form-validate fieldset {
    display: block;
    padding: 6px;
    border: 1px #999 solid;
    margin: 0 0 15px 0;
}
 
div.reset form#user-registration.form-validate fieldset dl dt label#jform_email-lbl {
    float: right;
    display: block;
    width: 190px;
    padding: 0 0 2px 0;
}
 
div.reset form#user-registration.form-validate fieldset dl dt dd input#jform_email {
    width: 210px;
}
 
div.reset form#user-registration.form-validate div {
    padding: 15px 0 0 0;
}
/* ----------------------------
   List All Newsfeed categories
----------------------------- */
div.categories-list ul li dl.newsfeed-count dt {
    float: left;
    margin: 0 10px 0 0;
}
/* ----------------------
   List one feed category
------------------------- */
div.newsfeed-category h1 {
    margin: 0 0 15px 0;
}
 
div.newsfeed-category form#adminForm fieldset.filters {
    border: 0 none;
    padding: 0;
}
 
div.newsfeed-category form#adminForm fieldset.filters legend.hidelabeltxt {
    display: none;
}
 
/* Table */
div.newsfeed-category form#adminForm table.category {
    width: 100%;
}
 
div.newsfeed-category form#adminForm table.category thead tr th {
    border: 1px #999 solid;
    font-weight: bold;
    padding: 3px;
    background-color: #e5e5e5;
    vertical-align: top;
}
 
div.newsfeed-category form#adminForm table.category thead tr th {
    white-space: nowrap;
}
 
div.newsfeed-category form#adminForm table.category thead tr th a img {
    margin: 0 0 0 5px;
}
 
div.newsfeed-category form#adminForm table.category tbody tr td {
    border: 1px #999 solid;
    font-weight: normal;
    padding: 3px;
    background: none;
    vertical-align: top;
}
 
div.newsfeed-category form#adminForm table.category tbody tr td a {
    font-size: 11px;
}
 
div.newsfeed-category form#adminForm table.category tbody tr td.item-num-art {
    text-align: center;
}
/* --------------------
   Disolay one newsfeed
----------------------- */
div.newsfeed h1 {
    margin: 0 0 15px 0;
}
 
div.newsfeed h2 {
    margin: 0 0 8px 0;
}
 
div.newsfeed ol li {
    margin: 3px 0 3px 0;
}
/* ----------------------
   All weblink categories
------------------------- */
div.categories-list ul li dl.weblink-count dt {
    float: left;
    margin: 0 10px 0 0;
}
/* ------------
   weblink page
--------------- */
div.weblink-category h1 {
    margin: 0 0 15px 0;
}
 
div.weblink-category form#adminForm fieldset.filters {
    border: 0 none;
    padding: 0;
}
 
div.weblink-category form#adminForm fieldset.filters legend.hidelabeltxt {
    display: none;
}
 
div.weblink-category form#adminForm table.category {
    width: 100%;
}
 
div.weblink-category form#adminForm table.category thead tr th {
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 5px 0;
    border-bottom: 1px #999 solid;
    vertical-align: top;
}
 
div.weblink-category form#adminForm table.category tbody tr td {
    padding: 9px 0 0 0;
    vertical-align: top;
}
 
div.weblink-category form#adminForm table.category tbody tr td.title p a {
    font-size: 12px;
}
 
div.weblink-category form#adminForm table.category tbody tr td p {
    font-size: 10px;
}