/*
  Standart-Template CSS | © 2009 by bauer-innovativ.de
  Ebenen-Styles
------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	width: 100%;
	text-align: center;
	background: url(pix/bg_body.jpg) repeat-x 0 0 #939898
}

html, body {
	height: 100%
}

#wrapper {
  margin: auto;
  width: 980px;
  text-align: left;
  background: url(pix/loading.gif) no-repeat center 134px;
  overflow: hidden;
  position: relative
}

    #head {
      width: 980px;
      height: 200px;
      float: left;
      margin: 50px 0 0;
      z-index: 1;
      position: relative
    }
    
        #bg_head {
          width: 980px;
          height: 200px;
          z-index: 2;
          position: absolute;
          top: 0;
          left: 0
        }
    
        #logo {
          width: 228px;
          height: 200px;
          z-index: 3;
          position: absolute;
          top: 0;
          left: 35px
        }
    
    #body {
      width: 980px;
      float: left;
      overflow: hidden;
      background: url(pix/bg_body.gif) repeat-y 0 0 #fff;
      position: relative
    }

        #navi_address {
          color: #fff;
          position: absolute
        }

            #navi_address a {
              color: #fff
            }
            
            #navi_address a:hover,
            #navi_address a:focus {
              font-weight: 700
            }
    
        #navigation {
          width: 228px;
          min-height: 368px;
          height: auto !important;
          height: 368px;
          float: left;
          padding: 32px 0 0 35px
        }
            
            #navigation a:hover,
            #navigation a:active,
            #navigation a:focus {
              text-decoration: none;
              font-weight: 700
            }

        #content {
          width: 647px;
          min-height: 331px;
          height: auto !important;
          height: 331px;
          float: left;
          padding: 32px 35px 35px 35px
        }

            #content li {
              padding: 0 0 0 7px;
              background: url(pix/bg_content_li.gif) no-repeat 0 7px
            }
            
    #footer {
      width: 955px;
      height: 50px;
      float: left
    }

/*
  Navigation-Styles
------------------------------------*/

.nav_1_n,.nav_1_h {
  width: 178px;
  height: 15px;
  margin: 0 0 10px 0;
  padding: 0 0 0 50px;
  background: url(pix/bg_nav1_li.gif) no-repeat 0 0;
  position: relative
}

.nav_1_h {
  background: url(pix/bg_nav1_li.gif) no-repeat 0 0 #7e8484
}

    .nav1_n,.nav1_h {
      font-size: 14px;
      text-decoration: none !important;
      line-height: 1 !important;
      position: absolute;
      top: 0;
      left: 50px
    }
    
    .nav1_h {
      font-weight: 700
    }
    
.nav_2_n,.nav_2_h {
  width: 178px;
  height: 15px;
  margin: 0 0 10px 35px;
  padding: 0 0 0 15px;
  position: relative
}

.nav_2_h {
  background: #7e8484
}

    .nav2_n,.nav2_h {
      font-size: 11px;
      text-decoration: none !important;
      line-height: 1 !important;
      position: absolute;
      top: 2px;
      left: 15px
    }

    .nav2_h {
      font-weight: 700
    }
    
.nav_3_n,.nav_3_h {
  width: 602px;
  height: 15px;
  margin: 0 0 20px 0;
  padding: 0 0 0 45px !important;
  background: url(pix/bg_nav2_li.gif) no-repeat 0 0 !important;
  cursor: pointer;
  position: relative
}

    .nav3_n,.nav3_h {
      padding: 0 20px 0 0;
      font-size: 11px;
      text-decoration: none !important;
      line-height: 1 !important;
      background: #dbdddd;
      position: absolute;
      top: 2px;
      left: 45px
    }

    .nav3_h {
      font-weight: 700
    }

/*
  HTML-Tag-Styles
------------------------------------*/

div,td,p,a,h1,h2,ul,li {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #717878;
	line-height: 18px
}

h1,h2 {
  font-size: 16px;
  font-weight: 700;
	color: #fc0;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fc0
}

img {
	margin: 0;
	padding: 0;
	border: 0
}

li {
  list-style-type: none
}

strong {
  font-weight: 700
}

address {
  font-size: 11px;
  font-style: normal
}

a:link,a:visited,a:hover,a:active,a:focus {
  color: #717878;
  text-decoration: underline;
  outline: none
}

a:hover,a:active,a:focus {
  font-weight: 700
}

/*
	Kontaktformular-Styles
------------------------------------*/

.input_text,
.textarea,
.short_input {
	width: 333px;
  float: left;
  margin: 0 0 5px;
  padding: 1px 2px 0 2px
}

.input_text,
.textarea,
.button,
.short_input {
	background: #ffeb99;
	border-bottom: 1px solid #ffeb99;
  color: #717878
}

.input_text {
	height: 14px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

    .input_text:hover,
    .textarea:hover,
    .button:hover,
    .input_text:active,
    .textarea:active,
    .button:active,
    .input_text:focus,
    .textarea:focus,
    .button:focus,
    .short_input:hover,
    .short_input:active,
    .short_input:focus {
    	border-bottom: 1px solid #717878
    }
    
    .short_input {
      font-size: 11px;
      width: 120px;
      height: 16px !important;
      padding: 0 2px !important
    }
    
    .plz {
      width: 40px;
      margin: 0 5px 0 0
    }

    .city {
      width: 284px;
      float: left
    }
    
    .short_input_div {
      float: left
    }
    
        .short_input_div label {
          float: left
        }
        
    * html .short_input_div {
      overflow: hidden;
      margin: auto
    }

.textarea {
	height: 111px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

.button {
  clear: both;
	width: 80px;
	text-align: left;
	margin: 0 0 0 325px;
	padding: 0 0 0 23px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	background: url(pix/bg_form_submit.gif) no-repeat 0 0 #ffeb99;
	cursor: pointer
}

.form_text {
  clear: both;
  width: 60px;
  float: left;
  padding: 0 8px 0 0;
  text-align: right
}

.infotext {
  float: left;
  width: 333px;
  padding: 5px 0 0 67px;
  color: #f00
}

.text_after_sending {
  width: 379px;
  float: left
}

#form_left {
  width: 405px;
  float: left;
  padding: 0 35px 0 0
}

#form_right {
  width: 207px;
  float: left;
  margin: -5px 0 0
}

/*
	Baustein-Styles
------------------------------------*/

.textimg {
  width: 647px;
  float: left
}

    .textimg_text {
      width: 365px;
      float: left;
      padding: 0 15px 0 0
    }

    .textimg_img {
      width: 267px;
      float: left
    }
    
.text_left_logo_right {
  width: 350px;
  float: left;
  text-align: right;
  margin: -100px 0 0
}

    .text_left_logo_right p {
      width: 255px;
      float: left;
      padding: 40px 0 0
    }

    .text_left_logo_right img {
      width: 80px;
      float: left;
      margin: 0 0 15px 15px
    }

/*
	Baustein | Leistungen
------------------------------------*/

.leistung {
  width: 647px;
  float: left;
  padding: 0 0 10px 0
}

    .leistung_text {
      width: 406px;
      float: left;
      margin: 0 21px 0 0;
      padding: 11px 0 0;
      border-top: 1px solid #fc0;
      line-height: 14px !important;
      z-index: 1;
      position: relative;
      overflow: hidden
    }
    
    .leistung_text ul li,
    .leistung_text ul li ul li {
      background: transparent !important;
      padding: 0 !important
    }

    .leistung_text ul li a,
    .leistung_text ul li ul li a {
      text-decoration: none !important
    }

    .leistung_text ul li a:hover,
    .leistung_text ul li ul li a:hover {
      text-decoration: underline !important
    }
    
        .leistung_text>ul>li>a {
          padding: 0 0 3px 0 !important;
          font-weight: 700 !important
        }

    .leistung_img {
      width: 220px;
      height: 100px;
      float: left;
      z-index: 1;
      position: relative
    }

        .leistung_border {
          z-index: 2;
          position: absolute;
          top: 0;
          left: 0
        }
        
/*
	Baustein | Referenzen
------------------------------------*/

.reference {
  width: 323px;
  height: 20px;
  float: left
}

    .reference a {
      text-decoration: none
    }
    
    .reference a:hover,
    .reference a:active,
    .reference a:focus {
      text-decoration: underline
    }
    
/*
	Baustein | Gallerie
------------------------------------*/

.gallery_div {
  width: 647px
}

    .gallery_text {
      width: 647px;
      min-height: 262px;
      height: auto !important;
      height: 262px;
      float: left;
      z-index: 1;
      position: relative
    }
    
        .gallery_text div {
          z-index: 2;
          position: absolute;
          top: 0;
          right: 0
        }
        
        .gallery_text div a {
          font-size: 14px;
          font-weight: 700;
          text-decoration: none !important;
          color: #fc0 !important
        }
    
    .gallery_img {
      width: 647px;
      height: 69px;
      float: left;
      background: url(pix/bg_gallery_img) no-repeat 0 15px
    }
    
        .prev {
          width: 35px;
          height: 69px;
          margin: 0 21px 0 0;
          float: left;
          cursor: pointer
        }
        
        .images {
          width: 556px;
          height: 69px;
          float: left;
          overflow: hidden
        }

            .gallery_preview {
              width: 75px;
              height: 67px;
              float: left;
              margin: 0 15px 0 0;
              padding: 0 !important;
              background: none !important;
              border: 1px solid transparent;
              overflow: hidden;
              cursor: pointer
            }

        .next {
          width: 35px;
          height: 67px;
          float: left;
          cursor: pointer
        }
        
/*
	Baustein | Downloads
------------------------------------*/

.download_pdf {
  width: 323px;
  height: 55px;
  float: left;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc
}

    .download_pdf_img {
      width: 75px;
      float: left
    }
    
    .download_pdf_text {
      width: 248px;
      float: left
    }

/*
	Startseite | Baustein
------------------------------------*/

.home_imgs {
  width: 646px;
  float: left;
  padding: 18px 0;
  border-top: 1px solid #feed3f;
  border-bottom: 1px solid #feed3f
}

    .home_imgs img {
      float: left;
      margin: 0 12px 0 0;
      border: 2px solid #feed3f;
    }

.home_textes {
  width: 646px;
  float: left;
  padding: 15px 0 0
}

    .home_textes_left {
      width: 329px;
      float: left
    }
    
        .home_textes_left h1 {
          border: none !important
        }
    
        .home_textes_left h1 a,
        .home_textes_left h1 a:hover,
        .home_textes_left h1 a:focus {
          font-size: 16px;
          font-weight: 700;
          text-decoration: none !important
        }

    .home_textes_right {
      width: 317px;
      float: left
    }
    
        .home_textes_right a,
        .home_textes_right a:hover,
        .home_textes_right a:focus {
          text-decoration: none !important
        }

a[href^="mailto:"]:hover,
a[href^="mailto:"]:focus,
a[href^="mailto:"]:active {
  font-weight: normal !important;
  text-decoration: none !important
}