/* Um 1 neues Projekt (xyz) anzulegen:
1. Diese Datei unter xyz.css speichern
2. Über Suchen/Ersetzen Projektkürzel durch xyz austauschen */

#hcb1 a, #hcb2 a, #hcb3 a, #hcb4 a, #hcb5 a {
position: absolute;
display: block;
width: 80px;
height: 59px;
border:none;
}
#hcb1 a {
left:0px;
background: url(../projects/hcb_m1.jpg);
}
#hcb2 a {
left:80px;
background: url(../projects/hcb_m2.jpg);
}
#hcb3 a {
left:160px;
background: url(../projects/hcb_m3.jpg);
}
#hcb4 a {
left:240px;
background: url(../projects/hcb_m4.jpg);
}
#hcb5 a {
left:320px;
background: url(../projects/hcb_m5.jpg);
}
#hcb1 a .show_hcb, #hcb2 a .show_hcb, #hcb3 a .show_hcb, #hcb4 a .show_hcb, #hcb5 a .show_hcb {
display: none;
}
#hcb1 a:hover .show_hcb, #hcb2 a:hover .show_hcb, #hcb3 a:hover .show_hcb, #hcb4 a:hover .show_hcb, #hcb5 a:hover .show_hcb {
position: absolute;
top: -291px;
display: block;
}
#hcb1 a:hover .show_hcb {
left: -645px;
z-index: 2;
}
#hcb2 a:hover .show_hcb {
left: -725px;
z-index: 2;
}
#hcb3 a:hover .show_hcb {
left: -805px;
z-index: 2;
}
#hcb4 a:hover .show_hcb {
left: -885px;
z-index: 2;
}
#hcb5 a:hover .show_hcb {
left: -965px;
z-index: 1;
}