@charset "utf-8";

html, body {
	height: 100%;
}

body {
	background:url(../img/bg_home.jpg) repeat-x #425003;
}

#wrapper {
	background: url(../img/home_image.jpg) no-repeat top center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -196px; /*De bottom margin is de negatieve value van de #footer height. Dit zorgt samen met .pushFooter dat de footer altijd tegen de onderkant van de browser plakt */
}

#homeTitle
{
	height:142px;
	width: 429px;
	float: left;
	}
#homeCMlogo
{
	width: 71px;
	height:71px;
	float:left;
	}
#wedstrijd
{
	width: 222px;
	height:220px;
	float: right;
	margin-top: 16px;
	}
#bezoekBos
{
	width: 193px;
	height:195px;
	margin-left: 402px;
	margin-top: 25px;
	}
	
ul#buttons
{
	margin: 0;
	padding: 0;
	list-style:none;
	margin-top: 48px;
	}

ul#buttons li
{
	float: left;
	padding: 0;
	margin:0;
	list-style:none;
	}
ul#buttons li.mid
{
	margin-left: 4px;
	margin-right: 4px;
	}

ul#buttons li a
{
	display: block;
	width: 313px;
	height: 147px;
	overflow:hidden;
	}

.pushFooter {
	height: 196px; /*Gelijk aan height van de #footer (padding + height) */
}



/* FOOTER
===================================================================================================*/
#footer {
	text-align:center;
	color: #82940c;
	background: url(../img/footerhome_bgpattern.gif) repeat-x left top;
	height: 196px;
}
#footerContent {
	background:url(../img/footerhome_bg.gif) no-repeat top center;
	height: 86px;
	padding-top: 110px;
}
#footer a, #footer a:active, #footer a:visited, #footer a:link {
	color: #bad411;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}