/* ---------------------------------------------------------------- */
/* ------------------------- Tabellen ------------------------- */
/* ------------------------------------------------------------- */



table.rahmen {
  border: 1px solid #1B2358;
  margin: 5px;
}

.table_tipps
{   
  margin-bottom: 15px;
}

.td_head, .td_head_last 
{
  font: bold 10pt Arial,sans-serif;
  padding: 3px 5px;
  background:  #3C6508;
  border: 1px solid #FFF;
  color: white;
  vertical-align: top; 
}


.td_gerade, .td_ungerade, .td_sieger  {   
    padding: 3px 5px;
    border: 1px solid #FFF;
    vertical-align: middle;
    color: #000; 
    text-align: left;   
}

.td_ungerade { background: #EDE899; }
.td_gerade { background: #C1C775; }
.td_sieger { background: #F06F30; }

.td_gerade img, .td_ungerade img, .td_sieger img {  vertical-align: text-bottom; }


.td_weiss  {   
    padding: 40px;
    margin: 0px;
    border-top: 3px solid #EEE;
    border-right: 3px solid #EEE;
    border-bottom: 3px solid #EEE;
    vertical-align: top;     
    background: #FFF; 
    color: #000; 
    text-align: left;
    font: normal 10pt Arial,sans-serif;   
}

.td_na  {   
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid #FFF;
    vertical-align: middle;     
    background: #EEE; 
    color: red; 
    text-align: left;
    font: normal 10pt Arial,sans-serif;   
}

.td_small, .td_small_left {   
    padding: 1px 5px;
    margin: 0px;
    border: 1px solid #FFF;
    vertical-align: middle;     
    background: #EEE; 
    color: #0D5740;    
    font: bold 9pt Arial,sans-serif;   
}

.td_small {
    text-align: center;
}

.td_small_left {
    text-align: left;
}    

.td_small_na {   
    padding: 1px 5px;
    margin: 0px;
    border: 1px solid #FFF;
    vertical-align: middle;     
    background: #EEE; 
    color: red;    
    font: normal 9pt Arial,sans-serif;   
}

.td_tipps_end {
    padding: 3px 5px;
    margin: 0px;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-right: 2px solid #1B2358;
    vertical-align: middle;     
    background: #EEE; 
    color: #000; 
    text-align: left;
    font: normal 10pt Arial,sans-serif;
    
}

.td_auswertung, .td_auswertung_gesamt, .td_name, .td_platz, .td_platz_sieger, .td_name_sieger, .td_auswertung_sieger, .td_gruen_links {   
  padding: 2px 5px;
  margin: 0px;
  border: 1px solid #FFF;
  vertical-align: middle;
 
}

.td_platz {
  background: #EEE; 
  color: #1B2358; 
  text-align: right;
  font: bold 10pt Arial,sans-serif;  
}

.td_platz_sieger, .td_name_sieger, .td_auswertung_sieger {
  background: #DDD; 
  color: #1B2358;
  font: bold 10pt Arial,sans-serif;  
}

.td_platz_sieger { 
  text-align: right;
}

.td_auswertung_sieger { 
  text-align: center;
}
  
.td_name_sieger {
    text-align: left;
}
  
.td_name {
    text-align: left;
    color: #1B2358; 
    font: bold 10pt Arial,sans-serif;
    background: #EEE;     
    white-space:: nowrap;
}  

.td_auswertung {   
  background: #EEE; 
  color: #0D5740; 
  text-align: center;
  font: bold 10pt Arial,sans-serif; 
}

.td_gruen_links {   
  background: #EEE; 
  color: #0D5740; 
  text-align: left;
  font: bold 10pt Arial,sans-serif; 
}

.td_auswertung_gesamt
{   
  background: #DDD; 
  color: #1B2358; 
  text-align: center;
  border: 1px solid #EEE;
  font: bold 10pt Arial,sans-serif;
}

.triple 
{ 
  border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; 
}

/* -------------------------------------------------------------------- */
/* -------------------------   Formulare  ------------------------- */
/* ------------------------------------------------------------------- */

input {    
    border: 2px solid #3C6508;
    background-color: #EDE899;
    padding: 3px;    
    color: #3C6508;
    margin: 0 0 0 0;
}

select {    
    border: 2px solid #3C6508;
    background-color: #EDE899;
    padding: 3px;    
    color: #3C6508;
    margin: 0 0 0 0;
}

input.button { 
  padding: 3px; 
  border: 2px solid #EDE899;
  background-color: #3C6508;
  margin-top: 5px; 
  color: #EDE899;
  cursor: hand; 
}

input.button:hover { background-color: #EDE899; color: #3C6508; }




#topnav input { 
  padding: 0; 
  border-bottom: 2px solid #3C6508; 
  margin-left: 5px;
}
#topnav input.button { 
  padding: 0; 
  margin-top: 5px; 
  background-color: #EDE899;
  color: #3C6508;
  border: 2px solid #EDE899; 
}
#topnav input.button:hover { 
  background-color: #3C6508; 
  color: #EDE899;    
  border: 2px solid #EDE899; 
}


select.auswahl {
    border: 0px dotted #1B2358;
    background-color: #C1C775;
    padding: 3px;
    font: bold 10pt Courier,sans-serif;   
    color: #1B2358;
}

input.auswahl { 
    padding: 0; 
    margin-top: 5px; 
    background-color: #C1C775;
    cursor: hand; 
    border-bottom: 2px solid #3C6508; 
}

option.gerade {
    background-color: #3C6508;  
    color: #EDE899;
}
option.ungerade {
    background-color: #EDE899;  
    color: #3C6508;
}
option.frei {
    background-color: #A0482C;  
    color: #EDE899;
}