body {
  background: url('images/mainBg.jpg') repeat-y center top;
  color: #591f09;
  font-family: "times new roman", times, serif;
  font-size: 16pt;
  margin: 0;
  padding: 0;
}

h1, h2 {
  font-size: 18pt;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 16pt;
  margin: 0;
  padding: 0;
}

div#wrapper {
  margin: 0 auto;
  position: relative;
  width: 700px;
}

div#header {
  background: url('images/headerBg.jpg') no-repeat;
  height: 207px;
  left: -112px;
  margin: 0 auto;
  position: relative;
  width: 854px;
}

div#header h1 {
  margin: 0;
  text-indent: -5000px;
}

div#huhwrapper {
  background: url('images/framesheinzhilde.jpg') no-repeat center 206px;
  min-height: 500px;
}

div#header div#menu ul {
  /*border: 1px solid #f00;*/
  height: 154px;
  left: 256px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 29px;
  width: 547px;
}

div#header div#menu ul li {
  list-style: none;
}

div#header div#menu ul li a {
  position: absolute;
  display: block;
  outline: 0;
  text-indent: -5000px;
}

div#header div#menu ul li.home a {
  background: url('images/headerBgSprite.jpg') no-repeat 0 -154px;
  height: 72px;
  width: 129px;
  top: 0;
}

div#header div#menu ul li.reference a {
  background: url('images/headerBgSprite.jpg') no-repeat -129px -154px;
  height: 72px;
  left: 129px;
  width: 155px;
  top: 0;
}

div#header div#menu ul li.contact a {
  background: url('images/headerBgSprite.jpg') no-repeat -284px -154px;
  height: 72px;
  left: 284px;
  width: 115px;
  top: 0;
}

div#header div#menu ul li.album a {
  background: url('images/headerBgSprite.jpg') no-repeat -399px -154px;
  height: 72px;
  left: 399px;
  width: 149px;
  top: 0;
}

div#header div#menu ul li.walkact a {
  background: url('images/headerBgSprite.jpg') no-repeat -21px -226px;
  height: 82px;
  left: 21px;
  width: 201px;
  top: 72px;
}

div#header div#menu ul li.show a {
  background: url('images/headerBgSprite.jpg') no-repeat -222px -226px;
  height: 82px;
  left: 222px;
  width: 170px;
  top: 72px;
}

div#header div#menu ul li.jobs a {
  background: url('images/headerBgSprite.jpg') no-repeat -392px -226px;
  height: 82px;
  left: 392px;
  width: 194px;
  top: 72px;
}

div#header div#menu ul li.home a:hover,
div#header div#menu ul li.home a.active {
  background: url('images/headerBgSprite.jpg') no-repeat 0 0;
}

div#header div#menu ul li.reference a:hover,
div#header div#menu ul li.reference a.active {
  background: url('images/headerBgSprite.jpg') no-repeat -129px 0;
}

div#header div#menu ul li.contact a:hover,
div#header div#menu ul li.contact a.active {
  background: url('images/headerBgSprite.jpg') no-repeat -284px 0;
}

div#header div#menu ul li.album a:hover,
div#header div#menu ul li.album a.active {
  background: url('images/headerBgSprite.jpg') no-repeat -399px 0;
}

div#header div#menu ul li.walkact a:hover,
div#header div#menu ul li.walkact a.active {
  background: url('images/headerBgSprite.jpg') no-repeat -21px -72px;
}

div#header div#menu ul li.show a:hover,
div#header div#menu ul li.show a.active {
  background: url('images/headerBgSprite.jpg') no-repeat -222px -72px;
}

div#header div#menu ul li.jobs a:hover,
div#header div#menu ul li.jobs a.active {
  background: url('images/headerBgSprite.jpg') no-repeat -392px -72px;
}

div#header div#menu a#impress {
  color: #fff;
  /*float: right;*/
  font-family: "trebuchet ms", arial, helvetica, sans-serif;
  font-size: 10px;
  margin: 104px 48px 0 0;
  right: 0px;
  position: absolute;
  bottom: 24px;
}

div#main {
  background: url('images/mainBg.jpg') repeat-y center top;
  padding: 0 40px;
}

img#dialogHeinz {
  float: left;
  margin: 4px 8px 0 0;
}

img#dialogHilde {
  float: right;
}

div.dialog {
  margin: 0;
}

div.heinz {
  padding: 42px 0 0 40px;
  text-align: left;
}

div.hilde {
  padding: 42px 40px 0 0;
  text-align: right;
}

img#signatur {
  margin: 1em  0 1em 42px;
}

img#fotoIndex {
  display: block;
  margin: -36px auto 0 auto;
}

body#referenzen div#main {
  background: url('images/picReferenzen.jpg') no-repeat 440px 40px;
}

img#fotoReferenzen {
  display: block;
  margin: 0px auto 0 auto;
}

div#refLeft {
  height: 26em;
}

div#refRight {
  position: absolute;
  left: 15em;
  top: 24.8em;
}

ul.referenceList {
  list-style: none;
  padding: 0;
}

img#fotoKontakt {
  display: block;
  margin: 0px auto 0 auto;
}

div#smallfotos ul {
  background: url('images/fotosKlein.jpg') no-repeat center top;
  height: 250px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 590px;
}

div#smallfotos ul li {
  display: inline;
  float: left;
}

div#smallfotos ul li a {
  display: block;
  float: left;
  height: 125px;
  outline: none;
  text-indent: -5000px;
  width: 96px;
}

body#walkact div#main {
  background: url('images/picWalkact2.jpg') no-repeat 490px 40px;
}

div#walkLeft {
  /*height: 30em;
  width: 14em;*/
  width: 16em;
}

div#walkRight {
  /*position: absolute;
  left: 17em;
  top: 16.45em;
  width: 14em;*/
  background: url('images/picWalkact.jpg') no-repeat 90px 80px;
  margin: 0;
  padding: 0 0 0 13em;
  text-align: right;
  width: 16em;
}

div#walkLeft2 {
  /*height: 8em;
  position: absolute;
  width: 14em;
  top: 32.05em;*/
  width: 17em;
}

img#fotoWalkact {
  display: block;
  margin: 0px auto 0 auto;
}

body#show div#main {
  background: url('images/picShow.jpg') no-repeat 430px 20px;
}

div#showLeft {
  /*height: 23em;
  width: 14em;*/
  width: 16em;
}

div#showRight {
  /*position: absolute;
  left: 17em;
  top: 18.7em;
  width: 14em;*/
  margin: 0 0 0 13em;
  text-align: right;
  width: 16em;
}

div#showLeft2 {
  /*height: 10em;
  position: absolute;
  width: 14em;
  top: 25.45em;*/
  width: 16em;
}

img#fotoShow {
  display: block;
  margin: 0px auto 0 auto;
}

body#jobs div#main {
  background: url('images/picJobs1.jpg') no-repeat 360px 60px;
}

div#jobsLeft {
  background: url('images/picJobs2.jpg') no-repeat left bottom;
  height: 23.6em;
  width: 14em;
}

div#jobsRight {
  position: absolute;
  left: 17em;
  top: 25.4em;
  width: 14em;
}

div#jobsLeft2 {
  height: 4em;
  width: 14em;
}

div#jobsRight2 {
  position: absolute;
  left: 17em;
  top: 36.55em;
  width: 14em;
}

img#fotoJobs {
  display: block;
  margin: 8px auto 0 auto;
}

body#walkacts {
  background: url('images/walkactsBodyBg.jpg') repeat-y center top;
  color: #000;
  font-family: arial, helvetica, sans-serif;
  font-size: 16pt;
  margin: 0;
  padding: 0;
}

body#walkacts div#wrapper {
  background: url('images/walkactsMainBg.jpg') repeat-y center -20px transparent;
  margin: 0 auto;
  padding: 0 0 120px 0;
  width: 840px;
}

body#walkacts div#header {
  background: url('images/walkactsHeaderBg.jpg') no-repeat;
  height: 433px;
  left: 0;
  margin: 0 auto;
  position: relative; 
  width: 840px;
}

body#walkacts div#main {
  background: none;
  font-size: .6em;
  /* left: -70px; */
  margin: 0;
  padding: 0 150px;
  position: relative;
  top: -225px;
  width: 540px;
}

body#walkacts div#main h2 {
  font-family: "times new roman", times, serif;
  font-size: 1.8em;  
  margin: 0 0 .4em 0;
}

body#walkacts div#main h3 {
  font-size: 1em;  
}

body#walkacts div#header1 {
  background: url('images/walkactsPict1.jpg') no-repeat 4px bottom;
  padding: 0 0 0 30px;
}

body#walkacts div#header2 {
  background: url('images/walkactsPict2.jpg') no-repeat 2px bottom;
  padding: 0 0 0 30px;
}

body#walkacts div#header3 {
  background: url('images/walkactsPict3.jpg') no-repeat 6px bottom;
  padding: 0 0 0 30px;
}

body#walkacts div#header4 {
  background: url('images/walkactsPict4.jpg') no-repeat left bottom;
  padding: 0 0 0 30px;
}

body#walkacts div#footer {
  background: #222b94;
  bottom: 0;
  color: #fff;
  font-size: .5em;
  left: 140px;
  padding: 2px 0;
  position: absolute;
  text-align: center;
  width: 560px;
}

body#walkacts div#footer a {
  color: #fff;
}

body#walkacts div#kruschinsky {
  background: url('images/walkactsKruschinsky.jpg') no-repeat left bottom;
  bottom: 18px;
  height: 314px;
  left: 220px;
  position: absolute;
  width: 101px;
}

body#walkacts div#doernberger1 {
  background: url('images/walkactsDoernberger.jpg') no-repeat left bottom;
  bottom: 18px;
  height: 308px;
  left: 500px;
  position: absolute;
  width: 144px;
}

body#walkacts div#doernberger2 {
  background: url('images/walkactsDoernberger2.jpg') no-repeat left bottom;
  height: 534px;
  right: 140px;
  position: absolute;
  top: 460px;
  width: 276px;
}


