/* Default
------------------------------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: url(body-bg.gif);
  overflow-y: scroll;
}
body, table, input, select, textarea {
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
}
.clear {
  clear: both;
}
#mainWrap {
  width: 990px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -495px;
}
a {
  color: #777777;
}
a:hover {
  text-decoration: none;
}
/* ---------------------------------------------------------------------------------*/





/* Header
------------------------------------------------------------------------------------*/
#header {
  height: 248px;
  width: 990px;
  background: url(black-bg.gif);
}
/* ---------------------------------------------------------------------------------*/





/* Top Navigation
------------------------------------------------------------------------------------*/
#topNavi li.sub a {
  background:url(ifSub.gif) no-repeat right 6px;
  padding: 0 15px 0 0;
}
#topNavi li.subActive a {
  background:url(ifSub-active.gif) no-repeat right 6px;
  padding: 0 15px 0 0;
}

#topNavi li.sub li a {
  background:none;
  display:block;
}
#topNavi li.subActive li a {
  background:none;
}
#topNavi li.subActive li li a {
  background:none;
  padding: 0 0 0 25px;
}
#topNavi li.sub li li a {
  background:none;
  padding: 0 0 0 25px;
}
#topNavi,
#getSubNavi {
  width: 990px;
  height: 29px;
  line-height: 29px;
  background: url(topnavi-bg.gif) repeat-x 0 0;
  text-transform: uppercase;
}
#topNavi .home {
  margin-right: 245px;
}
#topNavi ul,
#getSubNavi ul {
  margin: 0;
  padding: 0;
}
#topNavi ul li,
#getSubNavi ul li {
  padding: 0 0;
  float: left;
  list-style: none;
  padding: 0 25px;
  border-right: solid 1px #333;
}
#topNavi ul li a,
#getSubNavi ul li a {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
}
#topNavi ul li a:hover,
#getSubNavi ul li a:hover {
  color: #999;
}
#topNavi ul li a.active,
#getSubNavi ul li a.active {
  color: #999;
}

#topNavi ul.sub {
  display: none;
  position: absolute;
  margin: 0 0 0 -29px;
  *margin: 22px 0 0 -138px;
  z-index:100000;
}

#topNavi ul li:hover ul.sub {
  display: block;
}

#topNavi ul ul li ul li {
  border-bottom: none;
  margin-left: 0px;
  background: none;
  padding: 0;
  width: 180px;
}
#topNavi ul ul li {
  display: block;
  clear:both;
  background: url(black-bg.gif) 0 0;
  border-bottom: solid 1px #333;
  line-height: 22px;
  width: 180px;
  border-right: none;
}
#topNavi ul.lastsub {
  display: none;
}
#topNavi ul ul li a {
  font-size:11px;
}
#topNavi ul ul li ul li a {
  font-size:11px;
  font-weight: normal;
  padding: 0 0 0 25px;
}
/* ---------------------------------------------------------------------------------*/





/* Get Subnavi
------------------------------------------------------------------------------------*/
#getSubNavi {
  width: 627px;
}
/* ---------------------------------------------------------------------------------*/





/* Haupcontent
------------------------------------------------------------------------------------*/
#mainContent {
  width: 990px;
  margin: 16px 0 0 0;
  background: url(mainwrap-bg.gif) repeat-y 0 0;
}
/* ---------------------------------------------------------------------------------*/





/* Linker Content
------------------------------------------------------------------------------------*/
#mainContent div#leftContent {
  float: left;
  width: 304px;
  background: url(black-bg.gif);
}
#mainContent div#leftContent .anzeige {
  background: url(grey-bg.gif) 0 0;
  width: 300px;
  margin: 20px 2px;
  padding: 0 0 10px 0;
}
#mainContent div#leftContent .anzeige div.header {
  padding: 8px 0 0 8px;
  margin: 0 0 8px 0;
}
#mainContent div#leftContent .anzeige div.header span.uppercase {
  background: url(black-bg.gif) 0 0;
  text-transform: uppercase;
  padding: 1px 3px;
}
#mainContent div#leftContent .anzeige div.text {
  width: 260px;
  margin: 10px 20px;
  padding: 10px 0;
  text-align: justify;
}
#mainContent div#leftContent .anzeige div.text span {
  background: url(black-bg.gif) 0 0;
  padding: 5px 0 5px 0;
  font-weight: bold;
  
}
/* ---------------------------------------------------------------------------------*/





/* Linker Content
------------------------------------------------------------------------------------*/
#mainContent div#leftContent #carData {
  background: url(grey-bg.gif) 0 0;
  width: 300px;
  margin: 20px 2px;
  padding: 0 0 10px 0;
  line-height: 15px;
}
#mainContent div#leftContent #carData div.header {
  padding: 8px 0 0 8px;
  margin: 0 0 8px 0;
}
#mainContent div#leftContent #carData div.header span.uppercase {
  background: url(black-bg.gif) 0 0;
  text-transform: uppercase;
  padding: 1px 3px;
}
#mainContent div#leftContent #carData div.text {
  width: 265px;
  *width: 300px;
  padding: 10px 10px 10px 25px;
  background: url(black-bg.gif);
}
#mainContent div#leftContent #carData div.text span {
  background: url(black-bg.gif) 0 0;
  padding: 5px 0 5px 0;
  font-weight: bold;

}
/* ---------------------------------------------------------------------------------*/





/* Recher Content
------------------------------------------------------------------------------------*/
#mainContent div#rightContent {
  float: right;
  width: 627px;
  background: url(black-bg.gif);
}
#mainContent div#rightContent h1, h2, h3 {
  color:#F5CD50;
  font-size:14px;
  text-transform: uppercase;
}



#mainContent div#rightContent .subnavi {
  margin: 10px 0 5px 0;
  *margin: 20px 0 20px 0;
  padding: 0 0 0 80px;
  *padding: 0 0 0 50px;
  width: 600px;
  margin-left: 14px;
}
#mainContent div#rightContent .subnavi ul {
  float: left;
  *margin: 0 0 0 40px;
}
#mainContent div#rightContent .subnavi ul li,
#mainContent div#rightContent .subnavi ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
#mainContent div#rightContent a.marke,
#mainContent div#rightContent a.typ {
  display: block;
  height: 33px;
  line-height: 33px;
  padding: 0 0 0 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
#mainContent div#rightContent a.marke {
  width: 133px;
  background: url(automarke-bg.gif) no-repeat 0 0;
}


#mainContent div#rightContent div.markeView,
#mainContent div#rightContent div.typView {
  display: none;
  position: absolute;
  z-index: 9999;
}
#mainContent div#rightContent div.markeView ul,
#mainContent div#rightContent div.typView ul {
  display: block;
  margin: 2px 0 0 0;
  padding: 0;
}

#mainContent div#rightContent div.markeView li,
#mainContent div#rightContent div.typView li {
  display: block;
  height: 25px;
  margin: 1px 0 2px 0;
}
#mainContent div#rightContent div.markeView li a,
#mainContent div#rightContent div.typView li a {
  text-transform: uppercase;
  display: block;
  background: #000;
  color: #757575;
  border-bottom: solid 1px #333;
  border-top: solid 1px #333;
  padding: 3px 10px 3px 25px;
  width: 145px;
  *width: 180px;
  text-decoration: none;
  font-weight: bold;
}
#mainContent div#rightContent div.markeView li a:hover,
#mainContent div#rightContent div.typView li a:hover {
  background: #111;
}
#mainContent div#rightContent div.markeView li a.active,
#mainContent div#rightContent div.typView li a.active {
  background: #111;
  color: #fff;
}


#mainContent div#rightContent a.typ {
  width: 171px;
  background: url(autotyp-bg.gif) no-repeat 0 0;
}
#mainContent div#rightContent #gallery img {
  border: none;
}
#mainContent div#rightContent #gallery ul {
  margin: 0;
  padding: 0;
}
#mainContent div#rightContent #gallery ul li {
  list-style: none;
}



#mainContent #links {
  margin: 50px 23px 20px 23px;
  background: url(grey-bg.gif);
  width: 570px;
  *width: 580px;
  padding: 10px 5px;
  color: #F5CD50;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
#mainContent #links a {
  color: #F5CD50;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
#mainContent #links ul {
  margin: 0 0 0 5px;
  padding: 0;
}
#mainContent #links ul li {
  display: inline;
  list-style: none;
  float: left;
  margin: 0 8px;
}
/* ---------------------------------------------------------------------------------*/




#getMainContent {
  margin:  45px 0 0 0;
}
#gallery {
  width: 525px;
  background: url(grey-bg.gif);
  padding: 10px 0;
  margin: 0 44px;
}
.header h1 {
  font-size: 14px;
  color:#F5CD50;
  margin: 20px 44px;
}
#textContent .text {
  width: 497px;
  margin: 50px 44px;
}



/*Footer
------------------------------------------------------------------------------------*/
#footer {
  margin: 15px 0 0 0;
  width: 300px;
  text-align: center;
  color: #fff;
}
#footer a {
  text-decoration: none;
  color: #fff;
}
#footer a:hover {
  text-decoration: underline;
}
/* ---------------------------------------------------------------------------------*/