html
{
        height: 100%;
        margin: 0;
        padding: 0;
}
body
{
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #171212;
        font: normal 13px tahoma, arial, verdana;
        text-align: center;
}
.button
{
        background-color: #ECECEC;
        border: solid 1px #BB2E00;
        color: #BB2E00;
        font: normal 9px tahoma, arial, verdana;
}

/*** Framework ***/

div#Wrapper
{
        width: 800px;
        height: auto;
        height: 100%;
        margin:  0 auto;
        padding: 0;
        background-color: #FFFFFF;
        background-image: url(../images/brg.gif);
        background-repeat: yes;
        text-align: left;
}
div#LeftColumn
{
        width: 175px;
        float: left;
}
div#CenterColumn
{
        width: 650px;
        float: left;
}
div#RightColumn
{
        width: 200px;
        float: left;
}

/*** Header ***/

div.Header
{
        height: 183px;
}
div.Header a
{
        display: block;
        width: 100%;
        height: 100%;
}
div#LeftColumn div.Header
{
        background-image: url(../images/header_left.jpg);
}
div#CenterColumn div.Header
{
        background-image: url(../images/header_center.jpg);
}
div#RightColumn div.Header
{
        background-image: url(../images/header_right.jpg);
}
div.TopDecoration
{
        height: 43px;
}
div#LeftColumn div.TopDecoration
{
        width: 173px;
        background-image: url(../images/top_left.gif);
        background-repeat: no-repeat;
}
div#RightColumn div.TopDecoration
{
        width: 159px;
        background-image: url(../images/top_right.gif);
        background-repeat: no-repeat;
}
div#CenterColumn div.TopDecoration
{
        width: 100%;
        height: 88px;
}
div#CenterColumn div.TopDecoration div
{
        float: left;
}
div#CenterColumn div.TopDecoration div#LeftCorner
{
        width: 109px;
        height: 88px;
        background-image: url(../images/info_left_brg.gif);
        background-repeat: no-repeat;
}
div#CenterColumn div.TopDecoration div#RightCorner
{
        width: 109px;
        height: 88px;
        background-image: url(../images/info_right_brg.gif);
        background-repeat: no-repeat;
}
div#CenterColumn div.TopDecoration div#InfoField
{
        width: 754px;
        height: 88px;
        background-image: url(../images/info_brg.gif);
        background-repeat: repeat-x;
}
div#InfoField a
{
        color: #DBDBDB;
}
div#InfoField table
{
        width: 720px;
        margin: 0 auto 0 auto;
}
div#InfoField table td
{
        padding: 2px 0 2px 0;
        color: #FFFFFF;
        font-size: 10px;
}
div#InfoField table th
{
        padding: 2px 0 2px 0;
        color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        text-align: left;
}
div#CenterColumn div.TopDecoration div#InfoField p
{
        color: #FFFFFF;
}

/*** Navigation ***/

ul#Navigation
{
        width: 169px;
        margin: 0;
        padding: 0;
        border-right: solid 3px #BB2E00;
}
ul#Navigation li
{
        float: left;
        display: block;
        width: 169px;
        height: 16px;
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #751D00;
}
ul#Navigation li a
{
        display: block;
        width: 144px;
        margin: 0;
        padding: 1px 8px 1px 16px;
        color: #DBDBDB;
        font: normal 11px tahoma, arial, verdana;
        text-decoration: none;
}
ul#Navigation li a:link,
ul#Navigation li a:visited
{
        padding: 1px 8px 1px 16px;
        color: #DBDBDB;
}
ul#Navigation li a:hover,
ul#Navigation li a:focus
{
        padding: 1px 7px 1px 17px;
        color: #FFFFFF;
}
ul#Navigation li.active a:link,
ul#Navigation li.active a:visited,
ul#Navigation li.active a:hover,
ul#Navigation li.active a:focus
{
        padding: 1px 8px 1px 16px;
        color: #FFFFFF;
        font-weight: bold;
}
ul#Navigation li.Headline
{
        height: 29px;
}
ul#Navigation li.Headline span
{
        display: none;
}
ul#Navigation li#Verein
{
        background-image: url(../images/nav_verein.gif);
}
ul#Navigation li#Anlage
{
        background-image: url(../images/nav_anlage.gif);
}
ul#Navigation li#Rennen
{
        background-image: url(../images/nav_rennen.gif);
}
ul#Navigation li#Gallery
{
        background-image: url(../images/nav_gallery.gif);
}
ul#Navigation li#RcCar
{
        background-image: url(../images/nav_rc_car.gif);
}
ul#Navigation li#Info
{
        background-image: url(../images/nav_info.gif);
}

/*** Content-Bereich ***/

div#Content
{
        width: 800px;
        margin: 32px;
}
div#Content a:link,
div#Content a:visited,
div#Content a:hover,
div#Content a:focus
{
color: #BB2E00;
}

a img
{
        border: none;
}

h1, h2, h3
{
        margin: 0 0 8px 0;
        padding: 0;
        color: #BB2E00;
        font-weight: bold;
}
h1
{
        margin: 0 0 16px 0;
        font-size: 1.6em;
}
h2
{
        font-size: 1.6em;
}
h3
{
        margin: 2px 0 4px 0;
        font-size: 1em;
}
h4, h5, h6
{
        margin: 0 0 4px 0;
        padding: 0;
        color: #1B1818;

        font-size: 0.6em;
}
hr
{
        height: 1px;
        background-color: #B7B7B7;
        border: none;
        border-top: solid 1px #B7B7B7;
}
p, ol, ul
{
        margin: 0 0 12px 0;
        padding: 0;
        color: #1B1818;
        line-height: 17px;
}
li
{
        margin: 0 0 0 16px;
        list-style-type: square;
}

/* Bild-Container */

div.image
{
        padding: 2px;
        background-color: #FFFFFF;
        border: solid 1px #B7B7B7;
}
div.image.left
{
        float: left;
        display: inline;
        margin: 10px 12px 0 0;
}
div.image.right
{
        float: right;
        display: inline;
        margin: 0 0 0 12px;
}

/* Allgemeine Tabellenformatierungen */

table
{
        border-collapse: collapse;
}
td
{
        padding: 2px;
        font: normal 13px tahoma, arial, verdana;
}
th
{
        padding: 4px 2px 4px 2px;
        font: bold 13px tahoma, arial, verdana;
        text-align: left;
}
tr.second_row td
{
        background-color: #CBCBCB;
}

/*** News Einträge ***/

div.news_panels
{
        width: 710px;
        margin: 0 auto 8px auto;
        padding: 21px;
        background-color: #e1e1e1;
        border: solid 2px #B7B7B7;
}
div.news_panels h6
{
        margin: 0 0 0 0;
        padding: 0px;
        font-size: 11px;
        color: #11E21A;
}

div.news_panels h4
{

        color: #979797;
        font-size: 11px;
        font-weight: normal;

}
div.news_panels h3
{
}
div.news_panels p
{
        margin-top: 0px;
}
div.news_panels form
{
        margin-left: 4px;
        display: inline;
}

/*** Vorstand ***/

h3.vorstand
{
        margin: 30px 0 0 0;
}

/*** Mitglieder ***/

table.members
{
        width: 60%;
}
table.members tr td
{
        border-bottom: dashed 1px #353231;
}
table.members tr.header th
{
        background-color: #353231;
        color: #FFFFFF;
        font-weight: bold;
}

/*** Erfolge ***/

table.achievements
{
        width: 80%;
        border: solid 1px #606060;
        border-collapse: collapse;
}
table.achievements tr td,
table.achievements tr th
{
        padding: 2px;
        border-bottom: solid 1px #353231;
        color: #353231;
}
table.achievements tr th
{
        background-color: #BB2E00;
        color: #FFFFFF;
        font-weight: bold;
}
table.achievements tr.header th
{
        background-color: #353231;
}

/*** Gallery ***/

table.gallery
{
        border: solid 1px #CACACA;
        width: 100%;
}
table.gallery img
{
        border: none;
}
table.gallery tr td
{
        width: 25%;
        padding: 8px;
        background-color: #F4F4F4;
        vertical-align: top;
        color: #595959;
        border-bottom: solid 1px #CACACA;
}
table.gallery tr td.description
{
        padding-left: 0;
        font-size: 12px;
        line-height: 17px;
}

/*** Ergebnisse ***/

ul.results
{
        width: 500px;
        margin: 0;
        padding: 12px;
}
#Content ul.results a
{
        display: block;
        padding-left: 24px;
        background: transparent url(../images/file_types/icon_pdf.gif) no-repeat left 1px;
        text-decoration: none;
        color: #595959;
}
#Content ul.results strong
{
        color: #BB2E00;
}
#Content ul.results span.category
{
        font-size: 0.7em;
}
ul.results li
{
        width: 264px;
        margin: 0 0 8px 0;
        padding: 4px 10px 6px 10px;
        background: #FFFFFF;
        border: dashed 1px #B7B7B7;
        list-style-type: none;
}
ul.results li.first
{
        clear: both;
        float: left;
        display: inline;
        margin-right: 12px;
}
/*** Gallery

.image_info
{
    display:block;
    font-size:10px;
    color:#999;
    border:0px;
}
.wrapper
{
    width: 650px;
    margin: 0 auto 0 auto;
    padding: 0;
    border: 0px solid #000000;
    text-align:left;
}
.show_title a
{
    font-size:12px;
    text-decoration:none;
    color:#999;
}
.image_info a
{
    text-decoration:none;
    color:#fff;
}
img
{
        border: none;
}
.image
{
    margin-bottom:5px;
}
.image img {
    padding:6px;
    border: 1px solid #000;
    display:block;
    background-color: #fff;
    margin-top: 10px;
}
.navigation, .navigation a {
        text-decoration: none;
    color:#fff;
    margin-top:9px;
    font-weight:bold;
}
.thumbnail_row {
    margin-top: 1px;
}
.thumbnail_row img {
    border:0px solid #aaa;
    margin-top:10px;
}
.thumbnail_center {
    padding:1px;
    border:1px solid #fff !important;
}
.small, .small a {
    margin-top: 20px;
    text-decoration:none;
    color:#777;
}
***/

/*** Kontakt-Formular ***/

#contact
{
        width: 80%;
}
#contact input.text,
#contact textarea
{
        width: 324px;
        padding: 2px;
        border: solid 1px #B7B7B7;
}
#contact td.label
{
        padding: 4px;
        vertical-align: top;
        text-align: right;
        color: #595959;
}
#contact_submit
{
        padding: 2px 4px 2px 4px;
        background-color: #BB2E00;
        border: solid 1px #FFFFFF;
        color: #FFFFFF;
        font-weight: bold;
}

/* Login / Logout */

#user_center
{
        margin-top: 12px;
        padding: 8px;
}
#user_center input,
#user_center label
{
        font-size: 12px;
}
#user_center label
{
        padding-bottom: 4px;
        color: #FFFFFF;
}
#user_center input.text
{
        padding: 2px;
        font-size: 12px;
        border: solid 1px #EEEEEE;
}
#login, #logout
{
        margin-top: 8px;
        padding: 2px 4px 2px 4px;
        background-color: #BB2E00;
        border: solid 1px #FFFFFF;
        color: #FFFFFF;
        font-weight: bold;
}

/* Werbebanner in der rechten Spalte */

.werbebanner
{
        margin-left: 6px;
}

/*** Links ***/

table.links
{
        border: solid 1px #CACACA;
        width: 80%;
}
table.links img
{
        border: none;
}
table.links tr td
{
        width: 20%;
        padding: 8px;
        background-color: #F4F4F4;
        vertical-align: top;
        color: #595959;
        border-bottom: solid 1px #CACACA;
}
table.links tr td.description
{
        padding-left: 0;
        font-size: 12px;
        line-height: 17px;
        width: 80%;
}

/*** Clubmeisterschaft ***/

table.club
{
        width: 300px;
        border: solid 1px #606060;
        border-collapse: collapse;
}
table.club tr td,
table.club tr th
{
        padding: 2px;
        border-bottom: solid 1px #353231;
        color: #353231;
}
table.club th
{
        background-color: #BB2E00;
        color: #FFFFFF;
        font-weight: bold;
}
table.club tr.header th
{
        background-color: #353231;
}


/*** Downloads ***/

ul.downloads
{
        width: 584px;
        margin: 0;
        padding: 12px;
}
#Content ul.downloads a
{
        display: block;
        padding-left: 24px;
        background: transparent url(../images/file_types/icon_pdf.gif) no-repeat left 1px;
        text-decoration: none;
        color: #595959;
}

ul.downloads li
{

        list-style-type: none;
}