/* reset css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

ul, ol { display: block;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 25px;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }


body {
margin : 0;
padding : 0;
font : 90%  "lucida sans", sans-serif,  tahoma, "Trebuchet MS", arial, verdana;
color : #555;
background : #f7f7f7;
}



/* hoodfding: foto + titel */

.banner {
height : 150px;
padding : 0;
background : #f7f7f7 url(../images/image00.jpg) no-repeat;
background-size: cover;
color : #333;
}
.banner h1 {margin : 0;
font-size: 55px;
padding : 60px 0px 5px 0px;
background : transparent;
color : #fff;
}
/* eind hoofding */


/* navigatiebalk */
ul.navigation {
padding : 4px 20px 5px 20px;
margin : 0;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : #476042;
}
ul.navigation li {
list-style : none;
margin : 0;
display : inline;
}
ul.navigation li a {
text-transform : uppercase;
padding : 5px 0.75em;
margin : 0;
color : #fff;
background : #476042;
text-decoration : none;
}
ul.navigation li a:link {
color : #fff;
background : #476042;
}
ul.navigation li a:visited {
color : #fff;
background : #476042;
}
ul.navigation li a:hover {
color : #000;
background : #7ABA2E;
}
ul.navigation li a#current {
color : #fff;
background : #7ABA2E;
}
/* eind navigatiebalk */


/* pad */
ul.breadcrumb {
  list-style: none;
  padding : 4px 20px 5px 20px;
  margin : 0 0 20px 0;
  text-align : left;
  letter-spacing : 3px;
  color : #fff;
  background : #476042;
}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: white;
  content: "/\00a0";
}

ul.breadcrumb li a {padding: 9px; color: #fff;}
/* eind pad */


/* plaatshouder boven links en rechts */
.plaatshouder_bl, .plaatshouder_br {
padding : 4px 5px 5px 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : #476042;
}
/* eind plaatshouders boven */


/**
 * Styling navigation in zijbalk
 */

.sidenav {
  margin-right: auto;
  margin-left: 20px;
}

/**
 * Styling top level items
 */

.sidenav ul, sidenav ol, sidenav ul li { list-style-type: none; 
line-height : 1.8em;
font-size: 16px;
margin : 0 ;
padding : 0;
color : #476042;
background : inherit;
}


.nav a, .nav label, .nav ul, .nav ol, .nav ul li {
  display: block;
  margin : 0;
  padding : 0;
  color: #476042;
  background-color: inherit;
  -webkit-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.nav a:hover, .nav label:hover {
  text-decoration : none;
  color: #476042;
  background: #E0F8E0;
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  background: #E0F8E0;
}

.group-list a:hover, .group-list label:hover,.group-list a#current { background: #CEF6CE; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  background: #A9F5A9;
}

.sub-group-list a:hover, .sub-group-list label:hover, .sub-group-list a#current { background: #81F781; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  background: #58FA58;
}

.sub-sub-group-list a:hover, .sub-sub-group-list label:hover, .sub-sub-group-list a#current { background: #2EFE2E; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  -o-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  margin: 0 2px 0 0;
  -webkit-transition: -webkit-transform .65s ease;
  transition: -webkit-transform .65s ease;
  -o-transition: transform .65s ease;
  transition: transform .65s ease;
  transition: transform .65s ease, -webkit-transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* eind navigatie in zijbalk */

/* menu */
.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 10px;
padding : 0;
list-style-type : square;
font-size: 14px;
color : #476042;
background : inherit
;
}
.menu ul li a {
color : #f17c0b;
background : inherit;
}
.menu ul li a:hover {
color : #7ABA2E;
background : inherit;
}
/* eind menu */


/* hoofdinhoud in het midden */
.content {
padding : 0;
font-size: 16px;
margin-left : 10px;
margin-right : 20px;
border-left : 1px dashed #333;
border-right : 1px dashed #333;
color : #555;
background-color : #f7f7f7;
}
.content p {
margin : 20px;
}
/* hoofdinhoud */


/* artikels in linkerzijbalk */
.sidebar-a {
float : left;
margin-left : 20px;
font-size: 14px;
padding : 20px 5px 0 0;
color : #666;
background : #f7f7f7;
}
/* eind artikels in linkerzijbalk */

/* artikels in rechterzijbalk */
.sidebar-b {
float : right;
font-size: 14px;
margin : 0 5px 0 0 ;
padding : 0 5px 15px 5px;
color : #333;
background : #faf8e9;
}
/* eind artikels in rechterzijbalk */


/* driekolommen */
.col3,.col3center {
float: left;
width: 30.5%;
}
.col3center {
margin: 0 3%;
}
/* eind driekolommen */

/* plaatshouders onderaan */
.plaatshouder_ol, .plaatshouder_or {
padding : 4px 5px 5px 0;
margin : 0 0 0 0;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : #476042;
}
/* eind plaatshouders onderaan */

/* voetnota */
.voet {
  clear : both;
  list-style: none;
  padding : 4px 30px 5px 30px;
  letter-spacing : 2px;
  margin : 0 0 0 0;
  text-align : left;
  color : #fff;
  background : #476042;
}
/* eind voetnota */

/* diverse stijlbepalingen */
a {
text-decoration : none;
color : #f17c0b;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #aaa;
background : inherit;
}
a img {
border : 0;
}
.border {
padding : 10px;
margin : 10px;
border : 1px solid #476042;
}
.imgleft {
float : left;
border : 1px solid #90b905;
margin : 5px 10px 10px 15px;
padding : 5px;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 150%;
letter-spacing : 3px;
color : #fff;
background : #476042;
}
h2 {
padding-left : 20px;
font-size : 140%;
text-transform : uppercase;
letter-spacing : 10px;
color : #476042;
background : inherit;
}
h3 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #476042;
}
h4 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #f17c0b;
}
h5 {
padding-left : 20px;
font-size : 110%;
text-transform : uppercase;
letter-spacing : 3px;
color : #476042;
background : inherit;
}
blockquote {
margin: 20px;
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.clear {
clear : both;
width : 100%;
}
/* eind diverse stijlbepalingen */