body {
  font-size: 62.5%;
  font-family: Arial, sans-serif;
  margin: 0; padding: 0;
}

img { border: 0;}

ul {
  width: 1000px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 600px;
  margin: auto;
}

ul li{
  display: block;
  float: left;
  width: 230px;
  height: 265px;
  cursor: pointer;
  padding: 35px 10px 0 10px;
}

ul li p{
  margin: 0;
}

ul li p img {
  margin: 3px 0;
}
ul li.baas p img {
  margin: 3px 0;
}

ul li.zorgeloos{
  background-image: url('../images/1-zorgeloos1.jpg');
}
ul li.zorgeloos_over{
  background-image: url('../images/1-zorgeloos2.jpg');
}
/*
ul li.tuin{
  background-image: url('../images/2-tuin1.jpg');
}
ul li.tuin_over{
  background-image: url('../images/2-tuin2.jpg');
}
*/
ul li.hypotheek{
  background-image: url('../images/2-hypotheek1.jpg');
}
ul li.hypotheek_over{
  background-image: url('../images/2-hypotheek2.jpg');
}
ul li.verzekeringen{
  background-image: url('../images/3-verzekeringen1.jpg');
}
ul li.verzekeringen_over{
  background-image: url('../images/3-verzekeringen2.jpg');
}
ul li.auto{
  background-image: url('../images/4-auto1.jpg');
}
ul li.auto_over{
  background-image: url('../images/4-auto2.jpg');
}
ul li.huis{
  background-image: url('../images/5-huis1.jpg');
}
ul li.huis_over{
  background-image: url('../images/5-huis2.jpg');
}
ul li.baas{
  background-image: url('../images/6-baas1.jpg');
}
ul li.baas_over{
  background-image: url('../images/6-baas2.jpg');
}
/*
ul li.haard{
  background-image: url('../images/6-haard1.jpg');
}
ul li.haard_over{
  background-image: url('../images/6-haard2.jpg');
}
*/
ul li.werken{
  background-image: url('../images/7-werken1.jpg');
}
ul li.werken_over{
  background-image: url('../images/7-werken2.jpg');
}
ul li.verhuizen{
  background-image: url('../images/8-verhuizen1.jpg');
}
ul li.verhuizen_over{
  background-image: url('../images/8-verhuizen2.jpg');
}


ul li.zorgeloos div,
ul li.tuin div,
ul li.baas div,
ul li.auto div,
ul li.huis div,
ul li.haard div,
ul li.werken div,
ul li.verhuizen div{
  display: none;
  cursor: auto;
}

ul li.zorgeloos_over div,
ul li.tuin_over div,
ul li.baas_over div,
ul li.auto_over div,
ul li.huis_over div,
ul li.haard_over div,
ul li.werken_over div,
ul li.verhuizen_over div{
  display: block;
  text-align: center;
  font-size: 1.1em;
}

.space {
  margin: 5px 0;
}

li.nohover {
  padding:0;
  height:300px;
  width:250px;
}

li.nohover a {
  width:250px;
  height:300px;
  display:block;
  cursor:pointer;
}
