html {
  height:100%;

}

body {
    height: 100%;
    margin: 0 0 0 0;

}



h1#banner {

  font-size: 0px;
  text-indent: -1000px;
  height          : 163px;
  width           : 980px;
  background      : url(img/banner.png) no-repeat;
  margin-bottom: 0px;

}

h1#banner_bottom {

  margin-top: 0px;
  font-size: 0px;
  text-indent: -1000px;
  height          : 107px;
  width           : 396px;
  background      : url(img/banner_bottom.png) no-repeat;

}



body div#navi {

  position:absolute;
  width: 430px;
  height:25px;
  left: 540px;
  top:83px;
  font-size: 1.2em;
  font-family: Arial;
  font-weight:bold;


}

div#navi a {

  text-decoration:none;
  color: #000000;
  padding-right:10px;

}

div#navi a:hover {

  color: #FFFFFF;

}

#container {

    position: relative;
    min-height: 100%;
    width:1015px;
   margin-left: auto;
   margin-right: auto;

}

* html #container {

  height:100%;


}



div#main {

   width            : 455px;
   height           : 380px;
   margin-left: 120px;
   color: #FFFFFF;
   overflow: auto;
   font-weight: bold;

}

div#ref {


   margin-left: 40px;
   padding-left: 10px;
   width:320px;
   height: 210px;
   color :#FFFFFF;
   font-weight: bold;

}


div#ref div {

  margin-top: 18px;


}

div#ref img {

  float:left;
  border: 0;

}

div#ref a {

  text-decoration: none;
  color:#FFFFFF;

}

div#ref a:hover {

  color:#000000;

}

div.ref_box {

  height:60px;
  line-height: 60px;
  width:230px;
  margin-left: 90px;


}

span#refmore {


  display:block;
  margin-left:260px;
  font-size: 0.8em;

}

span#refmore a {

  text-decoration:underline;


}


ul.referenzen li{


  height:60px;
  width:320px;
  line-height: 60px;


}


ul.referenzen img{

   border:0;
   margin-right:20px;
   float:left;

}

div.ref_right {


   margin-top:20px;

}

div.ref_right div{

   margin-left:80px;

}

div.ref_right img {

   float:left;

}

div.ref_right p {

   border-bottom: 1px solid #808080;

}



html > body div#mitte_links {


  background      : url(img/mitte_links.png) no-repeat;
  height:320px;
  margin-left:0px;
  margin-top:-35px;
  padding-top:33px;
  padding-bottom:0px;
  width:371px;
  float:left;

}

div#mitte_links h2{

  margin-left: 40px;
  color:#0284d1;
}

/* CSS-Hack für IE7 */
*:first-child+html div#mitte_links{

  margin-top:-51px;
  padding-top: 53px;

}

/* CSS-Hack für IE7 */
*:first-child+html div#mitte_links h2{

  margin-bottom: 2px;

}

html > body div#mitte_rechts {


  background      : url(img/mitte_rechts.png) no-repeat;
  margin-left:371px;
  margin-top:-111px;
  height:550px;
  width: 609px;
  padding-top:23px;

}

/* CSS-Hack für IE7 */
*:first-child+html div#mitte_rechts {

  padding-top:43px;

}

div#mitte_rechts h2 {

  text-align:right;
  margin-right:213px;
  color:#0284d1;
  margin-bottom: 10px;

}


/* CSS-Hack für IE7 */
*:first-child+html div#mitte_rechts{

  margin-top:-127px;

}


div#footer
{
  position:absolute;
  bottom: 0;
  width           : 980px;
  height          : 104px;
  background      : url(img/footer.png) no-repeat;

}

div#footer a
{
  display:block;
  margin-top:50px;
  margin-left:260px;
  color:#575757;
  font-size:0.8em;
  text-decoration:none;
  width:60px;

}

div#footer a:hover
{

  color:#000000;


}


.center {

  text-align:center;

}

.big{

  font-size:1.05em;

}

div#main a {


   text-decoration:none;
   color:#FFFFFF;

}

div#main a:hover {


   color:#000000;

}

ul.leistungen {

  font-size:1.2em;
  list-style-type:none;

}

ul.no_style {

  list-style-type:none;

}

ul.no_style li {

  margin-top:10px;

}

ul.leistungen li {

  margin-top:10px;

}


form.formular ol {

  list-style-type:none;
  margin-left:0px;
  padding-left:0px;


}

form.formular input#name {

   margin-left:65px;

}

.blue{

   color:#D62E32;

}

div.down {

   border-top: 1px solid #C0C0C0;
   border-bottom: 1px solid #C0C0C0;
   margin-top:20px;


}


div.down img{

   margin-top:10px;
   float:left;

}

div.down div {

   margin-left:70px;

}

div.down p.down_title {

   border-bottom: 1px solid #808080;



}