@charset "UTF-8";

html, body, div, span, applet, object, iframe,
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}


body {
  line-height: 1;
/*  font-family: arial, helvetica, sans-serif;*/
  font-family: bookman old style,new york,sans-serif;
  font-size: 15px;
}

table.nopad tbody tr td div.search h1,
div.item-page h2 {
  font-size: 32px;
  line-height: 10px;
}

ol, ul {
  margin-left: 20px;
}

table {
  border-collapse:collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
abbr,acronym {
  border:0;
}


/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */


body.width_default div#wrapper {
  width: 994px;
}

body.width_max div#wrapper {
  width: 1150px;
}

body.width_fmax div#wrapper {
  min-width: 994px;
  max-width: 1150px;
}



div#wrapper
{
  text-align: left;
  margin-top: 50px;
}


div#logo
{
  position: absolute;
  top: 60px;
  margin-left: 10px;
  height: 260px;
  width: 196px;
  background: url(../images/logo.png) 0 0 no-repeat;
}

div#slogan
{
  position: absolute;
  top: 325px;
  margin-left: 10px;
  width: 196px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-size: 17px;
  line-height: 16px;
}

div#topmenu
{
  float: right;
/*  margin-right: 220px;*/
}

#topmenu li
{
  display:inline;
  list-style-type:none;
  border-left:1px solid #fff;
  padding: 0 7px 0 7px;
}

div#toparea
{
  width: 100%;
}

div#topimgarea
{
  width: 100%;
  height: 100%;
/*  padding-top: 25px;*/
}
div#topimg
{
  width: 100%;
  height: 150px;
  background: url(../images/top.jpg) 0 0 no-repeat;
}

div#toparea_l
{
  float: left;
  width: 100px;
  height: 100%;
}

div#toparea_r
{
  float: right;
  width: 100%;
  height: 100%;
}

div#breadcrumbarea
{
/*  height: 35px;
  padding-top: 10px;*/
}

div#area
{
  width: 100%;
  min-height: 600px;
}

div#leftarea
{
  float: left;
  width: 200px;
}

div#leftcolumn
{
  margin-top: 200px;
  margin-left: 10px;
  min-height: 260px;
}

div#leftarea div.moduletable_menu
{
  margin-bottom: 50px;
}

div#leftarea ul
{
  list-style: none;
  margin-left: 5px;
}

div#leftarea ul li
{
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid;
  padding: 7px 0 5px 0;
}

div#leftarea ul li a:link,
div#leftarea ul li a:visited
{
  text-decoration: none;
  color: #004600
}

div#maincolumn, div#maincolumn_full
{
  width: auto;
  margin-left: 250px;
}


/****** Zoekmodule ******/
form#searchForm fieldset,
form#searchForm div.searchintro,
form#searchForm div.form-limit {
  margin-top: 10px;
}

dt.result-title {
  margin-top: 15px;
}

div.search dl.search-results dd.result-text span.highlight {
  font-weight: bold;
}
/************************/


table.nopad {
  border-collapse: collapse;
  min-height: 600px;
  margin: 0 0 15px;
  padding: 0;
  width: 100%;
}

td.greyline {
  border-right: 1px solid #E0E0E0;
  width: 5px;
  padding-left: 5px;
}

td.rightcolumn {
    width: 220px;
  padding-left: 10px;
  padding-right: 10px;
  background: url(../images/background.png) 0 300px no-repeat;
}

div.moduletable_menu h3 {
  font-size: 1.3em;
  font-style: italic;
}

/**************************/
/******  03-08-2016 ******/
/**************************/

div.moduletable_menu ul li {
/*  line-height: 15px !important;*/
/*  font-size: 13px !important;*/
}

/*div.moduletable_menu ul li a.sub_menu{*/
div.moduletable_menu ul li ul{
  font-style: italic !important;
  margin-left: 15px !important;
}

div.moduletable_menu ul li ul li{
  line-height: 5px !important;
  border: none !important;
}

/**************************/



td.rightcolumn h3,
div#xmap h1,
div#xmap h2.menutitle {
  font-style: italic;
}

div#xmap h2 {
  margin-left: 30px;
}

div#xmap ul.level_0 {
  margin-left: 60px;
}

td.rightcolumn ul li
{
  line-height: 20px;
}

td.rightcolumn ul li a:link
{
  text-decoration: none;
}

td.rightcolumn div.moduletable
{
  padding-bottom: 15px;
}

div#footerarea
{
}

div#syndicatearea
{
}



/* Text styles */
.blog-featured h2 {
  font-size: 1.5em;
  margin-bottom:0em;
}
p.readmore {
  text-indent:0;
  font-size: .9em;
}
.joomla-footer {
  font-size: .9em;
  margin-bottom: 30px;
}

/* Article functions */
ul.actions {
  clear:both;
  margin-top: -50px;
  float:right;
}
ul.actions li {
  list-style-type: none;
  float:right;
  margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
  width: 160px;
  display:block;
}
p#form-login-remember label {
  font-size: .9em;
  font-weight: normal;
  line-height: 25px;
}
p#form-login-remember input {
  float:left;
  margin-right: 5px;
}
form#form-login ul {
  margin: 0;
  padding: 0;
}
form#form-login ul li {
  list-style-type: none;
  margin-left: 20px;
  font-size: .9em;
}

/* Image float styles */
.img-fulltext-left {
  float:left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.img-intro-left {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.img-fulltext-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.img-intro-right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}