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

div#header h1 a {
	display: block;
	width:100%;
	height:100%;
}

div#header h2 img {
	display:none;
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		BEELD																		###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

#beeld {
	float:left;
	width:306px;
	padding-bottom:70px;
	background-image:url(../images/page/beeld-bg-paars.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
	
}


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

#main-content {
	float:left;
	width:403px;
	padding: 30px 20px 100px 20px;
	font-size:12px;
	line-height: 24px;
}

#klikpad li {
	display:inline;
}

#klikpad li a:link,
#klikpad li a:visited,
#klikpad li a:active,
#klikpad li span {
	text-decoration:none;
	color:#251c5c;
	font-size:11px;
}

#klikpad li a:hover {
	text-decoration: none;
}

/*#klikpad li a:after {
	content: " : ";
}*/

h2#pagtitel {
	font-size: 19px;
	padding-bottom: 4px;
}

#sub-content {
	border-top: 1px solid #752641;
	color:#752641;
	padding-top:5px;
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		SIDEBAR																		###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

#content-wrap {
	background-image:url(../images/sidebar/bg-paars.gif);
	background-repeat:repeat-y;
	background-position:right 0;
	overflow:hidden;
	position:relative;
}

#sidebar {
	float:left;
	width:231px;
	background-color:#752641;
	overflow:hidden;
	padding-bottom:120px;
}


/* ###########		Actiebuttons		###########*/

#acties {
	padding:40px 9px 16px 6px;
	background-color:#e76f00;
	margin-bottom:20px;
}

#acties li {
	width:216px;
	height:31px;
	margin-bottom:14px;
	background-repeat:no-repeat;
	background-position:0 -31px;
	font-size: 16px;
}

#acties li a:link,
#acties li a:visited,
#acties li a:active {
	display:block;
	height:31px;
	line-height:30px;
	color:#ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight:bold;
	padding:0 22px 0 10px;
	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/sidebar/bekijk-alle-programmas.gif);
}

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

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

#sidebar .submap {
	padding: 0 13px 20px 13px;
}

#sidebar .submap * {
	color:#ffffff;
	text-decoration:none;
}

#sidebar .submap a:hover,
#sidebar .submap a:focus {
	text-decoration:underline;
}

#sidebar .submap h4 {
	font-size:13px;
}

#sidebar .submap ul {
	/*background-image:url(../images/sidebar/sitemap-tree.gif);
	background-repeat:repeat-y;
	background-position:0 0;*/
	margin-left: 5px;
}

#sidebar .submap li {
	padding-left: 11px;
	border-left:1px solid #ffffff;
	background-image:url(../images/sidebar/sitemap-branch.gif);
	background-repeat:no-repeat;
	background-position:0 12px;
}

#sidebar .submap li.last {
	border:0;
	background-image:url(../images/sidebar/sitemap-branch-last-paars.gif);
	background-position:0 -5px;
}

#sidebar .submap ul ul{
	margin-left: 2px;
}

#sidebar .publicaties {
	padding:0 0 20px 15px;
}

#sidebar .publicaties *{
	color:#ffffff;
	text-decoration:none;
}

#sidebar .publicaties a:hover,
#sidebar .publicaties a:focus{
	text-decoration:underline;
}

#sidebar .publicaties h4{
	font-size:16px;
	padding-bottom: 3px;
}

/*Publicaties in sidebar en tijdlijn */
.publicaties li{
	padding-left:24px;
	background-image:url(../images/icons/file.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	position:relative;
	left:-5px;
}

.publicaties li.image{	
	background-image:url(../images/icons/image.gif);
}

.publicaties li.pdf{	
	background-image:url(../images/icons/pdf.gif);
}

.publicaties li.excel{	
	background-image:url(../images/icons/excel.gif);
}

.publicaties li.word{	
	background-image:url(../images/icons/word.gif);
}

.publicaties li.powerpoint{	
	background-image:url(../images/icons/powerpoint.gif);
}

#sidebar .banner {
	padding:8px 18px 28px 12px;
}

#sidebar .banner a {
	display:block;
}

#sponsors {
/*	width: 165px;
	right:49px;
	bottom:20px;
	padding:0 0 10px 5px;*/
	background-color:#ffffff;
	width:231px;
	overflow:auto;
	position:absolute;
	right:0px;
	bottom:0px;
	background-image:url(../images/sidebar/sponsorsbg-bordeaux.jpg);
	background-repeat:no-repeat;
}

#sponsors h4, #sponsors h5 {
/*	height:18px;*/	
/*	background-image:url(../images/sidebar/wij-worden-gesteund-door.gif);*/
	height:14px;
	text-indent:-2000em;
	background-image:url(../images/sidebar/wwgd.jpg);
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	top:100px;
	left:13px;
	width:133px;
}
	
#sponsors p {
	float: left;
/*	width:79px;
	height:47px;	*/
	width:87px;
	height:53px;
	margin-bottom:20px;
	margin-top:110px;
}

#sponsors p a {
	display: block;
	text-indent: -2000em;
	width:100%;
	height:100%;
}

#sponsors p#npl {
/*	background-image:url(../images/sidebar/nationale-postcode-loterij.gif);*/
	background-image:url(../images/sidebar/npl-small.jpg);
	background-repeat:no-repeat;
	margin-left:16px;
	
}

#sponsors p#lotto {
	margin-left:26px;
/*	background-image:url(../images/sidebar/lotto.gif);*/
	background-image:url(../images/sidebar/lotto-small.jpg);
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		IMAGE VIEWER																###########*/
/* ###########																					###########*/
/* ########################################################################################################*/


/* Uitgecommentarieerde properties worden in jQuery gezet. */

#thumbnav {
	overflow:auto;
	margin-bottom: 20px;
}

#thumbnav h5 {
	font-size: 13px;
}

#thumbnav #jhThumbSlide-viewer {
	padding-top:13px;
}

#thumbnav #jhThumbSlide-prev, 
#thumbnav #jhThumbSlide-next {
	width: 20px;
	float:left;
	background-color:#752641;
	background-repeat:no-repeat;
	background-position:2px 50%;
}

#thumbnav #jhThumbSlide-prev {
	/*border-right: 3px solid #ffffff;*/
	background-image: url(../images/page/prev-paars.gif);
}

#thumbnav #jhThumbSlide-next {
	/*border-left: 3px solid #ffffff;*/
	background-image: url(../images/page/next-paars.gif);
}

#thumbnav #jhThumbSlide-prev a, 
#thumbnav #jhThumbSlide-next a {
	display:block;
	width: 20px;
	/*height:56px;*/
	text-indent:-2000em;	
}

.jhThumbSlide-disabled {
	background-image:none !important;
}

.jhThumbSlide-disabled a{
	display: none !important;
}

#thumbnav #jhThumbSlide-viewport {
	/*height:56px;
	width: 348px;*/
	overflow: hidden;
	position:relative;
	float: left;
}

#thumbnav ul{
	/*height:56px;*/
	position:absolute;
	left:0; top:0;
	/*display:none;*/
}

#thumbnav li {
	/*height:56px;*/
	float: left;
	/*margin-right:3px;*/
}

#thumbnav li a {
	display: block;
}

#thumbnav li a img{	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0.0;
	-moz-opacity: 0.0;
	opacity: 0.0;
	
}

#thumbnav li a:hover img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-khtml-opacity: 1 !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

#thumbnav li.last {
	margin-right:0px !important;
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		SHARE																		###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

#share {
	background-image:url(../images/page/share-bg.gif);
	background-repeat:repeat-x;
	background-position:0 30px;
	overflow:auto;
}

#share h5{
	font-size: 13px;
}

#share p{
	float: left;
	width: 165px;
	font-size:11px;
	margin:0 15px 0 26px;
	padding:12px 0;
}

#share div{
	float: left;
	width: 165px;
	font-size:11px;
	padding:12px 0;
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		FOOTER																		###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

#footer {
	margin-top:12px;
	clear: both;
}