body {
  margin:0px;
  padding:0px;
  background-color:#f7f7f7;
  background-image:url('../images/backgrounds/page.gif');
  background-position:center;
  background-repeat:repeat-y;
  font-family: Verdana, Tahoma, Trebuchet MS, Trebuchet, sans-serif;
  font-size:70%;
  line-height:1.3em;
  text-align:center;
}

body * {
  text-align:left;
}

br {
  clear:left;
}

img {
  border-style:none;
}

.pageholder {
  width:1000px;
  min-height: 100%;
  height:auto !important; /* voor moderne browsers */
  height:100%; /* voor IE */
  margin:0px auto 0px auto;
}

.page {
  width:960px;
  min-height: 100%;
  height:auto !important; /* voor moderne browsers */
  height:100%; /* voor IE */
  margin:0px 20px 0px 20px;
}

.header {
  width:961px;
  height:160px;
  position:relative;
  background-image:url('../images/backgrounds/header.gif');
  background-repeat:no-repeat;
  background-color:#fff;
  background-position:right;
}

.logohaarlem {
  position:absolute;
  left:40px;
  top:31px;
}

.logoloket {
  position:absolute;
  left:382px;
  top:99px;
}

.textonly {
  display:none;
}

.navholder {
  position:relative;
  float:left;
  width:211px;
  background-color:#fff;
}

.contentsholder {
  position:relative;
  float:left;
  width:420px;
  margin:0 2px 0 2px;
  background-color:#fff;
}

.contents {
  width:390px;
  margin:12px 15px 12px 15px;
  border-bottom: 2px solid #bbb;
  padding: 0px 0px 1em 0px;
}

.rightbarholder {
  position:relative;
  float:left;
  width:325px;
}

.rightbar {
  width:280px;
  margin:12px 15px 12px 15px;
  border-bottom: 2px solid #bbb;
  padding: 0px 0px 1em 0px;
}

.rightbar h2 {
  margin-top:0;
}

ul.nav {
  margin:0px;
  padding:0px;
  list-style-type:none;
  width:196px;
  margin-bottom:23px;
}

ul.nav li {
  font-weight:bold;
  text-align:right;
  margin:0px;
  padding:5px 0px 5px 0px;
  background-repeat: no-repeat;
  background-position: right center;
}

ul.nav li a {
  color:#000000;
  text-decoration:none;
}

ul.nav li a:hover {
  text-decoration:none;
}

ul.nav li a:hover {
  padding-left: 10px;
  background-repeat: no-repeat;
  background-image: url('../images/buttons/reddot.gif');
  background-position: 0px 5px;
}

ul.nav li.home,
ul.nav li.producten,
ul.nav li.veelgestelde-vragen,
ul.nav li.help,
ul.nav li.contact,
ul.nav li.aanvragen,
ul.nav li.gegevens {
  padding:14px 0px 14px 0px;
}
ul.nav li.home a,
ul.nav li.producten a,
ul.nav li.veelgestelde-vragen a,
ul.nav li.help a,
ul.nav li.contact a,
ul.nav li.aanvragen a,
ul.nav li.gegevens a {
  padding-right: 50px;
}

ul.nav li.home {
  background-image: url('../images/buttons/startpagina_loket.gif');
}

ul.nav li.producten {
  background-image: url('../images/buttons/producten.gif');
}

ul.nav li.veelgestelde-vragen {
  background-image: url('../images/buttons/veelgestelde_vragen.gif');
}

ul.nav li.help {
  background-image: url('../images/buttons/help.gif');
}

ul.nav li.contact {
  background-image: url('../images/buttons/contact.gif');
}

ul.nav li.aanvragen {
  background-image: url('../images/buttons/mijn_aanvragen.gif');
}

ul.nav li.gegevens {
  background-image: url('../images/buttons/mijn_gegevens.gif');
}

h2.digitaal-aanvragen-kop {
  display:none;
}
ul.digitaal-aanvragen, ul.digitaal-aanvragen li {
  margin:0px;
  padding:0px;
  list-style-type: none;
  text-align:center;
}

label {
  float:left;
  clear:left;
  width:100px;
}

input.submit {
  clear:left;
}


.contents input.submit {
  margin-left:100px;
  margin-top:1em;
  margin-bottom:1em;
}