/* ----------    body   ---------- */
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CCCCCC;
	background: url(../images/bg.png);

}

#content {
    height: 100%;
    width: 1000px;
    margin: auto;
}


/* --------    base-elements    ------- */

#header {
    width: 1000px;
    height: 150px;
    background: #000000 url(../images/header.jpg) no-repeat;
}

#logo {
    height: 115px;
}

#menu {
    float: left;
    width: 100%;
}

#submenu {
    width: 1000px;
    height: 20px;
    border-top: 1px solid yellow;
}

#inner_content {
    float: left;
    width: 760px;
    height: auto;
    margin: 5px 20px 20px 0px;
    padding: 0px 0px 20px 0px;
    background: url(../images/bg_ic.png) repeat-x;
}

#sidebar {
    float: right;
    width: 220px;
    height: auto;
    min-height: 550px;
    margin: 5px 0px 20px 0px;
    background: url(../images/bg_ic.png) repeat-x;
}

#footer {
    float: left;
    width: 1000px;
    height: 18px;
    background-color: #000000;
    border-top: 1px solid #333333;
    text-align: right;
    margin: 0px;
}

#box13 {
    float: left;
    position: relative;
    width: 238px;
    height: auto;
    min-height: 200px;
    margin: 20px 0px 0px 20px;
    background-color: #000000;
    border: 1px solid #333333;
}

#box23 {
    float: left;
    position: relative;
    width: 458px;
    height: auto;
    min-height: 200px;
    margin: 20px 0px 0px 20px;
    background-color: #000000;
    border: 1px solid #333333;
}

#box33, #omniForum {
    float: left;
    position: relative;
    width: 718px;
    height: auto;
    min-height: 200px;
    margin: 20px 20px 0px 20px;
    background-color: #000000;
    border: 1px solid #333333;
}

#forum_nav {
    float: left;
    position: relative;
    text-align: right;
    font-size: 11px;
    width: 718px;
    height: auto;
    margin: 20px 20px 0px 20px;
    background-color: #000000;
    border: 1px solid #333333;
}

.checker {
    position: absolute;
    width: 75px;
    height: 39px;
    top: 0px;
    right: 0px;
    background: url(../images/checker.png) no-repeat;
}


/* ----------    menu    ---------- */

#menu ul {
	margin: 0px;
	padding: 10px 10px 0px 15px;
	list-style: none;
}

#menu li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#menu a {
    float: left;
    background: url("../images/tableft.gif") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    text-decoration: none;
}

#menu a span {
    float: left;
    display: block;
    background: url("../images/tabright.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
    float: none;
}

/* End IE5-Mac hack */
#menu a:hover span {
    color: yellow;
}

#menu a:hover {
    background-position: 0% -42px;
}

#menu a:hover span {
    background-position: 100% -42px;
}

#menu a.active span {
    color: yellow;
}

#menu a.active {
    background-position: 0% -42px;
}

#menu a.active span {
    background-position: 100% -42px;
}


/* ---------    submenu    -------- */

#submenu_saison {
    display: block;
    height: 20px;
    width: 592px;
    margin: 0px 0px 0px 168px;
    background-color: #1C1C1C;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    filter:alpha(opacity=65); /* For IE6&7 */
}

#submenu_archiv {
    display: block;
    height: 20px;
    width: 529px;
    margin: 0px 0px 0px 231px;
    background-color: #1C1C1C;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    filter:alpha(opacity=65); /* For IE6&7 */
}

#submenu_forum {
    display: block;
    height: 20px;
    width: 440px;
    margin: 0px 0px 0px 320px;
    background-color: #1C1C1C;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    filter:alpha(opacity=65); /* For IE6&7 */
}

#submenu_service {
    display: block;
    height: 20px;
    width: 390px;
    margin: 0px 0px 0px 370px;
    background-color: #1C1C1C;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    filter:alpha(opacity=65); /* For IE6&7 */
}

#submenu_media {
    display: block;
    height: 20px;
    width: 240px;
    margin: 0px 0px 0px 520px;
    background-color: #1C1C1C;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    filter:alpha(opacity=65); /* For IE6&7 */
}

#submenu ul {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	list-style: none;
}

#submenu li {
    display: inline;
    margin: 4px 6px 0px 8px;
    padding: 0px;
}

#submenu li a:hover{
    color: yellow;
}
#submenu li a.active{
    color: yellow;
}

select {
  border: none;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  color: #FFFFFF;
}

/* ----------     a     ---------- */

a {
    color: #FFFFFF;
}

a:link {
	text-decoration: none;
	border: 0px;
    color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	border: 0px;
    color: #FFFFFF;
}

a:active {
	text-decoration: none;
	border: 0px;
}

a:hover {
	text-decoration: none;
	border: 0px;
    color: yellow;
}

div#report a {
	color: #0000AA;
}
	

.buttonset {
    text-align: right;
    margin: 4px 10px 0px 0px;
}

button {
    border: 0px;
    cursor: pointer;
    padding: 0 10px 0 0;
    text-align: center;
    width: auto;
    overflow: visible;
}

button span {
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 10px;
}

button.mybutton, button.mybackbutton, button.myaddbutton  {
    background: url(../images/btn_right.png) right no-repeat;
}

button.myanswerbutton  {
    padding: 0 20px 0 0 !important;
    background: url(../images/btn_right_answer.png) right no-repeat;
}

button.mybutton span, button.myanswerbutton span {
    height: 18px;
    line-height: 18px;
    background: url(../images/btn_left.png) left no-repeat;
    color: #fff;
}

button.mybackbutton span {
    height: 18px;
    line-height: 18px;
    background: url(../images/btn_left_back.png) left no-repeat;
    color: #fff;
}

button.myaddbutton span {
    height: 18px;
    line-height: 18px;
    background: url(../images/btn_left_add.png) left no-repeat;
    color: #fff;
}

button.mybutton:hover, button.mybackbutton:hover, button.myaddbutton:hover {
	background: url(../images/btn_right_hover.png) right no-repeat;
}

button.myanswerbutton:hover {
	background: url(../images/btn_right_answer_hover.png) right no-repeat;
}

button.mybutton:hover span, button.myanswerbutton:hover span {
	background: url(../images/btn_left_hover.png) left no-repeat;
}

button.mybackbutton:hover span {
	background: url(../images/btn_left_back_hover.png) left no-repeat;
}

button.myaddbutton:hover span {
	background: url(../images/btn_left_add_hover.png) left no-repeat;
}

/* ----------    headlines   ---------- */

h1 {
    height: 20px;
    margin: 0px 0px 20px 0px;
	font-size: 13px;
	font-weight: 700;
    padding: 3px 0px 0px 5px;
    background: url(../images/bg_h1.png) repeat-x;
    border-bottom: 1px solid yellow;
}

h2 {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 5px;
    font-size: 12px;
   	font-weight: 700;
	color: yellow;
}

div#report h2 {
	color: black;
}


h3 {
    margin: 5px;
    padding: 2px;
	font-size: 12px;
	font-weight: 700;
    border-bottom: 1px solid #333333;
    clear: both;
}

h3 span {
    border-bottom: 3px solid yellow;
}

p {
    margin: 0px 5px 5px 5px;
}


/* ----------    sidebar   ---------- */

.sidebar_news_date {
    float: left;
    width: 60px;
    margin: 7px 0px 0px 7px;
    font-size: 11px;
}

.sidebar_news_text {
    float: left;
    width: 138px;
    padding-left: 7px;
    margin: 7px 7px 0px 0px;
    font-size: 11px;
    border-left: 1px solid #333333;
}

#sidebar_calendar {
    height: 180px;
    margin: 7px;
    background-color: lightgrey;
}

.sidebar_sponsor_logo {
    margin: 7px 7px 0px 7px;
    text-align: center;
    height: auto;
}


/* --------    next dates   -------- */

.next_dates_date {
    float: left;
    width: 68px;
    margin: 7px 0px 0px 7px;
}

.next_dates_text {
    float: left;
    width: 138px;
    padding-left: 7px;
    margin: 7px 7px 0px 0px;
    border-left: 1px solid #333333;
}


/* ---------    images    -------- */

.img33 {
    width: 678px;
    margin: 10px;
}

.img23 {
    position: relative;
    float: left;
    width: 448px;
    margin: 10px;
}

.img13 {
    position: relative;
    float: left;
    width: 208px;
    margin: 10px;
}

.img16 {
    position: relative;
    float: left;
    width: 122px;
    margin: 10px;
}

a img{
	border: 0px;
}

/* ----------   text   ---------- */

.text {
    float: right;
    line-height: 150%;
    margin: 10px;
}

.text_box23_img {
    float: right;
    width: 290px;
    line-height: 150%;
    margin: 10px;
}

.text_box33_img13 {
    float: right;
    width: 450px;
    line-height: 150%;
    margin: 10px;
}

.text_box33_img23 {
    float: right;
    width: 230px;
    line-height: 150%;
    margin: 10px;
}


/* ---------   footer   --------- */

#footer ul {
    font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer li {
    display: inline;
    margin: 4px 6px 0px 8px;
    padding: 0px;
}

#footer li a {
    color: #CCCCCC;
}

#footer li a:hover{
    color: yellow;
}


/* ---------   Fahrer   --------- */

.driver_data {
    float: left;
    width: 120px;
}

.driver_value {
    float: left;
    width: 330px;
}


/* --------   Rennkalender   -------- */

table.event {
    margin: 10px;
    width: 700px;
}

table.track_event {
    width: 440px;
}
table.event th {

}

table.event td {
    height: 20px;
}

table.event td.icon {
    height: 30px;
    padding: 0;
    width: 30px;
}

table.event tr.highlight{
    background-color: #555555;
    color: #000000;
}



/* -------   Punktetabelle   ------- */

.points {
    padding: 0px;
    font-size: 11px;
}


/* -------   Formular & Downloads   ------- */

.download_link {
    margin: 0px 0px 0px 20px;
}

.dl_img {
    float: left;
    /** width: 200px; **/
    margin: 0px 10px 10px 10px;
}



/* --------   Impressum   -------- */

#imprint {
    padding: 10px 10px 0px 10px;
}

/* -------  Kalender Sidebar -------- */

#sidebar-kalender table{
	width: 180px;
	margin: 10px 5px 0px 20px;
	border: none;
}

#sidebar-kalender td, #sidebar-kalender th{
	text-align: center;
    height: 18px;
}

#sidebar-kalender .saturday{
	background-color: #191919;
}
#sidebar-kalender .sunday{
	background-color: #333333;
}
#sidebar-kalender .active{
	color: #ffffff;
	font-weight: bold;
    background: url(../images/active_date.png) no-repeat;
}
#sidebar-kalender .active a{
	color: #ffffff;
	font-weight: bold;
}

/* ----- feed symbole ----- */
div.feedIcon {
	float: right;
	margin: 10px 10px 5px 5px;
}
div.feedIcon img, img.feed-image{
	border: 0;
}
/* ----- newsletter ----- */

div.newsletterBox{
	border: 1px solid #333333;
	margin: 10px;
	padding: 5px;
	width: 300px;
	min-height: 50px;
}
div.newsletterBox img{
	float: left;
	margin: 5px;
}
div.newsletterBox label {
	display: block;
	width: 60px;
	float: left;
	margin: 2px;
}
div.newsletterBox input {
	width: 220px;
	margin: 2px;
}
div.newsletterBox input.submit {
	margin-left: 114px;
	width: auto;
}


/* ----- forum ----- */

.center {
	text-align: center;
}

.right {
	text-align: right;
}

#omniForum table.index tr {
	height: 30px;
}

#omniForum th {
    background-color: #191919;
}

#omniForum td, #omniForum th {
	padding: 6px;
}

#omniForum table.category tr {
	height: 20px;
}

#omniForum table.thread tr.thread_title {
	height: 20px;
	background-color: #191919;
}

#omniForum table.thread tr.thread_text td {
	padding: 10px 10px 20px 10px;
}

tr.thread_text td {
    background-color: #1a1a1a;
}

.answer {
    text-align: right;
    padding: 0px;
    height: 16px;
}

.new_entries {
    text-align: center;
    background-color: #333333;
}

.forum_name, .thread_name, .thread_text, .post_reply, .latest_entry  {
    background-color: #222222;
}

.thread_count, .entry_count, .reply_count, .author, .author_cat, .created {
    text-align: center;
    background-color: #333333;
}

.author {
    font-weight: bold;
    vertical-align: top;
}

.author_cat {
    font-weight: bold;
    vertical-align: middle;
}

.thread_text_create {
    background-color: #333333;
    vertical-align: top;
}


/* ----- newsletter ----- */

#omniForum div.forum-form, #omniForum div.forum-message{
    float: left;
	border: 1px solid #333333;
	margin: 10px;
	padding: 5px;
	width: 300px;
	min-height: 50px;
}

#omniForum div.forum-form label {
	display: block;
	width: 100px;
	float: left;
	margin: 2px;
}
#omniForum div.forum-form input {
	width: 180px;
	margin: 2px;
}
#omniForum div.forum-form input.checkbox {
	width: auto;
}
#omniForum div.forum-form label.checkbox {
	display: inline;
	width: auto;
	float: none;
}
#omniForum div.forum-form input.login-submit {
	margin-left: 208px;
	width: auto;
}
#omniForum div.forum-form input.register-submit {
	margin-left: 196px;
	width: auto;
}
#omniForum div.forum-message img{
	float: left;
	margin: 5px;
}
#omniForum div.forum-form-large {

}
#omniForum input.create_title {
	width: 490px;
	margin: 0px;
}
#omniForum textarea.create_text {
	width: 490px;
	height: 200px;
	margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#omniForum div.forum-form-large label {
	display: block;
	width: 214px;
	float: left;
	margin: 2px;
    background-color: #333333;
}

div.form_error{
	color: red;
	margin: 5px;
	text-align: center;
}

/* ----- kontakt ------ */

div#contact div.form{
	border: 1px solid #333333;
	margin: 10px;
	padding: 5px;
	width: 500px;
	min-height: 50px;
	clear: both;
}
.form-label{
/*	border: 1px solid white; */
	display: block;
	width: 130px;
	text-align: right;
	float: left;
	height: 20px;
	vertical-align: bottom;
	clear: both;
	padding: 4px 0px 0px 0px;
	margin-right: 8px;
}
label {
	cursor: pointer;
}
.form-value input, .form-value textarea{
	margin: 2px; 
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
div#contact input.short-text {
	width: 150px;
}
div#contact input.long-text {
	width: 300px;
}
div#contact textarea {
	width: 300px;
	height: 160px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


/* ----  pager  ---- */

div.pager {
	text-align: center;
}
div.pager img{
	border: 0;
}
div.pager span.pager {
	font-size: 80%;
}
div.pager span.pager-active {
	font-size: 120%;
	font-weight: bold;
}


/* ----  video  ---- */

.video {
    margin: 0px 10px 10px 10px; 
    float: left;
}


/* ----  links  ---- */

.link_list {
    margin: 2px 0px 2px 2px;
}


/* ----  news  ---- */

.div_spacer {
    margin: 0px 5px 0px 5px;
}

/* ----  report  ---- */

#long_text_header {
    height: 12px;
    width: 718px;
    margin: 0px;
    padding: 0px;
    background: url(../images/long_text_header.png) repeat-x;
}

#report {
    margin: 0px;
    padding: 0px;
    background: #dddddd !important;
    color: #000000 !important;
}