@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

html, body {
	height:100%;
}

html {
	background:url(../images/bg-html.jpg) 0 0 repeat;
}

body {
	background:url(../images/bg-body.jpg) 0 0 repeat-x;
	font:11px/normal "Trebuchet MS", Verdana, "Times New Roman";
	color:#cccccc;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 11px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:none;
	color:#d9a60f;
}

a:hover {
	text-decoration:underline;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
	font-size:0.001em;
	line-height:0.001em;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	min-height:100%;
	height:auto !important;
	height:100%;
	width:900px;
	margin: 0 0 -150px 0;
	background:#4c4c4c;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:900px;
	height:274px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

#header #flash {
	width:900px;
	height:274px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	width:219px;
	height:73px;
	top:28px;
	left:0;
	overflow:hidden;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

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

#header ul#naviAdd {
	list-style-type:none;
	width:75px;
	height:75px;
	position:absolute;
	top:27px;
	left:760px;
	z-index:3;
}

#header ul#naviAdd li {
	line-height:12px;
}

#header ul#naviAdd li a {
	font-size:11px;
	color:#999999;
	text-decoration:none;
	padding:0 0 0 12px;
	background:url(../images/bg-navi-add.gif) left 5px no-repeat;
}

#header ul#naviAdd li a:hover {
	text-decoration:underline;
}

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

#header ul#navigation {
	list-style-type:none;
	width:900px;
	height:45px;
	position:absolute;
	top:229px;
	left:0;
	z-index:3;
}

#header ul#navigation li {
	height:45px;
	float:left;
}

#header ul#navigation li a {
	height:45px;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
	display:block;
}

#header ul#navigation li a.Home {
	width:84px;
}

#header ul#navigation li a.Home:hover {
	background-position:0 0;
}

#header ul#navigation li a.Angebote {
	width:113px;
}

#header ul#navigation li a.Angebote:hover {
	background-position:-84px 0;
}

#header ul#navigation li a.Neuwagen {
	width:120px;
}

#header ul#navigation li a.Neuwagen:hover {
	background-position:-197px 0;
}

#header ul#navigation li a.Gebrauchtwagen {
	width:174px;
}

#header ul#navigation li a.Gebrauchtwagen:hover {
	background-position:-317px 0;
}

#header ul#navigation li a.Service {
	width:97px;
}

#header ul#navigation li a.Service:hover {
	background-position:-491px 0;
}

#header ul#navigation li a.Onlineshop {
	width:129px;
}

#header ul#navigation li a.Onlineshop:hover {
	background-position:-588px 0;
}

#header ul#navigation li a.Ansprechpartner {
	width:183px;
}

#header ul#navigation li a.Ansprechpartner:hover {
	background-position:-717px 0;
}

/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:900px;
	background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentContainer => detail
--------------------------------------------------------------*/
#detail {
	float:left;
	width:218px;
	padding:46px 0 0 0;
}

#detail p {
	font-size:11px;
	margin:0 0 12px 30px;
}

#detail p span {
	color:#d9a60f;
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	float:left;
	width:412px;
	overflow-x:hidden;
	padding:72px 20px 30px 32px;
}

#contentMain h3, h4 {
	font-size:14px;
	margin:0 0 5px 0;
}

#contentMain img {
	border:none;
}

#contentMain p a.vcard {
	display:block;
	width:205px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

#contentMain iframe {
	background:none;
	padding:3px;
	border:1px solid #999999;
}

#contentMain span.imgBox {
	display:block;
	float:left;
	width:90px;
	height:90px;
	padding:5px;
	margin:0 30px 0 0 ;
	margin-bottom:10px;
	background:url(../images/bg-img.jpg) 0 0 no-repeat;
}

#contentMain span img {
	width:90px;
	height:90px;
	border:none;
}

#contentMain span.imgBox:hover {
	background-position:0 -100px;
}

#contentMain #accordion h3 { background:#333; color:#d9a60f; padding:2px 5px; width:100%; display:block; cursor:pointer; }

/*--------------------------------------------------------------
	contentMain => CMS
--------------------------------------------------------------*/
#contentMain .cmsBox {
	padding:0 0 20px 0;
}

#contentMain .cmsBox table {
	border:none;
}

#contentMain .cmsBox table tr td.hlight {
	color:#d9a60f;
	width:100px;
	vertical-align:top;
}

#contentMain .cmsBox table tr th {
	text-align:left;
}

/*--------------------------------------------------------------
	contentMain => headline
--------------------------------------------------------------*/
#contentMain #headline {
	height:74px;
	width:412px;
}

#contentMain #headline h2 {
	display:block;
	height:36px;
	text-indent:-9999px;
}

#contentMain #headline h2#h2Willkommen {
	background:url(../images/h2/bg-willkommen.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2error {
	background:url(../images/h2/bg-error.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Anfahrt {
	background:url(../images/h2/bg-anfahrt.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Impressum {
	background:url(../images/h2/bg-impressum.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2danke {
	background:url(../images/h2/bg-danke.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Kontakt {
	background:url(../images/h2/bg-kontakt.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Angebote {
	background:url(../images/h2/bg-angebote.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Neuwagen {
	background:url(../images/h2/bg-neuwagen.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Gebrauchtwagen {
	background:url(../images/h2/bg-gebrauchtwagen.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Links {
	background:url(../images/h2/bg-links.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Service {
	background:url(../images/h2/bg-service.jpg) 0 0 no-repeat;
}

#contentMain #headline h2#h2Ansprechpartner {
	background:url(../images/h2/bg-ansprechpartner.jpg) 0 0 no-repeat;
}
/*----[ h3 ]----*/
#contentMain #headline h3 {
	display:block;
	height:20px;
	text-indent:-9999px;
}

#contentMain #headline h3#h3Willkommen {
	background:url(../images/h3/bg-willkommen.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Angebote {
	background:url(../images/h3/bg-angebote.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Neuwagen {
	background:url(../images/h3/bg-neuwagen.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Gebrauchtwagen {
	background:url(../images/h3/bg-gebrauchtwagen.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Service {
	background:url(../images/h3/bg-service.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Ansprechpartner {
	background:url(../images/h3/bg-ansprechpartner.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Kontakt {
	background:url(../images/h3/bg-kontakt.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Anfahrt {
	background:url(../images/h3/bg-anfahrt.jpg) 0 0 no-repeat;
}

#contentMain #headline h3#h3Impressum {
	background:url(../images/h3/bg-impressum.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar {
	float:left;
	width:187px;
	padding:49px 0 0 31px;
	font-size:11px;
	color:#999999;
}

#contentSidebar h5 {
	font-size:11px;
	line-height:14px;
	margin:0 0 14px 0;
	font-weight:bold;
	color:#cccccc;
}

#contentSidebar p {
	margin:0 0 13px 0 ;
	line-height:14px;
}

#contentSidebar ul {
	margin:0 0 18px 0 ;
}

#contentSidebar ul.spacer {
	margin:0 0 22px 0 ;
}

#contentSidebar ul li {
	line-height:14px;
}

#contentSidebar ul li span.spacer {
	padding:0 0 0 35px;
}


/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#push {
	height: 150px;
	clear:both;
}

#footer {
	width:866px;
	height: 90px;
	font-size:11px;
	padding:60px 0 0 34px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}

#footer .box {
	float:left;
	width:170px;
	margin:0 59px 0 0;
}