/* // Tags & Voreinstellungen */

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

body {
  background-color: black; /* standart: schwarz */
  color: white; /* Text-Farbe fuer ganzes Dokument */
}

a {
  text-decoration: none;
  color: inherit;
}

/* // Seitenlayout */

#hauptbox {
  position: absolute;
  width: 970px;
  left: 50%;
  margin-left: -485px;
}

#box_logo {
  width: 970px;
  height: 240px;
  background-image: url("../img/logo.png");
}

#box_inhalt {
  width: 970px;
  background-image: url("../img/bg_main.png");
}

#box_inhalt_abschluss {
  width: 945px; /* 970 - 25px */
  height: 28px; /* 33 - 5px */
  padding: 5px 0px 0px 25px;
  background-image: url("../img/bg_main_sub.png");
  font-size: 11px;
}

/* // Inhalt box_logo */

#box_logo ul {
  position: absolute;
  left: 245px;
  top: 190px;
}

#box_logo ul li {
  list-style-type: none;
  float: left;
  text-align: center;
}

#box_logo ul li a div{
  width: 100px;
  height: 23px;
  background-color: #4c4c4c;
  background-image: url("../img/bg_quernavi.png");
}

#box_logo ul li a:hover div{
  background-image: url("../img/bg_quernavi_hover.png");
}

#navi_logo_front {
  width: 15px;
  height: 23px;
  background-image: url("../img/bg_quernavi_front.png");
}

#navi_logo_end {
  width: 15px;
  height: 23px;
  background-image: url("../img/bg_quernavi_end.png");
}

/* // Inhalt box_inhalt */

.clear_both {clear: both;} /* ----- 3 Spalten fuer die Teile der Seite ----- */

#spalte_eins {
  width: 210px;
  float: left;
  margin-left: 20px;
  /*border: 1px solid green;*/
}

#spalte_zwei {
  width: 415px;
  margin-left: 15px;
  /*border: 1px solid green;*/
  float: left;
}

#spalte_drei {
  width: 255px;
  margin-left: 15px;
  /*border: 1px solid green;*/
  float: left;
}

#haupt_navi {  /* ### links ### */  /* ----- Einstellungen Hauptnavi ----- */
  background-image: url("../img/bg_mainnavi.png");
  padding-left: 45px;
}

#haupt_navi ul li  {
  height: 24px;
}

#haupt_navi ul li a:hover {
  color: #e2001a;
}

#haupt_navi ul ul {
  margin-left: 20px;
}

#navi_abschluss {
  width: 210px;
  height: 20px;
  background-image: url("../img/bg_mainnavi_sub.png");
}

#bewertung {  /* ----- Einstellungen Werkstattbewertung ----- */
  width: 210px;
  margin-top: 10px;
}

#netzwerke {  /* ----- Einstellungen Facebook / Twitter ----- */
  text-align: center;
  margin-top: 15px;
}

.links_oben {
  width: 210px;
  height: 18px;
  background-image: url("../img/spalte_links_box_oben.png");
}

.links_mitte {
  width: 180px; /* 210 - 2x15px */
  background-image: url("../img/spalte_links_box_mitte.png");
  padding: 0px 15px 0px 15px;
}

.links_mitte img {
  float: left;
  margin-right: 15px;
}

.links_mitte a:hover {
  color: #e2001a;
  text-decoration: underline;
}

.links_mitte a.top {
  display: block;
  margin-bottom: 10px;
}

.links_mitte div#sternbox {
  margin-left: 30px;
}

.links_mitte div#sternbox div#bewertung_grau {
  width: 100px;
  height: 20px;
  margin-bottom: 10px;
  margin-left: 3px;
  background-image: url("../img/bewertung_grau.png");
}

.links_mitte div#sternbox div#bewertung_grau div#bewertung_gelb {
  height: 20px;
  background-image: url("../img/bewertung_gelb.png");
}

.links_mitte a#facebook {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url("../img/facebook.png");
    margin: 0px 10px 10px 20px;
}

.links_mitte a#twitter {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url("../img/twitter.png");
    margin: 0px 20px 10px 10px;  
}

.links_mitte a#facebook:hover, .links_mitte a#twitter:hover {
    background-position: 60px;
}

.links_unten {
  width: 210px;
  height:  18px;
  background-image: url("../img/spalte_links_box_unten.png");
}

#mitte_oben {  /* ### mitte ### */  /* ----- Einstellungen Haupt-Textteil ----- */
  width: 415px;
  height: 15px;
  background-image: url("../img/spalte_mitte_box_oben.png");
}

#mitte_mitte {
  width: 385px; /* 415 - 2x15px */
  padding: 0px 15px 0px 15px;
  background-image: url("../img/spalte_mitte_box_mitte.png");
}

#mitte_unten {
  width: 415px;
  height: 15px;
  background-image: url("../img/spalte_mitte_box_unten.png");
}

#terminanfrage {  /* ### rechts ### */  /* ----- Einstellungen Galerie & Terminanfrage ----- */
  margin-top: 15px;
}

.rechts_oben {
  width: 255px;
  height: 15px;
  background-image: url("../img/spalte_rechts_box_oben.png");
}

.rechts_mitte {
  width: 225px; /* 255 - 2x15px */
  padding: 0px 15px 0px 15px;
  background-image: url("../img/spalte_rechts_box_mitte.png");
}

.rechts_unten {
  width: 255px;
  height: 15px;
  background-image: url("../img/spalte_rechts_box_unten.png");
}

#terminanfrage div.rechts_mitte p {  /* ----- Einstellungen Terminanfrage ----- */
  font-weight: bold;
  margin-bottom: 10px;
}

#terminanfrage div.rechts_mitte p ~ p {  /* ----- Einstellungen Terminanfrage ----- */
  font-weight: normal;
  margin-bottom: 10px;
}

#terminanfrage div.rechts_mitte p span {
  color: #e2001a;
}

label {
   margin-bottom: 7px;
}

#terminanfrage div.rechts_mitte form label span {
  color: #e2001a;
}

#terminanfrage div.rechts_mitte form label.klein_l{
  width: 75px;
  float: left;
}

#terminanfrage div.rechts_mitte form input.klein_i{
  width: 148px;
  background-color: #7e7e7e;
  border: 1px solid #cccccc;
}

#terminanfrage div.rechts_mitte form input.tel_i{
  width: 223px;
  background-color: #7e7e7e;
  border: 1px solid #cccccc;
  margin-bottom: 7px;
}

#terminanfrage div.rechts_mitte form label.termin_l{
  width: 100px;
  float: left;
}

#terminanfrage div.rechts_mitte form input.termin_i{
  width: 123px;
  background-color: #7e7e7e;
  border: 1px solid #cccccc;
}

#terminanfrage div.rechts_mitte form textarea{
  width: 223px;
  height: 75px;
  background-color: #7e7e7e;
  border: 1px solid #cccccc;
  margin-bottom: 7px;
}

#terminanfrage div.rechts_mitte form input.bot_i{
  width: 108px;
  background-color: #7e7e7e;
  border: 1px solid #cccccc;
}

#terminanfrage div.rechts_mitte form img {
  margin-top: 5px;
}

#terminanfrage div.rechts_mitte form br {clear: both;}