/* General */
@import url(default.css);

/* Specific */

#main
{
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -60px;
}

.center
{
	width: 950px;
	margin: 0px auto;
}

#header
{
	position: relative;
	height: 220px;
	background: url('/images/header.gif') no-repeat 50px 35px;
	z-index: 10;
}

#logo
{
	position: absolute;
	top: 30px;
	left: 50px;
}

#logo img
{
	width: 210px;
	height: 85px;
}

#content
{
	position: relative;
	/*margin-top: 40px;*/
	padding-bottom: 60px;
}

#footer
{
	clear:both;
	width: 100%;
	font-size: 0.9em;
	background-color: #f3f3f3;
}
#footer,
#footerPush
{
	height: 60px;
}
.article
{
	margin: 20px 0px 0px 0px;
}

 .alignLeft
{
	float: left;
}

.alignRight
{
	float: right;
}

/* Pagination */

.pagination
{
	float: left;
	width: 100%;
	margin: 20px 0px;
}

.pagination .first,
.pagination .last,
.pagination .results,
.pagination .button span
{
	display: none;
}

.pagination .previous,
.pagination .next
{
	float: left;
	width: 25%;
}

.pagination .selection
{
	float: left;
	width: 50%;
	margin: 5px 0px 0px 0px;
	text-align: center;
}

.pagination .selection a
{
	text-decoration: none;
}

.pagination .selection a:hover
{
	text-decoration: underline;
}

.pagination .selection b
{
	color: #0053a0;
	font-weight: normal;
}

.pagination .selection .separator
{
	margin: 0px 5px;
}

.pagination .previous a
{
	display: block;
	width: 134px;
	height: 26px;
	background: url('/images/previous.gif') no-repeat top left;
}

.pagination .previous a:hover
{
	background-position: bottom left;
}

.pagination .next a
{
	display: block;
	float: right;
	width: 134px;
	height: 26px;
	background: url('/images/next.gif') no-repeat top left;
}

.pagination .next a:hover
{
	background-position: bottom left;
}

/* Main menu */

.menuMain
{
	position: relative;
	padding: 126px 0px 0px 2px;
	width: 100%;
	height: 41px;
}

.menuMain ul
{
	position: relative;
	float: left;
	background-color: white;
}

.menuMain ul li
{
	position: relative;
	float: left;
	text-align: center;
}

.menuMain ul li.spacer
{
	width: 1px;
	height: 41px;
	background: url(/images/menu_spacer.gif) no-repeat;
}

.menuMain ul li a
{
	display: block;
	width: 117px;
	height: 30px;
	padding: 11px 0px 0px 0px;
	color: #656565;
	font-weight: bold;
	background: url(/images/menu_button.gif) repeat-x;
	text-decoration: none;
	overflow: hidden;
}

.menuMain ul li.first a
{
	background: url(/images/menu_button_first.gif) no-repeat;
}

.menuMain ul li.last a
{
	background: url(/images/menu_button_last.gif) no-repeat;
}

.menuMain ul li a:hover
{
	color: #0053a0;
	background-position: 0px -41px;
}

.menuMain ul li.active a
{
	color: white;
	background-position: 0px -82px;
}

/* Submenu */

.menuMain ul.depth1
{
	display: none;
	font-size: 11px;
}

.menuMain ul ul
{
	position: absolute;
	top: 39px;
	left: -1px;
	width: 117px;
	padding: 10px 0px 0px 0px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

.menuMain ul ul	li
{
	float: none;
	background: white;
	width: 117px;
	overflow: hidden;
}

.menuMain ul ul	li.spacer
{
	display: none;
}

.menuMain ul ul	li.bottom
{
	position: absolute;
	bottom: -11px;
	left: -1px;
	width: 119px;
	height: 11px;
	background: url(/images/menu_sub_bottom.png) no-repeat;
}

.menuMain ul ul	li a
{
	width: auto;
	height: auto;
	margin: 0px 10px;
	padding: 5px 0px;
	text-align: left;
	background: transparent !important;
	color: #656565 !important;
	font-weight: normal !important;
}

.menuMain ul ul	li a:hover
{
	background: transparent;
	color: #0053a0 !important;
}

/* Search */

.searchQuery
{
	position: absolute;
	top: 80px;
	right: 47px;
	height: 26px;
}

.searchQuery .item,
.searchQuery .elementSubmit
{
	float: left;
}

.searchQuery .element
{
	width: 146px;
	height: 21px;
	margin: 2px 0px;
	background: url('/images/search_bg.gif') no-repeat;
}

.searchQuery .elementText
{
	margin: 1px 5px;
	border: none;
	background: transparent;
}

.searchQuery .elementSubmit
{
	margin: -2px 0px 0px 6px;
}

.searchQuery input.elementSubmit
{
	display: none;
}

.searchQuery a
{
	display: block;
	width: 77px;
	height: 29px;
	background: url('/images/search.gif') no-repeat top left;
}

.searchQuery a:hover
{
	background-position: bottom left;
}

.searchQuery a span
{
	display: none;
}

/* Page crumbs */

.pageCrumbs
{
	position: absolute;
	top: 185px;
	left: 15px;
	width: 100%;
}

.pageCrumbs ul
{
	position: relative;
	float: left;
}

.pageCrumbs ul li
{
	position: relative;
	float: left;
	color: #b4b4b4;
}

.pageCrumbs ul li.crumb
{
	top: -2px;
}

.pageCrumbs ul li.spacer
{
	width: 9px;
	height: 15px;
	margin: 0px 15px;
	background: url('/images/arrow.gif') no-repeat;
}

.pageCrumbs ul li a
{
	display: block;
}

.pageCrumbs ul li a:hover
{
	color: #0053a0;
}

.pageCrumbs ul li.crumb2 a
{
	display: block;
	width: 10px;
	height: 15px;
	background: url('/images/home_off.gif') no-repeat 0px 3px;
}

.page3 .pageCrumbs ul li.crumb2 a
{
	background-image: url('/images/home_on.gif');
}

.pageCrumbs ul li.crumb2 span,
.pageCrumbs ul li.crumb3 span
{
	display: none;
}

/* Zoom */

.pageZoom
{
	position: absolute;
	top: 185px;
	right: 15px;
}

.pageZoom
{
	float: right;
	font-size: 8pt;
}

.pageZoom .textSizeActive,
.pageZoom .textSize:hover
{
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

.pageZoom #textSize1
{
	font-size: 1em;
}

.pageZoom #textSize2
{
	font-size: 1.15em;
}

.pageZoom #textSize3
{
	font-size: 1.5em;
}

/* Page */

.page3 .pageDefault
{
	display: none;
}

.pageDefault,
.pageHome
{
	float: left;
	margin: 0px 0px 80px 0px;
}

.pageDefault .column
{
	float: left;
	min-height: 500px;
}

.pageDefault .left
{
	width: 219px;
}

.pageDefault .left ul
{
	margin: 40px 15px 0px 0px;
}

.pageDefault .left ul li
{
	padding: 0px 15px 10px 0px;
	text-align: right;
	font-weight: bold;
	background: url('/images/square_orange.gif') no-repeat right 6px;
}

.pageDefault .left ul li.active
{
	background: url('/images/square_grey.gif') no-repeat right 6px;
	color: #b4b4b4;
}

.pageDefault .left ul li a
{
	text-decoration: none;
}

.pageDefault .left ul li a:hover
{
	color: #0053a0;
}

.pageDefault .left ul li.active	a
{
	color: #b4b4b4;
}

.pageDefault .left ul li ul
{
	margin: 5px 0px 0px 0px;
}

.pageDefault .left ul li ul li
{
	padding: 2px 0;
	margin:0;
	font-weight: normal;
	font-style:italic;
	background: none;
	font-size: 0.8em;
}

.pageDefault .left ul li.active ul li a
{
	color: #5B5B5B;
}

.pageDefault .left ul li.active ul li.active
{
	background: none;
}

.pageDefault .left ul li.active ul li.active a
{
	color: #b4b4b4;
}

.pageDefault .right
{
	width: 700px;
	padding: 0px 15px;
	border-left: 1px solid #ececec;
}

.pageDefault .double
{
	width: 100%;
}

.pageDefault .right h1,
.pageDefault .double h1
{
	margin: 0px 0px 15px 0px;
	color: #fe730e;
	font-size: 2.2em;
	font-weight: bold;
}

.pageDefault .right h2,
.pageDefault .double h2
{
	color: #0053a0;
	font-size: 1.2em;
	margin: 0px 0px 5px 0px;
}

.pageDefault .right img
{
	margin: 0 20px 0 0;
}

.pageDefault .right form
{
	display: block;
}
.pageDefault .right .item .element
{
	margin: 0 0 15x 0;
}

.pageDefault .link
{
	padding: 0px 0px 0px 12px;			
	background: url('/images/square_grey.gif') no-repeat left 7px;
}

.pageDefault ul
{
				
}

.pageDefault ul li
{
	margin-left: 15px;
	list-style-image: url('/images/square_grey.gif');
}


.pageDefault .idealIngbasic
{
	margin-top: 20px;
}

/* Forms */

.formDefault
{
	margin: 20px 0px 0px 0px;
}

/* Search */

.searchSearch .results
{
	margin: 0px 0px 15px 0px;			
}

.searchSearch .link
{
	padding: 0px 0px 0px 12px;			
	background: url('/images/square_grey.gif') no-repeat left 7px;
}

/* News */

.textDefault .link
{
	display: none;
}

/* Projects */

.projectDefault .link,
.productDefault .link
{
	display: none;
}

/* Sitemap */

.pageSitemap ul.depth0 li
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 12px;
	background: url('/images/square_grey.gif') no-repeat left 6px;
	font-weight: bold;
}

.pageSitemap ul.depth1
{
	margin: 0px 0px 0px 10px;
}

.pageSitemap ul.depth1 li
{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 15px;
	background: none;
	font-weight: normal;
}

/* Beeldbank */

.userLogin
{
	margin: 20px 0px 0px 0px;
}

.userLogin .elementText,
.userLogin .elementPassword
{
	width: 220px;
}

.userLogin .elementSubmit,
.userLogin .elementCustom span
{
	display: none;
}

.userLogin .elementCustom a
{
	display: block;
	width: 85px;
	height: 26px;
	margin: 10px 0px 0px 0px;
	background: url('/images/login.gif') no-repeat;
}

.userLogin .separator
{
	height: 10px;
}

.imageDefault .articles
{
	float: left;
	width: 100%;
}

.imageDefault .article
{
	float: left;
	margin: 0px 50px 30px 0px;
}

.imageDefault h2
{
	margin: 0px 0px 10px 0px;
	color: #0053a0;
	font-size: 14px;
}

.imageDefault .image
{
	margin: 0px 0px 15px 0px;
}

.imageDefault .link
{
	font-weight: bold;
}

/* Footer */

#guardian,
.menuLegal,
.menuIcon
{
	float: left;
	width: 316px;
}

#guardian
{
	margin: 20px 0px 0px 0px;
}

.menuLegal ul
{
	width: 220px;
	margin: 20px auto;
}

.menuIcon ul
{
	float: right;
	margin: 8px 0px 0px 0px;
}

.menuLegal ul li,
.menuIcon ul li
{
	float: left;
}

.menuLegal ul li.spacer
{
	margin: 0px 5px;
}

.menuLegal ul li a
{
	color: #767676;
}

.menuLegal ul li a:hover,
.menuLegal ul li.active a
{
	color: #0053a0;
}

.menuIcon ul li
{
	margin: 0px 0px 0px 10px;
}

/* Erik's zut */

.questionaire a.button,
form a.button
{
	display:				block;
	width: 					89px;
	height: 				22px;	
	margin:					15px 0px 0px 0px;
	background:				transparent url(../images/send.gif) no-repeat top left;
}

.questionaire a.button.yes
{
	width:					50px;
	background:				transparent url(../images/yes.gif) no-repeat top left;
	float:					left;
}
.questionaire a.button.no
{
	width:					50px;
	background:				transparent url(../images/no.gif) no-repeat top left;
	float:					left;
	margin-left:			25px;
}

.questionaire a.button:hover,
form a.button:hover
{
	background-position:			bottom left;
}

.questionaire a.button span,
form a.button span
{
	display: none;
}

div.buttonSmall
{
	position: 				absolute;
	top:					210px;
	left:					68px;
}

div.buttonSmall a
{
	display: 				block;
	width: 					90px;
	height:					23px;
	background:				url(../images/more_small.gif) no-repeat top left;
}

div.buttonSmallLeft1
{
	top:					200px;
}

div.buttonSmallLeft1 a
{
	background:				url(../images/steunons_small.gif) no-repeat top left;
}

div.buttonSmallLeft2
{
	top:					228px;
}

div.buttonSmallLeft2 a
{
	background:				url(../images/subsidie_small.gif) no-repeat top left;
}

div.buttonSmall a:hover
{
	background-position:			bottom left;
}

/* Landingpage */

div.pageBlock
{
	color:					#fff;
	display:				block;
	float:					left;
	position:				relative;
	width:					220px;
	height:					346px;
	overflow:				hidden;
}

div.pageBlock a
{
	text-decoration:		none;
}

div.pageBlock h2
{
	width:					100%;
	text-align:				center;
	position:				absolute;
	top:					180px;
	font-weight:			normal;
	font-size:				1.8em;
	line-height:			25px;
}

div.pageBlock div.button
{
	
}

div.pageBlockLeft
{
	background:				transparent url(../images/landingpage_left.gif) no-repeat top left;
}

div.pageBlockLeft h2
{
	top:					170px;
}

div.pageBlockMiddle
{
	width:					510px;
}

div.pageBlockMiddle img
{
	position:				absolute;
	top:					15px;
	left:					0;
}

div.pageBlockMiddle #frame
{
	background:				transparent url(../images/landingpage_frame.png) no-repeat top left;
	position:				absolute;
	top:					0;
	left:					0;
	height:					100%;
	width:					100%;
	
}

div.pageBlockMiddle h2
{
	top:					303px;
	left:					35px;
	width:					auto;
	font-size:				2.0em;
}

div.buttonLarge
{
	color:					#0053a0;
	position:				absolute;
	top:					305px;
	right:					45px;
	width: 					116px;
	height: 				22px;
}

div.buttonLarge a
{
	display: block;
	width: 					117px;
	height:					28px;
	background:				url(../images/more_large.gif) no-repeat top left;
}

div.buttonLarge a:hover
{
	background-position:			bottom left;
}

div.pageBlockRight
{
	background:				transparent url(../images/landingpage_right.gif) no-repeat top left;
}


/* Landing page Text blocks */

div.pageTextBlock
{
	float:					left;
	padding:				0 0 0px 15px;
}

div.pageTextBlock.threeCol
{
	width:					31%;
	padding:				70px 2% 20px 0;
	display:				block;
}

div.pageTextBlock p
{
	line-height:			16pt;
	padding:				0;
	margin:					10px 0;
}

div.pageTextBlock a
{
	background:				url(../images/square_grey.gif) no-repeat left center;
	padding-left:			10px;
	font-weight:			bold;
	font-size:				0.9em;
}

div.pageTextBlock a:hover
{
	background:				url(../images/square_blue.gif) no-repeat left center;
	color:					#0053a0;
}

div.pageTextBlock ul
{
	margin-top:				5px;
}

div.pageTextBlock ul li a,
div.pageTextBlock ul li a:hover
{
	background:				none;
	padding: 0px;
}

div.pageTextBlock ul li
{
	padding:				0 0 10px;
}

div.pageTextBlock h3
{
	color:					#0053a0;
	font-size:				1.3em;
}

div.pageTextBlock h4
{
	color:					#949494;
	font-size:				1em;
	font-weight:			normal;
}

div.pageTextBlockLeft,
div.pageTextBlockRight
{
	width:					205px;
	
}

div.pageTextBlockMiddle
{
	padding:				20px 10px 0px 10px;
	width:					490px;
}

div.pageTextBlockMiddle h3
{
	color:					#fe730e;
}

/* Forms */

div.questionaire #elementRequired,
div.questionaire .elementSubmit,
div.formDefault .elementSubmit
{
	display:				none;
}

div.formDefault input,
div.formDefault select,
div.formDefault textarea
{
	width:					300px;
}

.page36 .pageDefault input
{
	text-align:right;
	width:					65px;
}

div.formDefault .elementRadio
{
	width: auto;
}

div.formDefault textarea
{
	height:					150px;
}

/* Downloads */

div.fileList
{
	margin-top:				20px;
}

div.fileList ul li img
{
	vertical-align:			middle;
}

/* Other */

.clearfix
{
	clear:					both;
}