body {
  text-align:center; /* to align center in IE */
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  color: #000000;
}
td {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  color: #000000;
}

#container {
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* to counter-act align in body for IE */
  width: 770px;
}

#header {
  position: relative;
  height: 127px;
  width: 770px;
}
#hleft {
  position: relative;
  height: 127px;
  width: 256px;
  float: left;
  background: #303f57 url('../image/logo.gif') no-repeat left top;
} 
#hright {
  position: relative;
  height: 127px;
  width: 514px;
  float: right;
  background: #303f57 url('../image/menu-bolletjes.gif') no-repeat left top;
}
#hright img {
  margin-top: 8px;
}
#hright .home {
  margin-top: 24px;
}

#content {
  position: relative;
  float: left;
  width: 770px;
}
#hpright {
  position: relative;
  float: right;
  width: 132px;
  height: 365px;
  background: #FFFFFF url('../image/bolletjes-rechts.gif') no-repeat left top;
}
#hpright p {
  padding-left: 10px;
}
#hpleft {
  position: relative;
  float: left;
  width: 638px;
}
#hpleft1, #hpleft1l {
  position: relative;
  float: left;
  width: 256px;
  height: 295px;
}
#hpleft1{
  background: #FFFFFF url('../image/left-home.jpg') no-repeat left bottom;
}
#hpleft1l{
  background: #FFFFFF url('../image/left-links.jpg') no-repeat left bottom;
}
#hpleft2,#hpleft3 {
  position: relative;
  float: left;
  width: 382px;
  height: 295px;
  background: #FFFFFF url('../image/content-bolletjes-kort.gif') no-repeat left top;
}
#pright1 {
  position: relative;
  float: left;
  width: 514px;
  height: 320px;
  background: #FFFFFF url('../image/content-bolletjes-lang.gif') no-repeat left top;
}
#pright1 #photo {
  margin-left: 15px;
  margin-top: 20px;
  width: 490px;
  height: 294px;
  xborder: 1px blue solid;
  background: #FFFFFF url('../image/photo_loading.gif') no-repeat scroll 47%;
}
#pright2 {
  position: relative;
  float: left;
  width: 514px;
  height: 58px;
  background-color: #638ab7;
}
#hpleft2 p {
  margin-top: 120px;
  padding-left: 15px;
  padding-right: 10px;
}
#hpleft3 p {
  margin-top: 56px;
  padding-left: 15px;
  padding-right: 10px;
}

#pleft {
  position: relative;
  float: left;
  width: 256px;
}
#pleft1{
  position: relative;
  float: left;
  width: 256px;
  height: 270px;
  text-align:right;
  background: #FFFFFF url('../image/left-portfolio.jpg') no-repeat left bottom;
}
#pleft2{
  position: relative;
  float: left;
  width: 256px;
  background: #FFFFFF url('../image/verloop-kort.jpg') repeat-y left top;
}

#hpfooter {
  position: relative;
  float: left;
  width: 638px;
  height: 110px;
  background: #FFFFFF url('../image/verloop-lang.jpg') repeat-y left top;
}
#pleft2 {
  position: relative;
  float: left;
  width: 256px;
  height: 110px;
  background: #FFFFFF url('../image/verloop-kort.jpg') repeat-y left top;
}
#hpfooter address, #pleft2 address {
  margin-top: 54px;
}

/* text classes */
.bodytext {
  text-align: justify;
  line-height: 130%;
}
#hpleft2 strong, #hpleft3 strong {
  color: #303f57;
  font-size: 14px;
}
#hpleft2 a, #hpleft3 a {
  color: #638ab7;
  font-weight: bold;
  text-decoration: none;
}

#pleft1 a{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
#pleft1 a.sel {
  color: #638ab7;
}

.righttext {
  line-height: 110%;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
}
#hpright strong {
  display:block;
  color: #638ab7;
  font-size: 10px;
  margin-top: 13px;
  margin-bottom: 6px;
}
#hpright a {
  color: #638ab7;
  font-weight: bold;
  text-decoration: none;
}

#hpfooter #payoff, #hpfooter #adres, #pleft2 #payoff, #pleft2 #adres {
  padding-left: 20px;
  font-style: normal;
  font-size: 11px;
}
#hpfooter #payoff, #pleft #payoff {
  font-size: 9px;
  color: #303f57;
  word-spacing: -0.5px;
  letter-spacing: -0.5px;
}
#hpfooter #adres, #hpfooter #adres a, #pleft #adres, #footlinks,  #footlinks a{
  font-size: 9px;
  margin-top: 10px;
  color: #000000;
  text-decoration: none;
}
#hpfooter #adres a:hover{
  color: #638ab7;
}

#adres span {
  float: left;
  display:block;
  width:250px;
  height: 10px;
}

#expl {
  position: relative;
  float: left;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 5px;
}
#nrs {
  padding-top: 15px;
  position: relative;
  float: right;
  color: #000000;
}
#nrs a {
  color: #000000;
  text-decoration: none;
  display: block;
  float: left;
  margin-right: 5px;
}

#footlinks {
  padding-left: 15px;
  padding-top: 2px;
}

.clr {
  clear: both;
}


.date {
  font-size: 10px;
  color: #999999;
}
.calendar {
  display: none; 
  position:absolute; 
  top: 20px; 
  left: 20px; 
  width: 150px; 
  height:128px; 
  border: 0px solid blue;
}
.txtbigbold {
  font-size: 12px;
  font-weight: bold;
  color: #991E32;
}