h1
{
    font-size: 9pt;
    margin-bottom: 5pt;
}

table.products
{
    border-collapse: collapse;
    margin-bottom: 15px;
    width: 540px;
    border-bottom: 1px solid #9C9794;
}

table.products th
{
    background-color: #d6d7d9;
    border-bottom: 1px solid #9C9794;
}

table.products td
{
    padding: 2px 5px;
    margin: 0;
}

table.products td.col1
{
    border-left: 1px solid #9C9794;
    border-right: 1px solid #9C9794;
}

/* --- Spalte für Beschreibungsdatei entfällt!
table.products td.col2
{
    width: 65px;
    text-align: center;
}
*/

table.products td.col3
{
    width: 65px;
    text-align: center;
    border-left: 1px solid #9C9794;
    border-right: 1px solid #9C9794;
}

table.products tr.odd
{
    background-color: #f6f6f6;
}

.prname
{
    cursor: help;
}

.prdescr
{
    position: absolute;
/*
    left: 0;   --- ich weiß nicht wieso, aber der Layer-Effekt klappt (im IE) nur genau so:
    top: 0;        position absolute, aber KEINE Angaben zu left und top !?!?! [dk]
*/   
    width: 250px;
    padding: 5px;
    background-color: #eeedeb;
    border: 1px solid #9C9794;
    visibility: hidden;
/*  z-index: 99;  --- nicht (mehr) noetig  */
}


.prdescr p
{
    width: 250px; /* fuer IE */
    text-align: left;
    margin-bottom: 0;
}