// JavaScript Document

            jQuery(function() {
                                                                  
           jQuery(".bereich").mouseenter(function() {
		        jQuery(".content", this).stop();                  
		        jQuery(".content", this).animate({
		            "top":"0px",
					"height":"201px"
		          },300);		  
            });

			 jQuery(".bereich").mouseleave(function() {
		        jQuery(".content", this).stop();                  
		        jQuery(".content", this).animate({
		            "top":"57px",
					"height":"144px"
		          },300);	        
            });

		    jQuery(".content").mouseenter(function() {
		        jQuery(".text", this).stop();                  
		        jQuery(".text", this).animate({
		            "top":"21px",
					"color":"#ffffff"
		          },300);	        
            });
 
             jQuery(".content").mouseleave(function() {
                jQuery(".text", this).stop(); 
		        jQuery(".text", this).animate({
		            "top":"148px",
					"color":"#13384e"
                  },300); 
            });

	    });