/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		HEADER																		###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

div#header h2 {
	background-image:url(../images/header/payoff-1.gif);
	text-indent:-2000em;
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		MAIN CONTENT																###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

#main-content{
	overflow:auto;
}


/* ########################################################################################*/
/* ###########		Beeld etalage												###########*/
/* ########################################################################################*/

#beeldetalage {
	float:left;
	width:644px;
	height:424px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}

#beeld {
	width:644px;
	height:424px;
}

#beeldetalage #nav-bg {
	position:absolute;
	left:0;
	bottom:0;
	height: 25px;
	width:644px;
	background-color:#FFFFFF;
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	
}

#beeldetalage ul {
	position:absolute;
	left:0;
	bottom:0;
	height: 25px;
	width:644px;
	z-index: 100;
	overflow:hidden;
	
}

#beeldetalage ul li{
	float: left;
	width: 160px;
	height: 25px;
}

#beeldetalage ul li a:link,
#beeldetalage ul li a:visited,
#beeldetalage ul li a:active {
	display: block;
	padding-left: 8px;
	color:#7f7e85;
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
}

#beeldetalage ul li a:hover,
#beeldetalage ul li a:focus {

}

#beeldetalage ul li a.activeSlide:link,
#beeldetalage ul li a.activeSlide:visited,
#beeldetalage ul li a.activeSlide:active {
	color:#251c5c;
}

#beeldetalage ul li a.activeSlide:hover,
#beeldetalage ul li a.activeSlide:focus {

}

#beeldetalage #tekst {
	position:absolute;
	left:0;
	bottom:25px;
	z-index:110;
	width:644px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.70;
	-moz-opacity: 0.70;
	opacity: 0.70;
}

#beeldetalage #tekst p {
	display: none;
	background-color:#FFFFFF;
	font-size:26px;
	font-weight: bold;
	line-height:30px;
	padding: 13px 120px 22px 10px;
}

#beeldetalage #tekst p span {
	background-color:#0092dd;
	color:#FFFFFF;
	font-size: 12px;
	padding:2px;
}

/* ########################################################################################*/
/* ###########		Sidebar	(Mission, Actieknoppen, Twitter)					###########*/
/* ########################################################################################*/

#sidebar {
	float:left;
	width: 336px;
	height:424px;
	background-color:#e76f00;
	overflow:hidden;
}

/*################# Mission			##################################*/

p#mission {
	color:#ffffff;
	padding:15px 20px 24px 35px;
	height:68px;
	overflow:hidden;
}


/*################# Aktieknoppen	##################################*/

#acties {
	padding:0 7px 0 7px;
}

#acties li {
	width:322px;
	height:44px;
	margin-bottom:25px;
	background-repeat:no-repeat;
	background-position:0 -44px;
	font-size: 22px;
}

#acties li a:link,
#acties li a:visited,
#acties li a:active {
	display:block;
	height:44px;
	line-height:42px;
	color:#ffffff;
	text-decoration:none;
	font-size: 22px;
	font-weight:bold;
	padding:0 30px;
	text-indent:-2000em;
}

#acties li a:hover,
#acties li a:focus {
	background-image:none !important;
}

#acties li#bekijk-alle-programmas,
#acties li#bekijk-alle-programmas a {
	background-image:url(../images/home/bekijk-alle-programmas.gif);
}

#acties li#doe-een-aanvraag,
#acties li#doe-een-aanvraag a {
	background-image:url(../images/home/doe-een-aanvraag.gif);
}

#acties li#steun-het-oranjefonds,
#acties li#steun-het-oranjefonds a {
	background-image:url(../images/home/steun-het-oranjefonds.gif);
}


/*################# Twitter		##################################*/

#twitter {
	background-color:#0092dd;
	border-top:1px solid #0092dd;
	height: 111px;
	position:relative;
}

#twitter h5 {
	width:98px;
	height:105px;
	background-image:url(../images/home/twitter-logo.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	text-indent:-2000em;
}

#twitter p {
	width: 222px;
	height:68px;
	padding:4px 6px 9px 6px;
	background-image:url(../images/home/twitter-txt-bg.gif);
	background-repeat:no-repeat;
	margin-left:93px;
	margin-top:5px;	
	line-height: 17px;
}

#twitter div {
	width:235px;
	height:26px;
	position:absolute;
	right:0; bottom:0;
}

#twitter div a:link,
#twitter div a:visited,
#twitter div a:active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#twitter div a:hover {
	text-decoration:underline;
}

#twitter div span{
	padding-left: 50px;
	font-weight:bold;
}


/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		SECONDARY CONTENT															###########*/
/* ###########																					###########*/
/* ########################################################################################################*/
#secondary-content{
	overflow:hidden;
	border-top: 2px solid #ffffff;
}

#beschermpaar {
	float:left;
	width:145px;
	height: 255px;
	overflow:hidden;
}

#specials {
	float:left;
	width: 484px;
	margin:10px 8px 0 8px;
	overflow:hidden;
}

#specials ul.tabs {
	overflow:auto;
}

#specials ul.tabs li {
	float: left;
	width: 130px;
	height: 34px;
	margin-right:6px;
	background-image:url(../images/home/specials-tabs.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
	cursor:pointer;
	padding:0 10px;
	line-height:32px;
	font-size: 14px;
	color:#0092dd;
	font-weight:bold;
	letter-spacing:-1px;
}

#specials ul.tabs li.hilite {
	background-position:0 -34px;
}

#specials #panes {
	width: 484px;
	height:210px;
	background-image:url(../images/home/specials-bg.gif);
	background-repeat:repeat-x;
	position:relative;
}

#specials #panes div.pane{
	width: 484px;
	height:210px;
	background-image:url(../images/home/specials-bg-rgt-top.gif);
	background-repeat:no-repeat;
	background-position:right top;
	position:absolute;
	left:0; top:0;
	overflow:hidden;
}

#specials #panes div.tab-2,
#specials #panes div.tab-3{
	display:none;
}

#specials div.content {
	padding:11px 12px 0 4px;
}

#specials div.content a:link,
#specials div.content a:visited,
#specials div.content a:active {
	text-decoration:none;
	color:#251c5c;
}

#specials div.content a:hover,
#specials div.content a:focus {
	text-decoration:underline;
}

#specials div.content .inner {
	background-color:#cce9f8;
	padding:5px 4px 15px 4px;
	overflow:auto;
}

#specials div.content .img-col {
	float: left;
	height:210px;
	margin-right: 10px;
}

#specials div.content .txt-col {
	float: left;
	height:210px;
	width: 295px;
}

#specials .tab-3 div.content .txt-col {
	width:370px;
}

#specials div.content h3 {
	font-size:12px;
	line-height:12px;
	padding-bottom:5px;
	color:#0092dd;
}

#specials .tab-3 div.content h3 {
	padding-left: 70px;
}

#specials div.content ul.newslist,
#specials div.content ul.agenda  {
	padding-bottom:10px;
}

#specials div.content ul.newslist li {
	}

#specials div.content ul.newslist li a{
	padding-left:10px;
	margin-left:15px;
	background-image:url(../images/home/specials-arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}
#specials div.content ul.agenda li {
	
}

#specials div.content ul.agenda li span{
	padding-right: 15px;
	display: block;
	float:left;
}

#specials div.content ul.agenda li a{
	padding-left: 10px;
	background-image:url(../images/home/specials-arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}


#specials div.other a:link,
#specials div.other a:visited,
#specials div.other a:active {
	display:inline-block;
	height: 14px;
	line-height:14px;
	background-image:url(../images/home/specials-other-bg.gif);
	background-repeat:no-repeat;
	padding-left: 10px;
	margin:3px 0;
}

#specials a.more:link,
#specials a.more:visited,
#specials a.more:active {
	background-color:#0092dd;
	color:#ffffff !important;
	font-weight:bold;
	text-decoration:none !important;
	padding:0 0 1px 10px;
	white-space:nowrap;
}

#specials a.more:hover {
	background-color: transparent;
	color:#0092dd !important;
}

#specials a.more span,
#specials a.more:hover span{
	color:#0092dd;
}


#sponsors {
	float:left;
	width: 335px;
	background-image:url(../images/home/sponsors-bg.gif);
	background-repeat:repeat-x;
	overflow:auto;
}

#sponsors h5 {
	height:14px;
	text-indent:-2000em;
	background-image:url(../images/home/sponsors-hdr.gif);
	background-repeat:no-repeat;
	margin:19px 0 30px 9px;
}

#sponsors p {
	float: left;
	margin:0 20px 0 30px;
	background-repeat:no-repeat;
}

#sponsors p#npl {
	width:119px;
/*	height:69px;*/
	height:74px;
/*	background-image:url(../images/home/nationale-postcode-loterij.gif);*/
	background-image:url(../images/home/npl.gif);

}

#sponsors p#npl a {
	display:block;
	width:119px;
/*	height:69px;*/
	height:74px;
	text-indent: -2000em;
	
}

#sponsors p#lotto {
	width:107px;
	height:73px;
	background-image:url(../images/home/lotto.gif);
}

#sponsors p#lotto a {
	display:block;
	width:107px;
	height:73px;
	text-indent: -2000em;
}
