body, html
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #707173;
  margin: 0px;
  background-image: url(images/hg.jpg);
  background-repeat: repeat-x;
	background-position: 0px 31px; 
  background-color: #b9cfdb;
  line-height: 15px;
}

/* DIV Layer */
#index
{
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#bg-balken-links
{
  float: left;
  width: 48px;
  height: 826px;
  background-image: url(images/bg-balken-links.jpg);
  background-repeat: no-repeat;
}
#home
{
  float: left;
  width: 902px;
  background-color: #FFFFFF;
}
#home-content  /* gesamtbreite 902px */
{
  float: left;
  width: 865px;
  padding: 0 16px 10px 21px;
  background-color: #FFFFFF;
}
#content-head
{
  float: left;
  width: 860px;
  height: 120px;
  background-image: url(images/kopf.jpg);
  background-repeat: no-repeat;
}
#dethloff-logo
{
  position: absolute;
  top: 23px;
  left: 109px;
}
#mazda-logo
{
  position: absolute;
  top: 44px;
  left: 836px;
}
#hro-auto-logo
{
  position: absolute;
  top: 55px;
  left: 674px;
}
#head-navi
{
  position: absolute;
  top: 2px;
  right: 80px;
  color: #95c4dd;
}
#head-navi a
{
  color: #95c4dd;
  text-decoration: none;
}
#head-navi a:hover
{
  color: #ffffff;
  text-decoration: none;
}
#head-navi a.active
{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
#content-navi
{
  float: left;
  width: 865px;
  height: 50px;
  background-image: url(images/navi-blank.jpg);
  background-repeat: no-repeat;
}
/* navi-top ausgelagert */
#content-auto
{
  float: left;
  width: 860px;
  height: 125px;
  background-image: url(images/kopf-auto.jpg);
  background-repeat: no-repeat;
}
#content-auto-suche
{
  float: left;
  width: 860px;
  height: 216px;
  background-image: url(images/kopf-auto-suche.jpg);
  background-repeat: no-repeat;
}
#content-mitte
{
  float: left;
  width: 860px;
  background-image: url(images/hg-content-mitte.gif);
  background-repeat: repeat-y;
}

/* LINKE BOX */

#content-mitte-links
{
  float: left;
  width: 666px;
  padding-right: 6px;
  border-right: 1px solid #bdd1dd;
}
/* Startseite BEGIN */
.links-box
{
  float: left;
  width: 220px;
  padding-right: 2px;
}
.links-box-head
{
  float: left;
  font-size: 15px;
  display: block;
  width: 220px;
  height: 28px;
  padding-top: 12px;
  padding-bottom: 2px;
  background-image: url(images/ues-balken-links.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-align: center;
}
.links-box-text
{
  float: left;
  width: 210px;
  margin-top: 10px;
  color: #707173;
  text-align: left;
}
.links-box-text b
{
  color: #000000;
}
.links-box-text a:link, .links-box-text a:visited, .links-box-text a:active, .links-box-text a:hover
{
  color: #638cb2;
  font-weight: bold;
  text-decoration: none;
}
#links-greybox
{
  float: left;
  width: 664px;
  height: 147px;
  margin-top: 15px;
  background-image: url(images/hg-box.jpg);
  background-repeat: repeat-x;
}
.greybox-box
{
  float: left;
  width: 216px;
  padding: 21px 5px 21px 0;
}
.greybox-box-text
{
  float: left;
  width: 125px;
  color: #707173;
  text-align: left;
}
.greybox-box-text b
{
  color: #000000;
}
.greybox-box-text a
{
  color: #638cb2;
  font-weight: bold;
  text-decoration: none;
}
.greybox-box-video
{
  float:left;
  width: 341px;
  padding: 21px 5px 21px 0;
}
/* Startseite END */

/* Team BEGIN */
.team-box-links
{
  float: left;
  width: 220px;
  height: 115px;
  margin-top: 15px;
  color: #707173;
}
.team-box
{
  float: left;
  width: 220px;
  height: 115px;
  margin-left: 3px;
  margin-top: 15px;
  color: #707173;
}
.team-box-links img, .team-box img
{
  margin-right: 7px;
}
/* Team END */

/* Unser Weg BEGIN */
.bilderreihe
{
  margin-top: 10px;
}
/* Unser Weg END */

/* Bilder Werkstatt Raederhaus, Mazda-Neuwagen Rostock */
img.rechts
{
  clear: right;
  float: right;
  margin-left: 30px;
  margin-bottom: 15px;
}
img.rechts-unten
{
  clear: right;
  float: right;
  margin-left: 30px;
}

/* RECHTE BOX */

#content-mitte-rechts
{
  float: left;
  width: 180px;
  padding-left:7px;
}
#content-mitte-rechts-gebrauchtwagen
{
  float: left;
  width: 180px;
  margin-top: -91px;
  padding-left: 7px;
  position: relative;
}
.rechts-box
{
  float: left;
  width: 180px;
  padding-bottom: 2px;
}
.rechts-box-head
{
  float: left;
  font-size: 15px;
  display: block;
  width: 180px;
  height: 28px;
  padding-top: 12px;
  background-image: url(images/ues-balken-rechts.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-align: center;
}
.rechts-box-content-text
{
  float: left;
  width: 160px;
  padding: 10px;
}
#navi-unten
{
  float: left;
  width: 865px;
  margin-top: 20px;
}
#navi-unten span
{
  float: left;
  display: block;
  width: 123px;
  border-bottom: 1px solid #809eb0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#navi-unten span a
{
  font-weight: bold;
  color: #809eb0;
  text-decoration: none;
}
#navi-unten span a.active
{
  font-weight: bold;
  color: #36617A;
  text-decoration: none;
}

#navi-unten p.nu-links
{
  color: #638cb2;
}

.navi-unten-box
{
  float: left;
  display: block;
  width: 123px;
}
.navi-unten-box a:link, .navi-unten-box a:visited, .navi-unten-box a:active, .navi-unten-box a:hover
{
  display: block;
  color: #809eb0;
  text-decoration: none;
  margin-bottom: 5px;
}
.navi-unten-box a.active:link, .navi-unten-box a.active:visited, .navi-unten-box a.active:active, .navi-unten-box a.active:hover
{
  display: block;
  color: #36617A;
  text-decoration: none;
  margin-bottom: 5px;
}
#unten
{
  float: left;
  width: 902px;
  height: 23px;
  background-image: url(images/unten.jpg);
  background-repeat: no-repeat;
}
#bg-balken-rechts
{
  float: left;
  width: 50px;
  height: 826px;
  background-image: url(images/bg-balken-rechts.jpg);
  background-repeat: no-repeat;
}

/* Aktuelles BEGIN */
.aktuell-box
{
  float: left;
  margin-bottom: 10px;
  color: #707173;
  width: 666px;
}
.aktuell-box img
{
  margin-left: 10px;
}
/* Aktuelles END */

/* Werkstatt Angebote BEGIN */
.angebot-box
{
  float: left;
  margin-bottom: 10px;
  color: #707173;
  width: 666px;
}
.angebot-box img
{
  margin-left: 10px;
}
/* Werkstatt Angebote END */

/* Formular in Tabelle */
table.form td {
  padding-top: 5px;
  padding-bottom: 5px;
}
select, input, textarea
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #055f78;
  border: solid 1px #9ACBE7;
  padding: 1px;
  background-color: #FFFFFF;
}
input.button
{
  background-color: #FFFFFF;
  border: solid 1px #9ACBE7;
  margin: 0;
  cursor: pointer;
  padding: 2px;
}
input.redaktion, input.checkbox, input.radio
{
  background-color: transparent;
  border: 0px;
  margin: 0;
  cursor: pointer;
}
tr.neuwagen
{
 background-color:#276098;
 color: #FFFFFF;
}
tr.neuwagen td
{
  height: 18px;
}

.img-neuwagen
{
  width: 160px;
  height: 120px;
  margin-top: 15px;
  margin-bottom: 0;
}

/* Überschriften */
h1
{
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 20px;
}
h2
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 3px;
}
h2.mTop
{
  margin-top: 30px;
}
/* Überschriften Kundenmeinung */
h3
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 10px;
}
h4
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 20px;
}
.black
{
  color: #000000;
}

/* Listenformatierung */
ol
{
  padding-left: 25px;
}
li
{
  margin-bottom:5px;
}

/* allgemeine Links */
a:link, a:visited, a:active, a:hover
{
  color: #638cb2;
  text-decoration: none;
  outline: none;
}

a.deco:link, a.deco:visited, a.deco:active, a.deco:hover
{
  text-decoration: underline;
}

/* große Links */
a.big:link, a.big:visited, a.big:active, a.big:hover
{
  font-weight: bold;
  font-size: 14px;
  color: #638cb2;
  text-decoration: none;
  outline: none;
}

/* Gebrauchtwagen Suche */
#suchmaske
{
  float: left;
  width: 643px;
  height: 170px;
  background-image: url(images/rahmen-suchmaske.jpg);    /* 657x184 */
  background-repeat: no-repeat;
  margin-top: 20px;
  padding: 7px;
}
#suchmaske h1
{
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 20px;
}
#suchmaske td
{
  padding-top: 6px;
  padding-bottom: 6px;
}
#autoSuche
{
  float: left;
  width: 640px;
  height: 20px;
}
#autoSuche-blank
{
  float: left;
  width: 576px;
  height: 20px;
}
#autoSuche-button
{
  float: left;
  width: 64px;
  height: 20px;
  margin-top: 4px;
  padding: 0;
  background-image: url(/images/suchmaske-button.jpg);
  background-repeat: no-repeat;
}
#autoSuche-button:hover
{
  background-image: url(/images/suchmaske-button1.jpg);
  background-repeat: no-repeat;
}
input.blankSuche
{
  background-color: transparent;
  border: 0px;
  margin: 0;
  padding: 0;
  width: 64px;
  height: 20px;
  cursor: pointer;
}

#bildGebrauchtwagen
{
  position: absolute;
  top: 296px;
  left: 499px;
}

#noscript
{
  color: #FF0000;
  border: solid 1px #FF0000;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}

/* Formatierung der Sitemap */
ul.sitemap li
{
  padding: 2px 0px 2px 0px;
}
ul.sitemap li.unter
{
  margin-left: 15px;
}

/********************************** Suchmaske *********************************/
#indexSuche
{
  float: left;
  width: 305px;
  height: 20px;
}
#indexSuche-blank
{
  float: left;
  width: 241px;
  height: 20px;
  margin-top: 4px;
}
#indexSuche-button
{
  float: left;
  width: 64px;
  height: 20px;
  margin-top: 4px;
  padding: 0;
  background-image: url(/images/suchmaske-button.jpg);
  background-repeat: no-repeat;
}
#indexSuche-button:hover
{
  background-image: url(/images/suchmaske-button1.jpg);
  background-repeat: no-repeat;
}
input.blankSuche
{
  background-color: transparent;
  border: 0px;
  margin: 0;
  padding: 0;
  width: 64px;
  height: 20px;
  cursor: pointer;
}
/******************************************************************************/

/* mazda-autohaus-rostock/index.php */
img.mRight
{
  margin-right: 40px;
}
img.mRightZoom
{
  margin-right: 50px;
}

/******************************* Streifen oben ********************************/
#streifen-top
{
  width: 100%;
  height: 30px; 
  background-color: #122952;
  border-bottom: 1px solid #A6BCCB;
  z-index: 900;
}
#streifen-top-index
{
  position: relative;
  width: 900px;
  margin: 0 auto;
  padding:0 0 0 5px;
}
#streifen-top-links
{
  position: absolute;
  top: 0px;
  height: 20px;
  color: #FFFFFF;
  left: 0px;
  padding: 4px 0;
  white-space: nowrap;
  z-index: 1000;
}
#streifen-top-links .button
{
  float: left;
  margin-right: 10px;
}
/******************************************************************************/