@CHARSET "UTF-8";

/**
 *
 * Colors: #333, #db241a, #a4b1b3, #b8b6b6
 *
 **/

* {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
    list-style: none;
}

html {
    overflow-y: scroll;
}

body {
	font-size: 62.5%;
	font-family: sans-serif;
    background: url(/tl_files/images/bg-site.jpg) repeat fixed;
    text-align: left;
    padding-top: 40px;
    color: #222;
    text-align: center;    
}

#wrapper {        
    /*position:absolute; bottom:0; left: 50%;margin-left:-482.5px;*/
    position: relative;
    margin: auto;
    text-align: left;
    width: 966px;
    text-align:left;
    background: #fff ;
    /*background: #fff url(/tl_files/images/bg-content.jpg) no-repeat 0 0 fixed;*/
}

#header {
    width: 966px; height: 211px;
    position: relative; z-index:3;
    background: url(/tl_files/images/bg-head-banner.jpg) no-repeat right top;
}

#header #search-bar {
    width: 366px; height: 29px;padding-top: 8px;padding-left:600px;
    text-align:right;
    position: absolute; bottom:0; left: 0;
    background: url(/tl_files/images/search-bar.png) repeat-x;
}


#header #meta-navi {
    position: absolute;left: 10px; bottom: 13px;

}

#header #meta-navi ul {
    list-style:none;    
}

#header #meta-navi ul li{
    float: left;
    margin-left: 10px;    
}

#header #meta-navi ul li a {
    font-weight: bold;
    color: #fff;
}

#header #meta-navi ul li span {
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}

#container {
    position: relative;
    z-index: 1;
}

#navi {
    width: 210px;
    font-size:16px; font-weight:bold;
    padding-top: 20px;
    position: absolute;
    background: #fff;
}


    #navi li {
        margin: 5px 0;
    }

    #navi a {
        color: #222;
    }

    #navi a.trail {
        color: #db241a;
    }

    #navi a, #navi span {
        display: block;
        width: 185px;
        padding-left: 25px;
    }

    #navi span.active {
        background: url(/tl_files/images/navi-active.jpg) repeat-x;
        color: #fff;
    }

    #navi ul.level_2 {
        display:none;
    }

    #navi li.active ul.level_2, #navi li.trail ul.level_2 {
        display:block;
    }

    #navi li.submenu:hover ul.level_2 {
        /*display:block;*/
    }

    #navi ul.level_2 a, #navi ul.level_2 span{
        width: 160px;
        padding-left: 50px;
    }

    #navi ul.level_3 a, #navi ul.level_3 span{
        width: 150px;
        font-size:12px;
        padding-left: 60px;
    }

#main {
    font-size:12px;
    width: 685px;min-height:400px;
    margin-left: 260px;
    padding-top: 20px;
    margin-bottom: 90px;
}

.sponsors-listing{
        position: fixed; left: 50%; margin-left: -266.5px; bottom: 0px; z-index:2;
        background: #fff;
        height: 89px;width: 749px;
        border-top: 1px solid #000;
    }

    .sponsors-listing li{
        float: left;margin-top: 29px; margin-right:10px;
        height: 60px;
    }

#footer {
    position: fixed; left: 50%; margin-left: -483px; bottom: 0px; z-index: 0;
    /*background: #fff url(/tl_files/images/bg-footer.jpg) no-repeat right top;*/
    background: #fff url(/tl_files/images/bg-content.jpg) no-repeat right top;
    height: 340px; width: 966px;
}

    #footer .contact {
        color: #a4b1b3;
        position: absolute; bottom: 25px; left: 25px;
    }

    #footer .contact li {
        margin: 2px 0px;
    }

/* Elements */

a {
    text-decoration: none;
    color: #db241a;
}

.invisible {
    display: none !important;
}

strong {
    font-weight:bold;
}

strong.info {
    color: #db241a;
}

.green {
    color: #009900;
}


#main p {
    margin: 1em 0;
}

#main h2 {
    color: #db241a;
    font-size: 16px;
    margin: 5px 0;
}

#main h3 {
    font-size: 14px;
}

#main h4 {
    font-size: 12px; font-weight: bold;
}

hr {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #333;
}

input {
    height: 15px; width: 145px;  
    font-size: 10px;
    background: url(/tl_files/images/bg-input.jpg) repeat-x;
    display: block;
}

input.submit {
    width: auto;
    background: none;
    font-size:12px;font-weight: bold;
    border:none; cursor:pointer;
}

input, textarea {
    border:1px solid #000;
    font-family: sans-serif;
}

input.radio {
    display: inline;
    margin: 0 10px;
    width: auto;
}

textarea {
    width:300px;
    height:100px;
    font-size:10px;
}

select {
    min-width: 85px;
    border:1px solid #000;
    display: block;
}

label strong {
    color: #db241a;
}

fieldset td {
    width: 250px;
}

fieldset th {
    height: 24px; 
    text-indent: 10px; color: #fff;
    background: transparent url(/tl_files/images/navi-active.jpg) repeat-x;
}

fieldset td {
    padding: 5px 0;
}

#search-bar input {
    float: left;
    border:none;
}

#search-bar input.submit {
    color: #fff;
    margin-left:15px;
}

.gallery .image_container {
    margin-right:50px;
    margin-bottom:25px;
}

.ce_text .image_container, .gallery .image_container {
    background: #f3f3f3; border: 1px solid #DDD;
    border-radius:5px;
    -moz-border-radius:3px;-khtml-border-radius:5px;
    padding: 5px;
}

.ce_text .image_container img, .gallery .image_container img {
    border: 1px solid #b8b6b6;
    -moz-border-radius:3px;-khtml-border-radius:3px;
}

.mod_newslist .layout_short {
    margin:20px 0;
}

.trackdetails .ce_text {
    margin-top:20px;
}

.trackdetails table {
    border-collapse:collapse;
    width:100%;
    text-align:left;
}

.trackdetails table tr {
    vertical-align:top;
}

.trackdetails table th, .trackdetails table td {
    padding:5px 0px;
}

.trackdetails table tr:hover td, .trackdetails table tr:hover td a {
    background-color:#DB241A;
    color:#fff;
}

.ce_comments .form {
    margin:20px 0;
}

.ce_comments .widget {
    margin:5px 0;
}

#contactform label, .ce_comments .labelcontainer {
    float:left;
    width:100px;
}

.ce_comments .error_container input, .ce_comments .error_container .error, .ce_comments .error_container .labelcontainer {
    float:left;
}

.ce_comments .error_container input {
    border-color:#DB241A;
}

.ce_comments .error_container {
    color:#DB241A;
}

.ce_comments .error_container .error {
    margin-left:10px;
}

.ce_comments .labelcontainer {
    width:180px;
}

.comment_default {
    margin:10px 0;
    border:1px solid #DDDDDD;
    padding:4px 8px;
}

.comment_default .info {
    margin-bottom:5px;
}

/*IE 6 has some weird space missing when the error_container is around the label container
therefore the form "jump", we do not want that*/
.ce_comments .error_container .labelcontainer {
    margin:0 !important;
    margin-right:3px;
}

/*Important Hack to remove weird margins in IE6 */
.ce_comments textarea {
    margin-left:180px !important;
    margin:0;
}

/*IE7 Hack to remove weird margins*/
*+html .ce_comments textarea {
    margin:0 !important;
}

#contactform .error_container input {
    float:left;
    margin-right:10px;
    border-color:#DB241A;
}

#contactform .error_container {
    color:#DB241A;
}

#contactform .error_container {
    height:17px;
}

#contactform .submit_container input, .ce_comments .submit_container input.submit {
    
    margin-top:10px;
    margin-left:100px;
}

.ce_comments .submit_container input {
    margin-left:180px;
}

.appointments #contenthead {
    border-bottom-color:#FF0000;
    border-bottom-style:solid;
    border-bottom-width:2px;
    padding-bottom:30px;
}

.appointments .appointment {
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:1px;
    padding-bottom:30px;
}

.appointments .last {
    border:none;
}

.search input {
    float:left;
    margin-right:10px;
}

.search .submit {
    float:none;
    border:none;
}

.flags ul li {
    height:69px;
}

.discontinued p {
    text-decoration:line-through;
}

.clear {
    clear:both;
}

.hidden {
    display:none;
}

/* Sites */
.track h4 {
    color: #db241a;
    margin-bottom: 15px;
}

.track {
    clear: both;
    margin-bottom: 10px;
}

.partners .ce_image {
    float:left;
    background:url(/tl_files/images/bg-partner.jpg) no-repeat;
    width:260px;
    height:150px;
    text-align:center;
}

div.infobox {
    border: 1px solid #db241a;
    padding: 5px; margin: 10px 0;
}

div.infobox h3 {
   text-align: center;
}

.mod_sitemap ul.level_2 {
    padding-left: 15px;
}

.mod_sitemap li {    
    margin: 3px 0;
}

.mod_sitemap li a:before{
	content: "\0BB  \0020";
	text-indent: 5px;
}

/* Termine */
.cal_1 {
    clear: both;
    padding-top: 25px;
}

.cal_1 .info{
    font-weight: bold;
    padding-bottom: 10px;
}

.raceevent {
    /*border-bottom: 1px solid #333;*/
}

.raceevent .ce_text {    
    padding: 5px;
}

.raceevent .data-container {
    /*border: 1px solid #333;*/
    /*border-bottom: 1px solid #333;*/
    padding: 5px;
    clear: both;
}

.raceevent .data-container .data {
    float:left;
    padding: 5px 10px;
}

.raceevent .data-container .data ul{
    margin: 1em 0;
}

img.not-available, .not-available img {opacity: 0.5;}

table.raceevents thead {
    background: url(/tl_files/images/navi-active.jpg) repeat;
}

table.raceevents thead th {
    height: 24px; padding: 4px; vertical-align: top; text-align: center; color: #fff;
    border: 1px solid #fff; border-left: 1px solid #333;border-top: 1px solid #333;
}

table.raceevents thead th.last {border-right: 1px solid #333;}

table.raceevents tbody td {
    color: #333; border: 1px solid #333; padding: 2px 4px;
}

table tr.odd {background: #eee;}

table {
    table-layout: auto;
    border-collapse: collapse;
    border: 1px solid #333;
}