Make entire header link to homepage

Half of my header is already clickable, but the left side, where the text overlaps the image, isnt. I already managed to make the text unselectable, but couldn?t find how to make the entire text field a link. Do you have any ideas?

EDIT: Just to clarify, I want the other half to act the same way as the right half, by linking to the homepage and possibly showing the hand (hovering over link) cursor too.

My website: https://www.caveam.nl

My Theme: Twenty eleven

No plugins used

My custom style.css (in a child theme):

@import url("../twentyeleven/style.css");

#branding {
	border-top: 0px !important; //geen lijn boven header foto
	-moz-user-select: -moz-none; //deselect alles
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#branding hgroup {position: absolute; top: 0px;} //tekst en zoekveld over foto
#page {margin-top:10px;} //andere hoogte vanaf begin

a:hover {color:#FFF !important;}

#site-title,
#site-title a {
	margin-top: 120px;
	width: 100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	color: #FFF;
}