@charset: "utf-8";
body {
  margin: 0;
  padding: 0;
  background: #e8e7e5 none repeat scroll 0% 50%;
  font-family: Arial;
  font-size: 13px;
  color: #666666;
}
form {
  margin: 0;
  padding: 0;
}
fieldset {
  border:  none;
  margin: 0;
  padding: 0;
}
input, textarea, select {
  font-family: Arial;
  font-size: 13px;
  color: #666666;
}
/* 
h1 {
  letter-spacing: -1px; 
  font-size: 30px;
} 
h2 {
  font-size: 20px;
}
h3 {
  font-size: 15px;
  font-weight: bold;
}
p, ul, ol {
  margin-bottom: 1.6em;
}
p {
}
blockquote {
  font-style: italic;
}
ul {
}
ol {
}
a {
  color: #70bf0c;
  text-decoration: none;
}
a:hover {
  color: #4836ec;
  text-decoration: underline;
}
small {
}
hr {
  display: none;
}
img {
  border:  none;
}
img.left {
  margin: 0 15px 0 0;
  float: left;
}
img.right {
  margin: 0 0 0 15px;
  float: left;
}
*/
#header {
  width: 1000px;
  height: 300px;
  margin: 0 auto;  /* margin rondom is voor alle zijden 0 en auto zet het altijd in het midden*/
/*  padding: 0 40px; /* rechts een randje van 40 wat de totale breedet op 1040 zet */
  padding: 0; /* ik zet de padding op 0 zodat de breedte 1000 blijft */
  background: #e8e7e5 url(images/header.png) no-repeat scroll center bottom;
}
#menu {
  width: 1000px;
  height: 100px;
}
#menu ul {
  margin: 0;
  padding: 25pt 0 25px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-weight: bold;
  text-align: center;
}
#menu li {
  display: inline;
}
#menu a {
  padding: 15px 25px 10px 25px;
  display: block;
  float: left;
  height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1.6em;
  color: #70bf0c;
}
#menu a:hover {
  background: #70bf0c none repeat scroll 0% 50%;
  color: #4836ec;
}
#logo {
  clear: both;
  width: 1000px;
  height: 200px;
}
#logo h1 {
  padding: 0px 0 0 600px;
  color: #4836ec;
  font-style: italic;
  font-size: 32px;
  font-weight: bold;
  position: absolute;
}
#logo h2 {
  padding: 35px 0 0 890px;
  color: #4836ec;
  font-size: 22px;
  font-style: italic;
  text-align: right;
  position: absolute;
}
#logo h3 {
  padding: 87pt 0 0 690px;
  color: #4836ec;
  font-size: 22px;
  font-style: italic;
  text-align: right;
  position: absolute;
}
#logo a {
  text-decoration: none;
/*  color: #1004e7; */
  color: #70bf0c;
}
#page {
  margin: 0 auto; /* netjes in het midden */
  padding: 30px 0;
  width: 1000px;  /* page net zo breed als de header */
}
/* content  */
#content {
  float: left;
  width: 580px;
  font-size: 14px;
}
#content .top {
  margin: 0px 0px 0px 8px;
  background: transparent url(images/content_top.png) no-repeat scroll center top;
  overflow: hidden;
  height: 17px;
  width: 580px;
}
#content .bot {
  margin: 0px 0px 0px 8px;
  background: transparent url(images/content_bot.png) no-repeat scroll center bottom;
  overflow: hidden;
  height: 18px;
  width: 580px;
}
#content .post { /* gebied met tekst */
  margin: 0px 0px 0px 8px;
  padding: 10px 25px 20px 38px;
  background: transparent url(images/content_bg.png) repeat-y scroll 0% 50%;
  width: 517px;
  float: left;
}
#content a {
  color: #70bf0c;
  text-decoration: none;
}
#content a:hover {
  color: #4836ec;
  text-decoration: underline;
}
/* de titel van de diverse stukjes met h1 h2 en h3 */
.post .title {
  margin: 0;
  color: #4836ec;
}
/* 
.post .date {
  border: 1px solid #c9e5fc;
  margin: 0 15px 0 0;
  padding: 2px 0;
  background: #c9e5fc none repeat scroll 0% 50%;
  float: left;
  width: 70px;
  text-align: center;
  font-size: 11px;
  color: #3f4c6b;
}
.post .date b {
  padding: 5px 0;
  background: #f4fafe none repeat scroll 0% 50%;
  display: block;
  font-size: 24px;
  font-weight: normal;
}
.post .meta {
  margin: 0;
  color: #b2b7c4;
}
.post .entry {
  padding: 20px 0;
  line-height: 200%;
}
*/
#sidebar {
  float: right;
  width: 340px;
}
/* area with balk en bullit list met menu */
#sidebar ul {
  margin: 52px 0px 0px 0px ; 
  padding: 0; 
/*  background: #e8e7e5 none repeat scroll 0% 50%; */
  background: #e8e7e5 none repeat scroll;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#sidebar li {
  background: transparent url(images/balk.png) no-repeat scroll 0% 0%;
/*  padding: 35px 20px 40px 10px;*/
  padding: 0px 20px 40px 10px;
/*  margin-top: 0px;*/
/*  margin-bottom: 20px;*/
  font-size: 16px;
}
#sidebar li ul {
/* hoogte van de regels in de list */
  margin: 29px 0px 0px 0px; 
  line-height: 210%; 
}
#sidebar li li {
/*  margin: 0px 0px 0px 0px;*/
  margin: 0 0 0 0;
  padding: 0 0 0 15px;
  background: transparent url(images/greendot.png) no-repeat scroll left center;
  font-size: 14px;
}
#sidebar h2 {
  /*padding: 0 5px 10px 50px;*/
  padding: 0px 5px 0px 40px;
/*  background: transparent url(images/balk.png) no-repeat scroll 0% 0%;*/
  margin-bottom: 0px;
  text-transform: none;
  font-weight: bold;
  color: #4836ec;
  font-size: 22px;
}
#sidebar a {
  color: #70bf0c;
  text-decoration: none;
}
#sidebar a:hover {
  color: #4836ec;
  text-decoration: underline;
}
/*
.title {
  color: #70bf0c;
}
#s {
  width: 160px;
}
*/

/* Footer */

#footer {
  padding: 139px 0;
  background: #e8e7e5 url(images/footer.png) repeat scroll center;
  clear: both;
  text-align: center;
  font-size: 10px;
}
/*
#footer p {
  margin: 0;
  color: #ffffff;
}
#footer a {
  color: #ffffff;
}
*/