Un apunte:
Lo que entiendes por clase, es erroneo... Estas hablando de selectores "id" y selectores "class"... como si de un mismo selector se tratara...
Puedes referirte al selector id con una "#" y al selector class con un "." en el codigo CSS
Despues, lo que quieres hacer, se soluciona gracias a la propiedad "z-index"
De tal forma que si pones z-index: 1; a #cnt y z-index: 2; a .encabezados y los posicionas correctamente donde tu quieres... ya deberia quedar .encabezados por encima visualmente de #cnt
Otra cosa mariposa... Para que ese codigo css te valide, como minimo deberias ponerle a #cnt una propiedad "color" y a .encabezados una "background" o bien "background-color"
Referencia para z-index:
http://www.w3.org/TR/CSS21/visuren.html#z-index