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

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

table.design1 {
background: #fff; /* table background */
width: 100%;
border: 1px solid #999;
border-collapse: collapse;
}

table.design1 thead th {
background: #d0d6dc; /* table head background */
text-align: center;
vertical-align: top;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
padding: 5px 6px;
}

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

table.design1 td {
text-align: center;
vertical-align: top;
line-height: 1.2em;
border: 0px solid #999;
border-left: 1px solid #999;
padding: 6px;
}

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

table.design2 {
background: #fff; /* table background */
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;
vertical-align: top;
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;
vertical-align: top;
border: 1px solid #999;
border-left: 1px solid #999;
padding: 5px 12px;
}


/* Here you can define further design claases */