/* Reset CSS */
#wes_stage div, #wes_stage span,
#wes_stage h1, #wes_stage p, #wes_stage a,
#wes_stage img, #wes_stage strong {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
#wes_stage :focus {
	outline: 0;
}

#wes_stage .INVISIBLE {
  display: none;
}

#wes_stage .CLEAR {
  clear: both;
}

#wes_stage {
  height: 349px;
  width: 960px;
  position: relative;
  overflow: hidden;
}

  #wes_stage #logo {
    background: url(http://www.balingen.de/servlet/PB/show/1309639/logo.png) no-repeat 0 0;
    width: 213px;
    height: 69px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 3;
    margin: 0;
  }

  #wes_stage .wes_stage_item {
    height: 349px;
    width: 960px;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    left: 0;
    bottom: 1px;
    cursor: hand;
    cursor: pointer;
  }
  
    #wes_stage .visible_item {
      z-index: 2;
    }
  
  #wes_stage .active_item {
    z-index: 2;
  }

    #wes_stage .wes_stage_image {
      background-repeat: no-repeat;
      background-position: 0 0;
      height: 349px;
      width: 100%;
      display: none;
      position: absolute;
      z-index: 1;
    }
    
    #wes_stage .wes_stage_content {
      position: absolute;
      display: none;
      z-index: 3;
      bottom: 0;
      left: 0;
      /*background: url(http://www.balingen.de/servlet/PB/show/1309622/wes_stage_text_bg.png);*/
      width: 960px;
      
      padding: 0 0 50px 0;
      overflow: hidden;
    }
    
      #wes_stage .wes_stage_content div#bg {
        display: block;
        position: relative;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        overflow: visible;
      }
    
      #wes_stage .wes_stage_content .wes_stage_content_bg_black {
        background: #0d1d1f;
        -moz-opacity: 0.5;
	      opacity: 0.5;
	      filter: alpha(opacity=50);
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 980px;
        height: 349px;
        display: block;
      }
      
      #wes_stage .wes_stage_content .wes_stage_content_bg_green {
        background: #295a5f;
        -moz-opacity: 0.25;
	      opacity: 0.25;
	      filter: alpha(opacity=25);
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 980px;
        height: 349px;
        display: block;
      }
    
    #wes_stage .active_item .wes_stage_image {
      display: block;
    }
    
    #wes_stage .active_item .wes_stage_content {
      display: block;
    }
    
      #wes_stage .wes_stage_content .headline {
        font-family: "PNM Caecilia", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #c7faff;
        font-size: 32px;
        float: left;
        width: 345px;
        padding: 0 30px 0 20px;
        margin: 11px 0 11px 0;
        position: relative;
        z-index: 2;
        
        /* IE8 FIX */
        -moz-opacity: 1;
	      opacity: 1;
	      filter: alpha(opacity=100);
      }
    
      #wes_stage .wes_stage_content .content_text {
        font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        padding: 28px 100px 11px 0;
        line-height: 18px;
        display: block;
        margin: 0 0 0 395px;
        width: 465px;
        position: relative;
        z-index: 2;
        
        /* IE8 FIX */
        -moz-opacity: 1;
	      opacity: 1;
	      filter: alpha(opacity=100);
      }
      
        #wes_stage .wes_stage_content .content_text a {
          background: url(http://www.balingen.de/servlet/PB/show/1309619/wes_stage_content_link_arrow.png) no-repeat right center;
          display: inline-block;
          padding: 2px 11px 2px 4px;
          margin-left: 0px;
          line-height: 1.1em;
          font-size: 11px;
          text-transform: uppercase;
          text-decoration: none;
          color: #002c31;
        }
        
          #wes_stage .wes_stage_content .content_text a:hover,
          #wes_stage .wes_stage_content .content_text a:focus,
          #wes_stage .wes_stage_content .content_text a:active {
            background-image: url(http://www.balingen.de/servlet/PB/show/1309559/wes_stage_content_link_arrow_hover.png);
          }
  
  #wes_stage .nav_item_container {
    position: relative;
    z-index: 8;
    overflow: hidden;
    float: left;
    top: 313px;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  }
  
    #wes_stage .nav_item {

      
    }
  
      #wes_stage .nav_item a {
        display: block;
        color: #998f87;
        text-decoration: none;
        font-size: 14px;
        font-family: "Lucida Sans", Arial, Verdana, sans-serif;
        padding: 9px 14px 12px 38px;
        float: left;
        position: relative;
        z-index: 2;
        background: url(http://www.balingen.de/servlet/PB/show/1309539_/number_icons.gif) no-repeat 15px 3px;
      }
      
    #wes_stage .last_nav_item {
      width: 100%;
      margin-right: -100%;
    }
    
  #wes_stage .active_nav_item {
    
  }

    #wes_stage .active_nav_item .nav_item {
      background: none;
      
    }
    
      #wes_stage .nav_item .nav_bg {
        height: 60px;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0px;
      }
      
      #wes_stage .active_nav_item .nav_item .nav_bg {
        display: none;
      }
  
      #wes_stage .nav_item a:hover {
        color: #d73400;
      }
      
      #wes_stage .active_nav_item .nav_item a {
        color: #fff;
        outline: 0;
        cursor: default;
      }

/* Icons */
#wes_stage .nav_item a.icon_number_1 {
  background-position: 15px 0px;
  padding-left: 44px;
}

  #wes_stage .nav_item a.icon_number_1:hover {
    background-position: 15px -100px;
  }

  #wes_stage .active_nav_item a.icon_number_1,
  #wes_stage .active_nav_item a.icon_number_1:hover {
    background-position: 15px -200px;
    color: #fff;
  }

#wes_stage .nav_item a.icon_number_2 {
  background-position: 10px -300px;
}

  #wes_stage .nav_item a.icon_number_2:hover {
    background-position: 10px -400px;
  }

  #wes_stage .active_nav_item a.icon_number_2,
  #wes_stage .active_nav_item a.icon_number_2:hover {
    background-position: 10px -500px;
    color: #fff;
  }

#wes_stage .nav_item a.icon_number_3 {
  background-position: 10px -600px;
}
  
  #wes_stage .nav_item a.icon_number_3:hover {
    background-position: 10px -700px;
  }

  #wes_stage .active_nav_item a.icon_number_3,
  #wes_stage .active_nav_item a.icon_number_3:hover {
    background-position: 10px -800px;
    color: #fff;
  }

#wes_stage .nav_item a.icon_number_4 {
  background-position: 10px -900px;
}

  #wes_stage .nav_item a.icon_number_4:hover {
    background-position: 10px -1000px;
  }
  
  #wes_stage .active_nav_item a.icon_number_4,
  #wes_stage .active_nav_item a.icon_number_4:hover {
    background-position: 10px -1100px;
    color: #fff;
  }