/* CSS Document */

#kleuren_diamondtrax {
position: relative;
width: 490px;
height: 263px;
background-image:url(../images/tiles/kleuren_diamondtrax.gif);
background-position:right;
background-repeat:no-repeat;
margin:0;
padding:0;
padding-left:20px;
list-style-type:none;
}

#kleuren_diamondtrax a {
text-indent: -9999px;
text-decoration: none;
position: absolute;
border: solid 1px #FFFFFF;
background-image: url(../layout/bg_trans.gif);
cursor:default;
}

#tegel_bruin a {
top: 4px;
left: 289px;
width: 50px;
height: 50px;
}

#tegel_creme a {
top: 4px;
left: 344px;
width: 50px;
height: 50px;
}

#tegel_terra a {
top: 4px;
left: 399px;
width: 50px;
height: 50px;
}

#tegel_grijs a {
top: 4px;
left: 454px;
width: 50px;
height: 50px;
}

#tegel_grijs_rvs a {
top: 59px;
left: 289px;
width: 50px;
height: 50px;
}

#tegel_zilver a {
top: 59px;
left: 344px;
width: 50px;
height: 50px;
}

#tegel_zwart a {
top: 59px;
left: 399px;
width: 50px;
height: 50px;
}

#tegel_wit a {
top: 59px;
left: 454px;
width: 50px;
height: 50px;
}

#tegel_groen a {
top: 114px;
left: 289px;
width: 50px;
height: 50px;
}

#tegel_geel a {
top: 114px;
left: 344px;
width: 50px;
height: 50px;
}

#tegel_rood a {
top: 114px;
left: 399px;
width: 50px;
height: 50px;
}

#tegel_blauw a {
top: 114px;
left: 454px;
width: 50px;
height: 50px;
}

#tegel_lichtblauw a {
top: 169px;
left: 289px;
width: 50px;
height: 50px;
}

#tegel_oranje a {
top: 169px;
left: 344px;
width: 50px;
height: 50px;
}







#kleuren_diamondtrax a img {height: 0; width: 0; border-width: 0;}
#tegel_bruin a:hover img {position: absolute; top: -5px; left: -270px; height: 240px; width: 250px;}
#tegel_creme a:hover img {position: absolute; top: -5px; left: -325px; height: 240px; width: 250px;}
#tegel_terra a:hover img {position: absolute; top: -5px; left: -380px; height: 240px; width: 250px;}
#tegel_grijs a:hover img {position: absolute; top: -5px; left: -435px; height: 240px; width: 250px;}
#tegel_grijs_rvs a:hover img {position: absolute; top: -60px; left: -270px; height: 240px; width: 250px;}
#tegel_zilver a:hover img {position: absolute; top: -60px; left: -325px; height: 240px; width: 250px;}
#tegel_zwart a:hover img {position: absolute; top: -60px; left: -380px; height: 240px; width: 250px;}
#tegel_wit a:hover img {position: absolute; top: -60px; left: -435px; height: 240px; width: 250px;}
#tegel_groen a:hover img {position: absolute; top: -115px; left: -270px; height: 240px; width: 250px;}
#tegel_geel a:hover img {position: absolute; top: -115px; left: -325px; height: 240px; width: 250px;}
#tegel_rood a:hover img {position: absolute; top: -115px; left: -380px; height: 240px; width: 250px;}
#tegel_blauw a:hover img {position: absolute; top: -115px; left: -435px; height: 240px; width: 250px;}
#tegel_lichtblauw a:hover img {position: absolute; top: -170px; left: -269px; height: 240px; width: 250px;}
#tegel_oranje a:hover img {position: absolute; top: -171px; left: -325px; height: 240px; width: 250px;}