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

a {
    color: #ccc9c9;
    outline: medium none;
    text-decoration: underline;
}

a:hover {
   text-decoration:none;
}

img {
   border:none;
	margin-left:7px;
}	

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

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

html,
body {
   height:100%;
}

body {
    background: url("../images/bg-new.png") repeat-x scroll center top #403F3F;
    color: #E0DFDD;
    font-family: Tahoma,Arial,sans-serif;
    font-size: 62.5%;
    line-height: normal;
}

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

#container {
   width:980px;
   margin:0 auto;
}

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

#header {
    background: url("../images/bg-header-new.png") no-repeat scroll center top transparent;
    height: 503px;
    margin-bottom: 20px;
    position: relative;
    top: 13px;
    width: 980px;
}

#header h1.branding a {
   display:block;
   width:232px;
   height:34px;
   top:29px;
   left:0px;
   position:absolute;
}
.claim {
	width:490px;
	height:21px;
	position:absolute;
	top:63px;
	left:0px;
	font-size:0.00001em;
   line-height:0.00001em;
   text-indent:-9999px;
	background:url(../images/claim.png) 0 0 no-repeat;	
	margin-left:7px;
}
.logo-opel {
    height: 85px;
    left: 858px;
    position: absolute;
    top: 29px;
    width: 112px;
}

.logo-opel-img {
    border: medium none;
}

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

#navi {
	width:665px;
	height:35px;
	position:absolute;
	top:101px;
	left:12px;
	z-index:20;
	background:url(../images/navi.jpg) 0 0 no-repeat;
}
#navi ul li {
	float:left;
}
#navi ul li a {
	display:block;
	float:left;
	height:35px;
	margin:0 11px 0 0;
	font-size:0.00001em;
	line-height:0.00001em;
	text-indent:-9999px;
	background:url(../images/navi.jpg) 0 0 no-repeat;
}
* html #navi ul li a { /* IE hack */
	display:inline;
}
#navi ul li a span {
	display:block;
	width:100%;
	height:35px;
}
#navi ul li a span:hover {
	cursor:pointer;
}
#navi ul li a span {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	display:block;
	height:35px;
	width:100px;
	background:url(../images/navi.jpg) 0 -35px no-repeat;
}
#navi ul li a.home span {
	width:38px;
}
#navi ul li.active a.home {
	background-position:0px -35px;
}
#navi ul li a.werkstaette  {
	width:74px;
	background-position:-49px 0px;
}
#navi ul li a.werkstaette span, #navi ul li.active a.werkstaette {
	width:74px;
	background-position:-49px -35px;
}
#navi ul li a.leistungen  {
	width:73px;
	background-position:-134px 0px;
}
#navi ul li a.leistungen span, #navi ul li.active a.leistungen {
	width:73px;
	background-position:-134px -35px;
}
#navi ul li a.fahrzeuge  {
	width:71px;
	background-position:-218px 0px;
}
#navi ul li a.fahrzeuge span, #navi ul li.active a.fahrzeuge {
	width:71px;
	background-position:-218px -35px;
}
#navi ul li a.unser-team  {
	width:78px;
	background-position:-300px 0px;
}
#navi ul li a.unser-team span, #navi ul li.active a.unser-team {
	width:78px;
	background-position:-300px -35px;
}
#navi ul li a.geschichte  {
	width:73px;
	background-position:-389px 0px;
}
#navi ul li a.geschichte span, #navi ul li.active a.geschichte {
	width:73px;
	background-position:-389px -35px;
}
#navi ul li a.opel-news  {
	width:71px;
	background-position:-473px 0px;
}
#navi ul li a.opel-news span, #navi ul li.active a.opel-news {
	width:71px;
	background-position:-473px -35px;
}
#navi ul li a.galerie  {
	width:49px;
	background-position:-555px 0px;
}
#navi ul li a.galerie span, #navi ul li.active a.galerie {
	width:49px;
	background-position:-555px -35px;
}
#navi ul li a.anfahrt  {
	width:50px;
	margin:0;
	background-position:-615px 0px;
}
#navi ul li a.anfahrt span, #navi ul li.active a.anfahrt {
	width:50px;
	background-position:-615px -35px;
}

/*---------- navi Drop Down ----------*/

	#navi li.werkstaette-li:hover ul.sub-navi-werkstaette {
		display:block;
	}
	#navi li:hover a.werkstaette span {
		background-position:-49px -35px;
	}
	#navi li.werkstaette-li ul.sub-navi-werkstaette {
		position:absolute;
		left:51px;
		top:35px;
		width:300px;
		height:65px;
		z-index:20;
		display:none;
	}
	#navi li ul.sub-navi-werkstaette li a span {
		display:block;
		width:300px;
		height:65px;
		background: url(../images/sub-navi-werkstaette.jpg) 0 -65px no-repeat;
	}
	#navi li ul.sub-navi-werkstaette li a {	
		display:block;
		width:300px;
		height:65px;
		background: url(../images/sub-navi-werkstaette.jpg) 0 0 no-repeat;
	}
		#navi li ul.sub-navi-werkstaette li a.ersatzwagen {
			background-position:0px 0px;
		}
		#navi li ul.sub-navi-werkstaette li a.ersatzwagen span, #navi li ul.sub-navi-werkstaette li.active a.ersatzwagen {
			background-position:0px -65px;
		}
		
		
	#navi li.fahrzeuge-li:hover ul.sub-navi-fahrzeuge {
		display:block;
	}
	#navi li:hover a.fahrzeuge span {
		background-position:-218px -35px;
	}
	#navi li.fahrzeuge-li ul.sub-navi-fahrzeuge {
		position:absolute;
		left:220px;
		top:35px;
		width:300px;
		height:65px;
		z-index:20;
		display:none;
	}
	#navi li ul.sub-navi-fahrzeuge li a span {
		display:block;
		width:300px;
		height:65px;
		background: url(../images/sub-navi-fahrzeuge.gif) -300px 0px no-repeat;
	}
	#navi li ul.sub-navi-fahrzeuge li a {	
		display:block;
		width:300px;
		height:66px;
		background: url(../images/sub-navi-fahrzeuge.gif) 0 0 no-repeat;
	}
		#navi li ul.sub-navi-fahrzeuge li a.neuwagen {
			background-position:0px 0px;
		}
		#navi li ul.sub-navi-fahrzeuge li a.neuwagen span, #navi li ul.sub-navi-fahrzeuge li.active a.neuwagen {
			background-position:-300px 0px;
		}	
		#navi li ul.sub-navi-fahrzeuge li a.gebrauchtwagen {
			background-position:0px -66px;
		}
		#navi li ul.sub-navi-fahrzeuge li a.gebrauchtwagen span, #navi li ul.sub-navi-fahrzeuge li.active a.gebrauchtwagen {
			background-position:-300px -66px;
		}	
		
		#navi li.fahrzeuge-li:hover ul.sub-navi-fahrzeuge {
		display:block;
	}
	
	
	
	#navi li.galerie-li:hover ul.sub-navi-galerie {
		display:block;
        background: none;
	}
	#navi li:hover a.galerie span {
		background-position:-555px -35px;
	}
	#navi li.galerie-li ul.sub-navi-galerie {
		position:absolute;
		left:550px;
		top:35px;
		width:300px;
		height:65px;
		z-index:20;
		display:none;
	}
	
	#navi li ul.sub-navi-galerie li a span {
		display:block;
		width:300px;
		height:65px;
		background: url(../images/sub-navi-galerie.jpg) -255px 0px no-repeat;
	}
	
	#navi li ul.sub-navi-galerie li a {	
		display:block;
		width:300px;
		height:66px;
		background: url(../images/sub-navi-galerie.jpg) 0 0 no-repeat;
	}
		#navi li ul.sub-navi-galerie li a.vorhang-auf {
			background-position:0px 0px;
		}
		#navi li ul.sub-navi-galerie li a.vorhang-auf span, #navi li ul.sub-navi-galerie li.active a.vorhang-auf  {
			background-position:-300px 0px;
		}	
		#navi li ul.sub-navi-galerie li a.events {
			background-position:0px -67px;
		}
		#navi li ul.sub-navi-galerie li a.events span, #navi li ul.sub-navi-events li.active a.events {
			background-position:-300px -67px;
		}	
		
		#navi li.galerie-li:hover ul.sub-navi-galerie {
		display:block;
	}
/* ------------------------------------------------------------- */
/* => slider
/* ------------------------------------------------------------- */

#slider {
	width:975px;
	height:365px;
	position:absolute;
	top:136px;
	left:3px;
	padding:2px 0 0 0;
	background:url(../images/bg-slider.png) 0 0 repeat-x;
	overflow:hidden !important; 
}
	#slider li { 
		width:975px;
		height:365px;
		overflow:hidden !important; 
	}	
	#prevBtn, #nextBtn {
		display:block;
		width:27px;
		height:43px;
		position:relative;
		z-index:10;
		top:286px;
	}	
	#prevBtn {
		left:3px;
	}
	#nextBtn { 
		top:243px;
		left:951px;
	}										
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:27px;
		height:43px;
		text-indent:-9999px;
		background:url(../images/btn-slide-left.png) no-repeat 0 0;	
	}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn-slide-right.png) no-repeat 0 0;	
	}


/* ------------------------------------------------------------- */
/* => content-container
/* ------------------------------------------------------------- */
	
#content-container {
   width:977px;
	padding:0 0 30px 3px;
	font-size:1.3em;
	line-height:146%;
}
h2 {
	color:#ffffff;
	font-size:2.7em;
	font-weight:normal;
	margin:0 0 17px 0;
}
h3 {
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 3px 0;
}

h3 a {
	border-bottom:dotted 1px #CCCCCC !important;
}
#content-container p {
   margin:0 0 20px 0;
}
.dunkelgrau{
color:#545353;	
}

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

#content-main {
   width:600px;
	padding:29px 0 0 0; 
   float:left;
}

a.link{
	
color:#656565;	
}

.MsoNormal{
	
color:#656565;	
}
	.teaser {
		width:600px;
		height:189px;
		margin:24px 0 26px 0;
		background:url(../images/bg-teaser.jpg) 0 0 no-repeat;
	}
		.teaser-text {
			float:left;
			width:158px;
			height:169px;
			padding:20px 22px 0 21px;
			color:#ffffff;
			font-size:1em;
		}
		.cms-img-teaser {
    bottom: 189px;
    left: 193px;
    position: relative;
}
		.teaser-link {
			text-decoration:none;
			color:#373737;
			padding:0 20px 0 0;
			margin:20px 0 0 0;
			background:url(../images/arrow.gif) right 4px no-repeat;
		}
		.teaser-link:hover {
			text-decoration:underline;
		}
	.content-column-1 {
		float:left;
		width:373px;
	}
	.content-column-2 {
		float:right;
		width:200px;
	}
	
	
	
	div.content-column {
		float: left;
		height: auto;
		width: 300px;}
		
		ul.contentList {
			display: block;
			height: auto;}
			
			ul.contentList li {
			display: block;
			padding: 7px  0;
			margin: 0 0 1px 0;
			border-bottom: 1px dotted #797979;}
			
			ul.contentList li.noBorder 	{border: none;}		
			

	.imgBig {margin: 0 0 20px 0;}
	
	
	table td{ 
		height:30px; 
		background:#D3D3D3;
		padding: 5px;
		color: #333333;}	
	
		table td.tdHead{  
			background:#FFCC00;
			font-weight:bold;}		
	
	
	
	
	.map {
		width:580px;
		background:#ebeaea;
		border:1px solid #cbcbcb;
		padding:2px;
	}
	
	.cms-img-thumb {
		float:left;
		background:#ebeaea;
		border:1px solid #cbcbcb;
		padding:2px;
		margin:0 15px 15px 0; 
	}
	.cms-img {
		float:left;
		background:#ebeaea;
		border:1px solid #cbcbcb;
		padding:2px;
		margin:0 0 10px 0;
	}
	.bildlinkKlasse {
		float:left;
		display:block;
		width:175px;
		margin:0 20px 20px 0;
	}
	* html .bildlinkKlasse {
		display:inline;
	}
	.bildlinkKlasse h4 {
		font-weight:normal;
		font-size:1em;	
	}
	.kontakt-button{
	background:url(../images/input-kontakt.png)0 0 no-repeat;
	height:35px;
	width:130px;
	margin:27px 0px 7px -9px;
	background-color:#d2d1d1;
		}

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

#content-sidebar {
   width:325px;
	margin:0 0 0 50px;
	padding:41px 0 0 0;
   float:left;
}
	.content-sidebar-column {
		width:150px;
		float:left;
	}
	.content-sidebar-telefon {
		display:block;
		width:150px;
		height:37px;
		margin:10px 0 0 0;
		text-indent:-9999px;
		background:url(../images/telefon.png) 0 0 no-repeat;
	}
	.distance {
		float:left;
		width:152px;
	}
.pfeil {
float:right;
margin:-4px 3px 1px 31px;
position:absolute;
}

#content-sidebar h3 {
	margin: 20px 0 0 0;}


.p-kontakt{
padding:7px 0 0 17px;
}

.p-kontakt a {
	color:#000;
	text-decoration: none;}

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

#content-sidebar-newsletter {
	width:150px;
	height:28px;
	margin:49px 0 38px 0;
	position:relative;
}
* html #content-sidebar-newsletter { /* IE hack */
	margin:49px 0 18px 0;
}


	#content-sidebar-newsletter form fieldset {
		border:none;
		margin:0px;
		padding:0px;
		position:relative;
		top:0px;
		left:0px;
	}
	
	#content-sidebar-newsletter form legend {
		display:none;
	}
	
	#content-sidebar-newsletter form label,
	#content-sidebar-newsletter form input {
		font-family:Tahoma, Arial, sans-serif;
		font-size:1.1em;
		color:#000;
		float:left;
		position:absolute;
	}
	
	#content-sidebar-newsletter form label {
		top:0px;
		left:0px;
		text-indent:-9999px;
	}
	
	#content-sidebar-newsletter form input {
		border:none;
		width:99px;
		height:18px;
		top:0px;
		left:0px;
		padding:4px;
		margin:0;
		background:#d2d1d1;
		border:1px solid #cbcbcb;
	}	
	#content-sidebar-newsletter form fieldset#submit-content-sidebar-newsletter {
		display:block;
		width:44px;
		height:25px;
		position:relative;
	}
	#content-sidebar-newsletter form input.submit-content-sidebar-newsletter {
		cursor:pointer;
		width:37px;
		height:28px;
		top:-19px;
		left:113px;
		margin:0 0 0 0 !important;
		padding:0;
		background:url(../images/submit-content-sidebar-newsletter.jpg) 0 0 no-repeat;
		border:none;
		text-indent:-9999px;
	}

/* ------------------------------------------------------------- */
/* => footer
/* ------------------------------------------------------------- */
	
#footer {
   width:980px;
   height:60px;
	padding:13px 0 0 0;
   margin:0 auto;
	background:url(../images/bg-footer.jpg) center top no-repeat;
	font-size:1.2em;
	line-height:158%;
	color:#868686;
	position:relative;
}
#footer h3 {
	color:#ffbb00;
	font-size:1.8em;
	float:left;
	margin:0 8px 0 0;
}
	.footer-column {
		width:177px;
		min-height:35px;
		padding:2px 0 0 10px;
		float:left;
		background:url(../images/bg-footer-column.gif) left top no-repeat;
	}
	
	.footer-column-two {
		width:250px;
		min-height:35px;
		padding:-1px 0 0 10px;
		float:left;
		background:url(../images/bg-footer-column.gif) left top no-repeat;
	}

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

#navi-add {
	position:absolute;
	top:9px;
	left:789px;
}
	#navi-add ul li {
		float:left;
	}
	#navi-add ul li a {
		color:#e0dfdd;	
		text-decoration:none;
	}
	#navi-add ul li a:hover, #navi-add ul li.active a {
		color:#c6c8c9;
		text-decoration:none;
	}
	.separator {
		width:1px;
		height:17px;
		margin:0 9px 0 9px;
		background:url(../images/separator.gif) 0 -2px no-repeat;
	}
	
div#fb {
    background-color: #abaaaa;
    margin: 25px 0 0 0;
    padding: 5px;
    width: 307px;
}	
div#fb-root {
	margin-top:5px;

}