/* Generell
===================================================*/

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

.clear {
  clear: both;
}

.htg {
  background-image: url(../img/htg_text.gif);
}

/* Farbe
===================================================*/

body {
  background-color: rgb(255,255,255);
  color: rgb(51,51,51);
}


/* Typographie
===================================================*/

html, body, div, h2, h3, p, ul, input, textarea {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.1em;
}

h2, h3 {
  font-weight: bold;
}


/* Links
===================================================*/

a {
  text-decoration: none;
  color: rgb(51,51,51);
  font-weight: bold;
}


/* Kopfbereich
===================================================*/

#kopf {
  height: 19em;
  margin-top:2.2em;
  margin-left: 3.2em;
  margin-right: 3.2em;
  min-width: 825px;
}


/* Hauptnavigation
-------------------------------------------------- */

#hauptnavi {
  float:left;
  height: 9.8em;
}

#startseite #hauptnavi .startseite a,
#fachgebiete #hauptnavi .fachgebiete a,
#leistungen #hauptnavi .leistungen a,
#referenzen01 #hauptnavi .referenzen a,
#referenzen02 #hauptnavi .referenzen a,
#referenzen03 #hauptnavi .referenzen a,
#buero #hauptnavi .buero a,
#impressum #hauptnavi .impressum a {
  background-color:#245878;
  color:rgb(255,255,255);
  cursor:default;
}

#hauptnavi ul {
  list-style: none;
  float: left;
}

#hauptnavi ul li {
  float: left;
  margin-right: 0.5em;
}

#hauptnavi ul a {
  display: block;
  width: 7em;
  height: 7em;
  padding: 0.3em;
  border: solid rgb(51,51,51) 1px;
}

#hauptnavi ul a:hover {
  background-color: rgb(152,152,152);
}


/* Logo
-------------------------------------------------- */

#logo {
  float:right;
}


/* Subnavigation
-------------------------------------------------- */

#subnavi {
  height: 2.8em;
  margin-left: 25em;
}

#referenzen01 #subnavi a.referenzen01,
#referenzen02 #subnavi a.referenzen02,
#referenzen03 #subnavi a.referenzen03 {
  background-color:#245878;
  color:rgb(255,255,255);
  cursor:default;
}

#subnavi a.referenzen01,
#subnavi a.referenzen02,
#subnavi a.referenzen03 {
  margin-right: 0.8em;
  display: block;
  float: left;
  width: 2em;
  height: 2em;
  padding: 0.3em;
  border: solid rgb(51,51,51) 1px;
}

#subnavi a:hover {
  background-color: rgb(152,152,152);
}


/* Inhaltsbereich
===================================================*/

#inhalt {
  background-image: url(../img/htg_raster.gif);
  position: relative;
  height: 32em;
  width:100%;
  min-width: 825px;
}


/* Überschrift: Startseite
-------------------------------------------------- */

#ueberschrift {
  margin-left: 3.2em;
  position: absolute;
  top: 0em;
}


/* Vorschaubilder: Startseite, Büro
-------------------------------------------------- */

#vorschaubilder {
  background-image: url(../img/htg_raster10_vorschau.gif);
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#vorschaubilder .eine_zeile {
  height:12em;
}

#vorschaubilder .zwei_zeilen {
  height: 16.6em;
}

#vorschaubilder img {
  float:left;
  border: 1px solid rgb(51,51,51);
  background-color: rgb(255,255,255);
  width: 7.6em;
  height: 7.6em;
  margin-left: 1em;
  margin-top: 1em;
}

#vorschaubilder #zeile1 .bild1 {
  margin-left: 10.9em;
}

#vorschaubilder #zeile1 .bild4_5 {
  margin-left: 9.8em;
}

#vorschaubilder #zeile2 .bild2 {
  margin-left: 28.5em;
}


/* Bilder: Fachgebiete/Leistungen, Referenzen
-------------------------------------------------- */

#bilder {
  background-image: url(../img/htg_raster10.gif);
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#bilder img {
  float:left;
  border: 1px solid rgb(51,51,51);
  background-color: rgb(255,255,255);
  width: 12em;
  height: 12em;
}

#bilder .abstandshalter {
  float:left;
  border: 0;
  background-color: rgb(255,255,255);
  background-image: url(../img/htg_raster.gif);
  width: 2.1em;
  height: 12.2em;
}

#bilder .bild1 {
  margin-left: 10.9em;
}


/* Grafik: Impressum/Kontakt
-------------------------------------------------- */

#grafik {
  background-image: url(../img/htg_raster10.gif);
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#grafik img {
  float:left;
  border: 1px solid rgb(51,51,51);
  background-color: rgb(255,255,255);
  width: 16.4em;
  height: 16.4em;
  margin-left: 1em;
}

#grafik .bild1 {
  margin-left: 10.9em;
}


/* Text über 3 Kästchen: Fachgebiete, Leistungsbilder
-------------------------------------------------- */

#text3 {
  margin-left: 10.9em;
  position: absolute;
  top: 0.2em;
}

#text3 .absatz {
  float: left;
  width: 13.2em;
  margin-right: 1.1em;
}

#text3 h2 {
  margin-bottom: 1.1em;
}

#text3 .eine_zeile {
  margin-bottom: 2.2em;
}

#text3 .drei_zeilen {
  height: 3.3em;
}

#text3 .vier_zeilen {
  height: 4.4em;
}

#text3 h3 {
  margin-top: 1.1em;
  margin-bottom: 0;
  color: rgb(80,80,80);
}

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

#text3 ul li {
  padding-left: 1.1em;
  background: url(../img/anstrich.gif) no-repeat 0 0;
}


/* Text über 4 Kästchen: Büro, Impressum
-------------------------------------------------- */

#text4 {
  margin-left: 10.8em;
  position: absolute;
  top: 0.2em;
}

#text4 .absatz {
  float: left;
  width: 16.6em;
  margin-right: 1em;
}

#text4 h2, #text4 p {
  margin-bottom: 1.1em;
}

#text4 h3 {
  margin-bottom: 1.1em;
  color: rgb(80,80,80);
}

/* Text über 6 Kästchen: Büro
-------------------------------------------------- */

#text6 {
  margin-left: 10.8em;
  position: absolute;
  top: 0.2em;
}

#text6 .absatz {
  float: left;
  width: 24.4em;
  margin-right: 2em;
}

#text6 h2, #text6 p {
  margin-bottom: 1.1em;
}

#text6 h3 {
  margin-bottom: 1.1em;
  color: rgb(80,80,80);
}


/* Formular: Impressum/Kontakt
-------------------------------------------------- */

#formular {
  position: absolute;
  left: 46.1em;
  top: 0.2em;
  width: 16.6em;
}

#formular h3 {
  margin-bottom: 1.1em;
  color: rgb(80,80,80);
}

#formular p {
  height: 3.3em;

}

#formular input, #formular textarea {
  width: 15.5em;
}

#formular textarea {
  height: 11.5em;
}

#formular .form_zeile {
  height: 4.4em;
}

#formular .form_textfeld {
  height: 15em;
}
/*
#formular span {
  display: block;
  margin-bottom: 0.9em;
}

#formular .feld {
  width: 15.3em;
  height: 1.6em;
  margin-bottom: 0.6em;
  border:1px solid rgb(51,51,51);
}

#formular .bereich {
  width: 15.3em;
  height: 12.5em;
  margin-bottom: 1.6em;
  border:1px solid rgb(51,51,51);
}

#formular .button {
  width: 15.5em;
  height: 1.6em;
  margin-bottom: 0.7em;
  border:1px solid rgb(51,51,51);
}*/