/* body {
margin:0;
padding:0;
}   */

body {
  font-size:font: normal 0.8em Verdana,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  color:#666666;
 height:101%;
}
  cl{

    font-size:font: normal 0.8em Verdana,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  color:#ff0000;

}
/* Allgemeiner Background */
.mainBackground
{ background-color:	#000000;
}

/* Logo */
.logo {
 width:300px;
 height:100px;
 border:0px solid black;
 position: absolute;
         top: 3em;
         left:8em;
}

/* Logo */
.logo2 {
 width:300px;
 height:60px;
 border:0px solid black;
 position: absolute;
         top: 6.4em;
         left:35.9em;
}

 /* Sitemap */
.sp {
   left: 0px; font: bold 11px verdana, sans-serif;

color:#800000;
position: absolute;
         top: 13em;
         left:69em;
}
     .sp a:link {


color: #800000;




text-align: left; text-decoration: none;

}
    .sp a:hover {

 color: blue;
}
     .sp a:visited {

 color: #800000;
}

  /* AGB */
.agb {
   left: 0px; font: bold 11px verdana, sans-serif;

color:#800000;
position: absolute;
         top: 13em;
         left:78em;
}
     .agb a:link {


color: #800000;




text-align: left; text-decoration: none;

}
    .agb a:hover {

 color: blue;
}
     .agb a:visited {

 color: #800000;
}


  /* Sitemap */
.preise {
   left: 0px; font: normal 12px verdana, sans-serif;

color:#ff0000;
position: absolute;
         top: 12em;
         left:71em;
}
     .preise a {


color: #ff0000;
background: #ff0000; color: white;


text-align: left; text-decoration: none;

}
    .preise a:hover {

background: #ff0000; color: blue;
}

 /* Feldfarben */

.fieldwhite {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  float:left;
  width:6em;
  margin: 0em 0;
  padding: 0 1px;
  height:20em;
  background-color:#ffffff;
  border: 0 none;
}

.fielddgrey {
 font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
   width:2.15em;
 height:10.5em;
  background:url(images/graubalken1.jpg);
  border: 0 none;
  position: absolute;
  top: 32px;
  left: 87px;

}

.balkenoben {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
   width:234px;
 height:25px;
  background:url(images/balkenoben.jpg);
  border: 0 none;
  position: absolute;
  top: 5px;
  left: 91px;
 }

.grauerbalkengr {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  width:267px;
 height:900px;
  background:url(images/grauerbalkengr.jpg);
  border: 0 none;
  position: absolute;
  top: 4px;
  left: 58px;
 }

  .animation {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  width:263px;
 height:191px;

border-width:1px;
  border-style:solid;
  border-color:white;



  position: absolute;
  top: 130.5px;
  left: 43.5px;
 }

       .trocken {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  width:148px;
 height:135px;
  background:url(images/trocken.jpg);
  border: 0 none;
  position: absolute;
  top: 155px;
  left: 727px;
 }

     .raum {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  width:148px;
 height:135px;
  background:url(images/raum.jpg);
  border: 0 none;
  position: absolute;
  top: 155px;
  left: 533px;
 }

     .fassade {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  width:148px;
 height:134px;
  background:url(images/fassade.jpg);
  border: 0 none;
  position: absolute;
  top: 155px;
  left: 340px;
 }

       .back {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  width:1005px;
 height:900px;
  background:url(images/fruehling.jpg);
  border: 0 none;
  position: absolute;
  top: 0px;
  left:0px;
 }

   .power {

position: absolute;
top: 620px;
left: 212px;


  }

    .farbgestaltung {

position: absolute;
top: 515px;
left: 212px;


  }

   .rueckruf {

position: absolute;
top: 380px;
left: 100px;


  }

 /* MenueOben */
  .list {

position: absolute;
top: 72px;
left: 307px;


  }
.list ul{
margin:0;
padding:1px;
list-style:none;
white-space: nowrap;}

.list li{display:inline;}

.list a{
color:#000000;
font:normal 12px arial,sans-serif;
   padding:3px 4px 3px 4px;
text-decoration:none;
background-color:#fffffff;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;}

.list a:hover{
color:#C00000;
text-decoration: underline;
background-color:#ffffff;
border:0px solid #008996;
border-left:0px solid #008996;
text-align:right;}
  }

  .list2 {

position: absolute;
top: 290px;
left: 340px;


  }
.list2 ul{
margin:0;
padding:1px;
list-style:none;
white-space: nowrap;}

.list2 li{display:block;

 }
.list2 a{
font-color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;}

 .list2 a:link{
color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;}

.list2 a:visited{
color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;
}

.list2 a:hover{
color:#C00000;
text-decoration: underline;
background-color:;
border:0px solid #008996;
border-left:0px solid #008996;
text-align:right;}
  }

     .list3 {

position: absolute;
top: 290px;
left: 535px;


  }
.list3 ul{
margin:0;
padding:1px;
list-style:none;
white-space: nowrap;}

.list3 li{display:block;}

.list3 a:link{
color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;}

.list3 a:visited{
color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;
}

.list3 a:hover{
color:#C00000;
text-decoration: underline;
background-color:;
border:0px solid #008996;
border-left:0px solid #008996;
text-align:right;}
  }

    .list4 {

position: absolute;
top: 290px;
left: 730px;


  }
.list4 ul{
margin:0;
padding:1px;
list-style:none;
white-space: nowrap;}

.list4 li{display:block;}

.list4 a{
color:#c00000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;}

.list4 a:link{
color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;}

.list4 a:visited{
color:#000000;
font:normal 12px arial,sans-serif;
padding:3px 8px 3px 8px;
text-decoration:none;
background-color:;
border:0px solid #d5e7ec;
border-left:0px solid #d5e7ec;
text-align:center;
}

.list4 a:hover{
color:#C00000;
text-decoration: underline;
background-color:;
border:0px solid #008996;
border-left:0px solid #008996;
text-align:right;}
  }


 .clink3 {
left: 0px; font: bold 10px verdana, sans-serif;
background: #666666;
width: 160px;

 display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #ffffff;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 364px;
left: 115px;
}

 .linku {
left: 0px; font: bold 11px verdana, sans-serif;
background: #ffffff;
width: 110px;

display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #ffffff;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 372px;
left: 115px;
}
 .linku2 {
left: 0px; font: bold 11px verdana, sans-serif;
background: #666666;
width: 160px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #ffffff;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 162px;
left: 115px;
}
  .linku3 {
position: absolute;
top: 211px;
left: 215px;
}

/* Linktexte */

 .ltext {
left: 0px; font: bold 9px verdana, sans-serif;
background: #ffffff;
width: 110px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #800000;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 382px;
left: 115px;
}
  .ltext1 {
left: 0px; font: bold 9px verdana, sans-serif;
background: #ffffff;
width: 110px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #000080;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 402px;
left: 115px;
}

  .langebot {
left: 0px; font: bold 12px verdana, sans-serif;


display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;

padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 275px;
left: 320px;
}

  .ltext3{
 left: 0px; font: bold 9px verdana, sans-serif;
background: #ffffff;
width: 110px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #000080;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 510px;
left: 115px;
}
 .ltext2 {
left: 0px; font: bold 10px verdana, sans-serif;
background: #ffffff;
width: 150px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #800000;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 495px;
left: 115px;
}

  .lnkkl {
left: 0px; font: normal 9px verdana, sans-serif;
background: #ffffff;
 margin: 10em 5em;
width: 110px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: red;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top:595px;
left: 115px;
                   position: expression("absolute");
       top: expression(parseInt(document.body.Top + 800));

}
  .lnkkl a:hover {
            color: red;

}
    .lnkkl2 {
left: 0px; font: normal 9px verdana, sans-serif;
background: #ffffff;
 margin: 9em 5em;
width: 110px;
display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: red;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top:479px;
left: 115px;
                   position: expression("absolute");
       top: expression(parseInt(document.body.Top + 750));

}
  .lnkkl2 a:hover {
            color: red;

 }

 .pin {
left: 0px; font: normal 11px verdana, sans-serif;
background: #DBDBDB;
width: 508px;
height: 450px;

display: block; padding-left: 10px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 1px;
color: #000000;
padding-top: 3px;
text-align: left; text-decoration: none;
position: absolute;
top: 164px;
left: 408px;
}

/* Textbereich */
.text {
 /*float:center;  */
  clear:none;

  margin:  0em 8.8em;
  padding:1em;

   width:600px;
    height:360px;
  position: absolute;
top: 455px;
left: 250px;
            position: expression("absolut");
       top: expression(parseInt(document.body.Top + 134));
     overflow:auto;
  scrollbar-arrow-color: #000000;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
     }

html>body .text {
 background: #ffffff;

  margin: 0 0 5em 5em;
}

h2 {
   font: normal 0.7em Verdana,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  margin: 2em 0 0.5em;
  color:#00187B;
}
h2 img {
  float:left;
  width:98px;
  height:85px;
  margin: 0 7px 3px 0;
  background:white;
}

h3 {
  font: normal 1.0em Verdana,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  margin: 2em 0 0.5em;
  color:#950004;
}



   p {
   text-align:justify;
   font: normal 0.7em "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
               color:#666666;

}
p, .text li {
  text-align:justify;
  font: normal 0.7em "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
}
.text ul {
  margin: 0 0 0 1em;
  padding-left:0;
}




  .h4 {
 font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#666666;
}
 /* Bild Lupe */
 .lup {
     position: absolute;
   top: 164px;
left: 380px;
}

   /* Bild Lupe */
 .pic {
    border-width: 0px; border-style: dotted; border-color: blue;
       color:#eee;
}

      .counter {
 font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#ffffff;
               position: absolute;
   top: 860px;
left: 120px;
}

    .copyright {
 font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#ffffff;
               position: absolute;
   top: 860px;
left: 520px;
}

     .ort {
 font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#666666;
               position: absolute;
   top: 720px;
left: 120px;
}

     .hotline {
 font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#666666;
               position: absolute;
   top: 650px;
left: 115px;
}
     .validated {
 font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#green;
               position: absolute;
   top: 615px;
left: 120px;
}

     /* Textbereich */
.textangebot {
 /*float:left;  */
  clear:none;
  width:400px;
  margin:  0em 5.8em;
  padding:1em;
  color:#FF0000;

  position: absolute;
top: 250px;
left: 0px;
            position: expression("absolut");
       top: expression(parseInt(document.body.Top + 134));
      overflow:visible;


}
     .newstext {

 float:left;
  text-align:justify;
   font: normal 11px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#666666;
}

     .copy {


  text-align:justify;
   font: normal 9px "Verdana","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.0em;
  color:#666666;
}