html,body {
	background: #ffffff;
	height:100%;
	font-family: Arial;
	font-size: 13px;
	line-height: 18px;
	color: #000;
}

a {
	color: #bfd237; /*#0097DA;*/
	text-decoration: none;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #bfd237; /*#0097DA;*/
}

#wrapper {
	width: 992px;
	
	height: auto !important;
	height: 100%;
	min-height: 100%;
	
	margin: 0 auto;
	position: relative;
	
}

/**
 * header
 */
#header {
	height: 149px;
	border-bottom: 1px solid #FFF;
	
	background: #ffffff;
	}
	
	.top {
		background: url(../images/header_top.gif) no-repeat top left;
		width: 100%; height: 14px;
		font-size: 0px;
		display:none;
	}
	
	.titel {
		width: 495px; height: 135px;
		float: left;
		}
		.titel h1 {
			/*background: url(../images/header_titel.png) no-repeat center center;*/
			width: 338px; height: 100%;
			}
			.titel h1 a {
				width: 282px; height: 30px;
				text-indent: -9999px;
				display: block;
				float: left;
				margin: 53px 0 0 28px;
			}
	
	.aankeiler {
		background: url(../images/header_aankeiler.gif) no-repeat top left;
		width: 495px; height: 135px;
		float: left;
		}
		.aankeiler img {
			width: 148px; height: 125px;
			float: left;
			padding: 10px 10px 0px 10px;
		}
		.aankeiler p {
			width:	173px;
			font-size: 14px;
			color: #FFF;
			padding: 20px 20px 20px 168px;
			float: left;
			}
			.aankeiler p a {
				background: url(../images/header_button_leesmeer.gif) no-repeat center center;
				width: 89px; height: 19px;
				text-indent: -9999px;
				display: block;
			}
	
	.zoeken {
		/*background: url(../images/header_zoeken.gif) no-repeat center center;*/
		width: 134px; height: 135px;
		float: right;
	}
		.zoeken #zoekveld {
			width: 114px;
			margin: 66px 10px 0px 10px;
			border: 0px;
			display: inline;
		}
		.zoeken a {
			background: url(../images/header_button_zoek.gif) no-repeat center center;
			width: 55px; height: 20px;
			text-indent: -9999px;
			display: block;
			top: 14px; left: 10px;
			position: relative;
		}
	
/**
 * container
 */
#container { overflow: hidden; }

	/**
 	 * menu
	 */
	.menu {
		background: url(../images/menu_shadow.gif) no-repeat center bottom;
		width: 170px;
		padding-bottom: 0;
		float: left;
		}
		
	.bg .menu
	{
		background: none;
		
	}
		.menu ul li a {
			background: url(../images/menu_bg.gif) no-repeat center center;
			width: 160px; height: 24px;
			display: block;
			font-size: 12px;
			/*color: #6C6C6C;*/
			color: #fff;
			line-height: 23px;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
			padding-left: 10px;
			}
			.menu .active, .menu a:hover, .menu #current_page {
				background: url(../images/menu_bg_active.gif) no-repeat center center;
				color: #FFF;
			}
			.menu .active_sub a {
				background: url(../images/menu_bg_active_alt.gif) no-repeat center center;
				color: #FFF;
			}
			.menu .sub li a {
				background: none #FFF;
				border-bottom: 1px solid #DFDFDF;
				/*color: #6C6C6C;*/
				color: #62656a;
				}
				.menu .sub li a.active, .menu .sub li a:hover {
					background: none;
					/*color: #0097DA;*/
					color: #999;
				}

	/**
	 * content
	 */
	.content {
		width: 808px;
		float: left;
		padding: 4px 0px 14px 14px;
		overflow: hidden;		
		
	}
		
		.babbel-wrapper
		{
			background: url(../images/menu_shadow.gif) no-repeat center top;
			width: 170px;
			padding-top: 12px;
		}
			.babbel-wrapper .inner
			{
				width: 168px;
				height: 383px;
				
				border: 1px solid #333;
			}
			
		.bg .content
		{
			padding: 4px 0px 0 14px;
		}
		
		.content .row {
			clear: both;
			overflow: hidden;
			margin: 10px 0px 10px 0px;
			
			background: #ffffff;	
		}
		
		.content .home-news {
			width: 396px;
			float: left;
			}
			.content .home-news p img {
				width: 150px; height: 150px;
				float: right;
				padding: 0px 0px 15px 15px;
			}
		
		.content .home-flash {
			width: 400px; height: 255px;
			float: left;
			margin-left: 12px;
		}
		
		.content .item-small {
			background: url(../images/content_block_bg.gif) repeat-x bottom left;
			width: 390px;
			float: left;
			padding: 0px 10px 4px 0px;
			margin: 10px 0px 10px 0px;
			position: relative;
			}
			.content.adverteren .item-small {
				height: auto !important;
				height: 190px;
				min-height: 190px;
			}
			.content .item-small.even { margin-left: 8px; }
			.content .item-small h4 { color: #bfd237; /*#0097DA;*/ }
			.content .item-small img {
				width: 120px; height: 120px;
				float: left;
				padding-right: 10px;
			}
			.content .item-small .titels { width: 115px; height: 140px; }
			.content .item-small p {
				font-size: 11px;
				padding: 0px 0px 18px 16px;
				}
				.content.adverteren .item-small p {
					width: 260px;
					font-size: 13px;
					float: right;
				}
				.content .item-small p strong { font-size: 12px; }
			.content .item-small .read_on {
				font-size: 11px;
				bottom: 2px; left: 130px;
				position: absolute;
			}
				
		.content .banner {
			background: url(../images/home_banner_bg.gif) no-repeat center center;
			float: left;
			margin-left: 9px;
			overflow: hidden;
			}
			.content .banner.first { margin: 0; }
			.content .banner a {
				width: 87px; height: 75px;
				font-size: 12px;
				color: #FFF;
				padding: 0px 100px 0px 8px;
				display: block;
				}
				.content .banner a strong {
					font-size: 15px;
					font-weight: bold;
					line-height: 19px;
				}

		.content .item {
			width: 650px;
			padding-right: 0px;
			float: left;
			}
			.content .item.form p {
				padding-right: 5px;
				margin: 5px 0;
			}
			.content .item h4 {
				font-size: 14px;
				color: #333;
				clear: both;
			}
			.content .item blockquote {
				width: 206px;
				float: left;
				border-top: 1px solid #E5E5E5;
				border-bottom: 1px solid #E5E5E5;
				padding: 9px 0px 9px 0px;
				margin: 10px 16px 10px 0px;
				display: inline;
				}
				.content .item blockquote.last { margin: 10px 0px 10px 0px; }
				.content .item blockquote img {
					float: left;
					padding: 0px 6px 0px 0px;
				}
				.content .item blockquote p {
					font-size: 11px;
					line-height: 15px;
					color: #333;
				}
				
				.content.search .item blockquote {
					width: 400px;
					border-top: none;
					margin-top: 0px;
					margin-right: 0px;
					}
					.content.search .item blockquote p {
						font-size: 13px;
						line-height: 18px;
					}
				
			.content .item .reflect, .content .item .no-reflect { float: right; }
			.content .item img, .content .item canvas { padding-left: 20px; }
		
		.content .item table tr {
			display: block;
			margin: 4px 0;
			}
			.content .item table tr td {
				width: 200px;
				background: none;
			}
			.content .item .form_table .form_table_left, { width: 200px; }
				.content .item .form_table .form_table_right { width: 270px; }
				.form_table_left { font-style: italic;}
		
		.content .item h4.error {
			width: 444px;
			background: #F04E4D;
			color: #FFF;
			font-weight: bold;
			padding: 0px 16px 8px 16px;
		}
		.content .item p.error {
			width: 444px;
			background: #F04E4D;
			color: #FFF;
			font-weight: bold;
			line-height: 18px;
			padding: 0px 16px 8px 16px;
		}
			
		.content .item table .form_field_err {
			border: 1px solid #F04E4D;
		}
		
		.content .pagination {
			background-color: #DBE4EE;
			width: 380px;
			text-align: right;
			color: #333;
			padding: 5px 10px 5px 10px;
			overflow: hidden;
			}
			.content .pagination span { float: left; }
			.content .pagination a {
				color: #333;
				padding: 0px 4px 0px 4px;
				}
				.content .pagination a.active{ color: #bfd237; /*#0097DA;*/ }
		
		.content .files {
			width: 410px;
			padding-top: 20px;
			overflow: hidden;
			clear: both;
			}
			.content .files a {
				background: url(../images/pdf_icon.gif) no-repeat center top;
				width: 82px; height: 35px;
				display: block;
				font-size: 11px;
				text-align: center;
				color: #000;
				padding: 55px 0px 0px 8px;
				float: left;
				}
				.content .files .last { clear: right; }
		
		.content .linked_items, .content .contact_info {
			width: 135px;
			float: left;
			}
			.content .linked_items h4, .content .contact_info h4 {
				background-color: #0097DA;
				font-size: 14px;
				color: #FFF;
				padding: 2px 0px 2px 8px;
			}
			.content .contact_info h4 { padding: 2px 0px 2px 4px; }
			.content .linked_items li { border-bottom: 1px solid #DFDFDF; }
			.content .contact_info ul {
				font-size: 11px;
				line-height: 20px;
				padding: 8px 0px 8px 4px;
				border-bottom: 1px solid #DFDFDF;
			}
			.content .contact_info a {
				font-size: 11px;
				line-height: 20px;
				padding-left: 4px;
			}
			.content .linked_items a {
				font-size: 11px;
				color: #333;
				line-height: 20px;
				padding-left: 8px;
			}
		
/**
 * footer
 */

#footer {
	width: 100%; 
	padding: 10px;
	background: url(../images/footer-bindinc-logo.jpg) 5px 5px no-repeat;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	}	
	
	#footer blockquote {
		width: 808px; height: 24px;
		float: right;
		}
		
		#footer blockquote p {
			color: #333;
			padding: 3px 0px 0px 10px;
		}

/**
 * miniquiz
 */
.quiz-background {
	background-color: #0F3E7E;
	width: 100%; height: 100%;
}

.quiz-wrapper {
	width: 988px;
	margin: 0px auto;
	padding: 10px;
	}
	.quiz-wrapper form, .quiz-wrapper .thanks {
		background: url(/static/images/miniquiz_question_bg.jpg) top center no-repeat #FFF;
		width: 935px; height: 181px;
		padding: 28px 0px 0px 33px;
		}
		.quiz-wrapper form .quiz-number, .quiz-wrapper form .quiz-question, .quiz-wrapper .thanks h2 {
			height: 48px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 17px;
			color: #FFF;
			margin-bottom: 18px;
			float: left;
		}
		.quiz-wrapper form .quiz-number {
			font-weight: bold;
			padding-right: 6px;
		}
		.quiz-wrapper form input {
			margin-right: 10px;
			float: left;
			clear: left;
		}
		.quiz-wrapper form label {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 21px;
			color: #000;
			float: left;
			clear: right;
		}
		.quiz-wrapper form #submit {
			background: url(/static/images/miniquiz_volgdende_button.gif) no-repeat center center;
			width: 208px; height: 34px;
			font-size: 0px;
			line-height: 0px;
			text-indent: -999px;
			border: none;
			float: right;
			margin-top: 5px;
		}
		.quiz-wrapper form .hint {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #8A2A82;
			float: left;
			padding: 20px 0px 0px 26px;
		}
		.quiz-wrapper form .breaker {
			width: 0; height: 0;
			clear: both;
			display: block;
			overflow: hidden;
			visibility: hidden;
		}
		
	.quiz-wrapper .quiz-footer {
		width: 968px; height: 20px;
		clear: both;
		}
		.quiz-wrapper .quiz-footer p {
			padding: 4px 10px 0px 0px;
			color: #bfd237; /*#0097DA;*/
			float: right;
		}

.item.miniquiz {
	background: url(/static/images/miniquiz_background.jpg) top right no-repeat;
	width: 748px; height: 360px;
	padding: 30px 0px 0px 46px;
	}
	.item.miniquiz h3 {
		font-size: 18px;
		margin-bottom: 28px;
	}
	.item.miniquiz p {
		font-size: 14px;
		padding-right: 156px;
		}
		.item.miniquiz p span { color: #bfd237; /*#0097DA'*/ }
	
	.item.miniquiz form { margin-top: 24px; }
		.item.miniquiz form label {
			font-size: 14px;
			display: block;
		}
		.item.miniquiz form input {
			width: 280px;
			font-size: 14px;
			border: 1px solid #6C2C76;
			display: block;
			margin-top: 6px;
			}
			.item.miniquiz form #apikey {
				display: none;
				border: none;
				margin: 0;
			}
		.item.miniquiz form #submit {
			background: url(/static/images/miniquiz_start.gif) no-repeat center center;
			width: 194px; height: 32px;
			font-size: 0px;
			line-height: 0px;
			text-indent: -999px;
			border: none;
			margin-top: 30px;
		}
	
	.item.miniquiz .miniquiz-footer {
		font-size: 11px;
		color: #bfd237; /*#0097DA;*/
		margin: 26px 0px 15px 4px;
	}
	
.clearer {clear: both;}


#new-footer {
	background: url(/static/images/new-footer.gif) no-repeat center bottom #dadad9;
	padding: 16px 0 20px 0;
	overflow: hidden;
	line-height: normal;
}

#new-footer .info {
	background: url(/static/images/new-footer-logo.gif) no-repeat 34px center;
	width: 130px;
	padding-left: 254px;
	float: left;
}
#new-footer .info p {
	font-size: 10px;
	color: #60646a;
}

#new-footer ul {
	background: url(/static/images/new-footer-divider.gif) no-repeat bottom left;
	width: 122px;
	height: 85px;
	float: left;
	padding-left: 20px;
}

#new-footer li {
	background: url(/static/images/new-footer-arrow.gif) no-repeat left center;
	padding-left: 11px;
}
#new-footer li a {
	font-size: 10px;
	font-weight: bold;
	color: #60646a;
}