/* utf-8 marker: äöü */

/* 
################
    Design 1 
################
*/

table.design1 
{
width: 1000px;
background: #ccc;
border: 1px solid #ccc;
border-collapse: collapse;
}

table.design1 thead th 
{
font-size: 13px;
font-weight: bold;
border: 1px solid #ccc;
padding: 3px;
text-align: left;
}

table.design1 tr.odd td 
{
background: #eee; /* zebra row background */
}

table.design1 td 
{
text-align: left;
border: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 3px;
background-color: #fff;
}

/* 
################
    Design 2 
################
*/

table.design2 {
background: #fff; /* table background */
width: 300px;
float: right;
color: #333;
border: 1px solid #999;
border-spacing: 3px;
margin: 0 0 8px 20px;
}

table.design2 thead th {
background: #023; /* table head background */
color: #fff;
text-align: left;
border: 1px solid #999;
padding: 5px 12px;
}

table.design2 tr.odd td {
background: #e0d9d0; /* zebra row td background */
}

table.design2 td {
line-height: 1.2em;
text-align: left;
border: 1px solid #999;
border-left: 1px solid #999;
padding: 5px 12px;
}


/* Here you can define further design claases */

/* ----------------- */