jQuery(function() {
   	$("#kontaktform").validate({
		submitHandler: function(form) {
			$("#kontaktform").hide(700);
			
			$("#kontaktform").ajaxSubmit({ target: "#forminfo" });
		},
		rules: {
			vorname: {
				required: true
			},
			nachname: {
				required: true
			},
			mail: {
				required: true,
				email: true
			},
			nachricht: {
				required: true
			}

		},
		messages: {
			vorname: {
				required:"Bitte geben Sie einen Vornamen ein."
				},
			nachname: {
				required:"Bitte geben Sie einen Nachnamen ein."
				},
			mail: {
				required:"Bitte geben Sie eine E-Mail Adresse ein.",
				email:"Bitte verwenden Sie eine gültige E-Mail Adresse."
				},
			nachricht: {
				required:"Bitte geben Sie eine Nachricht ein."
				}			
		},
		errorElement: "li",
 
        errorPlacement: function(error, element) {
            error.addClass('message');
			error.insertAfter("#formerror");  // add a class to the wrapper
        }
	});


});