@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: davidpower.de
	author: Matthias König
	
	1. Allgemeines
	2. Slideshow
	3. Navi
	4. Content-Box
		4.1 Sidebar
		4.2 Content
	5. Footer
	
----------------------------------------
	Farben
----------------------------------------

	Weiß		-		#fff
	
	BG			-		#353F3E
	
	Links		-		#69b3ff
	
	Strong 		-		#69b3ff
	
	Dark		-		#ccc
	
----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		}
		
	body {
		font: 62.5% Arial, Helvetica, sans-serif;
		color: #fff;
		line-height: 18px;
		background: #353F3E url(../images/bg.jpg) center top no-repeat;
		}
		
	#wrapper {
		width: 980px;
		font-size: 1.2em;
		margin: 0 auto;
		}
		
	h1 {
		text-indent: -9999px;
		color: #353F3E;
		font-size: 1px;
		overflow: hidden;
		display: block;
		width: 522px;
		height: 45px;
		}
		
	h2 {
		font-size: 1.2em;
		color: #69b3ff;
		}
		
	h3 {
		font-size: 1.0em;
		color: #69b3ff;
		font-weight: normal;
		}
		
	.margin {
		margin: 0 0 1.2em 0;
		}
		
	p {
		margin: 0 0 1.2em 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
	.dark {
		color: #999;
		}
		
	a.datei {
		width: 162px;
		height: 112px;
		display: block;
		background: url(../images/preview-imagevideo.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		font-size: 1px;
		color: #353F3E;
		overflow: hidden;
		margin: 0 10px 10px 0;
		float: left;
		}
		
	a.datei:hover {
		background: url(../images/preview-imagevideo-hover.jpg) 0 0 no-repeat!important;
		}
		
	#fotobox {
		margin: 0 0 28px 0;
		}
	#untertext {
		margin: 0 0 10px 0;
		}	
		
	.linkpic h2 { display: none;}
	
	.linklogos { 
	width: 162px;

	float:left;
	padding: 0px 0px 0px 10px;
}	
	*+ html .linklogos {     /*IE 7 Hack */
	width: 162px;

	float:left;
	padding: 0px 0px 10px 10px;
}

	* html .linklogos {     /*IE 6 Hack */
	width: 152px;

	float:left;
	padding: 0px 0px 10px 0px;
}


		
/* -------------------------------------
	2. Header
------------------------------------ */

	#header {
		width: 898px;
		height: 420px;
		padding: 0 0 0 82px;
		position: relative;
		z-index: 3;
		}
	
	#autoheader {
	background:url(../images/autoheader.png);
	width: 539px;
	height: 241px;
	padding: 0 0 0 0px;
	display:block;
	position: absolute;
	z-index: 50;
	left: 277px;
	top: -149px;
		}	
			
			/* -------------------------------------
				2.1 Slideshow
			------------------------------------ */
			
				#rotator {
					cursor: pointer;
					position: relative;
					width: 292px;
					height: 227px;
					overflow: hidden;
					z-index: 2;
					}
				
				#rotator img {
					cursor: pointer;
					width: 292px;
					height: 227px;
					}
					
			/* -------------------------------------
				2.2 Navi
			------------------------------------ */
			
				#navi {
					width: 236px;
					height: 186px;
					background: url(../images/navi/navi.gif) 0 0 no-repeat;
					position: absolute;
					top: 259px;
					left: 94px;
					z-index: 4!important;
					}
					
				#navi ul {
					list-style: none;
					}
					
				#navi ul li a {
					display: block;
					text-indent: -9999px;
					color: #353F3E;
					font-size: 1px;
					overflow: hidden;
					}
					
				#navi ul li a:hover,
				#navi ul li a.active {
					background: none!important;
					}
					
				#navi ul li a#home {
					width: 114px;
					height: 34px;
					background: url(../images/navi/home.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a#betrieb {
					width: 156px;
					height: 33px;
					background: url(../images/navi/betrieb.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a#kurbelwelle {
					width: 236px;
					height: 30px;
					background: url(../images/navi/kurbelwelle.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a#leistung {
					width: 136px;
					height: 30px;
					background: url(../images/navi/leistung.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a#referenzen {
					width: 161px;
					height: 29px;
					background: url(../images/navi/referenzen.jpg) 0 0 no-repeat;
					}
					
				#navi ul li a#fotos {
					width: 191px;
					height: 31px;
					background: url(../images/navi/fotos.jpg) 0 0 no-repeat;
					}

				#navi ul li a#bearbeitungszentrum {
					position:absolute;
					width: 107px;
					background:url(../images/bearbeitungszentrum-button.jpg) 0 0 no-repeat;;
					height: 31px;
					margin-top:10px;
					margin-left:64px;
								}

/* -------------------------------------
	4. Content-Box
------------------------------------ */

	#content-box {
		width: 980px;
		background: url(../images/content-bg.jpg) 268px 0 repeat-y;
		}
		
	#content-box a {
		color: #69b3ff;
		text-decoration: underline;
		}
		
	#content-box a:hover,
	#content-box a.active {
		color: #353F3E;
		background: #69b3ff;
		text-decoration: none;
		}
		
	#content-box ul {
		list-style: none;
		margin: 0 0 1.2em 0;
		}
		
	#content-box ul li {
		background: url(../images/li.png) 0 0 no-repeat;
		padding: 0 0 0 25px;
		margin: 0 0 1.2em 0;
		}
		
	.h2-porsche {
		left:-22px;
		position:relative;
		top:-54px;
		}

			/* -------------------------------------
				4.1 Sidebar
			------------------------------------ */
			
				#sidebar {
					width: 210px;
					padding: 120px 0 0 58px;
					float: left;
					}
					
				#sidebar p {
					margin: 0 0 30px 0;
					}
					
				#sidebar p.einzug {
					padding: 0 0 0 40px;
					}
					
			/* -------------------------------------
				4.2 Content
			------------------------------------ */
			
				#content {
					width: 522px;
					padding: 0 140px 0 50px;
					float: left;
					position: relative;
					z-index: 2;
					background: url(../images/content.jpg) 0 0 no-repeat;
					}
					
				#content-bilder {
					width: 522px!important;
					}
				
				#content .links {
					width: 250px;
					margin: 0 22px 0 0;
					float: left;
					}
				#content .links2 {
					width: 250px;
					margin: 0 22px 0 0;
					float: left;
					}
				* html #content .links2 {
					width: 250px;
					margin: 0px 0px 0 -7px;
					float: left;
					}			
				#content .zeile {
					font-size: 1.2em;
					color: #69b3ff;
					width: 500px;
					margin: 0 22px 0 0;
					float: left;
					}
				* html #content .zeile {
					font-size: 1.2em;
					color: #69b3ff;
					width: 470px;
					margin: 0 22px 0 0;
					float: left;
					}		
					
				#content .rechts {
					width: 250px;
					float: left;
					}
				#content .rechts2 {
					width: 250px;
					float: left;
					}	
				* html #content .rechts2 {
					width: 250px;
					float: left;
					}	
				#content strong {
					font-weight: normal;
					color: #69b3ff;
					}
					
				#content ul#sub_leistung,
				#content ul#sub_referenzen {
					list-style: none;
					margin: 0 0 1.2em 0;
					width: 522px;
					height: 52px;
					}
					
				#content ul#sub_leistung {
					background: url(../images/sub_leistung.jpg) 0 0 no-repeat;
					}
					
				#content ul#sub_referenzen {
					background: url(../images/sub_referenzen.jpg) 0 0 no-repeat;
					}
					
				#content ul#sub_leistung li,
				#content ul#sub_referenzen li {
					float: left;
					padding: 0;
					background: none;
					}
					
				#content ul#sub_leistung li a,
				#content ul#sub_referenzen li a {
					text-indent: -9999px;
					color: #353F3E;
					font-size: 1px;
					overflow: hidden;
					display: block;
					height: 52px;
					}
					
				#content ul#sub_leistung li a:hover,
				#content ul#sub_leistung li a.active,
				#content ul#sub_referenzen li a:hover,
				#content ul#sub_referenzen li a.active {
					background: none!important;
					}
					
				#content ul#sub_leistung li a#oldtimer {
					width: 172px;
					background: url(../images/oldtimer.jpg) 0 0 no-repeat;
					}
					
				#content ul#sub_leistung li a#duesen {
					width: 194px;
					background: url(../images/duesen.jpg) 0 0 no-repeat;
					}
					
				#content ul#sub_leistung li a#turbo {
					width: 156px;
					background: url(../images/turbo.jpg) 0 0 no-repeat;
					}
					
				#content ul#sub_referenzen li a#pontiac {
					width: 172px;
					background: url(../images/pontiac.jpg) 0 0 no-repeat;
					}
					
				#content ul#sub_referenzen li a#golf {
					width: 194px;
					background: url(../images/golf.jpg) 0 0 no-repeat;
					}
				#content ul#sub_referenzen li a#ford {
					width: 130px;
					background: url(../images/ford.jpg) 0 0 no-repeat;
					margin: 0px 0px 0px 13px;
					}	
					
				#content .img-small {
					margin: 0 10px 10px 0;
					float: left;
					border: 1px solid #888;
					padding: 4px;
					background: #444;
					}
					
				#content .img-small:hover {
					border: 1px solid #69b3ff;
					}
					
a.routenplaner {
	background:url(../images/porsche-hover.png) 0 0 no-repeat;
	display:block;
	width:217px;
	height:83px;
	position:absolute;
	top:225px;
	left:228px;
	z-index:100;
	text-indent:-9999px;
	}
	
a.routenplaner:hover {
	background:url(../images/porsche-hover-active.png) 0 0 no-repeat;
	width:217px;
	height:83px;
	}
					
/* -------------------------------------
	5. Footer
------------------------------------ */

	#footer {
		width: 980px;
		height: 242px;
		background: url(../images/footer.jpg) 0 0 no-repeat;
		}
		
		.gal {
	margin:8px 20px 20px 8px;
	position: relative;
	float: left;
}

.gal a {
	text-decoration: none;
}

.border span {
	width: 142px;
	height: 47110px;
	display: block;
	position: absolute;
	top:-13px;
	left:-11px;
	background:url(/images/rahmen.png);
	behavior: url(iepngfix.htc);
}

a#kolbenbeschichtung {
	display:block;
	height:33px;
	width:163px;
	text-indent: -9999px;
	background:url(../images/schriftzug_neu.jpg);}
	
	a#kolbenbeschichtung:hover {
			background: none;
			background-image:url(../images/schriftzug_neu.jpg);
			background-position: 1px 35px;}

/* -------------------------------------
	Ende ;)
------------------------------------ */


#link-kolbenbeschichtung {
	display: block;
	position:absolute;
	top: 355px;
	left: 314px;
	height: 29px;
	width: 398px;
	text-indent: -9999px;
	overflow:hidden;
	z-index: 10;
}
#link-kolbenbeschichtung:hover {
	position:absolute;
	top: 355px;
	left: 314px;
	height: 29px;
	width: 398px;
			background: none;
	background-image:url(../images/kolbenbeschichtung.jpg);