html{
  width:100%;
  height:100%;
}
body {
  width:100%;
  height:100%;
  vertical-align:middle;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: #FFFFFF;
  scrollbar-track-color:#ffffff;
  scrollbar-face-color:#ff0000;
  scrollbar-arrow-color:#ffffff;
  scrollbar-highlight-color:#ff0000;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-shadow-color:#000000;
  scrollbar-darkshadow-color:#000000;
}
/*******TOTAL*******/
#total {
  min-height:50px !important;
  height:100%;
  width:100%;
}
#contentVert {
  position:absolute;
  width:100%;
  top:50%;
  margin-top:-295px; /*has to be 50% of container height ...*/
  background-color:#FFFFFF;
  background-image: url(background.jpg);
  background-position: center;
  background-repeat: repeat-x;
}
body.bodyhome #contentVert {
  margin-top:-200px; /*has to be 50% of container height ...*/
  background-image: none;
}
body.bodyhome #contentHorz {
  height:400px;
}
#contentHorz {
  margin:0 auto 0 auto;
  padding:0;
  overflow:hidden;
  width:760px;
  height:590px;
  background-color:#FFFFFF;
}
body.bodyhome #contentHorz {
  width:760px;
}
/*******TOTEMS*****/
#left {
float:left;
height: 590px;
overflow: hidden;
}
#right {
float:left;
height: 590px;
overflow: hidden;
}
#right object{
  float:left;
}
body.bodyadvocaten #left {
display: none;
}
body.bodyadvocaten #right {
width: 284px;
}
body.bodyraadsman #left {
width: 213px;
}
body.bodyraadsman #right {
width: 71px;
}
body.bodyfaq #left {
width: 71px;
}
body.bodyfaq #right {
width: 213px;
}
body.bodycontact #left {
width: 284px;
}
body.bodycontact #right {
display: none;
}
/******* CONTENT *******/
#content {
  float:left;
  width:475px;
  background-repeat: no-repeat;
}
/*******MENU*******/
#menu {
margin: -11px 0px 0px 0px;
padding:0;
}
#menu ul {
float: left;
margin: 0;
padding: 0;
list-style: none;
}
#menu ul li {
float: left;
margin: 0;
padding: 0;
}
body.bodyadvocaten #inter #spong #menu ul {
background-image: url(bg_menu_spong.jpg);
width: 200px;
}
body.bodyadvocaten #inter #medewerkers #menu ul {
background-image: url(bg_menu_medewerkers.jpg);
width: 400px;
}

body.bodyadvocaten #inter #haarlemmedewerkers #menu ul {
width: 200px;
}
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a {
background-color:#fff;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
body.bodycontact #inter #contact #menu {
margin: -13px 0px 0px 0px;
padding:0;
}
body.bodycontact #inter #contact #menu ul {
background-image: url(bg_menu_contact.jpg);
width: 200px;
}
body #inter #menu ul li a,
body.bodyadvocaten #inter #spong #menu ul li a,
body.bodyadvocaten #inter #hammerstein #menu ul li a,
body.bodyadvocaten #inter #medewerkers #menu ul li a,
body.bodyadvocaten #inter #haarlem #menu ul li a,
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a {
display: block;
width: 200px;
height: 25px;
padding: 0;
background-image: none;
color: #000000;
font-weight: bold;
font-size: 12px;
font-family: "Caecilia LT Roman",Times New Roman, Times, serif;
text-decoration: none;
}
body #inter #menu ul li a:hover,
body.bodyadvocaten #inter #spong #menu ul li a:hover,
body.bodyadvocaten #inter #hammerstein #menu ul li a:hover,
body.bodyadvocaten #inter #medewerkers #menu ul li a:hover,
body.bodyadvocaten #inter #haarlem #menu ul li a:hover,
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a:hover {
color: #FF0000;
background-color: #FFFFFF;
}
body #inter #menu ul li a:hover img,
body.bodyadvocaten #inter #spong #menu ul li a:hover img,
body.bodyadvocaten #inter #hammerstein #menu ul li a:hover img,
body.bodyadvocaten #inter #medewerkers #menu ul li a:hover img,
body.bodyadvocaten #inter #haarlem #menu ul li a:hover img,
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a:hover img {
  display:none;
}
body #inter #menu ul li a:hover img.on,
body.bodyadvocaten #inter #spong #menu ul li a:hover img.on,
body.bodyadvocaten #inter #hammerstein #menu ul li a:hover img.on,
body.bodyadvocaten #inter #medewerkers #menu ul li a:hover img.on,
body.bodyadvocaten #inter #haarlem #menu ul li a:hover img.on,
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a:hover img.on {
  display:block;
}
body #inter #menu ul li a img.on,
body.bodyadvocaten #inter #spong #menu ul li a img.on,
body.bodyadvocaten #inter #hammerstein #menu ul li a img.on,
body.bodyadvocaten #inter #medewerkers #menu ul li a img.on,
body.bodyadvocaten #inter #haarlem #menu ul li a img.on,
body.bodyadvocaten #inter #haarlemmedewerkers #menu ul li a img.on {
  display:none;
}
/*******INTER*******/
#inter {
  float:left;
  overflow:auto;
  width:475px;
}
/*-- Accueil rubrique ADVOCATEN --*/
body.bodyadvocaten #inter #spong {
width: 475px;
height: 148px;
background-image: url(algemeen01.jpeg);
}
body.bodyadvocaten #inter #hammerstein {
width: 475px;
height: 148px;
background-image: url(algemeen02.jpeg);
}
body.bodyadvocaten #inter #medewerkers {
width: 475px;
height: 148px;
background-image: url(algemeen04.jpeg);
}
body.bodyadvocaten #inter #haarlem {
width: 475px;
height: 148px;
background-image: url(algemeen03.jpeg);
}
body.bodyadvocaten #inter #spong a,
body.bodyadvocaten #inter #hammerstein a,
body.bodyadvocaten #inter #medewerkers a,
body.bodyadvocaten #inter #haarlem a {
display: block;
width: 200px;
height: 34px;
background-repeat: no-repeat;
}
body.bodyadvocaten #inter #spong a:hover,
body.bodyadvocaten #inter #hammerstein a:hover,
body.bodyadvocaten #inter #medewerkers a:hover,
body.bodyadvocaten #inter #haarlem a:hover {
background-position: 0px -55px;
}
body.bodyadvocaten #inter #spong a {
background-image: url(bout_spong.gif);
}
body.bodyadvocaten #inter #hammerstein a {
background-image: url(bout_hammerstein.gif);
}
body.bodyadvocaten #inter #medewerkers a {
background-image: url(bout_medewerkers.gif);
}
body.bodyadvocaten #inter #haarlem a {
background-image: url(bout_haarlem.gif);
}
body.bodyadvocaten #inter #spong a span,
body.bodyadvocaten #inter #hammerstein a span,
body.bodyadvocaten #inter #medewerkers a span,
body.bodyadvocaten #inter #haarlem a span {
display: none;
}
/*-- Pages ADVOCATEN/SPONG --*/
body.spong #content{
background-image: url(bg_spong.jpeg);
}
body.spong #inter #spong {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.spong #inter #spong h2,
body.spong #inter #spong h2 a {
width: 200px;
height: 46px;
background-image: url(titel_spong.gif);
}
body.spong #inter #spong h2 span {
display: none;
}
body.spong #inter #hammerstein,
body.spong #inter #medewerkers,
body.spong #inter #haarlem {
height: 40px;
}
/*-- Pages ADVOCATEN/HAMMERSTEIN --*/
body.hammerstein #content {
background-image: url(bg_hammerstein.jpeg);
background-position: 0px 40px;
}
body.hammerstein #inter #hammerstein {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.hammerstein #inter #hammerstein h2,
body.hammerstein #inter #hammerstein h2 a {
width: 200px;
height: 46px;
background-image: url(titel_hammerstein.gif);
}
body.hammerstein #inter #hammerstein h2 span {
display: none;
}
body.hammerstein #inter #spong,
body.hammerstein #inter #medewerkers,
body.hammerstein #inter #haarlem {
height: 40px;
}
/*-- Pages ADVOCATEN/MEDEWERKERS --*/
body.medewerkers #content {
background-image: url(bg_medewerkers.jpeg);
background-position: 0px 80px;
}
body.medewerkers #inter #medewerkers {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.medewerkers #inter #medewerkers h2,
body.medewerkers #inter #medewerkers h2 a {
width: 200px;
height: 46px;
background-image: url(titel_medewerkers.gif);
}
body.medewerkers #inter #medewerkers h2 span {
display: none;
}
body.medewerkers #inter #spong,
body.medewerkers #inter #hammerstein,
body.medewerkers #inter #haarlem {
height: 40px;
}
/*-- Pages ADVOCATEN/HAARLEM --*/
body.haarlem #content {
background-image: url(bg_haarlem.jpeg);
background-position: 0px 120px;
}
body.haarlem #inter #haarlem {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.haarlem #inter #haarlem h2,
body.haarlem #inter #haarlem h2 a {
width: 200px;
height: 46px;
background-image: url(titel_haarlem.gif);
}
body.haarlem #inter #haarlem h2 span {
display: none;
}
body.haarlem #inter #spong,
body.haarlem #inter #hammerstein,
body.haarlem #inter #medewerkers {
height: 40px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- Accueil rubrique HAARLEM --*/
body.bodyadvocaten #inter #amsterdam {
width: 475px;
height: 148px;
background-image: url(algemeen01.jpeg);
}
body.bodyadvocaten #inter #haarlemalgemeen {
width: 475px;
height: 148px;
background-image: url(algemeen02.jpeg);
}
body.bodyadvocaten #inter #marcel {
width: 475px;
height: 148px;
background-image: url(algemeen03.jpeg);
}
body.bodyadvocaten #inter #haarlemmedewerkers {
width: 475px;
height: 148px;
background-image: url(algemeen04.jpeg);
}
body.bodyadvocaten #inter #amsterdam a,
body.bodyadvocaten #inter #haarlemalgemeen a,
body.bodyadvocaten #inter #marcel a,
body.bodyadvocaten #inter #haarlemmedewerkers a {
display: block;
width: 200px;
height: 34px;
background-repeat: no-repeat;
}
body.bodyadvocaten #inter #amsterdam a:hover,
body.bodyadvocaten #inter #haarlemalgemeen a:hover,
body.bodyadvocaten #inter #marcel a:hover,
body.bodyadvocaten #inter #haarlemmedewerkers a:hover {
background-position: 0px -55px;
}
body.bodyadvocaten #inter #amsterdam a {
background-image: url(bout_amsterdam.gif);
}
body.bodyadvocaten #inter #haarlemalgemeen a {
background-image: url(bout_haarlemalgemeen.gif);
}
body.bodyadvocaten #inter #marcel a {
background-image: url(bout_marcel.gif);
}
body.bodyadvocaten #inter #haarlemmedewerkers a {
background-image: url(bout_haarlemmedewerkers.gif);
}
body.bodyadvocaten #inter #amsterdam a span,
body.bodyadvocaten #inter #haarlemalgemeen a span,
body.bodyadvocaten #inter #marcel a span,
body.bodyadvocaten #inter #haarlemmedewerkers a span {
display: none;
}

body.bodyadvocaten #inter #haarlemmedewerkers #contenu a, 
body.bodyadvocaten #inter #marcel #contenu a  {
  display:inline;
  width:auto;
  height:auto;
  background:none;
}

/*-- Pages HAARLEM/HAARLEM ALGEMEEN--*/
body.algemeen #content {
background-image: url(bg_19.jpeg);
background-position: 0px 41px;
}
body.algemeen #inter #haarlemalgemeen {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.algemeen #inter #haarlemalgemeen h2,
body.algemeen #inter #haarlemalgemeen h2 a {
width: 200px;
height: 46px;
background-image: url(titel_haarlem_algemeen.gif);
}
body.algemeen #inter #haarlemalgemeen h2 span {
display: none;
}
body.algemeen #inter #amsterdam,
body.algemeen #inter #marcel,
body.algemeen #inter #haarlemmedewerkers {
height: 40px;
}
/*-- Pages HAARLEM/MARCEL--*/
body.marcelstyle #content {
background-image: url(bg_haarlem.jpeg);
background-position: 0px 81px;
}
body.marcelstyle #inter #marcel {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.marcelstyle #inter #marcel h2,
body.marcelstyle #inter #marcel h2 a {
width: 200px;
height: 46px;
background-image: url(titel_marcel.gif);
}
body.marcelstyle #inter #marcel h2 span {
display: none;
}
body.marcelstyle #inter #amsterdam,
body.marcelstyle #inter #haarlemalgemeen,
body.marcelstyle #inter #haarlemmedewerkers {
height: 40px;
}
/*-- Pages HAARLEM/MEDEWERKERS --*/
body.haarlemmedewerkers #content {
background-image: url(bg_medewerkers.jpeg);
background-position: 0px 120px;
}
body.haarlemmedewerkers #inter #haarlemmedewerkers {
width: 475px;
height: 470px;
background-image: none;
overflow: auto;
}
body.haarlemmedewerkers #inter #haarlemmedewerkers h2,
body.haarlemmedewerkers #inter #haarlemmedewerkers h2 a {
width: 200px;
height: 46px;
background-image: url(titel_haarlem_medewerkers.gif);
}
body.haarlemmedewerkers #inter #haarlemmedewerkers h2 span {
display: none;
}
body.haarlemmedewerkers #inter #amsterdam,
body.haarlemmedewerkers #inter #haarlemalgemeen,
body.haarlemmedewerkers #inter #marcel {
height: 40px;
}
/*-- FAQ --*/
body.bodyfaq #content{
background-image: url(bg_faq.jpeg);
}
body.bodyfaq #inter {
width: 475px;
height: 590px;
overflow: auto;
}
body.bodyfaq #inter h2,
body.bodyfaq #inter h2 a {
display: block;
width: 200px;
height: 46px;
background-image: url(titel_faq.gif);
}
body.bodyfaq #inter h2 span {
display: none;
}
/*-- RAADSMAN --*/
body.bodyraadsman #content{
background-image: url(bg_raadsman.jpeg);
}
body.bodyraadsman #inter {
width: 475px;
height: 590px;
overflow: auto;
}
body.bodyraadsman #inter h2,
body.bodyraadsman #inter h2 a {
display: block;
width: 200px;
height: 46px;
background-image: url(titel_raadsman.gif);
}
body.bodyraadsman #inter h2 span {
display: none;
}
/*-- CONTACT --*/
body.bodycontact #content{
background-image: url(bg_contact.jpeg);
}
body.bodycontact #inter {
width: 475px;
height: 590px;
overflow: auto;
}
body.bodycontact #inter h2,
body.bodycontact #inter h2 a {
display: block;
width: 200px;
height: 46px;
background-image: url(titel_contact.gif);
}
body.bodycontact #inter h2 span {
display: none;
}
body.bodycontact #inter #contenu p {
float: left;
width: 405px;
}
body.bodycontact #inter #contenu p.bezoekadres {
width: 182px;
margin-right: 20px;
}
body.bodycontact #inter #contenu p.postadres {
width: 183px;
}
/*----------------------------------------------------------------------------*/
#inter,
#inter #spong,
#inter #hammerstein,
#inter #medewerkers, 
#inter #haarlem,
#inter #haarlemalgemeen,
#inter #marcel,
#inter #haarlemmedewerkers {
position: relative;
}
#inter #contenu {
float: left;
margin: 0;
padding: 20px 0px 10px 20px;
width: 425px;
position: absolute;
top: 189px;
left: 0px;
}

body.position01 #inter #contenu, .tekstBeneden {
top: auto;
bottom: 0px;
}

#inter #contenu h3 {
padding: 0;
background-color: #FF0000;
}
#inter #contenu p {
float: left;
width: 405px;
padding: 10px;
margin: 10px 0px 10px 0px;
background-color: #FF0000;
color: #FFFFFF;
}
#inter #spong #contenu a,
#inter #hammerstein #contenu a,
#inter #medewerkers #contenu a,
#inter #haarlem #contenu a {
display: inline;
background-image: none;
}
#inter #contenu a {
color: #FFFFFF;
}
#inter #contenu ul,
#inter #spong #contenu ul,
#inter #hammerstein #contenu ul,
#inter #medewerkers #contenu ul,
#inter #haarlem #contenu ul {
float: left;
width: 405px;
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
background-color: #FF0000;
list-style: square;
}
#inter #contenu li,
#inter #spong #contenu ul li,
#inter #hammerstein #contenu ul li,
#inter #medewerkers #contenu ul li,
#inter #haarlem #contenu ul li {
margin: 0px 0px 10px 15px;
}
#inter #contenu ol,
#inter #spong #contenu ol,
#inter #hammerstein #contenu ol,
#inter #medewerkers #contenu ol,
#inter #haarlem #contenu ol {
float: left;
width: 400px;
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 15px;
background-color: #FF0000;
}
#inter #contenu ol li,
#inter #spong #contenu ol li,
#inter #hammerstein #contenu ol li,
#inter #medewerkers #contenu ol li,
#inter #haarlem #contenu ol li {
margin: 0px 0px 10px 20px;
}
#inter #spong #contenu ul.topnega,
#inter #spong #contenu p.topnega,
#inter #hammerstein #contenu ul.topnega,
#inter #hammerstein #contenu p.topnega,
#inter #medewerkers #contenu ul.topnega,
#inter #medewerkers #contenu p.topnega,
#inter #haarlem #contenu ul.topnega,
#inter #haarlem #contenu p.topnega,
#inter #contenu ul.topnega,
#inter #contenu p.topnega {
margin-top: -20px;
}
#inter #contenu ul.lienfleche,
#inter #spong #contenu ul.lienfleche,
#inter #hammerstein #contenu ul.lienfleche,
#inter #medewerkers #contenu ul.lienfleche,
#inter #haarlem #contenu ul.lienfleche {
list-style: none;
}
#inter #contenu ul.lienfleche li,
#inter #spong #contenu ul.lienfleche li,
#inter #hammerstein #contenu ul.lienfleche li,
#inter #medewerkers #contenu ul.lienfleche li,
#inter #haarlem #contenu ul.lienfleche li {
margin: 0px 0px 10px 0px;
padding-left: 12px;
}
#inter #contenu ul.lienfleche li a,
#inter #spong #contenu ul.lienfleche li a,
#inter #hammerstein #contenu ul.lienfleche li a,
#inter #medewerkers #contenu ul.lienfleche li a,
#inter #haarlem #contenu ul.lienfleche li a {
display: block;
height: auto;
width: 90%;
background-image: url(puce_lien_rouge.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
text-decoration: none;
padding-left: 10px;
margin-left: -10px;
}
#inter #contenu ul.lienfleche li a:hover,
#inter #spong #contenu ul.lienfleche li a:hover,
#inter #hammerstein #contenu ul.lienfleche li a:hover,
#inter #medewerkers #contenu ul.lienfleche li a:hover,
#inter #haarlem #contenu ul.lienfleche li a:hover {
background-position: 0px -190px;
}
#inter #contenu ul.listraadsman {
list-style: none;
background-color: #FFFFFF;
color: #FF0000;
font-weight: bold;
font-family: Times New Roman, Times, serif;
font-size: 12px;
}
#inter #contenu ul.listraadsman li {
margin: 0px 0px 5px 0px;
padding-left: 12px;
}
#inter #contenu ul.listraadsman li a {
display: block;
height: auto;
width: 90%;
background-image: url(puce_lien_blanc.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
text-decoration: none;
padding-left: 10px;
margin-left: -10px;
color: #FF0000;
font-weight: bold;
font-family: Times New Roman, Times, serif;
}
#inter #contenu ul.listraadsman li a:hover {
background-position: 0px -189px;
}
#inter #contenu p.navigblancbas,
#inter #spong #contenu p.navigblancbas {
float: left;
width: 405px;
background-color: #FFFFFF;
padding: 7px 10px 3px 10px;
}
#inter #contenu p.navigblancbas a.terug,
#inter #spong #contenu p.navigblancbas a.terug {
float: left;
display: block;
width: 43px;
height: 11px;
background-image: url(back.gif);
}
#inter #contenu p.navigblancbas a.terug:hover,
#inter #spong #contenu p.navigblancbas a.terug:hover {
background-position: 0px -19px;
}
#inter #contenu p.navigblancbas a.terug span,
#inter #spong #contenu p.navigblancbas a.terug span {
display: none;
}
#inter #contenu p.navigblancbas a.vorige,
#inter #spong #contenu p.navigblancbas a.vorige {
float: left;
display: block;
width: 48px;
height: 12px;
background-image: url(vorige.gif);
}
#inter #contenu p.navigblancbas a.vorige:hover,
#inter #spong #contenu p.navigblancbas a.vorige:hover {
background-position: 0px -18px;
}
#inter #contenu p.navigblancbas a.vorige span,
#inter #spong #contenu p.navigblancbas a.vorige span {
display: none;
}
#inter #contenu p.navigblancbas a.volgende,
#inter #spong #contenu p.navigblancbas a.volgende {
float: right;
display: block;
width: 65px;
height: 12px;
background-image: url(volgende.gif);
}
#inter #contenu p.navigblancbas a.volgende:hover,
#inter #spong #contenu p.navigblancbas a.volgende:hover {
background-position: 0px -18px;
}
#inter #contenu p.navigblancbas a.volgende span,
#inter #spong #contenu p.navigblancbas a.volgende span {
display: none;
}
/*BACKGROUNDS*/
body.background01 div#content, .achtergrond01 {
background-image: url(bg_01.jpg);
}
body.background02 div#content, .achtergrond02 {
background-image: url(bg_02.jpg);
}
body.background03 div#content, .achtergrond03 {
background-image: url(bg_03.jpg);
}
body.background04 div#content, .achtergrond04 {
background-image: url(bg_04.jpg);
}
body.background05 div#content, .achtergrond05 {
background-image: url(bg_05.jpg);
}
body.background06 div#content, .achtergrond06 {
background-image: url(bg_06.jpg);
}
body.background07 div#content, .achtergrond07 {
background-image: url(bg_07.jpg);
}
body.background08 div#content, .achtergrond08 {
background-image: url(bg_08.jpg);
}
body.background09 div#content, .achtergrond09 {
background-image: url(bg_09.jpg);
}
body.background10 div#content, .achtergrond10 {
background-image: url(bg_10.jpg);
}
body.background11 div#content, .achtergrond11 {
background-image: url(bg_11.jpg);
}
body.background12 div#content, .achtergrond12 {
background-image: url(bg_12.jpg);
}
body.background13 div#content, .achtergrond13 {
background-image: url(bg_13.jpg);
}
body.background14 div#content, .achtergrond14 {
background-image: url(bg_14.jpg);
}
body.background15 div#content, .achtergrond15 {
background-image: url(bg_15.jpg);
}
body.background16 div#content, .achtergrond16 {
background-image: url(bg_16.jpg);
}
body.background17 div#content, .achtergrond17 {
background-image: url(bg_17.jpg);
}
body.background18 div#content, .achtergrond18 {
background-image: url(bg_18.jpg);
}
body.background19 div#content, .achtergrond19 {
background-image: url(bg_19.jpg);
}
body.background20 div#content, .achtergrond20 {
background-image: url(bg_20.jpg);
}
body.background21 div#content, .achtergrond21 {
background-image: url(bg_21.jpg);
}
body.background22 div#content, .achtergrond22 {
background-image: url(bg_22.jpg);
}
body.background23 div#content, .achtergrond23 {
background-image: url(bg_23.jpg);
}
body.background24 div#content, .achtergrond24 {
background-image: url(bg_24.jpg);
}
/*******TITELS*******/
h1 {
  display:none;
}
h2 {
margin: 0px 0px 40px 0px;
}
body.spong h2,
body.medewerkers h2,
body.haarlemmedewerkers h2,
body.bodycontact h2 {
margin: 0px 0px 0px 0px;
}
h3 {
  font-size: 12px; 
  font-weight: bold; 
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
/*--- TEXTE ---*/
div.coul01, .donkerBlauw, .coul01 {
color: #1C3B6C;
}
div.coul02, .blauw, .coul02 {
color: #0099CC;
}
div.coul03, .paars, .coul03 {
color: #9966CC;
}
div.coul04, .rood, .coul04 {
color: #990000;
}
div.coul05, .wit, .coul05 {
color: #ffffff;
}
div.font01, .arialBlack, .font01 {
 font-family: Arial Black
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleueFoncee {
border: 1px solid #015858;
}
img.bord02, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord03, .bordureBleueVerte {
border: 1px solid #058B90;
}
img.bord04, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord05, .bordureVioleteFoncee {
border: 1px solid #8F0463;
}
img.bord06, .bordureRose {
border: 1px solid #E832AE;
}
img.bord07, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord08, .bordureVerte {
border: 1px solid #669900;
}
img.bord09, .bordureRouge {
border: 1px solid #CC0000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #016D70;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #016D70;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #48C7CA;
padding-bottom: 10px;
background-color: #EBF6F6;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 3px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/******* Button *******/
input.buttonstyle {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9px; 
  font-weight: normal; 
  color: #FFFFFF; 
  background-color: #1C3B6C; 
  border: 1px #1C3B6C outset; 
  text-decoration: none;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
border-bottom: 3px solid #016D70;
}
th,
td {
border: 1px solid #016D70;
padding: 3px;
vertical-align: top;
}
th {
background-color: #016D70;
color: #FFFFFF;
}
td {
background-color: #ECF4F4;
}
/*POP UP*/
body.bodypopup {
background-color: #FFFFFF;
color: #000000;
background-image: url(bg_pop.gif);
background-repeat: repeat-y;
background-position: center;
}
body.bodypopup #totalpopup {
width: 550px;
margin: auto;
}
body.bodypopup #totalpopup #headerpopup {
width: 530px;
height: 20px;
padding: 10px;
}
body.bodypopup #totalpopup #headerpopup img {
float: left;
}
body.bodypopup #totalpopup #headerpopup a.print {
float: right;
display: block;
background-image: url(print.gif);
background-repeat: no-repeat;
color: #000000;
font-size: 10px;
text-decoration: none;
padding: 2px 0px 2px 20px;
margin-top: 8px;
}
body.bodypopup #totalpopup #headerpopup a.print:hover {
text-decoration: underline;
}
body.bodypopup #totalpopup #interpopup {
padding: 10px 30px 10px 30px;
}
body.bodypopup #totalpopup #interpopup h2 {
font-size: 14px;
margin: 0px 0px 10px 0px;
padding: 10px 0px 10px 0px;
}
body.bodypopup #totalpopup #interpopup ul {
margin: 5px 0px 10px 30px;
list-style: none;
}
body.bodypopup #totalpopup #interpopup ul li {
margin: 0px 0px 10px 0px;
background-image: url(fleche_puce.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 0px 0px 0px 10px;
}