* { margin: 0px; padding: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #f8f8f8; font-size: 11px; border: 0px; }

html { background: #000000; height: 101%; margin: 0px; padding: 0px; }

body { background: #000000; height: 101%; font-family: Verdana,Arial,Helvetica,sans-serif; color: #f8f8f8; font-size: 11px; margin: 0px; padding: 0px; border: 0px; text-align: center; }

/* TEXTAUSZEICHNUNGEN */
h1 { font-size: 20px; color:#f8f8f8; font-weight: bold; margin: 0px; padding: 0px; }
h2 { font-size: 11px; color:#f8f8f8; font-weight: bold; padding: 0px; margin: 0px; }
h3 { font-size: 13px; color:#f8f8f8; font-weight: bold; margin: 14px 0px 5px 0px; padding: 0px; }
a { font-family: Verdana,Arial,Helvetica,sans-serif; text-decoration: none; font-weight: bold; }
a:link { text-decoration: none; color: #f8f8f8; }
a:visited { text-decoration: none; color: #f8f8f8; }
a:hover { text-decoration: none; color:#d8d8d8; }
a:active { text-decoration: none; color: #f8f8f8; }
p { line-height: 18px; margin: 0px; padding: 0px; }
/* TEXTAUSZEICHNUNGEN ENDE */

/* KLASSEN allgemein*/
img { border: 0px; outline: none; }
a { border: 0px; outline: none; }
a.small { font-size: 10px; color:#26518f; font-weight: normal; }
a.bullet { background: #ffffff url("../pics/bullet.gif") no-repeat 0px 2px; padding-left: 16px; }
.left { float: left; }
.right { float: right; margin-right: 12px; }
.date { font-size: 11px; color: #828282; font-weight: bold; }
/* KLASSEN ENDE */

#wrapper {
 margin: 15px auto;
 width: 1142px;
 text-align: left;
}
#container {
float:left;
 width: 802px;
 text-align: left;
}

/* ADDS */
#addtop {
display:block;
margin:0 0 10px 170px;
 width: 800px;
 text-align: right;
}

#addleft{
float:left;
display:block;
 background: black;
 text-align:center;
 min-height:700px;
 margin-top:100px;
 width: 170px;
}
#addright {
float:left;
display:block;
 background: black;
 text-align:center;
 min-height:700px;
 margin-top:0px;
 width: 170px;
}


#addleft a,#addright a,#addleft img,#addright img,#addleft span,#addright span ,#addleft table{
border:0;
outline:none;
display:block;
text-align:center;
margin:0 auto;
font-size:15px;
font-weight:bold;
color: red;
}
#addleft div{
clear:both;
width:155px;
text-align:center;
background:black;
margin:0 0 0 10px;
padding:0;
}
#addleft p{
float:left;
text-align:center;
background:black;
margin:1px;
padding:0;
}


/* INHALT OBEN */
#header {
 position: relative; 
 background: url("../pics/header-bg.gif") repeat-x;
 width: 800px;
 height: 50px;
}
#headerleft {
 float: left;
 background: url("../pics/header-leftbg.gif") no-repeat top left;
 width: 15px;
 height: 50px;
 margin: 0px;
 padding: 0px;
}

#header h1 a {
 float: left;
 background: url("../pics/racingtv-logo.gif") no-repeat;
 width: 230px;
 height: 50px; 
 margin: 0px;
 padding: 0px;
}
#header h1 a span { display: none; }

#headerright {
 float: right;
 background: url("../pics/header-rightbg.gif") no-repeat top right;
 width: 15px;
 height: 50px;
 margin: 0px;
 padding: 0px; 
}

/* MAIN NAVIGATION */
#mainnav {
 float:left;
 margin: 0px; 
 padding: 14px 20px;
}
#mainnav ul {
 list-style-type: none;
 margin: 0px; 
 padding: 0px; 
 display: inline;
}
#mainnav ul li {
 float: left; 
 display: block;
 padding: 0px 0px 0px 20px;
 margin: 0px; 
}
#mainnav ul li a {
 text-transform: uppercase;
 font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
 font-size: 15px;
 font-weight: bold;
}
#mainnav ul li.active a, #mainnav ul li a:hover { color:#f8f8f8; text-decoration: underline; }

/* MAIN NAVIGATION ENDE */

/* NEWSTICKER */
#ticker { 
 text-align: left;
 background: transparent;
 position: relative; 
 margin: 0px 1px 0 1px; 
 padding: 0px ;
 width: 798px; 
 height: 23px;
 background: #545454;
 color: #cccccc;
}

#newsticker {
 float: left;
 width: 790px;
 height: 18px;
 margin: 0px;
 padding: 5px 4px 0px 4px;
  cursor: pointer;
}



/* INHALT */
#content { 
 position: relative; 
 margin: 0px auto; 
 padding: 0px;
 width: 800px;   
 background: #000000;  
}
#content .left { 
 position: relative;
 float: left;
 background: #000000; 
 margin: 0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px;
 width: 159px;  
 padding-bottom: 20px; 
}

#content .left h2 {  
 position: relative; 
 background: #545454 url("../pics/headline-leftbg.gif") no-repeat top left;
 width: 147px; 
 height: 24px;
 padding: 10px 0px 0px 12px;
 margin: 0px;
}

/* SUB NAVIGATION */
#subnav {
 float:left;
 margin: 0px; 
 width: 145px; 
 padding: 0px;
}
#subnav ul {
 list-style-type: none;
 margin: 0px; 
 padding: 0px; 
 display: block; 
}
#subnav ul li { 
 display: block;
 padding: 4px 0px 6px 0px;
 margin: 0px;
 border-bottom: #545454 1px solid;
 width: 158px; 
}

#subnav ul li a {
 text-transform: none;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 11px;
 font-weight: normal; 
 padding: 0px 0px 0px 12px;
}
#subnav ul li.active a, #subnav ul li a:hover { color:#f8f8f8; text-decoration: underline; font-weight: bold; }

#subnav ul li ul { display: block; }
#subnav ul li.active ul { display: block; margin: 0px; }
#subnav ul li ul { padding-top: 2px; padding-bottom: 0px; display: block; }
#subnav ul li ul li { padding-bottom: 0px; border-bottom: #545454 0px solid; padding-left: 0px; width: 157px; }
#subnav ul li.active ul li a { color: #e8e8e8; text-transform: none; text-decoration: none; font-weight: normal; }
#subnav ul li.active ul li.active a { color: red; text-transform: none; font-weight: normal; }
#subnav ul li ul li a:link { color: #d8d8d8; text-transform: none; font-weight: normal; }
#subnav ul li ul li a:hover { color: red; text-transform: none; font-weight: normal; }

#subnav ul li  ul li ul { padding: 0px 0px 0px 5px; }
/* ab 4.level 0 margin */
#subnav ul li  ul li ul li ul { padding: 0px; }
#subnav ul li  ul li ul li ul li{ padding: 0px; color:yellow;}


#subnav ul li.active ul li.active ul { display: block; margin: 0px; }
#subnav ul li ul li ul { padding-top: 2px; padding-bottom: 0px; }
#subnav ul li ul li ul li { padding-bottom: 0px; border-bottom: #545454 0px solid;width: 152px;}
#subnav ul li.active ul li.active ul li a { color: #e8e8e8; text-transform: none; text-decoration: none; font-weight: normal; }
#subnav ul li.active ul li.active ul li.active a { color: green; text-transform: none; font-weight: normal; }
#subnav ul li.active  ul li.active ul li.active ul li.active a{color:orange;}

#subnav ul li ul li ul li a:link { color: #d8d8d8; text-transform: none; font-weight: normal; }
#subnav ul li.active ul li ul li a:hover { color: green; text-transform: none; font-weight: normal; }

/* MAIN NAVIGATION ENDE */

#content .right { 
 position: relative;
 float: left;
 background: #000000;
 margin: 0px; 
 padding: 0px;
 width: 639px;  
 padding-bottom: 20px;
}
#content .right h2 {  
 position: relative;
 float: left; 
 background: url("../pics/headline-rightbg.gif") no-repeat top left;
 width: 627px; 
 height: 24px;
 padding: 10px 0px 0px 12px;
 margin: 0px;
}

#videos { 
 position: relative;
 float: left;
 margin: 0px; 
 padding: 20px 0px 0px 10px;
 width: 613px;
/*  height: 365px; */
}
#iframe { 
 border:0px;
 position: relative;
 float: left;
 margin: 10px 0 0 5px; 
 padding: 0;
 width: 640px;
 height: 440px;
 overflow:show;
 background:black;
}

#prevideos { 
 position: relative;
 float: left;
 margin: 20px 0px; 
 padding: 0px;
 width: 638px;
 padding-bottom: 20px; 
}

#prevideos div.thumb {
 float: left; 
 display: block;
 padding: 0px 0px 12px 0px;
 margin: 0px 0px 11px 12px;
 border: #545454 0px solid;
 width: 112px;
 height: 70px;
 font-size: 11px;
}
#prevideos div.thumb a {
 display: block;
}
#prevideos div.thumb img {
 border: #545454 1px solid;
 display: block;
}
#prevideos div.active img {
 border: red 1px solid;
}
#prevideos div.active a{
 color: red;
}
#text { 
 position: relative;
 float: left;
 margin: 20px 0; 
 padding: 10px;
 padding-bottom: 20px; 
}
#suche {  
 padding: 1px 0px 5px 11px;
 margin: 4px 0px 0px 0px;
 font-weight: bold;
 border-bottom: #545454 1px solid;
 width:147px;
}
#suche input {  
 position: relative; 
 float: left;
 width: 100px; 
 padding: 1px 0px 1px 1px;
 margin: 3px 0px 10px 0px;
 color: #000000;
}
#suche button{
	width: 25px;
	height: 15px;
	background: gray;
	border: solid white 1px;
	margin: 3px; 
	cursor: pointer; 
	font-size: 10px;
}

#footer { 
 position: relative; 
 margin: 0px auto; 
 padding: 0px 0px 20px 0px;
 width: 798px;
 border-top: #545454 1px solid; 
 background: transparent; 
}

#footer p { 
 margin: 4px 0px 0px 12px; font-size: 10px;
}
#footer p a.active {text-decoration: underline; }


#dm_jukebox_iframe{
	overflow:hidden; 
	margin:0; 
	padding:0; 
	width: 100%; 
	height: 562px;
	text-align:center;
	width:610px;
	border:0;
}

