/* ---------------- Allgemeine Angaben------------------------ */
body {
background: #676767;
}

/* ----------- LINKS im Formular ----------------- */
.fl {
color: #ffffff;
font: bold 11px Verdana, Arial;
text-decoration: none;
}

.fl:hover {
color: #676767;
text-decoration: none;
}
.fl:active {
color: #D5D5D5;
text-decoration: underline;
}

/* ----------------Tabelle fuer Formularinhalt ------------------------ */
.tab {
width: 300px;
background: #676767;
}
.th {
font: bold 11px Verdana, Arial;
color: #000000;
background: #676767;
padding: 3px 3px 3px 3px;
border-bottom: 1px solid #676767;
border-top: 1px solid #676767;
}
.td {
font: 10px Verdana, Arial;
color: #ffffff;
border-top: 1px solid #676767;
border-bottom: 1px solid #676767;
background:#676767;
width: 200px;
height: 20px;
padding: 5px 5px 5px 5px;
margin:  5px 5px 5px 5px;
}

/* ---------------- Formularfelder------------------------ */
input.field 
{
font: 10px Verdana, Arial;
color: #ffffff; 
background:#464646;
border: #676767 1px solid;  
width: 200px;
padding: 2px 1px 2px 2px;
margin: 1px 1px 1px 1px;
}
select.field 
{
font: 10px Verdana, Arial;
color: #ffffff; 
background:#464646;
border: none;
width: 200px;
}
textarea.field 
{
font: 10px Verdana, Arial;
color: #ffffff;
background:#464646;
border: #676767 1px solid;
width: 350px;
height: 100px;
padding: 5px 3px 5px 3px;
margin: 5px 1px 1px 1px;
}
.button 
{
font: 10px Verdana, Arial;
color: #ffffff;
background:#464646;
border: 2px solid #676767;
width: 120px;
}
/* ---------------- Formularfelder------------------------ */
/* ---------------- Tabellenzelle der Bestaetigungsmeldung im Mailcgi-- */
.tdf {
font: 10px Verdana, Arial;
color: #ffffff;
border-top: none;
border-bottom: 1px solid #676767;
background:#464646;
height: 100px;
padding: 5px 5px 5px 5px;
margin:  5px 5px 5px 5px;
vertical-align:top;
line-height: 18px
}
/* ---------------- Tabellenzelle der Bestaetigungsmeldung im Mailcgi-- */