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

a {
   outline:none;
   color:#0567ae;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

img {
   border:none;
}
img.logo{
	margin:0 10px 0 0}

.clear {
   font-size:0.001em;
   line-height:0.001em;
   clear:both;
   float:none;
}

.indent {
   font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
}
.float-left {
	float:left !important;
}
.float-right {
	float:right !important;
}

html,
body {
   height:100%;
}

body {
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   line-height:18px;
   color:#403f45;
	background:#FFFFFF url(../images/bg-body.jpg) 0 0 repeat-x;
}

/* ------------------------------------------------------------- */
/* => container-outer
/* ------------------------------------------------------------- */

#container-outer {
   width:100%;
	min-height:100%;
   height:auto !important;
   height:100%;
   margin:0 auto;
	background:url(../images/bg-container-outer.jpg) top center no-repeat;
}

/* ------------------------------------------------------------- */
/* => container
/* ------------------------------------------------------------- */

#container {
   width:994px;
   margin:0 auto;
	background:url(../images/bg-container.jpg) top center no-repeat;
}

/* ------------------------------------------------------------- */
/* => header
/* ------------------------------------------------------------- */

#header {
   width:994px;
   height:430px;
   position:relative;
}

#header h1.branding a {
   display:block;
   width:293px;
   height:57px;
   top:26px;
   left:10px;
   float:left;
   position:absolute;
}

/* ------------------------------------------------------------- */
/* => navi
/* ------------------------------------------------------------- */

#navi {
	width:638px;
	height:43px;
	position:absolute;
	top:77px;
	left:335px;
	background:url(../images/navi.jpg) 0 0 no-repeat;
	z-index:10;
}
	#navi ul {
		list-style:none;
	}
	#navi ul li {
		float:left;
	}
	#navi ul li a {
		display:block;
		font-size:0.00001em;
		line-height:0.00001em;
		text-indent:-9999px;	
		margin:0 1px 0 0;
		height:43px;
		background:url(../images/navi.jpg) 0 0 no-repeat;
	}
		#navi ul li a.startseite {
			width:98px;
			background-position:0 0;
		}
		#navi ul li a.startseite:hover {
			background-position:0 -43px;
		}
		#navi ul li.active a.startseite, #navi ul li.active a.startseite:hover {
			background-position:0 -86px;
		}
		#navi ul li a.ueber-uns {
			width:94px;
			background-position:-99px 0;
		}
		#navi ul li a.ueber-uns:hover {
			background-position:-99px -43px;
		}
		#navi ul li.active a.ueber-uns, #navi ul li.active a.ueber-uns:hover {
			background-position:-99px -86px;
		}
		#navi ul li a.reifen {
			width:79px;
			background-position:-194px 0;
		}
		#navi ul li a.reifen:hover {
			background-position:-194px -43px;
			cursor: default;
		}
		#navi ul li.active a.reifen, #navi ul li.active a.reifen:hover {
			background-position:-194px -86px;
			cursor: default;			
		}
		#navi ul li a.tuning {
			width:81px;
			background-position:-274px 0;
		}
		#navi ul li a.tuning:hover {
			background-position:-274px -43px;
			cursor: default;			
		}
		#navi ul li.active a.tuning, #navi ul li.active a.tuning:hover {
			background-position:-274px -86px;
			cursor: default;			
		}
		#navi ul li a.service {
			width:85px;
			background-position:-356px 0;
		}
		#navi ul li a.service:hover {
			background-position:-356px -43px;
			cursor: default;			
		}
		#navi ul li.active a.service, #navi ul li.active a.service:hover {
			background-position:-356px -86px;
			cursor: default;			
		}
		#navi ul li a.autohaus {
			width:95px;
			background-position:-442px 0;
		}
		#navi ul li a.autohaus:hover {
			background-position:-442px -43px;
			cursor: default;			
		}
		#navi ul li.active a.autohaus, #navi ul li.active a.autohaus:hover {
			background-position:-442px -86px;
			cursor: default;			
		}
		#navi ul li a.aktuelles {
			width:99px;
			background-position:-538px 0;
		}
		#navi ul li a.aktuelles:hover {
			background-position:-538px -43px;
		}
		#navi ul li.active a.aktuelles, #navi ul li.active a.aktuelles:hover {
			background-position:-538px -86px;
		}

/* => sub-navi-reifen ------------------------------------  */
		
		#navi ul li#reifen-li:hover ul#reifen {
			left:194px;
		}
		#navi ul li:hover a.reifen {
			background-position:-194px -43px;
		}
		
		#navi li#reifen-li ul#reifen {
			position:absolute;
			width:150px;
			left:-9999px;
			z-index:2;
			background:url(../images/sub-navi.png) 0 0 repeat;
		}
		#navi ul li#reifen-li:hover li.active {
			border:solid 1px transparent;
		}		

/* => sub-navi-tuning ------------------------------------  */
		
		#navi ul li#tuning-li:hover ul#tuning {
			left:274px;
		}
		#navi ul li:hover a.tuning {
			background-position:-274px -43px;
		}
		
		#navi li#tuning-li ul#tuning {
			position:absolute;
			width:150px;
			left:-9999px;
			z-index:2;
			background:url(../images/sub-navi.png) 0 0 repeat;
		}
		#navi ul li#tuning-li:hover li.active {
			border:solid 1px transparent;
		}		

		/* => sub-navi-1 fotogalerie ------------------------------------  */
		
					#navi li#fotogalerie-li:hover ul#fotogalerie {
						display:block;
						cursor: default;
					}
					.fotogalerie {
						background:url(../images/arrow.gif) 129px 12px no-repeat !important;
						cursor: default;						
					}
					#navi li#fotogalerie-li ul#fotogalerie {
						position:absolute;
						width:150px;
						z-index:10;
						top:29px;
						left:150px;
						display:none;
						background:url(../images/sub-navi.png) 0 0 repeat;
						cursor: default;						
					}
					* html #navi li#fotogalerie-li:hover ul#fotogalerie {
						left:150px;
					}
					* html #navi li#fotogalerie-li ul#fotogalerie {
						position:absolute;
						width:150px;
						z-index:10;
						top:29px;
						left:-9999px;
						background:url(../images/sub-navi.png) 0 0 repeat;
					}

/* => sub-navi-service ------------------------------------  */
		
		#navi ul li#service-li:hover ul#service {
			left:355px;
		}
		#navi ul li:hover a.service {
			background-position:-356px -43px;
		}
		
		#navi li#service-li ul#service {
			position:absolute;
			width:150px;
			left:-9999px;
			z-index:2;
			background:url(../images/sub-navi.png) 0 0 repeat;
		}
		
		#navi ul li#service-li:hover li.active {
			border:solid 1px transparent;
		}		

/* => sub-navi-autohaus ------------------------------------  */
		
		#navi ul li#autohaus-li:hover ul#autohaus {
			left:441px;
		}
		#navi ul li:hover a.autohaus {
			background-position:-442px -43px;
		}
		
		#navi li#autohaus-li ul#autohaus {
			position:absolute;
			width:150px;
			left:-9999px;
			z-index:2;
			background:url(../images/sub-navi.png) 0 0 repeat;
		}
		
		#navi ul li#autohaus-li:hover li.active {
			border:solid 1px transparent;
		}		

/* => sub-navi-aktuelles ------------------------------------  */
		
		#navi ul li#aktuelles-li:hover ul#aktuelles {
			left:487px;
		}
		#navi ul li:hover a.aktuelles {
			background-position:-538px -43px;
		}
		
		#navi li#aktuelles-li ul#aktuelles {
			position:absolute;
			width:150px;
			left:-9999px;
			z-index:2;
			background:url(../images/sub-navi.png) 0 0 repeat;
		}
		#navi ul li#aktuelles-li:hover li.active {
			border:solid 1px transparent;
		}
		
		#navi li ul.sub-navi li a {
			color:#dfdfdf;
			font-size:11px;
			display:block;
			width:127px;
			height:22px;
			padding:8px 0 0 23px;
			line-height:normal;
			text-decoration:none;
			text-indent:0;
		}
		#navi li ul.sub-navi li a {
			height:22px;
			display:block;
			background:url(../images/sub-navi-separator.png) 10px bottom no-repeat;
		}
		#navi li ul.sub-navi li a.navi-no-border {
			height:22px;
			display:block;
			background:none;
		}
			#navi li ul.sub-navi li a:hover {
				color:#ffffff;
			}
			#navi li ul.sub-navi li.active a {
				color:#e5dbdb;
			}	
		

/* ------------------------------------------------------------- */
/* => header-info
/* ------------------------------------------------------------- */

#header-info {
	width:279px;
	height:281px;
	padding:29px 0 0 35px;
	position:absolute;
	top:120px;
	line-height:17px;
}
	#header-info a {
		text-decoration:underline;
	}
	#header-info a:hover {
		text-decoration:none;
	}
	#header-info h3 {
		width:200px;
		height:18px;
		margin:0 0 3px 0;
		text-indent:-9999px;
	}
		.h3-zentrale {
			background:url(../images/h3/h3-zentrale.jpg) 0 0 no-repeat;
		}
		.h3-filiale {
			background:url(../images/h3/h3-filiale.jpg) 0 0 no-repeat;
		}
	#header-info span.distance {
		float:left;
		width:56px;
	}
	#header-info-zentrale {
		margin:0 0 37px 0;
	}

/* ------------------------------------------------------------- */
/* => slideshow
/* ------------------------------------------------------------- */

#slideshow {
	width:680px;
	height:310px;
	position:absolute;
	top:120px;
	left:314px;
	overflow:hidden;
}

/* ------------------------------------------------------------- */
/* => content-container
/* ------------------------------------------------------------- */
	
#content-container {
   width:994px;
	margin:0 0 60px 0;
	background:url(../images/bg-content-container.jpg) 0 0 repeat-y;
}
#content-container-in {
	width:994px;
	background:url(../images/bg-content-container-in.jpg) bottom left no-repeat;
}
#content-container h3 {
	text-indent:-9999px;
}
#content-container h4 {
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	margin:0 0 16px 0;
}

#content-container h6 {
	font-size:12px;
	color: #eceef4;
	font-weight: bold;
}

#content-container p {
   margin:0 0 20px 0;
}

/* ------------------------------------------------------------- */
/* => content-main
/* ------------------------------------------------------------- */

#content-main {
   width:639px;
	padding:0 0 0 41px;
   float:left;
}
	#content-main h2 {
		width:340px;
		height:21px;
		text-indent:-9999px;
		margin:0 0 23px 0;
	}
	#content-main-headline {
		width:617px;
		height:104px;
		padding:23px 22px 23px 0;
		margin:0 0 28px 0;
		color:#eceef4;
		overflow:hidden;
	}
	
/* ------------------------------------------------------------- */
/* => navi-add1
/* ------------------------------------------------------------- */

#navi-add1 {
	margin:1px 0 0 -66px;
	overflow:hidden;
	height:80px;
}

	#navi-add1 ul {
		list-style:none;
	}
	#navi-add1 ul li {
		float:left;
		background:url(../images/navi-add1-separator.jpg) left 5px no-repeat;
	}
		.no-bg {
			background:none !important;
		}
	#navi-add1 ul li a {
		float:left;
		display:block;
		font-size:12px;
		color:#eceef4;
		width:160px;
		padding:0 0 0 0px;
		text-align:center;
	}
	#navi-add1 ul li a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}
	#navi-add1 ul li.active a {
		color:#b7ccd7;
		text-decoration:none;
	}
	
		.h2-startseite {
			background:url(../images/h2/h2-startseite.jpg) 0 0 no-repeat;
		}
		.h2-bmv {
			background:url(../images/h2/h2-bmv.jpg) 0 0 no-repeat;
		}
		.h2-audi-und-vw {
			background:url(../images/h2/h2-audi-und-vw.jpg) 0 0 no-repeat;
		}
		.h2-mercedes {
			background:url(../images/h2/h2-mercedes.jpg) 0 0 no-repeat;
		}
		.h2-porsche {
			background:url(../images/h2/h2-porsche.jpg) 0 0 no-repeat;
		}
		.h2-ferrari-und-maserati {
			background:url(../images/h2/h2-ferrari-und-maserati.jpg) 0 0 no-repeat;
		}
		.h2-us-cars {
			background:url(../images/h2/h2-us-cars.jpg) 0 0 no-repeat;
		}
		.h2-weitere {
			background:url(../images/h2/h2-weitere.jpg) 0 0 no-repeat;
		}
		
		.h2-ueber-uns {
			background:url(../images/h2/h2-ueber-uns.jpg) 0 0 no-repeat;
		}
		.h2-pkw {
			background:url(../images/h2/h2-pkw.jpg) 0 0 no-repeat;
		}
		.h2-motorrad {
			background:url(../images/h2/h2-motorrad.jpg) 0 0 no-repeat;
		}
		.h2-nutzfahrzeuge {
			background:url(../images/h2/h2-nutzfahrzeuge.jpg) 0 0 no-repeat;
		}
		.h2-optik-leistung {
			background:url(../images/h2/h2-optik-leistung.jpg) 0 0 no-repeat;
		}
		.h2-kfz-service {
			background:url(../images/h2/h2-service.jpg) 0 0 no-repeat;
		}
		.h2-notfallservice {
			background:url(../images/h2/h2-notfallservice.jpg) 0 0 no-repeat;
		}
		.h2-service {
			background:url(../images/h2/h2-service.jpg) 0 0 no-repeat;
		}
		.h2-aktuelles {
			background:url(../images/h2/h2-aktuelles.jpg) 0 0 no-repeat;
		}
		.h2-galerie {
			background:url(../images/h2/h2-galerie.jpg) 0 0 no-repeat;
		}
		.h2-kontakt {
			background:url(../images/h2/h2-kontakt.jpg) 0 0 no-repeat;
		}
		.h2-danke {
			background:url(../images/h2/h2-danke.jpg) 0 0 no-repeat;
		}
		.h2-anfahrt {
			background:url(../images/h2/h2-anfahrt.jpg) 0 0 no-repeat;
		}
		.h2-impressum {
			background:url(../images/h2/h2-impressum.jpg) 0 0 no-repeat;
		}
		.h2-fehler {
			background:url(../images/h2/h2-fehler.jpg) 0 0 no-repeat;
		}
	
	.content {
		width:600px;
	}
		.content-column-1 {
			float:left;
			width:260px;
			margin:0 80px 20px 0;
		}	
		.content-column-2 {
			float:left;
			width:260px;
			margin:0 0 20px 0;
		}	
			.h3-aktuelles {
				width:95px;
				height:17px;
				margin:0 0 24px 0;
				background:url(../images/h3/h3-aktuelles.jpg) 0 0 no-repeat; 
			}
			.content-img {
				border:1px solid #dfdfdf;
				padding:3px;
				float:left;
				margin:0 0 12px 0;
			}
			.map {
				border:1px solid #dfdfdf;
				padding:3px;
				width:260px;
			}

/* ------------------------------------------------------------- */
/* => content-sidebar
/* ------------------------------------------------------------- */

#content-sidebar {
   width:314px;
   float:left;
	position:relative;
	/*background:url(../images/bg-content-sidebar.jpg) 0 bottom no-repeat;*/
}
	#oeffnungszeiten {
		width:279px;
		color:#eceef4;
		padding:25px 0 0 35px;
		height:125px;
		width:279px;
		background:url(../images/bg-oeffnungszeiten.jpg) 0 0 no-repeat;
	}
		#oeffnungszeiten span.distance1 {
			float:left;
			width:72px;
		}
		.h3-oeffnungszeiten {
			width:150px;
			height:18px;
			margin:0 0 24px -2px;
			background:url(../images/h3/h3-oeffnungszeiten.jpg) 0 0 no-repeat;
		}
		#moblier-notfallservice {
			width:279px;
			height:200px;
			padding:28px 0 0 35px;
		}
		.h3-moblier-notfallservice {
			width:250px;
			height:17px;
			margin:0 0 31px -1px;
			background:url(../images/h3/h3-moblier-notfallservice.jpg) 0 0 no-repeat;
		}

/* ------------------------------------------------------------- */
/* => footer
/* ------------------------------------------------------------- */
	
#footer {
   width:994px;
   height:80px;
   margin:0 auto;
	position:relative;
	border-top:1px solid #d9d9d9;
}
	#footer-out-line {
		width:6px;
		height:1px;
		position:absolute;
		top:-1px;
		left:-6px;
		overflow:hidden;
		background:#d9d9d9;	
	}

	#content-sidebar-out {
		width:6px;
		height:85px;
		position:absolute;
		left:-6px;
		top:-146px;
		background:url(../images/bg-content-sidebar-out.jpg) 0 0 no-repeat;
	}
	
/* ------------------------------------------------------------- */
/* => navi-add
/* ------------------------------------------------------------- */

#navi-add {
	width:314px;
	height:50px;
	position:absolute;
	left:25px;
	top:-39px;	
}
	#navi-add ul {
		list-style:none;
	}
	#navi-add ul li {
		float:left;
	}
	#navi-add ul li a {
		display:block;
		color:#74767d;
	}
	#navi-add ul li a:hover {
		color:#0567ae;
		text-decoration:underline;
	}
	#navi-add ul li.active a {
		color:#0567ae;
		text-decoration:none;
	}
	.navi-add-separator {
		width:1px;
		height:14px;
		background:url(../images/navi-add-separator.jpg) right 7px no-repeat;
		margin:0 13px 0 10px;
	}

/* ------------------------------------------------------------- */
/* => CMS
/* ------------------------------------------------------------- */


.cms-img {
	border:1px solid #dfdfdf;
	padding:3px;
	float:left;
	margin:0 15px 10px 0px;
}

.cms-img-small {
	border:1px solid #dfdfdf;
	padding:3px;
	float:left;
	margin:0 10px 20px 0;
}
.cms-img-thumb {
	border:1px solid #dfdfdf;
	padding:3px;
	float:left;
	margin:0 10px 20px 0;
}
.cms-img-thumb-right {
	border:1px solid #dfdfdf;
	padding:3px;
	float:right;
	margin:0 0 20px 10px;
}
.cms-img-small-end {
	border:1px solid #dfdfdf;
	padding:3px;
	float:left;
	margin:0 0 20px 0;
}
.ewcms_news_link {
	float:right;
}
.gallery-box {
	float:left;
	width:180px;
	margin:0 25px 0 0;
}
.gallery-box-end {
	float:left;
	width:180px;
	margin:0 0 0 0;
}
.bildlinkKlasse{
	width:180px;
	float:left;
	text-align:center;
	margin:0 15px 10px 0px;
	height:180px;
}
.bildlinkKlasse a{
	font-size:12px;
}

/*********************/
/****** =added *******/
/*********************/

span.spacer {
	display: block;
	width: 40px;
	float: left;
}

span.spacer-wide {
	display: block;
	width: 130px;
	float: left;
}

div.hr {
	height: 2px;
	border-bottom: 1px solid #e5e5e5;
	margin: 15px 0 15px 0;
	overflow:hidden;
}

div.hr hr {
	display: none;
}

.headline-bg {
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(../images/headline-bg.jpg) 0 2px no-repeat;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#105f97;
	font-weight:bold;
	font-style:italic;
	font-size:17px;
	text-transform:uppercase;
	margin:0px 0 20px 16px;
} 
#map {
	margin: 0 0 30px 0;
}

ul.vcf {
	list-style: none;
}
a.white,
a.white:visited {
	color: #ECEEF4;
	text-decoration: underline;
}

a.white:hover {	
	text-decoration: none;
}

h3.h3-moblier-notfallservice a {
	display: block;
	text-indent: -9999px;
			width:250px;
			height:17px;	
}

/* ------------------------------------------------------------- */
/* => audio-player
/* ------------------------------------------------------------- */

#audioplayer_1 {
	margin-bottom: 35px;
}

#audioplayer_2 {
	margin-bottom: 35px;
}

#audioplayer_3 {
	margin-bottom: 35px;
}

#audioplayer_4 {
	margin-bottom: 35px;
}

#audioplayer_5 {
	margin-bottom: 35px;
}

