html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***************************
COLORCHART

454545	gray font
F27900	orange
EE9032	orange light
****************************/


/*	SITEWIDE	*/

body {
	background: white url(/image/body_bg.gif) repeat-x;
	font-family: Arial, Verdana, sans-serif;
	font-size: 70%;
	line-height:1.5em;
	color: #454545;
}
	body.overlay {
		background: #FFFFFF;
	}


strong {
	font-weight: bold;
}

a:link, a:visited {
	color: #F27900;
	text-decoration: none;
}
a:hover, a:active {
	color: inherit;
	text-decoration: underline;
}


/*	CONTAINER	*/

#container {
	width: 950px;
	margin: 0 auto;
}
	
	/*	HEADER	*/
	#header {
	}
	
		#header ul {
			display: block;
			padding: 0;
			margin: 0;
			float: right;
			background: transparent url(/image/sponsor-seperator.gif) no-repeat left center;
		}
			#header ul li {
				float: left;
				background: transparent url(/image/sponsor-seperator.gif) no-repeat right center;
			}
					
			#header ul li a {
				display: block;
				background: transparent url(/image/logos.gif) no-repeat;
				height: 52px;
				margin: 0 15px;
				text-indent: -999em;
			}
				#header ul li a.glaxo {
					background-position: 0px -200px;
					width: 86px;
				}
				#header ul li a.webinvent {
					background-position: 0px -259px;
					width: 305px;
				}
				#header ul li a.librium {
					background-position: 0px -318px;
					width: 69px;
				}
				#header ul li a.fox {
					background-position: -83px -318px;
					width: 125px;
				}

		p#logo {
			width: 307px;
			height: 52px;
			background:  url(/image/interface.gif) no-repeat;
			text-indent: -999em;
			float: left;
		}
		p#bannerbar {
			width: 635px;
			height: 52px;
			float: left;
		}
		
		p#bannerbar a {
			float: right;
		}
		
		p#bannerbar span.teaser {
			float: left;
			color: #F27900;
			padding-left: 20px;
		}
		
		p#bannerbar span.teaser a {
			float: none;
			text-decoration: underline;
		}
		
		#movieheader {
			width: 950px;
			height: 122px;
			margin: 0 0 20px 0;
			padding: 85px 0 0 0;
			clear: both;
			background: url(/image/movieheader.jpg) no-repeat;
			position: relative;
		}
			a#play:link, a#play:visited, #playTeaser {
				position: absolute;
				left: 445px;
				top: 85px;
				display: block;
				width: 60px;
				height: 60px;
				background: url(/image/png.png) no-repeat 0px -178px;
				text-indent: -999em;
				cursor: pointer;

			}
			a#play:hover, a#play:active {
				background: url(/image/png.png) no-repeat 0px -238px;
			}
			
			#playTeaser {
				display: none;
				background: url(/image/png.png) no-repeat 0px -238px;
			}
	
	/*	WRAPPER	*/
	#wrapper {
		overflow: auto;
	}
	
		#sidebar {
			width: 300px;
			float: left;
		}
			
			a#bigbutton:link, a#bigbutton:visited {
				display: block;
				width: 300px;
				height: 89px;
				margin: 0 0 20px 0;
				background: url(/image/png.png) no-repeat 0px 0px;
				text-indent: -999em;
			}
			a#bigbutton:hover, a#bigbutton:active {
				background: url(/image/png.png) no-repeat 0px -89px;
			}
			#madepossibleby {
				margin: 0 0 20px 0;
			}
				#madepossibleby div.rabo, #madepossibleby div.ing {
					float: left;
					display: inline;
					width: 20px;
					height: 27px;
					margin: 0 20px 5px 95px;
					background: url(/image/logos.gif) no-repeat scroll 0px -46px;
					text-indent: -999em;
				}
				#madepossibleby div.ing {
					margin: 3px 0 0 0;
					width: 75px;
					height: 18px;
					background: url(/image/logos.gif) no-repeat scroll -105px -46px;
			}
				#madepossibleby div.text {
					clear: both;
					bacground: yellow;
					text-align: center;
				}
				
			#eurometer {
				margin: 0 0 0 1px;
			}
			
			#veertigjaar {
					display: block;
					margin: 1em 0 0 0; 
					background: url(/image/logos.gif) no-repeat scroll 90px 0px;
					height: 44px;
					text-indent: -999em;
				}

		#content {
			width: 625px;
			float: right;
		}
			#intro {
				background: white url(/image/kader_bg_round.gif) no-repeat;
				padding: 15px 15px 0 15px;
				/*overflow: auto;*/
				margin: 0 0 20px 0;
			}
				#intro h1 {
					width: 154px;
					height: 23px;
					margin: 0 0 8px 0;
					background: url(/image/h1s.gif) no-repeat 0px -168px; 
					text-indent: -999em;
				}
				#intro span.jubileumacties {
					display: block;
					background: url(/image/h1s.gif) no-repeat scroll 0 -191px;
					width: 286px;
					height: 23px;
					float: right;
					text-indent: -999em;
				}
				#intro span {
					display: block;
					overflow: auto;
				}
				#intro div {
					width: 285px;
					float: left;
				}
				#intro div.right {
					float: right;
				}
				
				#intro span.bottom {
					display: block;
					clear: both;
					height: 9px;
					margin: 0 -15px;
					background: url(/image/kader_bg_round_bottom.gif) no-repeat;
					overflow: hidden;
				}
			
			
			#reacties {
				
			}
				#reacties ul li {
					border-bottom: 1px dotted #D2D2D2;
					overflow: auto;
					margin: 0 0 10px 0;
					padding: 0 15px 10px 15px;
				}
				#reacties p {
					width: 130px;
					float: left;
				}
					#reacties p.col2 {
						width: 375px;
					}
					#reacties p.col3 {
						width: 65px;
						float: right;
						font-weight: bold;
						text-align: right;
					}
					
					#reacties p.h2_naam {
						text-indent: -999em;
						height: 18px;
						background: url(/image/h1s.gif) no-repeat 0px -240px; 
					}
					#reacties p.h2_bericht {
						text-indent: -999em;
						height: 18px;
						background: url(/image/h1s.gif) no-repeat 0px -258px; 
					}
					#reacties p.h2_bedrag {
						text-indent: -999em;
						text-align: left;
						height: 18px;
						background: url(/image/h1s.gif) no-repeat 0px -276px; 
					}
					#reacties p em {
						display:block;
						font-size:85%;
						line-height:1em;
					}
			#paginering {
				position: relative;
				overflow: auto;
				padding: 0 0 40px 0;
			}
				#paginering div.links {
					display: block;
					clear: both;
					float: right;
				}
					#paginering div.links a{
						padding: 0 8px;					
						font-weight: bold;
					}
					#paginering div.links a.prevLink {
						border-right: 1px solid #f27900;
						background: url(/image/pag_prev.gif) no-repeat center left;
					}
					#paginering div.links a.nextLink {
						background: url(/image/pag_next.gif) no-repeat center right; 
						border-left: 1px solid #f27900;
					}
					
			#paginering form {
				display: none;
				padding: 8px;
				background: #f27900;
				position: absolute;
				top: 16px;
				right: 0px;
			}
				#paginering form input.text {
					height: 16px;
					width: 144px;
					padding: 0;
					margin: 0 6px 0 0;
					border: none;
					float: left;

					font-family: arial, verdana, sans-serif;
					color: #666666;
					font-style: italic;
					font-size: 12px;
				}
				#paginering form input.search {
					width: 16px;
					height: 16px;
					padding: 0;
					margin: 0;
					border: none;
					background: url(/image/pag_search.gif) no-repeat center center;
					text-indent: -999em;
					cursor: pointer;
				}

/*		OVERLAY		*/
#overlay2 {
	width:100%;
	height:1200px;
	_height: 1200px; /*ie6*/
	display: block;
	position:absolute; /*fixed*/
	left:0pt;
	top:0pt;
	z-index:9998;
	background:black;
	background: #330000;
	opacity: 0.90;
}
#overlay2window {
	width: 950px; 
	margin: -225px 0 0 -475px;
	display: block;
	position:absolute;
	left:50%;
	top:50%;
	z-index:9999;
	background: none;
}
	#overlay2window #close_btn	{
		float: right;
		display:none;
		cursor: pointer;
		background: url(/image/png.png) no-repeat -275px -186px;
		width: 20px;
		height: 20px;
		text-indent: -999em;
		}
		#overlay2window #close_btn.white {
			background: url(/image/png.png) no-repeat -246px -186px;
		}
	#overlay2window #ideal {
		background: white;
		padding: 15px;
		width: 420px;
		margin: 0 auto;
		overflow: auto;

	}

	#overlay2window #ideal.film {
		width: 750px;
		padding: 30px 15px 30px 30px;
		background: #330000;
	}
	#overlay2window #overschrijven {
		background: white;
		overflow: auto;
		padding: 15px;
	}
	#overlay2window h1 {
		height: 24px;
		text-indent: -999em;
	}

		h1.doneren {
			background: url(/image/h1s.gif) no-repeat 0px 0px;
		}
		h1.ideal {
			background: url(/image/h1s.gif) no-repeat 0px -96px;
		}
		h1.bank {
			background: url(/image/h1s.gif) no-repeat 0px -120px;
		}
		h1.machtiging {
			background: url(/image/h1s.gif) no-repeat 0px -144px;
		}
		h1.tellafriend {
			background: url(/image/h1s.gif) no-repeat 0px -216px;
		}

	#overlay2window hr {
		height: 1px;
		line-height: 1px;
		margin: 15px 0;
		border: none;
		border-top: 1px dotted #d2d2d2;
	}
	
	/*MAAK KEUZE OVERLAY*/
	#betaalKeuze a:link, #betaalKeuze a:visited {
		display: block;
		height: 60px;
		padding: 10px;
		margin: 0 0 15px 0;
		border: 1px solid #D2D2D2;
		background: white url(/image/kader_bg.gif) repeat-x 0px 0px;
		color: #454545;
	}
		#betaalKeuze a:hover, #betaalKeuze a:active {
			border: 1px solid #b7b7b7;
			text-decoration: none;
		}
		
	#betaalKeuze span.ideallogo {
		display: block;
		width: 26px;
		height: 22px;
		background: url(/image/logos.gif) no-repeat -105px -73px;
		float: right;
		text-indent: -999em;
	}
	#betaalKeuze a p {
		margin: 0 0 0 14px;	
	}
	
	#betaalKeuze a h2 {
		height: 24px;
		text-indent: -999em;
		background: url(/image/h1s.gif) no-repeat;
	}
		#betaalKeuze a h2.ideal {
			background-position: 0px -24px;
			margin: 0 0 6px 0;
		}
		#betaalKeuze a h2.bank {
			background-position: 0px -48px;
		}
		#betaalKeuze a h2.machtiging {
			background-position: 0px -72px;
		}
	
	
	/*DOWNLOAD MACHTIGING OVRLAY*/
	
	a#downloadMachtiging:link, a#downloadMachtiging:visited{
		display: block;
		margin: 15px 0;
		padding: 15px;
		border: 1px solid #D2D2D2;
		background: white url(/image/kader_bg.gif) repeat-x 0px 0px;
	}
		a#downloadMachtiging:hover, a#downloadMachtiging:active {
			border: 1px solid #b7b7b7;
		}
		a#downloadMachtiging h2 {
			width: 295px;
			height: 83px;
			background: white url(/image/interface.gif) no-repeat 0px -52px;
			text-indent: -999em;
		}
	
	/*BETAAL IDEAL OVERLAY*/
	
		#betaaliDeal form p {
			margin: 0 0 10px 0;
			clear: both;
			overflow: auto;
		}
			#betaaliDeal form p.bedrag {
				background: url(/image/interface.gif) no-repeat 79px -145px;
			}
			#betaaliDeal form p.checkbox {
				margin: -8px 0 0 0;
			}
			
		#betaaliDeal label, .basket.mail label {
			display: block;
			width: 65px;
			float: left;
			text-align: right;
			color: #454545;
			text-transform: uppercase;
			font-size: 85%;
			line-height: 2.5em;
		}
			#betaaliDeal label.checkbox {
				width: auto;
				float: left;
				margin: 0 0 0 4px;
				line-height: 14px;
			}
		#betaaliDeal input, #betaaliDeal textarea, .basket.mail #email {
			display: block;
			border: 1px solid #d2d2d2;
			background: white;
			width: 335px;
			padding: 2px;
			float: right;
		}
		
		.basket.mail #email	{
			margin-bottom: 2px;
			}
		
			#betaaliDeal textarea.disabled	{
				color: #cccccc;
			}
			#betaaliDeal input.hidden {
				display: none;
			}
		textarea.autogrow {
			/*jquery.autogrow.js*/
			line-height: 18px;
		   	min-height: 60px;
		    /*max-height: 150px;*/
		}
		
		/*betaalvak input font*/
		#betaaliDeal input, #betaaliDeal textarea, #betaaliDeal button, #ideal button {
			font-family: arial, verdana, sans-serif;
			color: #666666;
			font-style: italic;
			font-size: 12px;
		}
			#betaaliDeal input.checkbox {
				width: auto;
				margin: 0 0 0 14px;
				float: left;
				border: none;
				background: url(/image/pixel.gif);
			}
			#betaaliDeal input.bedrageuro, #betaaliDeal input.bedragcent {
				background: url(/image/pixel.gif);
				border:0 none;
				float:left;
				font-family: Courier New, Courier, Arial;
				font-size:22px;
				font-weight:bold;
				height:22px;
				letter-spacing:5px;
				margin:2px 2px 0 29px;
				text-align:right;
				width:80px;
			}
			#betaaliDeal input.bedragcent {
				width: 38px;
				float: left;
				margin: 2px 2px 0 19px;
			}
		

		#betaaliDeal button,
		#ideal button {
			float: right;
			width: 89px;
			height:23px;
			background: url(/image/interface.gif) no-repeat 0px -181px;
			border: none;
			text-align: center;
		}

		
		#ideal .basket	{
			overflow: auto;
			}
		
		#ideal button.align-left	{
			margin: 10px 0;
			float: left;
			}
		
		.basket.mail	{
			margin-top: 10px;
			}
		
		
		#ideal .basket.mail button.align-left	{
			margin-bottom: 0px;
			}
	
	
	/*IDEAL OVERLAY*/
	#overlay2window ul {
		margin: 15px 0;
	}
		#overlay2window ul li{
			overflow: auto;
			clear: both;
		}
		#overlay2window ul li p.label {
			display: block;
			float: left;
			width: 60px;
			font-style: italic;
		}
		#overlay2window ul li p.txt  {
			display: block;
			float: right;
			width: 300px;
		}

	/*BANKOVERSCHRIJVING OVERLAY*/
	
	#colLeft {
		width: 340px;
		float: left;
	}
		span.indent {
			display: block;
			float: left;
			width: 130px;
			margin: 0 0 0 10px;
			font-style: italic;
		}

	#bankenButtons {
		width: 540px;
		float: right;
	}
		#bankenButtons a:link, #bankenButtons a:visited  {
			display: block;
			float: left;
			width: 160px;
			height: 25px;
			padding: 75px 0 0 0;
			margin: 0 15px 15px 0;
			background: gray;
			border: 1px solid #d2d2d2;
			text-align: center;
			color: #454545;
		}
		#bankenButtons a.fortis:link, #bankenButtons a.fortis:visited {
			background: url(/image/buttons_banken.gif) no-repeat 0px 0px;
		}
		#bankenButtons a.rabo:link, #bankenButtons a.rabo:visited {
			background: url(/image/buttons_banken.gif) no-repeat 0px -110px;
		}
		#bankenButtons a.postbank:link, #bankenButtons a.postbank:visited {
			background: url(/image/buttons_banken.gif) no-repeat 0px -220px;
		}
		#bankenButtons a.abn:link, #bankenButtons a.abn:visited {
			background: url(/image/buttons_banken.gif) no-repeat 0px -330px;
		}
		#bankenButtons a.sns:link, #bankenButtons a.sns:visited {
			background: url(/image/buttons_banken.gif) no-repeat 0px -440px;
		}
		#bankenButtons a.ing:link, #bankenButtons a.ing:visited {
			background: url(/image/buttons_banken.gif) no-repeat 0px -550px;
		}

	


/*		FOOTER		*/

#footer {
	width: 950px;
	padding: 20px 0 15px 0;
	margin: 20px 0 0 0;
	font-size: 90%;
	border-top: 1px dotted #D2D2D2;
}
	#footer ul {
		overflow: auto;
		padding: 0 0 0 90px;
	}	
	#footer ul li {
		display: block;
		margin: 0 10px 0 0;
		float: left;
	}
		#footer ul li span {
			display: block;
			float: left;
			height: 28px;
			line-height: 28px;
		}
		#footer ul li a {
			display: inline;
			height: 28px;
		}
		#footer ul li a span {
			display: block;
			margin: 0 25px 0 5px;
			background: url(/image/logos.gif) no-repeat;
			text-indent: -999em;
			cursor: pointer;
		}
			#footer ul li a.webinvent span {
				background-position: 0px -73px;
				width: 69px;
			}
			#footer ul li a.dootall span {
				background-position: 0px -101px;
				width: 55px;
			}		
			#footer ul li a.bits span {
				background-position: 0px -129px;
				width: 87px;
			}
			#footer ul li a.nedbase span {
				background-position: 0px -155px;
				width: 100px;
			}
		
/******************************** TELLAFRIEND ********************************/
#intro span	{
	position: relative;
	}
#taf-link	{
	position: absolute;
	font-weight: bold;
	margin-left: 15px;
	}
.taf p	{
	float: left;
	width: 100%;
	}
.taf label {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	color: #454545;
	text-transform: uppercase;
	font-size: 85%;
	line-height: 2.5em;
	}
.taf textarea, .taf input {
	font-family: Arial, Verdana, sans-serif;
	display: block;
	border: 1px solid #d2d2d2;
	background: white;
	width: 250px;
	padding: 2px;
	float: right;
	margin-bottom: 2px;
	}
.taf textarea	{
	font-size: 120%;
	}
.taf .checkboxrule input	{
	display: inline;
	width: auto;
	float: left;
	margin-left: 165px;
	}
.taf .checkboxrule label	{
	width: auto;
	}
.taf input[type="hidden"]	{
	display: none;
	}
/**************************** END TELLAFRIEND ********************************/