/******* ALLGEMEINE STYLES ********/
html {
	font-size: 9pt;
}

* {
	font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
   	margin: 0;
   	padding: 0;
}

body {
	background-color: #000000;
	font-size: 9pt;
	background-image:url(../pics/allgemein/back_grey.jpg);
	background-repeat:repeat-y;
	background-attachment:fixed;
}

/* Framelike fr IE 6+ */
*html {
    overflow:hidden;
}

*html body {
    height:100%;
    overflow:auto;
}

form {
	margin: 0px;
	padding: 0px;
}

textarea, input, select, option {
	font-size: 9pt;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}

img {
	border: none;
}

p {
	margin: 0px;
}

a,a:visited {
	text-decoration:none;
}

fieldset {
	margin: 0px;
	border: none;
	width: auto;
}

dfn {
	position: absolute;
	visibility: hidden;
	left: -1000px;
	top: -1000px;
}

/*GS 051207*/
hr {
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	border: 0;
	color: #B2B2B2;
	background-color: #B2B2B2;
	height: 1px;
	display: block; 
	margin: 1em 0 0 0;
	_margin: 2em 0 0 0;
}

/* Allgemeine Klassen */

.left {
	float: left;
}

.right {
	float: right;
}

.clearing {
	clear: both;
}

.noneline {
	border-bottom: none;
}

/* breite der Seite */
div#headerwrap,
div#teaserwrap,
div#contentwrap,
div#footerwrap{
	width: 950px;
}

/* HEADER UND TEASER */
div#headerwrap {
	position:absolute;
	top:0;
	height: 122px;
	z-index: 8;
}

/* position:fixed fr moderne browser - header und footer scrollen nicht */
body>div#headerwrap {
	position: fixed;
}

div#header {
	height:100px;
	background: url(../pics/motorsport/menu/co_motorsp_1.jpg) no-repeat;
	background-color:#FFFFFF;
}

div#header img {
	margin: 13px 74px 0 0;
	float: right;
}

div#teaserwrap {
	height: 14px;
}

div.teaserimg {
	position: relative;
}

/* CONTENT */
div#contentwrap {
	padding: 122px 20px 55px 40px;
	width:890px;
	float:none;
	height:292px;
}


div#contentwrap p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 9pt;
  color:#FFFFFF;
}

div#contentwrap li {
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 9pt;
  color:#FFFFFF;
}

div#contentwrap ul {
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 9pt;
  color:#FFFFFF;
}

div#contentwrap h1 {
  margin: 0px 0px -20px 0px;
  _margin: 0px 0px -10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  color:#FFFFFF;
}

div#contentwrap h2 {
  margin: 0px 0px -20px 0px;
  _margin: 0px 0px -10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  text-decoration:underline;
  color:#FFFFFF;
}

div#contentwrap h3 {
  margin: 0px 0px -20px 0px;
  _margin: 0px 0px -10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  color:#FFFFFF;
}

#content-product-links {
	width:340px;
	_width:350px;
	text-align: left;
	margin:0px 0px 57px 0px;
	padding:10px 10px 10px 10px;
	_padding:10px 0px 10px 10px;
	background-image:url(../pics/allgemein/back_grey_light.jpg);
	background-repeat:repeat-y;
	background-position:0px 1px;
	_background-position:0px -2px;
	list-style-type:circle;
	float:left;
}

#content-product-links ul{
	padding-left:16px !important;
}

#content-product-links .imgtext-table{
	margin:-12px 0px 6px 0px;
	_margin:2px 0px 0px 0px;
}

#content-text-links {
	width:610px;
	text-align: left;
	margin:0px 0px 57px 0px;
	padding:10px 10px 10px 10px;
	background-image:url(../pics/allgemein/back_grey_light_big.jpg);
	background-repeat:repeat-y;
	background-position:0px 1px;
	list-style-type:circle;
	float:left;
}

#content-text-links a{
	color:#de0011;
}

#content-text-links a:hover{
	color:#ffffff;
}

#content-text-500-links {
	width:480px;
	text-align: left;
	margin:0px 0px 57px 0px;
	padding:10px 10px 10px 10px;
	background-image:url(../pics/allgemein/back_grey_light_500.jpg);
	background-repeat:repeat-y;
	background-position:0px 1px;
	_background-position:0px -2px;
	list-style-type:circle;
	float:left;
}

#content-text-500-links a{
	color:#de0011;
}

#content-text-500-links a:hover{
	color:#ffffff;
}

#content-text-500-links ul{
	margin-left:30px !important;
}

div.content-product-bild {
	margin-left:420px;
	margin-top:-24px;
	float:none;
	height:280px;
	width:240px;
	overflow:hidden;
}

div.content-text-bild {
	margin-left:520px;
	_margin-left:516px;
	margin-top:-1px;
	_margin-top:-7px;
	float:none;
	height:580px;
	width:140px;
	overflow:hidden;
}

/* Bild-Unterschriften typo3 */
.csc-caption {
  font-size:9px !important;
}

/* Bild-Unterschriften typo3 ab 4.0.1 */
.csc-textpic-caption {
  font-size:9px !important;
  color:#FFFFFF !important;
}

/* Bild-Tabellen typo3 text 500 links */
#content-text-500-links .imgtext-table{
	margin-top:-12px;
	_margin-top:2px;
	margin-bottom:6px;
	_margin-bottom:0px;
}

#content-text-links .imgtext-table{
	margin-top:-12px;
	_margin-top:2px;
	margin-bottom:6px;
	_margin-bottom:0px;
}

/* Bild-Tabellen typo3 links vom Menü */
div.content-text-bild .imgtext-table{
	margin-top:-29px;
	_margin-top:0px;
	margin-bottom:6px;
	_margin-bottom:0px;
}

/* Bild-Abstand typo3 IE */
#content-text-links .imgtext-nowrap{
	_margin-bottom:10px !important;
}

div.content-product-menu {
	margin-right:20px;
	_margin-right:6px;
	margin-top:-256px;
	width:180px;
	border-left:1px solid #EEEEEE;
	padding-left:10px;
	color:#FFFFFF;
	float:right;
}

div.content-text-menu {
	margin-right:20px;
	_margin-right:6px;
	margin-top:0px;
	width:180px;
	border-left:1px solid #EEEEEE;
	padding-left:10px;
	color:#FFFFFF;
	float:right;
}

div.content-text-menu .imgtext-table{
	margin-top:-12px;
	_margin-top:2px;
	margin-bottom:0px;
}

div.content-text-500-menu {
	margin-right:20px;
	_margin-right:6px;
	margin-top:-579px;
	_margin-top:-573px;
	width:180px;
	border-left:1px solid #EEEEEE;
	padding-left:10px;
	padding-bottom:55px;
	_padding-bottom:0px;
	color:#FFFFFF;
	float:right;
}

#content-product-menu-button {
	width:180px;
	height:20px;
	background-image:url(../pics/tuning/menu/menubutton.jpg);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:8px;
	margin-bottom:16px;
}

#content-product-menu-button a{
	color:#FFFFFF;
}

#content-product-menu-point {
	font-weight:bold;
	width:180px;
	margin-bottom:6px;
}

#content-product-menu-point a, a:hover, a:visited{
	color: #FFFFFF;
}

div.sitepath {
	padding-top: 10px;
	height:43px;
	font-size:9px;
	color:#999999;
}

div.sitepath a, a:visited{
	text-decoration:none !important;
	color:#999999;
}

div.sitepath a:hover{
	color:#FFFFFF;
}

/* FOOTER */
/* keine fixe pisition fr IE5/Win - die ganze Seite scrollt */
div#footerwrap {
	p\osition:absolute;
	bottom:0;
	left:0;
	height: 40px;
	overflow:hidden;
	background-image:url(../pics/tuning/menu/subnavi_back.jpg);
	border-top:2px solid #FFFFFF;
	background-color:#DE0011;
}

div#footerwrap .bottomlogo img {
	position:absolute;
	top:10px;
	left:40px;
}

body>div#footerwrap {
	position:fixed;
}

/* IE6+ */
*html div#footerwrap {
	bottom:-1px;
}














/*
 * Horizontales Menue, bereits defniert
 */

#navigation_root ul {
}

#navigation_root li {
  line-height:18px;
}

/*
 * Regeln zum vestecken und anzeigen der Unter-Bltter
 */

#navigation_root li ul {
  display: block;
}

#navigation_root li:hover ul, #navigation_root li.over ul {
  display: block;
}

#navigation_root li:hover ul li ul, #navigation_root li.over ul li ul {
  display: none;
}

#navigation_root li:hover ul li:hover ul, #navigation_root li.over ul li.over ul {
  display: block;
}

#navigation_root li:hover ul li:hover ul li ul, #navigation_root li.over ul li.over ul li ul {
  display: none;
}

#navigation_root li:hover ul li:hover ul li:hover ul, #navigation_root li.over ul li.over ul li.over ul {
  display: block;
}

#navigation_root li:hover ul li:hover ul li:hover ul li ul, #navigation_root li.over ul li.over ul li.over ul li ul {
  display: none;
}

/*
 * Vertikales Menue Level 1
 */

#navigation_root li ul {
  display: none;
  position: absolute;
  top: auto;
  left: auto;
  color:#FFFFFF;
  list-style-type:none;
  margin: 2px 2px 0px -1px;
  width:119px;
}

#navigation_root li > ul {
  position: absolute;
  top: auto;
  left: auto;
  margin: 2px 2px 0px -1px;
  padding: 0px 0px 0px 0px;
}

/*
 * Vertikales Menue Level 2
 */

#navigation_root li ul li {
  text-align:center;
  width:119px;
  float:left;
  margin: 0px 0px 0px 0px;
  line-height:18px;
  padding:0px 0px 0px 0px;
}
#navigation_root li > ul > li {
  margin:0px 0px 0px 0px;
}

#navigation_root li ul li ul {
  font-size:12px;
  float:left;
  width:119px;
  position: absolute;
  left:121px;
  top: auto;
  display:none;
  margin: -18px 0px 0px -1px;
}

/* Fix IE. Hide from IE Mac \*/
* html #navigation_root li { float: left; height: 1%; }
* html #navigation_root li a { height: 1%; }
/* End */

/*
 * Vertikales Menue Level 3
 */

#navigation_root li ul li ul li {
  text-align:center;
  width:119px;
  float:left;
  position: relative;
  line-height:18px;
}

#navigation_root li ul li ul li ul {
  font-size:12px;
  float:none;
  width:119px;
  position: absolute;
  left:120px;
  top: -1px;
  display:none;
  margin: 1px 0px 0px -1px;
}

/*
 * Hintergrund Navigation "Blatt"
 */

#navigation_root ul.level1 li {
  background-color:#99B6D5;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

#navigation_root ul.level2 li {
  background-color:#4C7FB5;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  margin: -1px 0px 0px 0px;
}

#navigation_root ul.level3 li {
  background-color:#8A8D92;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

/*
 * Hintergrund Navigation Eintrag Link-Hover
 */

#navigation_root ul.level1 li a:hover {
  background-color:#de0011;
}
#navigation_root ul.level2 li a:hover {
  background-color:#de0011;
}
#navigation_root ul.level3 li a:hover {
  background-color:#de0011;
}

/*
 * Menue Links
 */

#navigation_root li ul a:link, #navigation_root li ul a:visited, #navigation_root li ul a:active  {
  font-size:10px;
  display:block;
  background-color: #777799;
}
#navigation_root li ul a:hover  {
  font-size:10px;
  display:block;
  background-color: #19357e;
}

#navigation_root li ul li ul a:link, #navigation_root li ul li ul a:visited, #navigation_root li ul li ul a:active  {
  font-size:10px;
  display:block;
  background-color: #555577;
}
#navigation_root li ul a:hover  {
  font-size:10px;
  display:block;
  background-color: #8A8D92;
}

#navigation_root li ul li ul li ul a:link, #navigation_root li ul li ul li ul a:visited, #navigation_root li ul li ul li ul a:active  {
  font-size:10px;
  display:block;
  background-color: #333355;
}
#navigation_root li ul li ul li ul a:hover  {
  font-size:10px;
  display:block;
  background-color: #8A8D92;
}

ul.navigation {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type:none;
}
ul.navigation li {
	text-align: center;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	float: left;
}
ul.navigation a:link, ul.navigation a:visited, ul.navigation a:active {
	display: block;
	font-size:11px;
	background-color: #000000;
	color: #FFFFFF;
	width: 119px;
}
ul.navigation a:hover {
	display: block;
	font-size:11px;
	background-color: #de0011;
	color: #FFFFFF;
	width: 119px;
}

#footernavi {
	position: relative;
	top:	0px;
	left:	0px;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}

ul.footernavi {
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: center;
	list-style-type: none;
}
ul.footernavi li {
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	float: left;
}
ul.footernavi a:link, ul.footernavi a:visited, ul.footernavi a:active {
	display: block;
	font-size:9px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 1px 0px 1px 0px;
	width: 88px;
	line-height:16px;
	height:16px;
}
ul.footernavi a:hover {
	display: block;
	font-size:9px;
	background-color: #de0011;
	color: #FFFFFF;
	padding: 1px 0px 1px 0px;
	width: 88px;
}

/******* Werte für Formularfelder ********/
.FeldSuchwort {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	border:1px solid #FFFFFF;
	background-color:#DDDDDD;
	margin-bottom:2px;
}

.FeldCheckbox {
    font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#EEEEEE;
}


.FeldCombobox {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	border:1px solid #FFFFFF;
	background-color:#DDDDDD;
	margin-bottom:2px;
	height:18px;
}

.FeldCombobox option{
	border-width:0px;
	background-color:#DDDDDD;
	height:14px;
    font-size: 9px;
	padding-left:4px;
}

.FeldButton {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	border:1px solid #999999;
	background-color:#EEEEEE;
	margin-bottom:2px;
}

.FeldTable {
	color:#FFFFFF;
	table-layout:fixed;
}

.FeldTable a, .Feldtable a:visited{
	color:#CCCCFF;
	table-layout:fixed;
}

.FeldTable a:hover{
	color:#CCCCFF;
	text-decoration:underline;
}

.contenttable {
	color:#FFFFFF;
}

.contenttable a{
	color:#FFFFFF !important;
}

.tx-indexedsearch {
	color:#FFFFFF;
}

.tx-indexedsearch h2{
	background-color:#444444 !important;
	margin-bottom:10px !important;
}

.tx-indexedsearch-rules{
	margin-top:40px;
}

.tx-indexedsearch a{
  color:#de0011;
}

.tx-indexedsearch a:visited{
  color:#de0011;
}

.tx-indexedsearch a:hover{
  color:#FF1122;
}

.tx-indexedsearch-searchbox-sword{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	border:1px solid #FFFFFF;
	background-color:#DDDDDD;
	margin-bottom:2px;
}

.tx-indexedsearch-searchbox-button{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px;
	border:1px solid #999999;
	background-color:#EEEEEE;
	margin-bottom:2px;
}

.tx-indexedsearch select{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:1px solid #999999;
	background-color:#EEEEEE;
	margin-bottom:2px;
	width:200px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#333333 !important; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#222222; !important}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#2A2A2A !important; }

/** Schriftfarben fuer Applications **/
table.color_for_apps{
	color:#FFFFFF !important;
}
table.color_for_apps a{
	color:#FFFFFF !important;
}

/******* From here: CSS for the searchbox on the right ********/
#indexedsearchbox{
	margin-bottom:20px;
}
/******* Height of the search-input box at the right ********/
.searchbox-sword{
	height:18px;
}