@import url("reset.css");
 
body{ background: #d4d4d4 url('../img/bg23.jpg') repeat-x; font-family: "Lucida Grande", Verdana, sans-serif; }
strong{color: #F0F0F0;}
a strong { color: #000; }
.clear{ /*display:none;*/ clear:both; line-height: 0px; }
.amp{ font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman"; font-style:italic; }

#container{
	margin: 0 auto;
	padding-top: 0px;
	border: 0px solid red;
	text-align:center;
	width: 1000px;
	height: auto;
	position: relative;
	margin-top: 50px;
	overflow: visible;
 }
 
#bremsspur{ position:absolute; top:-50px; left: -121px; }
 
#topnavi{text-align:left; margin: 0; border: none;}
	#topnavi ul{	
		margin-bottom:10px;
		margin-left: 3px;
		padding:0;
		list-style-type:none;
		width:400px;
		position:relative;
		display:block;
		height:30px;
		font-size:12px;
		font-weight:normal;
		text-align:left;
	}
	 
	#topnavi ul li{ outline:none;	display:block; float:left; margin:0; padding:0; }
	#topnavi ul li a{  display: block; float: left; margin: 0; text-decoration:none; padding:13px 15px 13px 15px; color:#858585;
		 font-size: 1.1em;
		 border-top: 2px solid #333;
		 border-left: 0px solid #333;
		 background-color:#222;
		 background: transparent url('../img/transparent_2.png') repeat;
		font-variant:small-caps; 
	} 
	#topnavi ul li a:hover {background-color:#333 !important; color:#fff; border-top: 2px solid #ff6d00;}
	#topnavi ul li a.active {color: white; border-top: 2px solid #ff6d00;background-color:#111 !important;}

/*///////////////////////////////////////////////////////////////////*/

#header{
	margin-left: 0px;
	margin-top: 0px;
	text-align:left;
	background: transparent url("../img/bg_header_2.jpg") no-repeat 0 0;
	width: 1006px;
	height: 250px;
	position:relative;
	overflow: visible !important;
	
}

#header h2{
		position: absolute; top: 80px; left: 90px; color: silver; font-size: 1.7em; font-weight: normal; 
		letter-spacing: -1px;
		background: transparent url('../img/transparent_2.png') repeat;
		padding: 11px 10px 11px 10px; 
		}
div.news{position: absolute; top: 130px; left: 90px; width: 520px; }
div.news p{color: #999; font-size: 1.2em; font-weight:normal;text-decoration:none;padding: 10px 0 0 10px;}
p.disappear{display:none;}
#logo {	position: absolute;	top: -39px;	left: 390px;overflow: visible !important; z-index:5;}
#logo:hover {}
#galerie_logo{position: absolute;top: -39px;left:390px;overflow: visible !important; z-index:5;}
/*************************************
* PROMOBILDER
*/
/*.kart{height: 225px; width: 315px; position: absolute; left: 615px; top: 17px;}*/
#mini_slideshow{position: absolute; left: 630px; top: 17px;}

#logo-line{ position: absolute; top: 835px; left:25px; }
#logo-line a{ border:1px solid #333; display:block; height:52px; margin-bottom:17px; width:90px;}
#logo-line a:hover{border: 1px solid #ff6d00}

/* LOGOS */
#logo-dunlop{ background: url(../img/dunlop.jpg) no-repeat 0 0; }
#logo-maxter{ background: url(../img/maxter.jpg) no-repeat 0 0; }
#logo-haase{ background: url(../img/haase.jpg) no-repeat 0 0; }
#logo-crg{ background: url(../img/crg.jpg) no-repeat 0 0; }
#logo-dmv{ background: url(../img/dmv.jpg) no-repeat 0 0; }
#logo-admv{ background: url(../img/admv.jpg) no-repeat 0 0; }
#logo-oakc{ background: url(../img/oakc.jpg) no-repeat 0 0; }
#logo-dkm{ background: url(../img/dkm.jpg) no-repeat 0 0; }
#logo-adac{ background: url(../img/adac.jpg) no-repeat 0 0; }
#logo-rk1{ background: url(../img/rk1.jpg) no-repeat 0 0; }

/*************************************
* SLIDING NAVIGATION
*/
#jqnavi{
	 margin: 12px 0 0 0;
	 width: 150px;
	 height: 480px;
	 border: 0px solid red;
	 float:left;
	 text-align:center;
	 position: relative;
	 overflow:hidden;
}

#overflowpic{position: absolute; top: 3px; left: 0;}
#jqnavi ul li{overflow:hidden;}
#jqnavi ul li a{

line-height: 20px;
margin-top: 3px;
margin-left: -50px;
padding-bottom: 10px;
display:block;
width: 170px;
height: 55px;
cursor:pointer;
position:relative;
text-decoration:none;
color: white;
}

#home_btn{background: transparent url('../img/button-haus2.png') no-repeat scroll left top;}
#team_btn{background: transparent url('../img/button-home2.png') no-repeat scroll left top;}
#blog_btn{background: transparent url('../img/button-blog2.png') no-repeat scroll left top;}
#tracks_btn{background: transparent url('../img/button-tracks2.png') no-repeat scroll left top;}
#shop_btn{background: transparent url('../img/button-shop2.png') no-repeat scroll left top;}
#archiv_btn{background: transparent url('../img/button-archiv.png') no-repeat scroll left top;}
#guest_btn{background: transparent url('../img/button-guest.png') no-repeat scroll left top;}
#download_btn{background: transparent url('../img/button-download.png') no-repeat scroll left top;}

em {
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: white;
left:-10px;
line-height:normal;
position:absolute;
text-indent:0px;
top:19px;
display:none;
}
 
#wrapper{ 
width: 1000px;
height: auto;
border: 0px solid red;
z-index: -4;
margin-top:10px;
}

#top_graphic{background: transparent url('../img/content_top.jpg') no-repeat ; width: 1006px; height: 12px; margin-left: 2px;}
#bottom_graphic{background: transparent url('../img/content_bottom.jpg') no-repeat ; width: 1006px; height: 12px; margin-left: 2px;}
#content{
     background: transparent url('../img/content_middle.gif') repeat-y ;
	 width: 1006px;
	 height: auto;
	 border: 0px solid red;
	 margin-left: 2px;
	 padding-bottom: 45px;
	 overflow: hidden;
}


 
.column{
	margin: 15px 0 0 1px;
	background: #1d1d1d url('../img/column_bg4.gif') top center repeat-x;
	float: left;
	width: 273px;
	height: 491px;
	position: relative;
	border: 1px solid #282828;
}

.column:hover{}

#engine {position:absolute; bottom: 1px; left: 1px;}
#badge {position:absolute; top: 177px; left: 418px;}
#badge-text { color:#FF6D00; position:absolute; top: 193px; left: 453px; font-size:10pt; background: url('../img/transparent_2.png') repeat scroll 0 0 transparent; padding:5px 20px 5px 35px; text-decoration:none; }
#badge-text:hover{ text-decoration:underline; }
#calendar {position:absolute; bottom: 25px; left: 73px;}

.column a, .column h3, .column p{color: #d0cecc; text-align:left;}

.column h3{
color: #1d1d1d;
font-size: 11pt;
font-weight: bold;
font-style:normal;
margin: 10px 0 0 20px;
}

.column h4{
padding: 0 0 0 0;
display: block;
height: 15px;
width: 180px;
font-size: 9pt;
font-weight: normal;
font-style:normal;
margin: 26px 0 0 20px;
text-align: left;
color: #ff6d00;
border-bottom: 1px dotted #383838;
}

.column p{
font-size: 10pt;
font-weight: 100;
font-style:normal;
padding: 13px 20px 20px 20px;
color: #999;
line-height: 1.3em;
}

#col_1 a{
	padding:0;
	display:block; 
	height:60px; 
	width:56px;
	background: transparent url('../img/arrow_shop.jpg') no-repeat; 
	margin: 17px 0 0 100px;
	overflow: hidden;
	}

#col_1 a:hover{margin: 17px 0 0 100px;background: transparent url('../img/arrow_shop.jpg')  no-repeat 0 -60px;}

.column_big{
margin: 15px 27px 0 0px;
background: #1d1d1d url('../img/column_big_bg2.gif') no-repeat;
float: right;
width: 825px;
height: auto;
position: relative;
border: 1px solid #282828;
display:inline;
padding-bottom: 20px;
}


.column_big h4{width: auto;}

.column table{text-align: left; color: #999; width: 230px; border: 1px solid #444; margin: 20px 0 0 20px;}
.column tr{text-align: left; color: #888; font-size: 9pt; line-height: 1.4em;}
.column table tr td{padding-left: 9px;}
.bg_orange{background-color: #cc6d00; color: black;}
tr.bg_orange {color: black;}
.bg_444{background-color: #444;}

.column_middle{
	margin: 15px 27px 0 0px;
	background: #1d1d1d url('../img/column_big_bg2.gif') no-repeat;
	float: right;
	width: 395px;
	height: 285px !important;
	position: relative;
	border: 1px solid #282828;
	display:inline;
	padding-bottom: 20px;
	position: relative;
}
.column-shadow{ position:absolute; bottom: 0; left:0; width:378px; height:30px; background: transparent url('../img/bg-docs.png') repeat-x 0 0;}
.h3-doc{ margin-top: 8px !important; }
.column_middle h4{ width:355px; }

/*
******FOOTER******
*/
#footer{
	 width: 1006px;
	 height: 80px;
	 border: 0px solid red;
	 clear: both;
	 color: #444;
}
#footer a{ color: #444 !important; text-decoration: underline !important;}
#footer p{color: #444; text-align: right; font-size: 0.6em; padding: 10px 5px 0 0;}
 

/*
******TOOLTIP******
*/

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#111;
	padding:2px 5px;
	color:#e1e1e1;
	display:none;
	padding: 10px 8px 10px 8px;
	font-size: 0.8em;
	opacity: 0.9;
	z-index: 10;
	}
	
#carousel{margin-left: 620px; padding-top: 0px; }

/*
******TERMINE******
*/

div.terminbox{padding: 0; position: relative;margin: 0;cursor: default;text-align:left;}
div.terminbox:hover{background-color: #333;}
p.datum{margin: 0; padding: 0 30px;font-weight: bold; color: #e1e1e1;}
p.termintext{margin: 0; padding: 0 0 0 19px; font-size: 8pt;}
img.infoicon{position: absolute; left:18px; top:6px; width: 16px; height: 16px;}
h4.termin-challenge{ 	border-bottom:1px dotted #383838; color:#FF6D00; font-size:9pt; font-style:normal; font-weight:normal; height:15px; margin:15px 0 0 20px; padding:0; text-align:left; width:180px; }

#firstTerminBox{margin-top: 12px;}

/*
******ERFOLGE******
*/
img.erfolgeicon{position: absolute; left:3px; top:1px; width: 23px; height: 23px; border-right: 2px solid #333;}
div.erfolgebox{padding: 3px 15px 3px 30px; position: relative; border: 1px solid transparent; margin: 0px 5px 0 5px; cursor: default; color:#999; }
div.erfolgebox:hover{/*background-color: #333;*/}
a.erfolgelink:hover{/*background-color: #333;*/}
div.erfolgebox ul{list-style: none; width: 230px; display:block;text-decoration: none;}
div.erfolgebox ul li{font-size: 7pt; line-height: 22px; float:left;text-decoration: none;}

p.erfolgetext{margin: 0; padding: 5px 0 0 15px; font-size: 9pt;}
#col_3{text-align:left;}
#col_3 p.datum{padding-left: 15px;}
#col_3 h3{margin-left: 9px;margin-bottom: 26px;}
#col_3 h4{padding-left: 0;margin: 20px 0 5px 9px;width: auto;}
#col_3 a#archiv_link{position:absolute; bottom:10px; right: 10px;text-decoration: none;}
#col_3 a#archiv_link:hover{color: #FF6D00;}

/*
******RSS******
*/

#rss_link{position: absolute; right: 3px; top: -25px; color: white; font-size: 9pt;}
#rss_link img{}
#flashcontent {
		width: 950px;
		height: 800px;
		padding: 0;
		margin: 0 auto;
		margin-top: 25px;
		overflow: hidden;
		padding: 0;
		border: 1px dotted #333;
	}
	
/*
******KONTAKTFORMULAR******
*/
 
#formular{
		text-align: left;
		padding: 25px 0 0 50px;;
		}

#formular ul li{margin-top: 4px;}
#formular ul li label{
		display:block;
		font-size: 7pt;
		color: white;
		padding: 3px;
		font-weight: lighter;
		}

#formular ul li label span{
		color: #ff6d00;
		font-size: 7pt;
		}
#formular ul li input{
		padding: 4px;
		background-color: #111;
		border: 1px solid #555;
		color: #999;
		font-size: 12pt;
}

#formular ul li input:focus{

		background-color: #222;
}

#formular ul li textarea{
	background-color: #111;
	border: 1px solid #555;
	color: #999;
	padding: 8px;
	}
#formular ul li textarea:focus{
		background-color: #222;
		}
#submit{
		background: #333 url(../img/submit2.gif) no-repeat;
		width: 130px;
		height: 25px;
		margin: 10px 0 10px 0;
		color: black;
		font-weight: bold;
		border: none;
		padding: 3px;
		outline: none;
		line-height: 25px;
}

#submit:hover{background-position: 0 -26px;}

.impressum_wrapper{margin: 0 0 0 35px; padding: 0; height: 250px; width: 990px; text-align:left; float:left;}
.impressum{ 
	background: transparent url(../img/transparent_2.png) repeat;
	border-right: 1px dashed #444;
	text-align: left; 
	color:#999; 
	height: 130px; 
	width: 250px; 
	float: left; 
	font-size: 10pt; 
	padding: 20px 20px 28px 20px;
	margin: 42px 0 0 0px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
.impressum p a{color: #ff6d00;}
.impressum p b{color: #ff6d00;}
/*
******RECAPTCHA******
*/

#recaptcha_widget_div{margin: 15px 0 10px 0;}

/*
******Gallerie******
*/

.gallerie{
padding: 10px 0 38px 0;
margin: 0 0 0 12px;
}



.gallerie_header{
	background: transparent url('../img/content_middle.gif') repeat-y ;
	margin-left: 2px;
	margin-top: 0px;
	padding-top: 37px;
	text-align:left;
	width: 1006px;
	border: 0px solid red;
	position:relative;
	overflow: visible;
	}
#gallerie_logo{
	position: absolute;	top: -90px;	left: 390px;
}

/*
******Tablesorter******
*/

table.tablesorter {
	font-family:arial;
	background-color: transparent;
	margin: 12px 0 10px 20px;
	font-size: 8pt;
	width: 788px;
	text-align: left;
	vertical-align: middle;
	}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*background-color: #e6EEEE;*/
	background-color: #333;
	border: 1px solid #444;
	font-size: 8pt;
	padding: 4px;
	color: #FF6D00;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #e7e7e7;
	padding: 4px;
	background-color: #333;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#222;
	color: #bbbbbb;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #555;
}




hr{
border: 1px solid orange;
}

#mail{
position: absolute;
top: 30px;
left: 300px;
}

p.date{padding-top: 11px; padding-bottom: 5px;}
a.toentry{text-decoration: none;color: #FF6D00;}
a.toentry:hover{color:white;}


/****************index_news****************/
a.news_link{text-align: left; padding: 0 0 25px 0; margin: 0;float: left;font-size: 0.9em; font-weight:normal;color:#FF6D00;}
a.news_link:hover{color: #FFFFFF;}
a.news_reset{padding: 0; margin: 0; display: inline; color:#1D1D1D; text-decoration:none; }
img.news_img{float: left;border: 0px; margin: 12px 15px 25px 21px; border: 1px solid #444; height: 100px; width: 100px;padding: 3px;}
h4.news_h4{font-size: 1.0em; line-height: 1.2em; height: 26px; clear:left; font-weight: 100 !important;}
p.news_excerpt{color: #F0F0F0; padding: 15px 15px 15px 15px; font-size: 0.9em;}
.news_cal{margin-bottom: -2px;padding-right: 8px;}
h4 a{ color:#FF6D00 !important; text-decoration:none; }
h4 a:hover{ color:#FFB57F !important;}

/****************Gästebuch****************/
div.kommentar_div{margin: 0 19px 6px 19px; border: 1px solid #777;}
p.kommentar_date{font-weight: bold; color: #FF6D00;border-bottom: 1px solid #222; padding:12px 0 11px 55px;}
p.kommentar{padding: 32px 45px 13px 55px;color:#F0F0F0;background: transparent url('../img/kommentar_bg.gif') no-repeat 44px 0;}
img.kommentar_img{border-right:1px solid #333; float:left;border-bottom:1px solid #333;}
span.kommentar_span{font-weight:normal;}
a.fat{font-weight:bold;}

div#slideshow_container{
	background: transparent url(../img/slideshow_bg.gif) no-repeat 0 0;
	height: 184px; 
	width: 304px;
	position: absolute;
	top: 34px;
	left: 625px;
	padding: 4px;
	overflow: hidden;
	/*border: 5px solid #FFF;*/
	}
ul#slideshow{
	height: 177px; 
	width: 296px;
	overflow: hidden;
	}
ul#slideshow li {overflow: hidden;}

/****************Shop****************/
.column_shop{
background: #ebebeb url(../img/shop_top.jpg) repeat-x center top;
width: 793px;
border: none;
margin-top: 15px;
margin-left: 15px;
height:auto !important;
}
.column_shop_info{
height: 39px;
width: 793px;
background-color: transparent;
margin-left: 15px;
}

.shop_lefttop{
background-image:url(../im/shop_lefttop.jpg);
background-position:left center;
background-repeat:repeat-y;
}

.shop_img_a{
height: 106px;
width: 106px;
float: left;
margin: 15px 15px 15px 30px;
border: 1px solid #999;
}
img.shop_img{
padding:3px;
height:100px;
width:100px;
}

.shop_info_rechts{
background:#1d1d1d url(../img/shopinfo_right.gif) no-repeat left center;
width: 23px;
height: 34px;
float: left;
}
.shop_info_mitte{
background:#1d1d1d url(../img/shopinfo_mitte.gif) repeat-x top center;
width: 747px;
height: 34px;
float: left;
}
.shop_info_links{
background:#1d1d1d url(../img/shopinfo_left.gif) no-repeat left center;
width: 23px;
height: 34px;
float:left;
}

.shopinfo_shadow{
background:#1d1d1d url(../img/shopinfo_shadow.gif) repeat-x left top;
height: 10px;
width: 793px;
margin-left: 15px;
}

h3.shop_title{
padding: 19px 0 3px 10px;
font-size: 1.2em;
}
p.artnr{
color: #333;
padding: 10px 0 0 7px;
margin: 0;
line-height: 1em;
float:left;
font-size: 0.8em;
}

p.description_short{
color: #222;
padding: 16px 15px 15px 8px !important;
margin: 0;
line-height: 1.3em;
}
.column_shop p, .softani p{color: #222;padding: 3px 15px 5px 8px;margin: 0;line-height: 1.3em;}
.softani p{padding: 5px 15px 5px 0px;}
.column_shop ul, .softani ul{list-style-type: square; padding: 15px 10px 18px 50px; font-size: 0.8em;}
.description_div{float:left; width: 620px;text-align: left; padding-bottom: 6px;}
.description_long{
	background-color: #ebebeb; 
	text-align: left;
	width: 793px;
	border: none;
	margin-left: 15px;
	font-size: 0.9em;
	line-height: 1.3em !important;
	border-top: 1px dashed #999;
	}
.description_long a{
	color: #BF432C !important;
}
.softani{	
	padding: 18px 20px 15px 30px;
	}
	
p.shop_price{
	color:#309310; 
	font-weight: bold; 
	float:left;
	line-height: 1.0em;
	font-size: 1.0em;
	padding: 8px 0 0 100px;
	margin: 0;
	}
p.shop_details{
	background: transparent url(../img/shop_details_btn.jpg) no-repeat right top;
	color:#222; 
	font-weight: normal; 
	float:left;
	line-height: 1em;
	font-size: 0.8em;
	padding: 10px 30px 0 100px;
	margin: 0;
	}

.symbol{margin: 0; padding: 0; padding: 5px 7px 10px 40px; line-height: 20px; color: black !important; display:block; float:left;}
.shop_preis{background: transparent url(../img/shop/euro.gif) no-repeat 0 0; margin-left: 5px;}
.shop_bestellen{background: transparent url(../img/shop/ok.gif) no-repeat 0 0; margin-left: 55px;}
.shop_details{background: transparent url(../img/shop/info.gif) no-repeat 0 0; margin-left: 55px;}

/* MIME-Types */
a.pdf { /*The background image*/
	background: url(../img/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}
 
a.txt { /*The background image*/
	background: url(../img/txt.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
 
a.zip { /*The background image*/
	background: url(../img/zip.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}
 
a.email {
	background: url(../img/email.png) no-repeat left 0px;
	padding-left: 20px;
	line-height: 16px;
}
 
a.external {
	background: url(../img/ext_link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.picture {
	background: url(../img/image_link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

.download a.zip { /*The background image*/
	background: url(../img/zip.png) no-repeat left center;
	height: 48px;
	padding-left: 55px;
	line-height: 48px; /* Center the text vertically with image */
	vertical-align: bottom; /* to align the text with image bottom, line height property required */
	display: block; /* Need this to show the images fully */
	float: left; /* You might need this as well for aligning it with the parent element */
}

.documents h3 a{ text-decoration:none; font-weight:normal; font-size:10pt; }
.documents h3 a:hover{ text-decoration:underline; }