/* mhausbau.de */
/* gloabl */

html {
  height : 100%;
}

body {
  margin : 0px;
  padding : 0px;
  background-color : #000048;

  height : 100%;

  font-family : Verdana, Hevletica, Arial, sans-serif;
  font-size : 11px;
  color : #fff;
}


img {
  border : none;
  margin : 0px;
  padding : 0px;
}

a, a:visited {
  color : #9d9dff;
  text-decoration : none;
}


a:hover {
  text-decoration : underline;
}


h1 {
  font-size : 14px;
  font-weight : bold;
  margin : 0px;
  padding : 0px;
  color : #fff;
  font-family : Verdana, Helvetica, Arial, sans-serif;
}

h2 {
  font-size : 12px;
  font-weight : bold;
  margin : 0px;
  padding : 0px;
  color : #fff;
  font-family : Verdana, Helvetica, Arial, sans-serif;
}

h3 {
  margin : 0px;
  padding : 0px;
  padding-top : 0px;
  padding-bottom : 10px;
  font-size : 12px;
}

p {
  margin-top : 0px;
  margin-bottom : 10px;
  padding : 0px;
  line-height : 17px;
}

p a, p a:visited {
  color : #9d9dff;
  text-decoration : underline;
}


table, tr, td{
  border-collapse : collapse;
  border-spacing : 0px;
  padding : 0px;
  vertical-align : top;
  border : none;
  empty-cells : show;
  table-layout : fixed;
  font-size : 11px;
}

ul {
  padding : 0px;
  margin-left : 15px;
}

li {
  margin : 0px;
  padding : 0px;
  list-style-type : disc;
}

input {
  vertical-align : middle;
}



/* specific */

#bgleer {
  width : 776px;
  height : 100%;

  position : absolute;
  left : 50%;
  top : 0px;

  margin-left : -393px;
  background : url(images/bg.gif) repeat-y; 
  z-index:1; 
}

#bgindex {
  width : 776px;
  height : 100%;

  position : absolute;
  left : 50%;
  top : 0px;

  margin-left : -393px;
  visibility: hidden;
  background : url(images/bg.png) repeat-y;
  z-index:10;
}

#bg {
  width : 776px;
  height : 100%;

  position : absolute;
  left : 50%;
  top : 0px;

  margin-left : -393px;

  background : url(images/bg.png) repeat-y;
}

#filmmain {
  width : 776px;
  height : auto;

  position : absolute;
  left : 50%;
  top : 0px;

  margin-left : -393px;
  z-index: 22;
}

#main {
  width : 776px;
  height : auto;

  position : absolute;
  left : 50%;
  top : 0px;

  margin-left : -393px;
  background : url(images/bg.png) repeat-y;
  z-index: 12;
}

#topleft {
  width : 192px;
  height : 149px;

  position : absolute;
  top : 0px;
  left : 14px;

  background-color : #000050;
}

#logo {
  width : 191px;
  height : 80px;

  position : absolute;
  top : 0px;
  left : 14px;
}

#navi {
  width : 192px;
  height : auto;

  position : absolute;
  top : 149px;
  left : 14px;

  z-index : 5;
}

#navi a {
  display : block;
  margin-bottom : 1px;
}

#botleer {
  height : 75px;

  position : absolute;

  left : 50%;
  margin-left : -354px;
  bottom : 0px;
  visibility: visible;
  background : url(images/bg.png) repeat-y;
  z-index: 22;
}

#botindex {
  height : 75px;

  position : absolute;

  left : 50%;
  margin-left : -354px;
  bottom : 0px;
  visibility: hidden;
  background : url(images/bg.png) repeat-y;
  z-index: 33;
}

#bot {
  height : 75px;

  position : absolute;

  left : 50%;
  margin-left : -354px;
  bottom : 0px;
}

#steps {
  width : 425px;
  height : 70px;

  position : absolute;
  left : 233px;
  top : 0px;

  background : url(images/stepspfeil.png) no-repeat;
}

#stepsinner {
   position : absolute;
   top : 0px;
   left : 76px;
}

#zurueck {
  width : 493px;
  height : 70px;

  position : absolute;
  left : 205px;
  top : 0px;
}

#content {
  width : 568px;

  margin-left : 205px;
}

.withoutline {
  background : #000050;
}

#stylehauslogo {
  width : 240px;
  height : 110px;

  position : absolute;
  left : 354px;
  top : 193px;
}

#titlesteps {
  margin-top : 55px;
  margin-left : 39px;

  width : 490px;
  height : auto;

  border-bottom : solid 1px #3e3f72;
}

#contentlifestylehaeuser {
  margin-top : 49px;
  margin-left : 64px;

  width : 447px;

  background : url(images/lifyestylehaeusercontentbg.png) repeat-y;
}

#contentlifestylehaeuser img {
  margin-top : 2px;
  margin-left : 2px;
  margin-bottom : 1px;
  margin-right : 1px;

  float : left;
}

#contentsteps {
  margin-top : 49px;
  margin-left : 39px;

  width : 491px;
  height : auto;
}

#contentsteps img {
  margin-top : 0px;
  margin-left : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  border : 1px solid #3e3f72;
}

#contentgebautgr {
  margin-top : 49px;
  margin-left : 82px;

  width : 400px;
  height : auto;
}

#contentgebautgr img {
  margin-top : 0px;
  margin-left : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  border : 1px solid #3e3f72;
}

#titlegrundstuecke {
  margin-top : 45px;
  margin-left : 39px;

  width : 490px;
  height : auto;

  border-bottom : solid 1px #3e3f72;
}

#titleinfo {
  margin-top : 25px;
  margin-left : 39px;

  width : 490px;
  height : auto;

  border-bottom : solid 1px #3e3f72;
}

#contentgrundstuecke {
  margin-top : 50px;
  margin-left : 49px;

  width : 437px;
}

#contentgrundstuecke img {
  padding : 1px;
  border : solid 1px #3e3f72;

  float : right;
  margin-left : 10px;
  margin-bottom : 10px;
}

#contentinfo {
  margin-top : 30px;
  margin-left : 40px;

  width : 489px;
}

#contentinfo p {
  margin-left : 10px;
}

#stepsbuttons {
  margin-left : 39px;
  position : relative;
  top : 20px;
  width : 491px;
}

#stepszurueck {
  position : relative;
  left : 0px;
  float : left;
}

#stepsweiter {
  position : relative;
  right : 0px;
  float : right;
}

#spalterechts {
 padding-left : 7px;
}

#spalterechts h3 {
 margin-left : -7px;
}