html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
  font-family: Century Gothic;
}

#pocket   { display:none; }

#boxindex1 {
   position: absolute;
   margin-left: 0%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 28%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}
#boxindex2 {
   position: absolute;  
   margin-left: 28%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 28%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;   
}  
#boxindex3 {
   position: absolute;
   margin-left: 56%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 28%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#box1index {
  position: absolute;
  margin-left: 0%;
  width: 28%;
  height: 100%;
  z-index: 2;
}

#box2index {
  position: absolute;
  margin-left: 28%;
  width: 28%;
  height: 100%;
  z-index: 1;
}
#box3index {
  position: absolute;
  margin-left: 56%;
  width: 28%;
  height: 100%;
}

#logo {
   margin-left: 0%;
   padding-top: 350px;
}

#logobild {
   border: 0;
   width: 100%;
   height: 100%;
} 
  
#fusszeile {

  position:absolute;
  background-color: #1e8c00;
  bottom: 0;
  left: 0;
  right: 0;
  top: 92%;
  z-index: 10;
  font-size: 17px;
  padding-top: 1%;
}

#fusszeileoben {
  position: absolute;
  margin-left: 38%;
  word-spacing: 10px;
  z-index: 9;
}

#fusszeileunten {
  position: absolute; 
  word-spacing: 5px;
  padding-left: 88%;
}


#googlekarte {
    position: absolute;
    z-index: 5;
    margin-left: 15%;
    margin-top: 330px;
    padding-bottom: 80px;
}

#box1kontakt {
   position: absolute;
   top: 0px;
   margin-left: 0%;
   width: 70%;
   height: 100%;
   overflow: scroll;
   background-color: #FFFFFF;
}

#box2kontakt {
   position: absolute;
   top: 0px;
   margin-left: 70%;
   width: 30%;
   height: 100%;
   background-color: #1C1C1C;
}

#boxkontakt1 {
   position: absolute;
   margin-left: 0%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 100%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#boxkontakt2 {
   position: absolute;
   margin-left: 70%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 30%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}



#boxmap {
   position: absolute;
   margin-left: 10%;
   margin-right: 10%;
   padding-top: 300px;
   padding-bottom: 100px;
   z-index: 7;
}

#box1firma {
   position: absolute;
   top: 0px;
   margin-left: 0%;
   width: 84%;
   height: 100%;
   overflow: scroll;
   background-color: #FFFFFF;   
}

#box2firma {
   position: absolute;
   top: 0px;
   margin-left: 84%;
   width: 16%;
   height: 100%;
   background-color: #1C1C1C;
}

#boxfirma1 {
   position: absolute;
   margin-left: 0%;
   background-color: #E3E3E3;
   top: 100px;
   height: 115px;
   width: 100%;
   z-index: 3;
   padding-top: 35px;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#boxfirma2 {
   position: absolute;
   margin-left: 84%;
   background-color: #E3E3E3;
   top: 100px;
   height: 150px;
   width: 16%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#box1leistung {
   position: absolute;
   top: 0px;
   margin-left: 0px;
   width: 21%;
   height: 100%;
   background-color: #FFFFFF;   
}

#box2leistung {
   position: absolute;
   top: 0px;
   margin-left: 21%;
   width: 21%;
   height: 100%;
   background-color: #FFFFFF;
}

#box3leistung {
   position: absolute;
   top: 0px;
   margin-left: 42%;
   width: 21%;
   height: 100%;
   background-color: #FFFFFF;
}

#box4leistung {
   position: absolute;
   top: 0px;
   margin-left: 63%;
   width: 21%;
   height: 100%;
   background-color: #FFFFFF;
}

#box5leistung {
   position: absolute;
   top: 0px;
   margin-left: 84%;
   width: 16%;
   height: 100%;
   background-color: #1C1C1C;
}

#box1indexkontakt {
   position: absolute;
   top: 0px;
   margin-left: 84%;
   width: 16%;
   height: 100%;
   background-color: #1C1C1C;
}

#boxindexkontakt1 {
   position: absolute;
   margin-left: 84%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 16%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#boxleistung1 {
   position: absolute;
   margin-left: 0px;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 21%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#boxleistung2 {
   position: absolute;
   margin-left: 21%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 21%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#boxleistung3 {
   position: absolute;
   margin-left: 42%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 21%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

#boxleistung4 {
   position: absolute;
   margin-left: 63%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 21%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;

}

#boxleistung5 {
   position: absolute;                                                      
   margin-left: 84%;
   background-color: #E3E3E3;
   top: 100px;
   height: 200px;
   width: 16%;
   z-index: 3;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
   
}

#pfeil {
    width: 40px;
    height: 40px;
    border: none;
}

.pfeilrechts {
    position: absolute;
    z-index: 7;
    margin-top: 150px;
    margin-left: 90%;
}

.pfeillinks {
    position: absolute;
    z-index: 7;
    margin-top: 150px;
    margin-left: 10%;
}




.hintergrund {
  position:absolute;
  height: 100%;
  width:100%;
  z-index: 1;
  border: 0;
}

#hintergrund {
  position:absolute;
  width:100%;
  z-index: 1;     
  border: 0;
  background-color: #1C1C1C;
}

#blabla {
    position: absolute;
    width: 100%;
    z-index: 5;
}

#firmenname {
    float: left;
    font-weight: bold;
    width: 100%;
    padding-top: 30px;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}

#firmenunterschrift {
    float: left;
    width: 100%;
    padding-top: 0px;
    font-size: 10px;
    text-align: center;
    letter-spacing: 1px; 
}


/*Galerie*/

#vorschau {
float: left;
padding: 0px;
border: none;
z-index: 7;
margin-top: 300px;
margin-left: 60px;
margin-bottom: 100px;
border: none;
}

.bild {
}

.mini {
    float: left;
    margin: 0px 20px 2px 2px;
    border: none;
}

/*Galerie Ende*/











/*ab hier Textformatierungen*/

a.weisselinks:link { color: #1C1C1C; text-decoration: none;}
a.weisselinks:visited {color: #1C1C1C; text-decoration: none;}
a.weisselinks:hover {color: #f6f6f6; text-decoration: none;}
a.weisselinks:active {color: #1C1C1C; text-decoration: none;}

a.weisselinks2:link { color: #FFFFFF; text-decoration: none;}
a.weisselinks2:visited {color: #FFFFFF; text-decoration: none;}
a.weisselinks2:hover {color: #FFFFFF; text-decoration: none;}
a.weisselinks2:active {color: #FFFFFF; text-decoration: none;}

a.schwarzelinks:link { color: black; }
a.schwarzelinks:visited {color: black;}
a.schwarzelinks:hover {color: black;}
a.schwarzelinks:active {color: black;}

a.boxlinks:link { color: #1C1C1C; text-decoration: none; font-size: 13px; font-weight: bold; }
a.boxlinks:visited {color: #1C1C1C; text-decoration: none; font-size: 13px;}
a.boxlinks:hover {color: #1e8c00; text-decoration: none; font-size: 13px;}
a.boxlinks:active {color: #1e8c00; text-decoration: none; font-size: 13px;}

a.boxlinks2:link { color: #1C1C1C; text-decoration: none; font-size: 13px; }
a.boxlinks2:visited {color: #1C1C1C; text-decoration: none; font-size: 13px;}
a.boxlinks2:hover {color: #1e8c00; text-decoration: none; font-size: 13px;}
a.boxlinks2:active {color: #1e8c00; text-decoration: none; font-size: 13px;}

.h3kontakt {
    color: #1e8c00;
    text-align: center;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 6px;
}

.fontkontakt {
   color: #1e8c00;
   text-align: left; 
   padding-left: 10%;
   font-size: 13px;   
}

.h3balken {
   text-align: center;
   font-size: 17px; 
}

.h4balken {
    color:  #000000;
    text-align: center;
    font-size: 15px; 
}

.fontbalken {
    color:  #000000;
    text-align: center;

    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    margin-bottom: 0;
}

.zitat {
    color:  #000000;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    margin-top: 0;
}

.infotext3 {
    margin-left: 65%;
    margin-top: 595px;
    z-index: 7;
    font-size: 12px;
    font-weight: bold;
}
.infotext {
    margin-left: 65%;
    margin-top: 575px;
    z-index: 7;
    font-size: 12px;
    font-weight: bold;
}
.infotext5 {
    margin-left: 65%;
    margin-top: 560px;
    z-index: 7;
    font-size: 12px;
    font-weight: bold;
}
.infotext6 {
    margin-left: 65%;
    margin-top: 540px;
    z-index: 7;
    font-size: 12px;
    font-weight: bold;
}

.textprojekte {
   position: absolute;
   margin-left: 65%;
   margin-top: 300px;
   z-index: 8;
   font-size: 12px;
   font-weight: bold;
}


.beschreibungstext {
   position: absolute;
   z-index: 7;
   margin-top: 300px;
   margin-left: 50px;
   margin-right: 50px;
   padding-bottom: 80px;
   font-size: 12px;
}

.textfirma {
   position: absolute;
   margin-top: 520px; 
   z-index: 7;
   font-size: 13px;
   padding-left: 3%;
   padding-right: 3%;
   padding-bottom: 60px;
   text-align: justify;
}

.textfirma2 {
   position: absolute;
   margin-top: 270px;
   z-index: 7;
   font-size: 13px;
   padding-left: 77%;
   padding-right: 2%;
   text-align: right;
}