/*
 * reset browsers
 */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote { margin: 0; padding: 0; }
table { border-collapse: separate; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
em {
	font-style: normal;
	color: #ffffff;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
}
strong { font-weight: bold; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3 { font-weight: normal; margin-bottom: 0.5em; }
h4, h5, h6 { margin-bottom: 0.5em; }
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
del, ins { text-decoration: none; } 

/*
 * initiale waarden
 */
body { font: 13px/1.231 arial, helvetica, clean, sans-serif; }
select, input, button, textarea { font: 99%  arial, helvetica, clean, sans-serif; }
table {
	font-size: inherit;
	font: 100%;
	font-weight: bold;
	color: #4096EE;
}
pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; }
blockquote, ul, ol, dl { margin: 1em; }
ol, ul, dl { margin-left: 2em; }
ol li { list-style: decimal outside;  }
ul li { list-style: disc outside; } 
p { margin-bottom: 2em; }

/*
 * site opmaak
 */
body { 
  background-color: #eee;
  color: #666;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.page {
  margin: 0 auto;
  width: 980px;
}
.content {
  margin-left: 240px;
  width: 740px;
}
.clear {
  clear: both;
}
.sidebar {
  color: #fff;
  float: left;
  width: 240px;
}
.sidebar div {
  padding: 20px;
}
.sidebar div h4,
.sidebar div p {
  background: url(images/img07.gif) repeat-x left bottom;
  font-style: italic;
  font-weight: normal;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
#main {
	background: #fff url(images/img01.gif) repeat-y;
}
#logo {
  float: left;
}
#menu {
  background: #85c329 url(images/img04.gif) repeat-y;
  clear: both;
}
#menu ul {
  margin: 0;
  padding: 0;
}
#menu li {
  background: url(images/img05.gif) repeat-x;
  list-style: none;
  padding: 10px 0;
}
#menu li.first {
  background: none;
}
#menu a {
  color: #fff;
  font-size: 120%;
  text-decoration: none;
}
#menu a:hover {
  text-decoration: underline;
}
#slideshow {
  height: 220px;
}  
#inhoud {
  padding: 30px;
  width: 680px;
}
#inhoud h1 {
  border-bottom: 1px dotted #666;
  color: #4096ee;
  font-size: 230%;
  padding-bottom: 10px;
}
#inhoud p,
#inhoud ul,
#inhoud ol {
  line-height: 200%;
}
#inhoud a {
  color: #4096ee;
}
.accent {
  font-style: italic;
  font-weight: bold;
}
.orange {
	color: #fff;
	background-color: #ff9523;
	background-image: url(images/img10.gif);
	background-repeat: repeat-x;
}
#inhoud .orange a {
  color: #fff;
}
.col {
  float: left;
  padding: 20px;
  width: 300px;
}
.col h3 {
	padding-bottom: 1em;
	background-color: #ff9523;
	background-image: url(images/img11.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#footer {
	background: url(images/img12.gif) repeat-x;
  clear: both;
  font-size: 85%;
  height: 120px;
}
#footer a {
  color: #135293;
}
#footer .sidebar {
	background: url(images/img13.gif) repeat-x;
  color: #666;
  height: 80px;
  padding: 35px 20px 0; 
  width: 200px;
}
#footer .sidebar a {
  color: #fff;
}
#footer .content {
  padding: 35px 20px 0; 
}