/******************************************************************************
*
* CSS-Definitionsdatei
*
*******************************************************************************/

/******************************************************************************
* Farben:
*
* #333300;  Dunkelbraun
* #666633;  Pastellbraun
* #552200;  Rotbraun
* #885500;  Mittelbraun
* #FFFF00;  Knallgelb
* #FFEE00;  Sonnengelb
* #FEFEC8;  Hellgelb
* #FF6600;  Orange
* #FF3300;  Rot
* #993300;  Rostrot
* #CC6633;  Pfirsich
* #FFCCAA;  Schweinchenrosa (Apricot?)
* #336633;  Dunkelgruen
* #99CC99;  Pastellgruen
* #CCCCFF;  Hellblau
* #3333FF;  Knallblau
* #9999FF;  Marineblau
*
* #000000;  Schwarz
* #FFFFFF;  Weiss
*******************************************************************************/

/******************************************************************************
* Body
*
*    scrollbar-3dlight-color:    #FC9;
*    scrollbar-arrow-color:      #FC9;
*    scrollbar-base-color:       #520;
*    scrollbar-darkshadow-color: #300;
*    scrollbar-face-color:       #520;
*    scrollbar-highlight-color:  #FC9;
*    scrollbar-shadow-color:     #300;
*    scrollbar-track-color:      #FC6;
*******************************************************************************/

body
{
    background-color: #FEFEC8;
    color:            #330;
    font-family:      verdana,tahoma,arial,helvetica,sans-serif;
    font-size:        small;
    width:            100%;
}

* html body
{
    width:            98.5%;
}

*
{
    border:           0;
    font-size:        1em;
    padding:          0;
    margin:           0;
}

/******************************************************************************
* IDs
*******************************************************************************/

#pagehead
{
    border:           none;
    background-color: #520;
    display:          block;
    top:              0;
    left:             0;
    right:            0;
    margin:           0;
    padding:          0;
    text-align:       left;
    vertical-align:   middle;
    width:            100%;
}

#pagehead table
{
    margin:           12px 0px;
    text-align:       center;
}

#pagehead table td
{
    padding:          4px;
}

#content
{
    width:            97%;
    margin:           0px auto;
}

#footer
{
    margin-top:       20px;
    width:            100%;
}

#footer table
{
    width:            100%;
}

/******************************************************************************
* Allgemeine Klassen
*******************************************************************************/

.margin
{
    margin-left:      5%;
    margin-right:     5%;
}

.special
{
    color:            #850;
    font-style:       normal;
    font-weight:      bold;
}

.alert
{
    color:            #F60;
    font-style:       normal;
    font-weight:      bold;
}

.field            { width:            396px;}

.floatl           { float:            left;}

.floatr           { float:            right;}

.left             { text-align:       left;}

.center           { text-align:       center;}

.right            { text-align:       right;}

.top              { vertical-align:   top;}

.middle           { vertical-align:   middle;}

.bottom           { vertical-align:   bottom;}

.bold             { font-weight:      bold;}

.italic           { font-style:       italic;}

/******************************************************************************
* Layer
*******************************************************************************/

div.picpos
{
    padding-bottom:   30px;
    position:         relative;
    width:            80%;
}

div.results {
    border:           2px solid #A5A2A2;
    padding:          5px;
}

/******************************************************************************
* Ueberschriften
*******************************************************************************/

h1, h2, h3, h4, h5
{
    color:            #F60;
    font-weight:      bold;
}

h1
{
    font-size:        x-large;
    margin:           20px 0px;
}

h2
{
    font-size:        large;
    margin:           14px 0px;
}

h3
{
    font-size:        medium;
    margin:           10px 0px;
}

h4
{
    font-size:        small;
    margin:           8px 0px;
}

h5
{
    font-size:        x-small;
    margin:           6px 0px;
}

h6
{
    color:            #F60;
    font-size:        x-small;
    font-style:       italic;
    font-weight:      normal;
}

/******************************************************************************
* Paragraphen
*******************************************************************************/

p
{
    color:            #330;
    font-weight:      normal;
    line-height:      1.3em;
    margin:           4px 0px 8px 0px;
}

p.footer
{
    font-size:        7pt;
    text-align:       center;
}

p.report
{
    color:            #330;
    font-weight:      normal;
    margin-left:      5%;
    margin-right:     5%;
    margin-bottom:    16px;
    text-align:       justify;
}

p.back
{
    color:            #F60;
    font-weight:      bold;
}

b
{
    font-weight:      bold;
}

i
{
    font-style:       italic;
}

strong
{
    font-weight:      bold;
}

em
{
    color:            #F60;
    font-style:       normal;
    font-weight:      bold;
}

del.mail, span.rsstitle
{
    display:          none;
}

hr
{
    border:           1px solid #CCC;
    clear:            both;
    color:            #CCC;
    margin:           10px auto 3px;
    width:            100%;
}

/******************************************************************************
* Listen
*******************************************************************************/

ul
{
    font-style:       normal;
    font-weight:      normal;
    padding-left:     2%;
}

ul#anfahrt
{
    list-style-type:  none;
    padding-left:     0;
}

ol
{
    font-style:       normal;
    font-weight:      normal;
}

ol li
{
    list-style-position:  inside;
    margin-left:      0;
}

/*
form dt
{
    float:            left;
}
*/

/******************************************************************************
* Links
*******************************************************************************/

/* Footer: Feste Schriftgroesse 7pt */
a.footer
{
    background-color: #FEFEC8;
    font-size:        7pt;
}

/* Table-Header: Gruener Background im Table-Header */
a.table
{
    background-color: #363;
    font-weight:      bold;
}

a:link
{
    color:            #C60;
    text-decoration:  none;
}

a:visited
{
    color:            #C90;
    text-decoration:  none;
}

a:hover
{
    color:            #F30;
    text-decoration:  underline;
}

a:active
{
    color:            #F30;
    text-decoration:  underline;
}

a:focus
{
    color:            #F30;
    text-decoration:  underline;
}

a.top
{
    font-weight:      bold;
}

a.top:link
{
    color:            #C90;
    text-decoration:  none;
}

a.top:hover
{
    color:            #F30;
    text-decoration:  underline;
}

/******************************************************************************
* Formulare
*******************************************************************************/

fieldset
{
    border:           2px solid #A5A2A2;
    margin-bottom:    20px;
    padding:          5px;
}

legend
{
    color:            #F60;
    font-size:        large;
    font-weight:      bold;
    margin:           12px 0px;
    padding:          0px 6px;
}

label
{
    color:            #F60;
    font-size:        85%;
}

input.text, input.contact, textarea, select
{
    border-color:     #666 #CCC #CCC #666;
    border-style:     solid;
    border-width:     2px;
    color:            #330;
    padding:          1px;
    margin:           3px 0px;
    vertical-align:   middle;
}

input.button, input.buttonbig
{
    color:            #FF0;
    cursor:           pointer;
    background-color: #850;
    border-color:     #960;
    border-style:     outset;
    border-width:     3px;
    font-weight:      bold;
    margin:           7px 0px;
}

input.smallbutton
{
    color:            #FF0;
    cursor:           pointer;
    background-color: #850;
    border-color:     #960;
    border-style:     outset;
    border-width:     2px;
    font-weight:      bold;
    vertical-align:   middle;
}

input.linkbutton
{
    color:            #C60;
    cursor:           pointer;
    background-color: transparent;
    border:           none;
    font-weight:      bold;
    vertical-align:   middle;
}

input.error, textarea.error
{
    background-color: #FC6;
}

optgroup
{
    font-weight:      bold;
}

p.error
{
    font-weight:      bold;
}

/******************************************************************************
* Bilder (ALT-Text)
*******************************************************************************/

img
{
    font-size:        7pt;
    font-weight:      normal;
}

a img
{
    border:           none;
}

img.button
{
    color:            #FF0;
    cursor:           pointer;
    background-color: #850;
    border-color:     #960;
    border-style:     outset;
    border-width:     3px;
}

area
{
    cursor:           default;
}

img.floatl
{
    margin:           0 10px 10px 0;
}

img.floatr
{
    margin:           0 0 10px 10px;
}


/******************************************************************************
* Tabellen Standardeinstellungen
*******************************************************************************/

table
{
    border-collapse:  collapse;
    empty-cells:      show;
}

table.center
{
    margin:           0 auto;
    text-align:       left;
}

table.centercells td
{
    text-align:       center;
}

th
{
    background-color: #363;
    color:            #FE0;
    font-weight:      bold;
}

td
{
    color:            #330;
    line-height:      1.3em;
    vertical-align:   top;
}

/******************************************************************************
* Tabellen Aktuelles/Termine
*******************************************************************************/

table.news
{
    width:            90%;
    margin:           10px auto;
}

table.news td
{
    padding:          0px 6px 12px 0px;
}

/* Ueberschrift innerhalb von news */
table.news h3
{
    margin:           0px;
    padding:          0px 0px 4px 0px;
}

table.day td
{
    padding:          3px 0px 0px 0px;
}

table.positions td
{
    padding:          0px;
}

/* Sondermeldungen */
table.special
{
    border:           2px dashed #850;
    margin:           0 auto;
    margin-top:       10px;
    margin-bottom:    12px;
    width:            90%;
}

table.special td
{
    color:            #F60;
    font-weight:      normal;
    padding:          5px;
}

/******************************************************************************
* Tabellen Ergebnisse
*******************************************************************************/

table.table, table.links
{
    margin:           0 auto;
    margin-top:       10px;
    margin-bottom:    12px;
    width:            90%;
}

table.fix
{
    margin:           10px auto 12px 5%;
}

table.border
{
    margin:           0px auto 0px 0px;
}

table.border th, table.border td,
table.table th, table.table td,
table.links th, table.links td,
table.fix th, table.fix td
{
    border:           1px solid #BBB;
    padding:          3px;
}

table.table th, table.table td
{
    white-space:      nowrap;
}

td.nogame
{
    background-color: #FC6;
}

td.result
{
    color:            #F60;
    font-style:       normal;
    font-weight:      bold;
    text-align:       center;
    vertical-align:   top;
}

/******************************************************************************
* Tabellen Standard-Information
*******************************************************************************/

table.info, table.termine
{
    width:            90%;
    margin:           0 auto;
    margin-top:       10px;
    margin-bottom:    12px;
}

table.info td, table.info th,
table.termine td, table.termine th
{
    padding:          3px;
}

table.infotable
{
    margin:           0px 0px 8px 0px;
}

table.infotable td, table.infotable th
{
    padding:          0px 8px 0px 0px;
}

table.infotable th, table.info th
{
    background-color: inherit;
    color:            #330;
    font-weight:      bold;
    text-align:       left;
}

table.adresse td
{
    border:           none;
    padding:          0px;
    vertical-align:   top;
}

td.heim
{
    color:            #363;
    white-space:      nowrap;
}

td.gast
{
    color:            #C30;
    font-style:       italic;
    white-space:      nowrap;
}

td.black
{
    background-color: #000000;
}

td.white
{
    background-color: #FFFFFF;
}

table.board td
{
    border:           1px solid #BBB;
}


/******************************************************************************
* Tabellen Formulare
*******************************************************************************/

table.form
{
    width:            100%;
}

table.form td
{
    padding:          3px;
}

table.radios td
{
    line-height:      1.3em;
    padding:          3px;
    vertical-align:   middle;
}

td.contact
{
    color:            #F60;
    font-size:        large;
    font-weight:      bold;
    text-align:       right;
    white-space:      nowrap;
    width:            25%;
}

td.input
{
    width:            75%;
}

/******************************************************************************
* Tabellen Sonstiges
*******************************************************************************/

table.footer td
{
    font-size:        7pt;
    white-space:      nowrap;
}

td.image
{
    color:            #330;
    text-align:       center;
    vertical-align:   top;
}

td.nowrap
{
    white-space:      nowrap;
}

td.download
{
    font-style:       normal;
    vertical-align:   middle;
}