* {
  margin: 0;
  padding: 0;
}
/* Allgemeine Elementanweisungen */

body {
  color: #525252;
  background: url(images/holz_web.jpg) center top repeat;
  font-family: arial, verdana sans-serif;
  font-size: 100.01%;
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0;
}

a { text-decoration: underline;}

a:link    { color: #7ab51d;}
a:visited { color: #7ab51d;}
a:focus, a:hover, a:active { color: #525252;}

/* Rahmen */

#rahmen {
  background: #fff;
  width: 900px;
  margin: 20px auto;
  text-align:left;
  min-height: 564px;
  border: 1px solid #b5b5b5;
}

/* Kopf */

#kopf {
  background: #FFF;
  padding: 30px 0 0 30px;
  height: 1px;
}


/* Menue */

#menue {
  float: right;
  width: 300px;
  margin: 0 30px 0 0;
  }

ul.liste {
   margin:0;
   padding:0;
}
.liste li {
   list-style: none;
   display:inline;
}
.liste a {
   float: left;
   height: 31px;
}
.liste a.ichbin {
   width: 150px;
   background: url('../images/ichbin.gif' ) 0 0 no-repeat;
}
.liste a.moebel {
 width: 150px;
 background: url('../images/moebel.gif' ) 0 0 no-repeat;
}

.liste a.ichbin:hover, #ichbin_aktiv {
   width: 150px;
   background: url('../images/ichbin_hover.gif' ) 0 0 no-repeat;
}
.liste a.moebel:hover, #moebel_aktiv {
   width: 150px;
   background: url('../images/moebel_hover.gif' ) 0 0 no-repeat;
}



/* Submenue */

#submenue {
  float: left;
  width: 23%;
  }

#submenue ul {
  margin: 30px 0 0 0;
  padding: 45px 0 15px 30px;
  list-style: none;
}

#submenue li {
  font-size: 90%;
  font-weight: bold;
  line-height: 200%;
}

#submenue a { text-decoration: none; }


/* Inhalt */

#inhalt {
  float: left;
  width: 76.9%;
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;

}

#inhalt h1 {
  font-size: 140%;
  margin: 1em 10px 0 10px;
}
#inhalt h2 {
  font-size: 85%;
  font-weight: bold;
  margin: 0 10px;
}

#inhalt p {
  font-size: 75%;
  line-height: 150%;
  margin: 1em 100px 1em 10px;
}

#home {
  float: left;
  margin: 0;
  padding: 25px;
}
#home h1 {
  font-size: 140%;
  margin: 50px 0 3px 60px;
}
#home h2 {
  font-size: 80%;
  font-weight: bold;
  margin: 0 0 20px 60px;
}
#bildhalter {
  width: 750px;
  margin:auto;
  padding: 0 60px;
}

#bildhalter a {
  display: block;
  width: 120px;
  height: 90px;
  float: left;
  margin: 0 5px 5px 0;
  text-decoration: none;
}

#bildhalter a img {
 border: 0;
 display: none;
}

img{
  border: 0;
}

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}
/* footer */

#footer {
   width: 900px;
   height: 80px;
   background:  url('../images/footer.gif' ) 0 0 no-repeat;
   float: left;
   margin: 0;
   padding: 0;
  }
#footer p {
  font-size: 80%;
  margin: 53px 0 0 88px;
  color: #fff;
  font-weight: bold;
}
#footer a {
  color: #333;
  font-weight: bold;
}

/* Bilergalerie */
.jqGSContainer{position:relative;width:510px; height:380px;margin-left:10px;border:0;}
.jqGSContainer .jqGSImgContainer{height: 380px; position: relative; overflow: hidden; width: 510px; border:0;}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:12px;margin-bottom:0px;float:left; font-size: 80%;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{border:0;}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{background:#fff;position:absolute;right:0px;top:0px; padding:2px;color:#fff;width:1px}


.jqGSContainer .jqGSPagination{position:relativ;width:510px;height:10px;top:2px;padding: 2px 0;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;float:left;}
.jqGSContainer .jqGSPagination ul li{padding:0;margin:0 3px 0 0 ;float:left;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:3px 0px;background:#7ab51d;border:1px solid #7ab51d; color: #fff;text-decoration:none;display:block;width:20px;font-size:10px;}
.jqGSContainer .jqGSPagination ul li a.selected{background:#fff;color:#7ab51d;border: 1px solid #7ab51d;}
.jqGSContainer .jqGSPagination ul li a:hover{background:#fff;color:#7ab51d;border:1px solid #7ab51d;}

.jqGSImgContainer{border:1px solid #000;}

#s3slider {
   width: 510px; /* important to be same as image width */
   height: 380px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 510px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0 0 0 8px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 11px/16px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 510px;
   height: 40px;

    filter: alpha(opacity=70);/* here you can set the opacity of box with text */
 -moz-opacity: 0.7;   /* here you can set the opacity of box with text */
  -khtml-opacity: 0.7;  /* here you can set the opacity of box with text */
opacity: 0.7;   /*  here you can set the opacity of box with text */
   color: #000;
   font-weight: bold;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}