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

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

body {
	width: 100%;
	text-align: center;
	background: #ccc
}

html, body {
	height: 100%
}

#wrapper {
  width: 995px;
  margin: auto;
  text-align: left
}

    #head {
      width: 995px;
      height: 287px;
      float: left;
      background: url(pix/loading.gif) no-repeat center 80px #fff;
      position: relative;
      z-index: 1
    }
    
    #bg_head_bottom,#bg_head_bottom_start,#bg_head_bottom_special {
      width: 995px;
      height: 25px;
      background: url(pix/bg_nav_cen.gif) no-repeat 0 bottom;
      position: absolute;
      top: 262px;
      left: 0;
      z-index: 2
    }
    
    #bg_head_bottom_start {
      background: #969799
    }
    
    #bg_head_bottom_special {
      background: url(pix/bg_nav_cen_special.gif) no-repeat 0 bottom;
    }
    
        #navigation_top,.bg_nav_top {
          width: 984px;
          height: 22px;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 3
        }
        
            .bg_nav_top {
              width: 995px;
              z-index: 4
            }
        
            #nav_top_left,#nav_top_right {
              width: 757px;
              height: 22px;
              float: left;
              position: absolute;
              top: 4px;
              left: 11px;
              z-index: 5
            }
            
            #nav_top_right {
              width: 227px;
              text-align: right;
              left: 757px
            }
    
        #logo {
          width: 228px;
          height: 146px;
          padding: 23px 0 0 767px;
          border-bottom: 2px solid #e6412b;
          position: absolute;
          top: 22px;
          left: 0;
          z-index: 3
        }
        
        #navigation_center,.bg_nav_cen {
          width: 995px;
          height: 94px;
          z-index: 3;
          position: absolute;
          top: 193px;
          left: 0
        }
        
            .bg_nav_cen {
              height: 57px;
              z-index: 4;
              top: 3px
            }
            
            #navigation_center ul {
              z-index: 5;
              position: absolute;
              top: 7px;
              left: 12px
            }
    
    #body {
      width: 995px;
      float: left;
      overflow: hidden;
      background: url(pix/bg_body.gif) repeat-y #868789
    }
    
        #navigation_left {
          width: 164px;
          float: left;
          padding: 23px 21px 23px 21px
        }
        
        #content {
          width: 723px;
          min-height: 350px;
          height: auto !important;
          height: 350px;
          float: left;
          padding: 24px 33px 23px 33px;
          background: #a7a9ac
        }
        
        #content_start {
          width: 889px;
          height: 355px;
          float: left;
          padding: 24px 33px 0 73px;
          background: url(pix/stangl_ag_logo_start2.gif) no-repeat 784px 35px #b1b3b4;
          overflow: hidden
        }
        
        #content_special {
          width: 995px;
          float: left;
          background: url(pix/bg_con_special.gif) repeat-y 0 0 #b1b3b4;
          overflow: hidden
        }
        
            #content div,#content_start div {
              line-height: 13px
            }
        
            #con_start_left {
              width: 264px;
              float: left;
              padding: 38px 38px 0 0;
              position: relative
            }
            
            #con_start_center {
              width: 362px;
              float: left;
              padding: 10px 0 0;
              position: relative
            }
            
                #con_start_center p,#con_start_center span,#con_start_left p {
                  line-height: 1.2
                }
                
                #con_start_center p a {
                  text-decoration: underline
                }
            
            #con_start_right {
              width: 185px;
              float: left;
              padding: 106px 0 0;
              position: relative
            }
            
        #content_left {
          width: 283px;
          float: left
        }
        
        #content_right {
          width: 432px;
          float: left;
          padding: 35px 0 0
        }
        
            #content_down_left {
              width: 483px;
              float: left
            }
            
            #content_down_right {
              width: 232px;
              float: left;
              padding: 35px 0 0
            }
        
        #content_contact_left {
          width: 385px;
          float: left
        }
        
        #content_contact_right {
          width: 337px;
          float: left
        }
        
    #content_history {
      width: 925px;
      height: 324px;
      float: left;
      padding: 13px 0 0 73px;
      background: #b1b3b4;
      overflow: hidden
    }
    
    #bottom,#bottom_start,#bottom_special {
      width: 995px;
      height: 25px;
      float: left;
      background: url(pix/bg_nav_cen.gif) no-repeat 0 0
    }
    
    #bottom_start {
      background: #969799
    }
    
    #bottom_special {
      background: url(pix/bg_nav_cen_special.gif) no-repeat 0 0
    }

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

.nav_1_n,.nav_1_h {
  float: left;
  padding: 0 3px 0 0
}

.nav_4_n,.nav_4_h {
  float: right;
  padding: 0 0 0 4px
}

.nav_1_n a:hover,.nav_1_h a:hover,.nav_4_n a:hover,.nav_4_h a:hover,.nav1_h,.nav4_h {
  text-decoration: underline
}

    .nav1_n,.nav1_h,.nav4_n,.nav4_h {
      font-size: 10px
    }

.nav_2_n,.nav_2_h {
  width: 99px;
  height: 50px;
  float: left;
  margin: 0 5px 0 0;
  padding: 4px 9px 0 9px;
  cursor: pointer
}

.nav_2_h {
  height: 83px
}

.nav_2_n a:hover,.nav_2_h a:hover {
  text-decoration: none
}

    .nav2_n,.nav2_h {
      font-size: 10px;
      line-height: 15px;
      font-weight: 700;
      color: #fff
    }

.nav_3_n,.nav_3_h {
  padding: 0 0 16px 0
}

.nav_3_n a:hover,.nav_3_h a:hover {
  text-decoration: none;
  font-weight: 700
}

    .nav3_n,.nav3_h {
      font-size: 13px;
      color: #fff;
      line-height: 16px
    }
    
    .nav3_h {
      font-weight: 700
    }

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

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

h2 {
  float: left;
  font-size: 15px;
  font-weight: 700;
	color: #fff
}

    .h2_black {
      color: #000
    }
    
    .h2_12px {
      padding: 2px 0 0 4px;
      font-weight: normal;
      font-size: 12px
    }
    
    .h2_red {
      width: 100%;
      padding: 0 0 13px 0;
      font-size: 18px;
      color: #a9192d;
      white-space: nowrap;
      line-height: 22px
    }

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

li {
  list-style-type: none
}

strong {
  font-weight: 700
}

address,address a {
  font-size: 12px;
  font-style: normal;
  line-height: 1.2;
  text-align: right
}

a:link,a:visited {
  color: #000;
  text-decoration: none
}

a:hover,a:active,a:focus {
  color: #000;
  text-decoration: underline
}

a:focus {
  outline: none;
  text-decoration: none
}

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

.input_text,.textarea {
	width: 334px;
  float: left;
  margin: 5px 0 3px 0;
  padding: 5px 2px 0
}

.input_text,.textarea {
	background: #c1c1c1;
	border: 1px solid #7b7c7c
}

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

    .input_text:hover,.textarea:hover,.input_text:active,.textarea:active,.input_text:focus,.textarea:focus {
    	border: 1px solid #fff
    }
    
    .plz {
      width: 50px;
      float: left;
      margin: 5px 5px 3px 0
    }

    .city {
      width: 273px;
      float: left
    }

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

.button {
  clear: both;
	width: 100px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: 700;
	text-align: left;
	background: #a7a9ac;
	border: none;
	cursor: pointer
}

* html .button {
  width: 100px
}

.form_text {
  clear: both;
  width: 334px;
  float: left;
  padding: 2px 0 0 0
}

.infotext {
  float: left;
  width: 334px;
  padding: 15px 0 0
}

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

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

.three_pics_div {
  width: 241px;
  height: 130px;
  float: left;
  padding: 0 0 15px 0;
  text-align: center
}

    .three_pics_div p {
      padding: 6px 0 0;
      font-size: 12px;
      font-weight: 700;
      color: #fff
    }

.panels_content {
  width: 723px;
  background: url(pix/bg_panels_lines.gif) repeat-y 0 0;
  overflow: hidden
}

    .panels_div {
      width: 168px;
      height: 66px;
      float: left;
      padding: 8px 0 0 11px
    }
    
        .panels_img {
          width: 54px;
          height: 54px;
          float: left;
          padding: 2px;
          overflow: hidden
        }
        
        .panels_img:hover {
          background: #000
        }
        
        .panels_text {
          width: 89px;
          height: 64px;
          float: left;
          padding: 2px 0 0 21px
        }
        
.img_popup {
  padding: 20px 10px 10px 0;
  text-align: center
}

.four_s_pics {
  width: 432px;
  float: left;
  padding: 37px 0 0
}

    .four_s_pics_div {
      width: 87px;
      float: left;
      padding: 0 28px 0 0
    }
    
    .four_s_pics_img {
      width: 85px;
      height: 85px;
      overflow: hidden;
      border: 1px solid #000
    }

.four_pics_con {
  float: left;
  padding: 25px 0 0
}
    
    .four_pics_div {
      width: 180px;
      float: left;
      text-align: center
    }
    
        .four_pics_div p,.img_popup p {
          padding: 20px 0 0;
          font-size: 12px;
          font-weight: 700;
          color: #fff
        }
        
.contact_addresses {
  width: 337px;
  float: left;
  padding: 45px 0 39px 0;
  background: url(pix/stangl_ag_logo_kontakt.jpg) no-repeat right 475px
}

    .contact_addresses_left,.contact_addresses_right {
      width: 167px;
      float: left
    }
    
.download_div {
  float: left;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #000
}

    .download_text {
      width: 483px;
      float: left;
      padding: 0 0 5px 0;
      cursor: pointer
    }
    
    .download_text a:hover {
      text-decoration: none
    }
    
    .download_link {
      width: 483px;
      float: left;
      text-align: right;
      cursor: pointer
    }
    
    .download_text_small {
      width: 341px;
      float: left;
      padding: 10px 0 0
    }

    .download_link_small {
      width: 141px;
      float: left;
      text-align: right
    }
    
.start_link {
  position: absolute
}

    .start_link a,.welcome_link {
      font-weight: 700;
      color: #a9192d !important
    }
    
.welcome_text,.welcome_text div {
  width: 100%;
  height: 156px;
  float: left;
  overflow: hidden
}

    .welcome_link {
      position: absolute;
      top: 278px;
      left: 0
    }
    
.history_three_img {
  width: 87px;
  float: left;
  padding: 0 19px 0 0;
  position: relative
}

    .history_img {
      width: 84px;
      height: 84px;
      float: left;
      margin: -6px 0 0;
      border: 1px solid #000;
      overflow: hidden;
      position: absolute;
      left: 0
    }

.history_text_left {
  width: 253px;
  float: left
}

.history_text_right {
  width: 298px;
  float: left;
  padding: 22px 0 0
}

    .history_date {
      width: 37px;
      float: left;
      font-weight: 700
    }
    
    .history_block {
      width: 100%;
      float: left;
      padding: 0 0 18px 0
    }
    
        .history_description {
          width: 216px;
          float: left
        }

        .history_description_right {
          width: 264px;
          float: left
        }
        
/*
------------------------------------
  News-Bereich
------------------------------------
*/
/*
.news_overview,.news_detail {
  width: 326px;
  height: 306px;
  float: left;
  padding: 16px 0 0 16px;
  background: #969799
}

.news_overview {
  z-index: 1;
  position: relative;
  top: 0
}

.news_detail {
  position: absolute;
  z-index: 2;
  top: -3000px;
  left: 0
}

    .news_div {
      width: 326px;
      height: 60px;
      float: left;
      margin: 0 0 14px 0;
      cursor: pointer
    }

    .news_div h2 {
      font-size: 14px;
      color: #fff
    }

        .news_left,.news_detail_left {
          width: 223px;
          height: 60px;
          float: left;
          color: #fff;
          overflow: hidden
        }

        .news_right,.news_detail_right {
          width: 88px;
          height: 60px;
          float: left;
          font-size: 13px;
          font-weight: 700;
          color: #fff
        }

        .news_detail_left,.news_detail_right {
          height: 25px;
          color: #fff
        }
        
        .news_right,.news_detail_right {
          text-align: right
        }

        .news_detail_left h2 {
          font-size: 14px;
          color: #fff
        }

        .news_detail_content {
          width: 325px;
          height: 250px;
          float: left;
          color: #fff
        }

        .news_detail_back {
          width: 310px;
          height: 15px;
          float: left;
          text-align: right
        }

            .news_detail_back a {
              font-size: 13px;
              color: #fff
            }*/

.news_headline {
  width: 257px;
  float: left;
  padding: 0 0 18px 7px;
  background: url(pix/arrow_red.gif) no-repeat 0 2px;
  font-size: 14px;
  color: #a9192d
}

.news_img {
  width: 95px;
  height: 134px;
  float: left;
  overflow: hidden;
  border: 1px solid #000;
  margin: 0 14px 14px 0
}

.news_text {
  width: 153px;
  float: left;
  margin: -3px 0 0
}

.novelty {
  float: left
}

    .novelty h2 {
      width: 100%;
      float: left;
      padding: 0 0 15px 0
    }
    
    .novelty_content {
      width: 100%;
      float: left
    }

    .novelty img {
      float: left;
      padding: 0 15px 15px 0
    }
            
/*
------------------------------------
  Tabellen-Baustein
------------------------------------
*/

.table_small {
  width: 432px
}

    .table_small th {
      font-weight: 700
    }
    
    .table_small tr {
      width: 428px
    }
    
    .column_th,.column {
      text-align: left;
    }
    
    .column {
      height: 18px;
      padding: 2px 3px 0 3px !important
    }

/*
------------------------------------
  Referenzen-Baustein
------------------------------------
*/

.ref_list {
  width: 418px;
  padding: 22px 0 0 21px;
  float: left
}

    .ref_list li {
      width: 209px;
      height: 46px;
      float: left
    }

    .ref_list_n {
      color: #fff !important;
      font-size: 13px
    }
    
    .ref_list_h,.ref_list a:hover,.ref_list a:active,.ref_list a:focus {
      color: #fff !important;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: -0.03em;
      text-decoration: none
    }

.ref_content {
  width: 524px;
  float: left;
  margin: 24px 0;
  padding: 14px 16px 5px 16px;
  background: #ebeced
}

    .ref_content h2 {
      width: 100%;
      padding: 0 0 20px 0
    }

    .ref_con_text_bold {
      width: 130px;
      height: 20px;
      float: left
    }

    .ref_con_text {
      width: 394px;
      height: 20px;
      float: left
    }
    
    .last_text {
      padding: 0 0 11px 0
    }
    
    .ref_content_div {
      width: 142px;
      height: 142px;
      float: left;
      margin: 0 10px 10px 0;
      overflow: hidden
    }

    .ref_content_img {
      border: 1px solid #fff
    }