body {

  font-family: Arial,Helvetica,sans-serif;
  font-size: 11pt;
  margin: 0;
  padding: 20px 0;
}

hr{
  border-top: 1px solid #858585;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

br.clear {
  clear: both;
  height: 0;
  line-height: 0.0;
  font-size: 0;
}
div.wrapper {
  margin: auto;
  text-align: left;
  width: 800px;
}
/* logo */
h1 {
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
}
h1 img {
  border: 0;
}
/* top menu */
ul.menu {
  margin: 0;
  padding: 18px 0 0 0;
}
ul.menu li {
  float: left;
  height: 22px;
  overflow: hidden;
  margin: 0 5px;
  padding: 0;
}
ul.menu li a {
  cursor: auto;
  display: block;
  height: 22px;

  letter-spacing: -1px;
  padding: 22px 0 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/menu_items.png);
}
ul.menu li a.wie-is {
  width: 47px;
  background-position: 0px 0px;
}
ul.menu li a.wie-is:hover,
ul.menu li.active a.wie-is {
  background-position: 0px -24px;
}
ul.menu li a.wat-doet {
  width: 66px;
  background-position: -67px 0px;
}
ul.menu li a.wat-doet:hover,
ul.menu li.active a.wat-doet {
  background-position: -67px -24px;
}
ul.menu li a.hoe-werkt {
  width: 77px;
  background-position: -155px 0px;
}
ul.menu li a.hoe-werkt:hover,
ul.menu li.active a.hoe-werkt {
  background-position: -155px -24px;
}
ul.menu li a.voor-wie-werkt {
  width: 113px;
  background-position: -252px 0px;
}
ul.menu li a.voor-wie-werkt:hover,
ul.menu li.active a.voor-wie-werkt {
  background-position: -252px -24px;
}
ul.menu li a.wat-kost {
  width: 68px;
  background-position: -381px 0px;
}
ul.menu li a.wat-kost:hover,
ul.menu li.active a.wat-kost {
  background-position: -381px -24px;
}
ul.menu li a.waar-werkt {
  width: 83px;
  background-position: -468px 0px;
}
ul.menu li a.waar-werkt:hover,
ul.menu li.active a.waar-werkt {
  background-position: -468px -24px;
}
ul.menu li a.nieuws {
  width: 90px;
  background-position: -573px 0px;
}
ul.menu li a.nieuws:hover,
ul.menu li.active a.nieuws {
  background-position: -573px -24px;
}
/* page title */
h2 {
  margin: 15px 0 15px 25px;
}
div.content h2 {
  color: #5E89C2;
  font-size: 14pt;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
}
/* paragraph title */
h3 {
  color: #5E89C2;
  font-size: 10pt;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
}
/* title in blockright */
h4 {
  color: #5E89C2;
  font-size: 10pt;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
}
p {
  margin: 0 0 15px 0;
}
p.byline {
  font-style: italic;
}
blockquote {
  color: #5E89C2;
  margin: 15px;
  font-style: italic;
}
em {
  color: #5E89C2;
  font-style: normal;
}
a {
  color: #5E89C2;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.next {
  float: right;
}
a.back {
  float: left;
}
a img.icon {
  position: relative;
  top: 8px;
  margin-right: 5px;
  border: 0;
}
div.content {
  font-size: 13px;
  line-height: 16pt;
  padding: 10px;
  background-color: #EEEBEB;
  height: 1%;/* Internet Explorer hack */
}
div.content img.align-right {
  float: right;
  margin: 0 0 0 20px;
}
div.content img.align-left {
  float: left;
  margin: 0 20px 0 0;
}
div.content div.blockright {
  float: right;
  height: 335px;
  width: 280px;
  border-left: 2px solid #858585;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 10px 30px;
  margin: 0 0 0 30px;
  font-size: 10pt;
}
div.footer {
  border-top: 1px solid #858585;
  text-align: right;
  font-size: 75%;
  color: #858585;
  margin: 10px 0;
  padding: 5px 0;
  line-height:17px;
}

div.footer div{
	float:left;
	width:200px;
	text-align:left;
}
div.footer div img{
	float:left;
	margin:0 5px 10px 0;	
}

div.footer div strong{
	font-weight:bold;
	color:#7998c6;
}

div.footer div a:hover{
	text-decoration:none;	
}

div.footer a {
  color: #858585;
}

/* voor wie werkt */

div.voorwiewerkt{}

div.voorwiewerkt h3{
	margin:9px 0 0 0 !important;
	padding:0 !important;
}

div.voorwiewerkt p{
	margin:0 !important;
	padding:0 !important;
	line-height:16px;	
	
}