.form {
color: #ffcc66;
width:650px;
display: table;
margin: 20px auto;
 background-color: #3e1901; 
border: 1px solid #663300; 

}

#main_table{
width:586px;
}

#bestellung {
text-align:center;
font-size:11pt;
font-weight:bold;
}

#fieldframe { 
background-color: #3e1901; 
color: #ffcc66; 
border: 1px solid #663300; 
padding: 5px 
}

.buttonframe {
width: 450px;
height:40px;
color: #ffcc66;
text-align:center;
vertical-align:middle;
display: table;
margin: 10px  auto;
}

.field { 
background-color: #351500; 
color: #ffcc66; 
border: 1px solid #663300;  
}

.header { 
background-color: #351500; 
color: #ffcc66; 
font-weight: bold;  
}

tr.header td { 
padding: 2px 4px 2px 4px;  
}

.high { 
background-color: #000000;  
}

.low { 
background-color: #F9F9FB;  
}

.active { 
font-weight: bold;  
}

.active td, .low td, .high td { 
padding: 1px 2px 1px 2px;  
}

.label { 
background-color: #351500; 
color: #ffcc66; 
font-weight: bold; 
width:200px; 
font-size:9pt;
text-align:left;
}

.input { 
background-color: #351500; 
color: #ffcc66;  
}

input.inputform, textarea.inputform { 
background-color: #3e1901; 
color: #ffcc66; 
border: 1px solid #663300;  
}

.button { 
background-color: #351500; 
color: #ffcc66; 
border: 1px solid #663300; 
margin: 3px; 
width:150px; 
height:30px;
font-family: verdana, heveltica, sans-serif;
font-weight: bold;
}

.button:hover { 
background-color: #ffcc66; 
color: #4d1f00; 
border: 1px solid #663300; 
margin: 3px;  
}

a.button { 
padding: 0px 8px 0px 8px; 
text-decoration: none; 
cursor: default;  
}

a.link { 
background-color: inherit; 
color: #002276; 
text-decoration: underline;  
}

a.link:hover { 
background-color: inherit; 
color: #ffcc66; 
text-decoration: none;  
}