body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#layer1 {
width: 690px;
}

#layer2 a {
float: left;
width: 310px;
height: 220px;
margin-right: 30px;
padding-top: 225px;
padding-right: 10px;
padding-left: 10px;
background-image: url(/images/installatie_boven.jpg);
background-repeat: no-repeat;
}

#layer2 a:hover {
background-image: url(/images/installatie_bovenover.jpg);
}

#indexhome a {
float: left;
width: 651px;
height: 310px;
margin-right: 30px;
margin-left:15px;
padding-top: 225px;
padding-right: 10px;
padding-left: 10px;
background-image: url(/images/index_norm.jpg);
background-repeat: no-repeat;
}

#indexhome a:hover {
background-image: url(/images/index_hover.jpg);
}

#layer3 a {
float: left;
width: 310px;
height: 220px;
padding-top: 220px;
padding-right: 10px;
padding-left: 10px;
background-image: url(/images/bad_boven.jpg);
background-repeat: no-repeat;
}

#layer3 a:hover {
background-image: url(/images/bad_bovenover.jpg);
}

#webshop a {
float:left;
width:690px;
height:100px;
vertical-align:middle;
background-image:url(/images/webshop_nieuw.gif);
background-repeat:no-repeat;
}

#webshop a:hover{
background-image:url(/images/webshophover.gif);
}

/* teksten */

H2 {
font-size: 16px;
}

#footer {
font-size: 10px;
color: #CCCCCC;
}

/* linken */

a:link {
color: #333333;
text-decoration: none;
	}

a:active {
color: #333333;
text-decoration: none;
	}
	
a:visited {
color: #333333;
text-decoration: none;
	}	
	
a:hover {
color: #333333;
text-decoration: none;
	}
	
a.footer1:link {
color: #CCCCCC;
text-decoration: none;
}	

a.footer1:active {
color: #CCCCCC;
text-decoration: none;
}	

a.footer1:visited {
color: #CCCCCC;
text-decoration: none;
}	

a.footer1:hover {
color: #CCCCCC;
text-decoration: none;
}