$(document).ready(function() {
	$('#hint0').css('display','none');
	$("#kleiner").mouseover(function () {
	      $('#hint1').css('display','block');
	    });
	$("#kleiner").mouseout(function () {
      $('#hint1').css('display','none');
    });
	$("#normal").mouseover(function () {
	      $('#hint2').css('display','block');
	    });
	$("#normal").mouseout(function () {
      $('#hint2').css('display','none');
    });
	$("#gross").mouseover(function () {
	      $('#hint3').css('display','block');
	    });
	$("#gross").mouseout(function () {
      $('#hint3').css('display','none');
    });
	$("#kontrast").mouseover(function () {
	      $('#hint4').css('display','block');
	    });
	$("#kontrast").mouseout(function () {
      $('#hint4').css('display','none');
    });
	
	function wrapperheight() {
		var a = $(window).height();
		var b = $('#content').height();
		var c = 85 + b;
		var d = c+'px';
		if (c > a) $('#wrapper').css({'height': d});
	}
	wrapperheight();
	
	/*
	$('#wrapper').css({"height": "$(window).height()+ 'px'"});
	$(window).resize(function() {
	  wrapperheight();
	});
	$(window).resize(function() {
	  $('body').prepend('<div>' + $(window).height() + '</div>');
	});
	*/
	
});