/* CSS
Author: Frederik Ventzke - Ventzke & Partner
Client: TITAN-RACING.DE
Created: 23.12.2009
Modified: 17.03.2010
*/


body { 
	margin: 0; 
	padding: 50px 0 0 0;
	font-family:  Verdana, Helvetica, sans-serif;
	background: url(../img/bg/bg.jpg) repeat-y;
	text-align: left; 
	color: #9f9f9f;
	font-size: 11px;
		}

		
/* generals */
a			{text-decoration: none; color: #ca530c; outline: none;}
a:hover 	{text-decoration: none; color: #9f9f9f;}
b,strong	{font-weight: bold;}
i,em		{font-style: italic;}
img 		{border: 0px;}
form		{display: inline;}
#content ul	{font-size: 11px; padding: 0 0 20px 15px; margin: 0; line-height: 14px;}
#content ul li	{color: ##b6b6b6; padding: 0;}
.slidenav ul {display: inline;}
.slidenav li {width: 15px; height: 15px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; color: #fff; float: left; text-align: center; font-size: 90%;}
.slidenav2 ul {display: inline;}
.slidenav2 li {width:70px; height: 15px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; color: #fff; float: left; text-align: center; font-size: 90%; background-color: #ca530c;}
u			{text-decoration: underline;}
.rootline {padding: 0 0 0 4px;}
.subtitle {font-size: 20px;}

/* special divs */
#gesamt {width: 961px; position: relative; overflow: visible; margin: auto; padding: 15px 0px 0px 16px; text-align:left;}
#top    {width: 936px; height: 19px; background: url(../img/bg/shadow_top.png) repeat-x bottom; padding: 0 22px 0 19px; float: left;}
* HTML .#top    {background-image: none;}
#top .path a {color: #ca530c; padding: 0 3px 0 3px;}
#top .path a:hover {color: #9f9f9f;}
#top .path {float: left; margin: 0 0 0 0; padding: 0;}
#top span.aktiv {padding: 0 0 0 3px;}
#top .metanav {float: right; margin: 0 0 0 0; padding: 0;}


#middle {width: 977px; min-height: 554px; background: url(../img/bg/shadow_middle.png) repeat-y; float: left;}
* HTML .#middle {background: url(../img/bg/shadow_middle.gif) repeat-y;}
#middlestart {width: 977px; min-height: 554px; background: url(../img/bg/shadow_middle_start.png) repeat-y; float: left;}
* HTML .#middlestart {width: 977px; min-height: 554px; background: url(../img/bg/shadow_middle.png) repeat-y;}
#bottom {width: 977px; height: 27px; background: url(../img/bg/shadow_bottom.png); background-repeat: repeat-x; behavior: url("../pngbehavior.htc"); float: left;}
* HTML .#bottom {background-image: none;}
#header {width:800px; height: 180px; margin: 0px; padding: 0px 0px 0px 0px;}
#logo {width: 142px; height: 95px; padding: 0 0 0 25px; margin: 0; float: left;}
#logo h1 {font-size: 22px; margin: 0; padding: 0;}
#logo h1 a {width: 142px; height: 95px; background: url(../img/logo-titan-racing.gif); display: block; font-size: 0px; float: left; text-indent: -3000px;}
#logo h1 a span {display: none;}
#left {width: 200px; height: 522px; padding: 25px 0px 0px 41px; float: left; margin: 0;}

#contentstart {width: 695px; height: 433px; padding: 0 0 0 17px; float: left;}
#rightstart a {background: url(../img/bg/arrow-right.gif) no-repeat; padding: 0 0 0 8px; margin: 0 3px 0 0;}
#rightstart .newsbox {float: left; width: 335px;}
#rightstart .newsbox p {font-size: 10px; line-height: 13px;}
.newsbox2 {padding: 0; margin: 0 0 20px 0;}
.automarktbox {padding: 0 0 0 0; background-color: #121212; margin: 0px; color: #9f9f9f;}
.automarktbox p {padding: 8px; margin: 0 0 6px 0;}
.automarktbox p.hboxplatz {padding: 3px 0 3px 8px;margin: 0 0 30px 0;}
.automarktbox img {padding: 0 0 0 10px; margin: 0 0 0 0; float: right; width: 90px; height: 68px;}
.news-single-img {display: block; width: 550px;}
.news-single-img img {width: 120px; height: 90px;}
.news-single-img a {float: left; width: 120px; height: 90px; margin: 0 15px 15px 0; border: 1px solid #000;}
.news-single-img a:hover {border: 1px solid #ca530c;}
.galeriebox {float: left; width: 120px; height: 120px; background-color: #121212; border: 1px solid #000; margin: 0 15px 15px 0;}
.galeriebox:hover {border: 1px solid #ca530c; cursor: hand;}
.galeriebox p {color: #9f9f9f; font-size: 10px; padding: 0 0 0 5px; line-height: 13px;}
#rightstart p.teaser {color: #ca530c; padding: 0; font-size: 12px; font-style: italic; display: block; margin: 0 0 14px 0; font-weight: lighter;} 
#content {width: 648px; min-height: 398px; height: auto !important; margin: 25px 0 0 17px; padding: 0 0 0 24px;  float: left; border-left: 1px solid #3f3f3b; overflow: hidden;}
* HTML #content {width: 648px; min-height: 398px; height:auto !important; margin: 25px 0px 0px 17px; padding: 0 0 0 24px;  float: left; border-left: 1px solid #3f3f3b; overflow: hidden;}
#content p a {text-decoration: none; color: #ca530c; background-image:url(../img/bg/arrow-right.gif); background-repeat: no-repeat; padding: 0px 0px 0px 8px; margin-left: 3px;}
#content p a:hover {color: #9f9f9f;}
#rightstart {width: 701px; height: 100px; padding: 0px 0px 0px 10px; margin: 8px 0px 20px 16px; float: left; border-left: 1px solid #3f3f3b;}

#right {width: 718px; height: 114px; padding: 0px 0px 0px 0px; margin: 17px 0px 0px 8px; float: right;}
* HTML #right {width: 718px; height: 114px; padding: 0px 0px 0px 0px; margin: 13px 0px 0px 8px; float: right;}
#zaehler {display: none;}

.news1 {width: 320px; height: 62px; border-right: 1px solid #3f3f3b; margin: 7px 0 0 0; float: left; padding: 0 10px 0 0;}
.news2 {width: 330px; height: 62px; margin: 7px 0 0 0; padding-left: 10px; float: left;}
.news {width: 650px; background-color: #121212; margin-top: 15px; padding: 8px;}
.news p {margin-top: 0px;}
.indivuda {background-color: #121212; margin-top: 15px; padding: 15px; float: left;}
.indivuda2 {background-color: #121212; margin: 15px 0 0 0px; padding: 15px; float: right;}
.indivuda3 {background-color: #121212; margin: 15px 0 0 0px; padding: 15px; display: block;}
.produdetail {background-color: #121212; margin: 15px 0 0 0px; padding: 7px; float: left; border-right: 4px solid #000;}

* HTML #spacer {height: 455px;}
.paging {float: right; padding-bottom: 6px;}

#footer {width: 955px; height: 13px; padding: 5px 0 0 0; margin: 0; text-align: right;}
#footer p {color: #6f6f6f; float: right;}
#footer p a {margin: 0 0 0 18px; color: #6f6f6f;}
#footer p.left {float: left;}
* HTML #footer {width: 955px; height: 13px; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: right; color: #6f6f6f;}
.galvorbox {width: 96px; height: 90px; font-size: 10px; float: left; padding: 10px 12px 7px 0px;}
.slidenav {position: absolute; top: 440px; left: 282px; width: auto;}
.slidenav2 {position: absolute; top: 440px; left: 882px; width: auto;}
#starttext {margin: 350px 0 20px 15px; float: left;}

#tracker {display: none;}



/* menu */
#nav {width: 200px; margin: 0px; padding: 32px 0 0 0; float: left;}
#nav ul	{padding: 0 6px 0 0px; margin: 0 0 18px 0; line-height: 14px;}
#nav li	{margin: 0; padding: 5px 0 5px 0; border-bottom: 1px solid #3f3f3b; background-image: none; list-style: none;}
#nav ul li a {padding: 0 0 0 12px; margin: 0px; background: url(../img/bg/arrow-nav.gif) no-repeat left; display: block; font-size: 11px; color: #ca530c;}
#nav ul li a.aktiv,#nav ul li a:hover {background: url(../img/bg/arrow-nav2.gif) no-repeat right; color: #cfcfc5;}


/* subnav */
#nav ul li ul {padding: 0 0 0 0; margin: 0;}
#nav ul li ul li {margin: 5px 0 0 0; padding: 0 0 0 0; border-bottom: none; border-top: 1px solid #3f3f3b;}
#nav ul li ul li a {padding: 2px 0 0 9px; margin: 0 0 0 20px; background: url(../img/bg/li-subnav.gif) no-repeat left; font-size: 10px; display: block;}
#nav ul li ul li a:hover,#nav ul li ul li a.aktiv {background: url(../img/bg/li-subnav2.gif) no-repeat left;}


/* images */




/* content */
h1,h2,h3,h4 {font-family: Verdana, Helvetica, sans-serif;}
h2 {color: #cfcfc5; padding: 0; margin: 0 0 0 0; font-size: 16px; font-weight: lighter;}
h2 span {color: #ca530c; padding: 0; margin: 0; font-size: 12px; font-style: italic; display: block;}
#rightstart h3 {margin: 0 0 0 0; padding: 0 0 0 0;}
#rightstart h3 a {margin: 0 0 0 0; padding: 0 0 0 12px; font-size: 12px; color: #fff; display: block; background: url(../img/bg/bg-headline.gif) no-repeat; font-weight: lighter;}
#content h2 {color: #cfcfc5; padding: 0; margin: 0 0 0 0; font-size: 16px; font-weight: lighter; font-family: Verdana, Helvetica, sans-serif;}
#content h3 {margin: 0 0 3px 0; padding: 0 0 0 12px; font-size: 13px; color: #fff; display: block; background:url(../img/bg/bg-headline.gif) no-repeat; font-weight: lighter;}
#content h3 a {color: #fff;}
h4 {margin: 0 0 0 0; padding: 0 0 0 12px; font-size: 12px; color: #fff; display: block; background:url(../img/bg/bg-headline.gif) no-repeat; font-weight: lighter;}
h5 {color: #cfcfc5; padding: 0; margin: 8px 0 3px 0; font-size: 150%; font-weight: bolder;}


p {margin: 0 0 17px 0; font-size: 11px; line-height: 16px;}
p.op {margin: 0px 0px 0px 0px;  font-size: 100%; line-height: 140%;}
p.invi {margin: 0px 0px 0px 0px;  font-size: 100%; line-height: 140%;}
p.small {margin: 0px 0px 15px 0px;  font-size: 90%; line-height: 140%;}
p.date {margin: -5px 0px 0px 0px;  font-size: 120%; color: #fff;}
p.subtitle {margin: 17px 0px 0px 0px; padding: 0 0 0 12px; font-size: 130%; color: #fff; display: block; background-image:url(../images/bg_subtitle.gif); background-repeat: no-repeat;}
p.teaser {color: #ca530c; padding: 0; font-size: 12px; font-style: italic; display: block; margin: 0 0 24px 0; font-weight: lighter;} 


/* form elements */
input.text, textarea.text {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 240px; background: #000; color: #fff;}
input.text2 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 50px; background: #000; color: #fff; margin-right: 10px;}
input.text3 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 176px; background: #000; color: #fff; margin-right: 10px;}
textarea.text {height: 120px; width: 380px; font-size:100%;}
input.submit{text-align: center; margin-left: 130px;}
table {margin: 4px 0 10px 0;}
table.vollebreite {margin: 4px 0 10px 0; width: 100%;}
td {padding: 0 0 0 0px; text-align: left;  margin: 0px; vertical-align: middle;}
table.contenttable {margin: 0 0 20px 0; padding: 0;}
table.contenttable p {margin: 0; padding: 0;}
td.produdetail1 {background-color: #3d3d3d; padding: 5px; width: 170px; color: #cfcfc5; font-weight: bold;}
td.produdetail2 {background-color: #3d3d3d; padding: 5px; width: 340px; text-align: center; color: #cfcfc5; font-weight: bold;}
td.produdetail3 {background-color: #3d3d3d; padding: 5px; width: 140px; text-align: right; color: #cfcfc5; font-weight: bold;}
td.produdetail4 {background-color: #121212; padding: 5px; width: 170px;}
td.produdetail5 {background-color: #121212; padding: 5px; width: 340px;}
td.produdetail6 {background-color: #121212; padding: 5px; width: 140px; text-align: right;}
td.produdetail7 {background-color: #3d3d3d; padding: 5px; width: 190px; color: #cfcfc5;}
td.produdetail8 {background-color: #3d3d3d; padding: 5px; width: 140px; text-align: center; color: #cfcfc5; font-weight: bold;}
td.produdetail9 {background-color: #3d3d3d; padding: 5px; width: 140px; text-align: right; color: #cfcfc5;}
td.produdetail10 {background-color: #121212; padding: 5px; width: 190px; font-weight: bold;}
td.produdetail11 {background-color: #121212; padding: 5px; width: 140px; text-align: center;}
td.produdetail12 {background-color: #121212; padding: 5px; width: 140px; text-align: right;}
.dunkelgrauebox {background-color: #121212; padding: 8px; margin: 0px; color: #9f9f9f;}
.dboxplatz {background-color: #121212; padding: 8px; margin: 0 0 30px 0; color: #9f9f9f;}
.hellgrauebox {background-color: #3d3d3d; padding: 3px 0 3px 8px; font-weight: bold; color: #cfcfc5; margin: 0px;}
.hboxplatz {background-color: #3d3d3d; padding: 3px 0 3px 8px; font-weight: bold; color: #cfcfc5; margin: 0 0 30px 0;} 
.teile3 {background-color: #121212; padding: 0px; margin: 0px; vertical-align: middle;}
table.kontakt {width: 500px;}
tr.kontakt {width: 400px;}




/* links */
#content .external-link-new-window {background: url(../img/icons/extern.gif) no-repeat right; padding: 0 14px 0 0;}
#content .mail {background: url(../img/icons/mail.gif) no-repeat right; padding: 0 14px 0 0;}
a.pag {padding: 0px; background-image: none; padding: 9px; margin: 0px;}
a.paga {padding: 0px; background-image: none; color: #fff; padding: 9px; background-color: #ca530c; margin: 0px;}
.galvorbox a {background-image: none; padding:0; margin:0;}
a.slide {width: 90px; height: 68px; margin: 0 10px 0 0; border: 1px solid #000; padding: 0px; float: left; background-image: none;}
a.slidea {width: 90px; height: 68px; margin: 0 10px 0 0; padding: 0px; border: 1px solid #ca530c; float: left; background-image: none;}
.slidenav a {background: url(../images/slide_bg.png); background-repeat: repeat-x; behavior: url("../pngbehavior.htc"); color: #fff; width: 15px; height: 15px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; color: #fff; float: left; text-align: center; font-size: 90%;}
* HTML .slidenav a {background-image: none; background-color: #CA530C; color: #fff;}
.slidenav a.aktiv {background-image: none; background-color: #ca530c; color: #fff; width: 15px; height: 15px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; color: #fff; float: left; text-align: center; font-size: 90%;}
* HTML .slidenav a.aktiv {background-image: none; background-color: #CA530C; color: #000;}
.slidenav2 a {background: url(../images/bg_slidenav2.gif); background-repeat: repeat-x; color: #fff; width: 15px; height: 15px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; color: #fff; text-align: center; font-size: 90%;}
a.nobg {background-image: none; padding: 0px; margin: 0px;}
a.automar {font-weight: bold; display: block;}


.slidenav a:hover {background-color: #ca530c; background-image: none; color: #fff;}
* HTML .slidenav a:hover {color: #000;}
.slidenav2 a:hover {color: #000;}
a.slide:hover {width: 90px; height: 68px; margin-left: 0px; padding-left: 0px; border: 1px solid #ca530c;}


/* form elements */
textarea.text, input.text, textarea.nachricht {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding: 5px 0 0 5px;}
input.text, textarea.text {border: none; width: 250px; height: 19px; display: block; margin: 0 0 5px 0; background-color: #ccc; background-color: #9f9f9f;}
textarea.nachricht {border: none; width: 250px; height: 149px; display: block; margin: 0 0 5px 0; overflow: auto; background-color: #ccc; background-color: #9f9f9f;}
input.submit {border: none; padding: 0; margin: 0 0 0 100px; width: 117px; height: 24px; float: left; display: block; background-color: #474747; color: #fff; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
input.submit:hover {background-position: right; cursor: hand; cursor:pointer;}
label {display: block; clear: both; white-space: nowrap; width: 100px; color: #868686; font-size: 11px; padding: 0 0 3px 0; float: left;}
fieldset {border: none; width: 400px; padding: 10px 0 0 0; float: left;}
span.feld {display: block; float: left; padding: 0px; margin: 0px;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 .clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */


.slideshow {}

/* sidemap\*/
.tx-flseositemap-pi1 { width: 215px; float: left;}
/* End sidemap */


.csc-textpic-imagewrap ul {margin: 0; padding: 0; list-style: none; float: left; width: 570px;}
.csc-textpic-imagewrap li {margin: 0 17px 17px 0; float:left}
.csc-textpic-imagewrap ul li a {float: left; width: 120px; height: 90px; }
.csc-textpic-imagewrap img {float: left; width: 120px; height: 90px; margin: 0 0 15px 0;}

.csc-textpic-imagewrap ul li img {border: 1px solid #000;}
.csc-textpic-imagewrap ul li img:hover {border: 1px solid #ca530c}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
 DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 0;
 }