@charset "UTF-8";
/* Home CSS Document */

#menu, #date, #empty01, #day-counter, #menu-supp, #water, #cfa, #scores, #cfa2, #program, #program-bottom {
	position:absolute;
}

#wrapper {
	height: 2860px;
	margin-bottom: 25px;
}

#meta-bottom {
	width: 845px;
	height: 20px;
	color: #999;
	font-size: 11px;
	text-align: right;
	position: absolute;
	top: 2840px;
	margin-top:10px;
}

#menu {
	width: 580px;
	height: 145px;
	top: 0;
	left: 0px;
	background: url(../img/menu.jpg) no-repeat top left;
}

#date {
	width: 145px;
	height: 145px;
	top: 0;
	left: 580px;
	background: url(../img/nl_date.gif) no-repeat top left;
}

#empty01 {
	width: 145px;
	height: 145px;
	top: 0;
	left: 725px;
	background: url(../img/empty.gif) no-repeat top left;
}

#day-counter {
	width: 145px;
	height: 145px;
	top: 145px;
	left: 290px;
	background: url(../img/nl_day01.gif) no-repeat top left;
}

#menu-supp {
	width: 145px;
	height: 145px;
	top: 145px;
	left: 435px;
	background: url(../img/menu-supp.jpg) no-repeat top left;
}

#water {
	width: 145px;
	height: 145px;
	top: 145px;
	left: 580px;
	background: url(../img/water.jpg) no-repeat top left;
}

#cfa {
	width: 145px;
	height: 145px;
	top: 145px;
	left: 725px;
	background: url(../img/nl_cfa.gif) no-repeat top left;
}

#cfa2 {
	width: 290px;
	height: 145px;
	top: 145px;
	left: 0px;
	background: url(../img/nl_cfa2-links.gif) no-repeat top left;
}

#program {
	width: 555px;
	/*height: 370px;*/
	top: 290px;
	left: 0px;
	padding: 30px 0 35px 25px;
	background-color: #85c1bb;
	background: url(../img/programma_top.gif) #85c1bb no-repeat top left;
}

#program .title {
	margin-bottom: 20px;
}

#program-bottom {
	background-color: #a1c7ba;
	background: url(../img/programma_bottom.gif) #a1c7ba no-repeat top left;
	width: 580px;
	height:35px;
	bottom: 0px;
	left: 0px;
}

#program a {
	color: #0c4d64;
	text-decoration: none;
}

#program h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 0 -10px;
}

#program td {
	line-height: 14px;
	padding: 3px 0 3px 10px;
}

#scores {
	width: 278px;
	height: 405px;
	top: 290px;
	left: 580px;
	padding: 30px 0 0 20px;
	background: url(../img/nl_scores-big.gif) no-repeat top left;
}

#filler {
	width: 290px;
	top: 725px;
	left: 580px;
	height: 2111px;
	position: absolute;
	background-color: #394b93;
}

#filler-top {
	height: 15px;
	width: 290px;
	top: 0;
	position: absolute;
	background: url(../img/filler-top.jpg) #394b93 top left no-repeat;
}

#filler-bottom {
	height: 15px;
	width: 290px;
	bottom: 0;
	position: absolute;
	background: url(../img/filler-bottom.jpg) #394b93 top left no-repeat;
}


/*---- BUTTONS ------*/
#menu span {
	display: none;
}

#scores span {
	display: none;
}

#program span {
	display: none;
}

#btn-home a {
	display: block;
	width: 78px;
	height: 30px;
	top: 93px;
	left: 66px;
	background: url(../img/nl_btn-home.png) no-repeat;
	cursor: pointer;
	position: absolute;
}

#btn-home a:hover {
	background-position: 0 -30px;
}

#btn-programma a {
	display: block;
	width: 135px;
	height: 30px;
	top: 93px;
	left: 147px;
	background: url(../img/nl_btn-programma.png) no-repeat;
	cursor: pointer;
	position: absolute;
}

#btn-programma a:hover { 
  background-position: 0 -30px;
}

#btn-uitslagen a {
	display: block;
	width: 116px;
	height: 30px;
	top: 93px;
	left: 285px;
	background: url(../img/nl_btn-uitslagen.png) no-repeat top left;
	cursor: pointer;
	position: absolute;
}

#btn-uitslagen a:hover { 
  background-position: 0 -30px;
}

#btn-winactie a {
	display: block;
	width: 111px;
	height: 30px;
	top: 93px;
	left: 404px;
	background: url(../img/nl_btn-winactie.png) no-repeat top left;
	cursor: pointer;
	position: absolute;
}

#btn-winactie a:hover { 
  background-position: 0 -30px;
}

/* ----- KLEINE BUTTONS -----*/

#btn-uitslag a {
	display: block;
	width: 99px;
	height: 25px;
	bottom: 20px;
	right: 20px;
	background: url(../img/nl_btn-alle-uitslagen.jpg) no-repeat top left;
	cursor: pointer;
	position: absolute;
}

#btn-uitslag a:hover { 
  background-position: 0 -25px;
}