$(document).ready(function(){
            $('.slide').css({'display':'none'});
            $('#wizard div.header').click(
              function(){
                $('html, body').animate({ scrollTop: $("#wizard").offset().top }, 1000);
                
                if(!$(this).next().hasClass('open')){
                  $('#wizard .content.open').each(function(){
                    $(this).slideToggle().removeClass('open');
                  });
                  $('#wizard .header.open').each(function(){
                    $(this).removeClass('open');
                  });
                }else{
                  $(this).removeClass('open');
                  $(this).next().slideToggle().removeClass('open');
                  return false;
                }
                if(!$(this).next().hasClass('open')){
                  $(this).addClass('open')
                  $(this).next().slideToggle().addClass('open');
                }
                return false;
              }
              
            );
            $('#wizard .left_col a').click(
              function(){
                        
              
                $('.content.open .left_col li').removeClass('active');
                $('.content.open .col_wrapper').removeClass('active');
                $(this).parent().addClass('tmp_active');
                
                href = $(this).attr('href');
                id = $(this).attr('id');

                slide(id);
                return false;
              }
            );
    function slide(data){
//        console.log(data);
        $('.slide').attr("style", "display:none;");
        // Manfred mit Aufruf im Callback zeigen
        
        // Holt die alte Höhe
        oheight = $('.open .col_wrapper').height() - 23; // Minus Padding des Objects
        // Entfernt die alten Inhalte
        //$('.content.open .right_col').remove();
        // Fügt die neuen Inhalte ein
//        $('.content.open .col_wrapper').append(data);
        // Holt die neue Höhe nach dem einfügen, aber vor der Anzeige
        $('.content.open .'+data+'.slide').css({"display":"block"});
        height = $('.open .col_wrapper').height();
        // Setzt die alte Höhe auf den neuen Inhalt
        $('.content.open .'+data+'.slide').css({height:oheight})
        // Fadet von der alten Höhe auf die neue (entsprechend aufwärts oder abwärts)
        $('.content.open .'+data+'.slide').animate({height:height},550, function(){});
        // Slidet den Inhalt von rechts nach innen
        $('.content.open .'+data+'.slide').animate({right:0},300, function(){
          $('.content.open .left_col li.tmp_active').removeClass('tmp_active').addClass('active');
          $('.content.open .col_wrapper').addClass('active');
        });

    }
});

//**
// $.post(
                  // href,
                  // {id:id},
                  // function (data){
                  
                  // Manfred mit Aufruf im Callback zeigen
                  
                    // Holt die alte Höhe
                    // oheight = $('.open .col_wrapper').height() - 23; // Minus Padding des Objects
                    // Entfernt die alten Inhalte
                    // $('.content.open .right_col').remove();
                    // Fügt die neuen Inhalte ein
                    // $('.content.open .col_wrapper').append(data);
                    // Holt die neue Höhe nach dem einfügen, aber vor der Anzeige
                    // height = $('.open .col_wrapper').height();
                    // Setzt die alte Höhe auf den neuen Inhalt
                    // $('.content.open .slide').css({height:oheight})
                    // Fadet von der alten Höhe auf die neue (entsprechend aufwärts oder abwärts)
                    // $('.content.open .slide').animate({height:height},550, function(){});
                    // Slidet den Inhalt von rechts nach innen
                    // $('.content.open .slide').animate({right:0},300, function(){
                      // $('.content.open .left_col li.tmp_active').removeClass('tmp_active').addClass('active');
                      // $('.content.open .col_wrapper').addClass('active');
                    // });
                    
                  // }
                  //