/* ----------------------- */
/*          COMMON         */
/* ----------------------- */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #484848; }

h1 {
  font-size: 20px; }

h2 {
  font-size: 17px; }

h3 {
  font-size: 15px; }

h4 {
  font-size: 14px; }

h5 {
  font-size: 13px; }

h6 {
  font-size: 12px; }

p {
  font-size: 12px;
  color: #777777; }

h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0px 0px 5px 0px;
  color: #777777; }

a {
  color: #aaaaaa;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    cursor: pointer; }

#ul {
  list-style-type: none; }

div.cb {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0; }

/* ----------------------- */
/*         LAYOUT          */
/* ----------------------- */
#body {
  margin: auto;
  padding: 5px 0px 20px 0px; }
  #body #header-banner img {
    margin-left: 1px; }

#body, #header, #footer {
  width: 100%; }

#header {
  background: url(http://www.12auto.de/images/grey-background-header.png?1455277265) repeat-x;
  margin-bottom: 15px; }
  #header #logo {
    width: 800px;
    margin: auto;
    text-align: center;
    padding-top: 12px; }

#powered_by_logo {
  position: absolute;
  top: 40px;
  right: 28px; }

#powered_by_logo:hover {
  cursor: pointer; }

#footer {
  background: url(http://www.12auto.de/images/grey-background-footer.png?1455277265) repeat;
  height: 90px;
  position: relative;
  top: 40px; }
  #footer #links {
    position: relative;
    top: -40px; }
  #footer #social-links-toolbar {
    background: url(http://www.12auto.de/images/footer-toolbar.png?1455277265) no-repeat;
    height: 56px;
    width: 812px;
    margin: auto;
    text-align: center;
    padding-top: 6px;
    position: relative;
    top: -37px;
    left: 2px; }
    #footer #social-links-toolbar span#desc-logo {
      display: inline-block;
      margin-right: 10px; }
      #footer #social-links-toolbar span#desc-logo img {
        position: relative;
        top: 10px;
        *top: 2px; }
    #footer #social-links-toolbar span.social-link a {
      -webkit-transition: all 250ms linear;
      -moz-transition: all 250ms linear;
      -o-transition: all 250ms linear;
      transition: all 250ms linear;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
      #footer #social-links-toolbar span.social-link a img {
        float: left;
        margin-right: 10px; }
    #footer #social-links-toolbar span.social-link a:hover {
      -webkit-transform: translateY(-3px);
      -moz-transform: translateY(-3px);
      -o-transform: translateY(-3px);
      transform: translateY(-3px); }
    #footer #social-links-toolbar .social-link {
      border-right: 1px solid #CCC;
      display: inline-block;
      padding: 10px 18px 7px 18px; }
      #footer #social-links-toolbar .social-link a {
        display: inline-block;
        line-height: 27px;
        font-size: 10px;
        font-weight: bold;
        color: #777777; }
      #footer #social-links-toolbar .social-link span {
        float: left; }
      #footer #social-links-toolbar .social-link:first-child {
        padding-left: 0px;
        padding-right: 15px; }
  #footer #links {
    margin-top: 14px;
    text-align: center; }
    #footer #links a {
      border-left: 1px solid #AEAEAE;
      padding: 2px 3px 2px 5px;
      font-size: 10px;
      font-weight: bold;
      color: #f7f7f7; }
      #footer #links a:first-child {
        border: none; }
      #footer #links a:hover {
        color: #484848; }

.content {
  width: 812px;
  margin: auto; }
  .content #header-banner img {
    margin-left: 1px; }

.full-width-text {
  padding-left: 8px;
  padding-right: 8px; }

.arrow-button-red, .arrow-back-button-red {
  display: inline-block;
  height: 22px;
  width: 22px;
  position: relative; }
  .arrow-button-red:hover, .arrow-back-button-red:hover {
    cursor: pointer; }

.arrow-button-red-small {
  display: inline-block;
  height: 17px;
  width: 17px;
  position: relative; }
  .arrow-button-red-small:hover {
    cursor: pointer; }

.arrow-button-red {
  background: url(http://www.12auto.de/images/red_arrow.png?1455277265) no-repeat; }
  .arrow-button-red:hover {
    background: url(http://www.12auto.de/images/red_arrow_h.png?1455277265) no-repeat; }

.arrow-back-button-red {
  float: right;
  background: url(http://www.12auto.de/images/red_arrow_back.png?1455277265) no-repeat;
  margin-right: 30px;
  padding-left: 30px;
  line-height: 22px;
  font-size: 17px;
  font-style: italic; }
  .arrow-back-button-red:hover {
    background: url(http://www.12auto.de/images/red_arrow_back_h.png?1455277265) no-repeat; }

.dot-line-separator {
  width: 798px;
  border-bottom: 1px dotted #ccc;
  height: 2px;
  margin: 18px auto 15px auto; }

.bottom-dot-line-separator {
  border-bottom: 1px dotted #ccc; }

a.email {
  font-weight: bold;
  color: black;
  font-style: normal;
  text-decoration: underline; }

.formatted-text {
  margin-top: 30px; }
  .formatted-text h1, .formatted-text h2, .formatted-text h3, .formatted-text h4 {
    margin: 25px 0px 15px 0px; }
  .formatted-text p {
    line-height: 16px;
    margin: 0px 0px 15px 0px; }
  .formatted-text ul li {
    color: #777777;
    line-height: 16px; }

.arrow-button-red-small {
  background: url(http://www.12auto.de/images/red_arrow_small.png?1455277265) no-repeat; }
  .arrow-button-red-small:hover {
    background: url(http://www.12auto.de/images/red_arrow_h_small.png?1455277265) no-repeat; }

#navigation-bar {
  margin: 0px 0px 3px 5px;
  font-style: italic;
  font-size: 16px; }
  #navigation-bar a, #navigation-bar span {
    padding: 0px 5px; }
  #navigation-bar .left {
    border-right: 1px solid #AAA; }
  #navigation-bar .active {
    color: #484848; }
  #navigation-bar .active:hover {
    text-decoration: none;
    cursor: default; }

/* ----------------------- */
/*         HOME            */
/* ----------------------- */
#home-page #welcome-text {
  margin-bottom: 10px; }
  #home-page #welcome-text h1, #home-page #welcome-text p {
    color: #b3b3b3;
    font-style: italic;
    font-weight: normal;
    display: inline;
    font-size: 16px; }
#home-page h1 {
  font-size: 16px; }
#home-page p {
  color: #aaaaaa; }
#home-page .teaser {
  cursor: pointer;
  height: 110px;
  padding: 20px;
  position: relative;
  width: 772px; }
  #home-page .teaser img {
    margin-bottom: 10px; }
  #home-page .teaser p {
    font-size: 11px;
    line-height: 1.3; }
  #home-page .teaser .arrow-button-red {
    bottom: 20px;
    position: absolute;
    right: 20px; }
#home-page #two-column-teaser .teaser {
  width: 363px; }
#home-page #autodeal-de.teaser p, #home-page #neuwagen-de.teaser p, #home-page #mietwagen-de.teaser p, #home-page #reifen-de.teaser p, #home-page #autowerkstatt-de.teaser p, #home-page #autoplenum-de.teaser p {
  margin-top: 33px; }
#home-page #autowerkstatt-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/12autowerkstatt_de.jpg?1455277265); }
#home-page #autodeal-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/12autodeal_de.png?1455277265);
  float: left; }
#home-page #gebrauchtwagen-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/12gebrauchtwagen_de.jpg?1455277265); }
#home-page #neuwagen-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/12neuwagen_de.jpg?1455277265); }
#home-page #reifen-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/12reifen_de.jpg?1455277265); }
#home-page #mietwagen-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/12mietwagen_de.jpg?1455277265); }
#home-page #autoplenum-de.teaser {
  background-image: url(http://www.12auto.de/images/teasers/DE/autoplenum_de.png?1455277265);
  float: right; }
#home-page #autodeal-at.teaser {
  background-image: url(http://www.12auto.de/images/teasers/AT/12autodeal_at.jpg?1455277265); }
#home-page #autoplenum-at.teaser {
  background-image: url(http://www.12auto.de/images/teasers/AT/autoplenum_at.jpg?1455277265); }
#home-page #auto-at.teaser {
  background-image: url(http://www.12auto.de/images/teasers/AT/12auto_at.jpg?1455277265); }
#home-page #site-navigation-teasers {
  width: 800px;
  margin: auto;
  text-align: right; }
  #home-page #site-navigation-teasers p {
    margin-left: 120px;
    font-size: 11px;
    line-height: 13px;
    height: 65px;
    margin-bottom: 0px; }
    #home-page #site-navigation-teasers p.link {
      margin-left: 100px; }
    #home-page #site-navigation-teasers p a {
      font-weight: bold;
      color: #777777;
      background: url(http://www.12auto.de/images/arrow.png?1455277265) no-repeat center left;
      padding: 0px 0px 0px 7px; }
  #home-page #site-navigation-teasers #careers, #home-page #site-navigation-teasers #corporate-blog, #home-page #site-navigation-teasers #about-us {
    display: inline-block;
    float: left;
    height: 122px;
    width: 249px; }
    #home-page #site-navigation-teasers #careers:hover, #home-page #site-navigation-teasers #corporate-blog:hover, #home-page #site-navigation-teasers #about-us:hover {
      cursor: pointer; }
  #home-page #site-navigation-teasers #careers {
    background: url(http://www.12auto.de/images/bg_teaser-karriere.png?1455277265) no-repeat; }
  #home-page #site-navigation-teasers #corporate-blog {
    background: url(http://www.12auto.de/images/bg_teaser-corperate.png?1455277265) no-repeat;
    margin: 0px 26px; }
  #home-page #site-navigation-teasers #about-us {
    background: url(http://www.12auto.de/images/bg_teaser-ueberuns.png?1455277265) no-repeat; }
#home-page #international-sites {
  margin-bottom: 30px;
  margin-top: 20px;
  text-align: center; }
  #home-page #international-sites #international-logo {
    display: block;
    margin: 15px auto; }
    #home-page #international-sites #international-logo img {
      position: relative;
      top: 1px; }
  #home-page #international-sites .site-logo {
    padding: 0px 10px; }
    #home-page #international-sites .site-logo:hover {
      text-decoration: none; }

.auto-block {
  float: right; }
  .auto-block .auto-mark {
    float: left;
    margin-top: 20px;
    width: 150px;
    line-height: 135%; }
    .auto-block .auto-mark .name {
      font-weight: bold; }
  .auto-block .auto-model {
    float: left;
    width: 150px;
    line-height: 160%; }
  .auto-block .all-marks {
    float: right;
    margin: 20px 100px 0 0; }

.all-marks-block {
  margin: 10px 0 0 60px; }

h2.teaser-header {
  font-weight: normal;
  font-style: italic;
  color: #aaaaaa;
  font-size: 20px; }

h3.used-cars-header {
  font-weight: normal;
  font-style: italic;
  color: #b3b3b3;
  font-size: 14px; }

/* ----------------------- */
/*         ABOUT US       */
/* --------------------- */
#about-us-page table.two-columns-table td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px; }
  #about-us-page table.two-columns-table td p {
    margin: 2px 0px; }
#about-us-page table.two-columns-table td.col-1 {
  width: 200px;
  padding-left: 10px;
  padding-right: 10px; }
#about-us-page table.two-columns-table td.col-2 {
  width: 100%; }
#about-us-page h4.trademarks {
  margin: 35px 0px 0px 0px; }

/* ----------------------- */
/*          CAREERS        */
/* ----------------------- */
#careers-page {
  line-height: 15px;
  margin-bottom: 50px; }
  #careers-page #careers-intro-text {
    margin-bottom: 30px; }
    #careers-page #careers-intro-text p {
      font-style: italic; }
  #careers-page .dot-line-separator {
    width: 796px;
    margin-top: 20px;
    margin-bottom: 20px; }
  #careers-page .job-teaser .job-teaser-content {
    height: 73px; }
    #careers-page .job-teaser .job-teaser-content h6 a, #careers-page .job-teaser .job-teaser-content a.job-picture-link {
      float: none;
      margin: 0px 0px 5px 0px;
      color: #777;
      top: 0px; }
    #careers-page .job-teaser .job-teaser-content img.job-picture-small {
      display: inline-block;
      margin-right: 5px;
      float: left; }
    #careers-page .job-teaser .job-teaser-content #job-description {
      display: inline-block;
      width: 550px;
      vertical-align: top;
      float: left;
      margin-left: 10px; }
      #careers-page .job-teaser .job-teaser-content #job-description h5 {
        margin-top: 0px; }
    #careers-page .job-teaser .job-teaser-content a {
      float: right;
      top: 55px; }

/* ----------------------- */
/*        CONTACT         */
/* --------------------- */
#contact-content ul {
  margin-left: 30px;
  list-style-type: none; }