/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- basic  ------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 					100%;
	overflow: 				-moz-scrollbars-vertical;
}

body {
	background: 			#FFF url("../images/bg_body.jpg") no-repeat scroll center 0;
	color: 					#666666;
	font: 					normal 0.75em/140% Trebuchet MS, Arial, Verdana, Tahoma;
	text-align: 			center;
}

div.container {
	width:					984px;
	margin:					0 auto;
	border:					0;
	background-color:		transparent;
	text-align:				left;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- basic link --- do change! ------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

a {color: #00aedb; text-decoration: none;}
a:visited {color:#00aedb;}
a:hover {color: #006892;}
a:active {color: #006892;}

/* -- Basic layout elements --- dont change! ----------------------------------------------------------------------------------------- */

div.wrapper {overflow:hidden;width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- Text elements ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {color:#454545;}
h1 {font-size: 1.9em;}
h2 {font-size: 1.0em;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

p {
	margin: 					13px 0 13px 19px; 
	padding: 				0;
}

p.light-grey {
	padding: 				0 0 0 7px;
	margin: 					0;
	color:					#b3b3b3;
}

p.date {
	padding: 				0 0 0 20px;
	margin: 					0;
	color:					#b4b4b5;
	font-weight:			bold;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- form specifications ------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

select, input, textarea {
	font: 					normal 100% Trebuchet MS, Arial, Verdana, Tahoma;
	color: 					#000;
}

input.textfield, textarea.textfield {
	border: 					solid 1px #8dbbcd;
	padding: 				5px 10px;
	margin: 					0 10px;
	width: 					144px;
	background-color: 	#FFF;
	color: 					#b3b3b3;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- kolommen ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div.col1-left {
	margin-top:				451px;
	padding-left: 			20px;
	width:					333px;/*353*/
	float:					left; 
}

div.col1-middle {
	margin-top: 			451px;
	width:					343px;
	float:					left; 
}

div.col1-right {
	margin-top: 			451px;
	width:					288px; 
	float:					right;
}

div.sub-col1-left {
	padding: 				0 0 0 20px;
	width:					187px;/*207*/
	float:					left; 
}

div.sub-col1-middle {
	width:					500px;
	float:					left; 
}

div.sub-col1-right {
	width:					238px; 
	float:					right;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- specific elements -------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div.relative {position: relative;}
img.png, div.png {behavior: url(/css/iepngfix.htc);}

div.logo {
	position: 				absolute;
	top:						12px;
	z-index: 				2;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- header ------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

ul.header {
	height:					29px;/*55*/
	list-style: 			none;
	padding:					26px 0 0 0;
	margin-right:			21px;
}

ul.header li {float: right;}

ul.header a {
	display: 				block;
	float: 					left;
	border-right: 			#87b8cc 1px solid;
	padding: 				0 10px;
	height: 					24px;
	line-height: 			25px;
}

ul.header a.last {
	padding: 				0 0 0 10px;
	border-right: 			0px;
}

ul.header input.textfield {
	display: 				block;
	float: 					left;
	padding: 				3px 0 0 5px;
	margin: 					0 0 0 10px;
	height: 					20px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- homepage ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div.flash {
	position: 				absolute;
	left: 					10px;
	top: 						55px;
	z-index: 				1;
	width: 					963px;
	height: 					425px;
}

div.carrousel {
	width:					277px;
	height:					207px;
}

table.form {margin: 11px 0 0 18px;}
table.form td {padding-bottom: 8px;}

table.form input.textfield {
	float: 					left;
	padding: 				3px 0 0 3px;
	line-height: 			16px;
	height: 					16px;/*19*/
}

div.col1-left ul {margin: 0; padding: 0;}

div.col1-left ul li {
	background: 			transparent url(../images/bullet.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

div.col1-middle ul {margin: 0; padding: 0;}

div.col1-middle ul li {
	background: 			transparent url(../images/bullet.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

div.col1-right ul {margin: 0; padding: 0;}

div.col1-right ul li {
	background: 			transparent url(../images/bullet.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- subpage ------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

ul.nav {
	height:					95px;
	list-style: 			none;
	padding:					0;
	margin:					0 0 0 188px;
}

ul.nav li {float: left;}
ul.nav li.btn {padding: 37px 0 0 7px;}

ul.nav a {
	display: 				block;
	float: 					left;
	padding: 				0;
}

ul.subnav {
	height:					17px;/*17*/
	padding:					0 0 0 180px;
	margin-bottom:			47px;
	list-style: 			none;
	font: 					bold 1.1em/140% Arial, Trebuchet MS, Verdana, Tahoma;
}

ul.subnav li {float: left;}

ul.subnav a {
	display: 				block;
	float: 					left;
	border-right: 			#87b8cc 1px solid;
	padding: 				0 13px;
	height: 					15px;
	line-height: 			15px;
}

ul.subnav a.last {
	padding: 				0 0 0 13px;
	border-right: 			0px;
}

div.subsubnav-top {background: transparent url(../images/subnav_top.gif) no-repeat scroll 0 0; height: 20px;}
div.subsubnav-bottom {background: transparent url(../images/subnav_bottom.gif) no-repeat scroll 0 0; height: 20px;}

ul.subsubnav {
	background: 			transparent url(../images/subnav_middle.gif) repeat-y scroll 0 0;
	list-style: 			none;
	margin: 					0;
	font: 					normal0.9em/140% Arial, Trebuchet MS, Verdana, Tahoma;	
}

ul.subsubnav li {
	padding-left: 			20px;
	line-height: 			15px;
	width:					115px;
	padding-bottom:			10px;
}

div.news-item {
	width: 					500px;
	border-bottom: 		solid 1px #dddddd;
	margin-top:				20px;
	padding: 				0;
}

div.news-item ul {margin: 0; padding: 0;}

div.news-item ul li {
	background: 			transparent url(../images/bullet.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

div.news-item-last {
	width: 					500px;
	border-bottom: 		solid 0px;
	margin-top:				20px;
	padding: 				0;
}

div.news-item-last ul {margin: 0; padding: 0;}

div.news-item-last ul li {
	background: 			transparent url(../images/bullet.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

div.news {
	width: 					480px;
	padding-left: 			20px;
	margin-top: 			7px;
}

div.news-photo {
	float: 					left;
	width: 					150px;
}

div.news-text {
	float: 					right;
	width: 					330px;
}

div.zoekres-pagenav {
	margin: 					26px 0 10px 0; 
	font-weight: 			bold;
	font-size: 				0.95em;
	width: 100%;
	text-align: center;
}

a.btn-wrapper {
	margin: 					5px 0;
	line-height:			16px;
	padding: 				0 14px;
}

a.zoekres-pagenav-true {
	color:					#006892;
	padding:					0 11px;
}

a.zoekres-pagenav-false {
	color:					#b4b4b5;
	padding:					0 11px;
}

div.video {
	width: 230px;
	height: 195px;
	background-color: #e3e3e3;
	margin-bottom: 20px;
	padding: 10px 0 0 10px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* -- footer ------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */

div.footer {
	height: 					92px;/*117*/
	background:				transparent url(../images/bg_footer.gif) repeat-x scroll 0 0;
	margin: 					0 10px;
	padding-top: 			15px;
}

ul.place {
	height:					30px;/*50*/
	padding-top:			20px;
	list-style: 			none;
	width:					100%;
	text-align:				center;
}

ul.place li {display:inline;}

ul.place a {
	border-right: 			#87b8cc 1px solid;
	padding: 				0 24px;
	height: 					13px;
	line-height: 			13px;
}

ul.place a.last {
	padding: 				0 0 0 24px;
	border-right: 			0px;
}

ul.footer-left {
	float: 					left;
	height:					20px;/*30*/
	padding:					10px 0 0 21px;
	width:					300px;
}

ul.footer-left a {
	display: 				block;
	float: 					left;
	border-right: 			#87b8cc 1px solid;
	padding: 				0 14px;
	height: 					13px;
	line-height: 			13px;
}

ul.footer-left li {float: left;}

ul.footer-left a.last {
	padding: 				0 0 0 14px;
	border-right: 			0px;
}

div.footer-right {
	float: 					right;
	height:					20px;/*30*/
	padding:					8px 21px 0 0;
	width: 					300px;
}

ul li.iconbig {
	background: 			transparent url(../images/bullet.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

ul li.iconsmall {
	background: 			transparent url(../images/bullet_small.gif) no-repeat scroll 0 0;
	list-style: 			none;
	margin: 					0;
	padding: 				0 0 0 20px;
}

ul.ulheader
{
	margin:0;
	padding:0;
}

div.popup {
	border: #000 solid 1px;
	width: 425px;
	height: 460px;
	padding: 15px;
}

div.icon{
	margin-left: 185px;
	border: #000 solid 0px;
}


div.popup table input.textfield {
	border: solid 1px #b2d1de;
	color:#064c69;	
	background-color:#d9e8ef;
	height: 20px;
	width: 213px;
}

div.popup table textarea.textlarge {
	border: solid 1px #b2d1de;
	color:#064c69;	
	background-color:#d9e8ef;
	height: 130px;
	width: 400px;
	text-align: left;
}

div.popup table input.file {
	height: 20px;
	width: 210px;
}

div.popupControl
{
	z-index: 2;
	background-color:#FFFFFF;
	position:fixed;
	_position: absolute;
	left:50%;
	margin-left: -212px;	
	top:50%;
	margin-top: -230px;
}

img.videoalternative
{
	background-color: #e3e3e3;
	padding: 10px;
}

div.blackout
{
	z-index: 1;
	position: fixed;
	background-color: #000000;
	filter:alpha(opacity=70);
	opacity:0.7;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	_width: 0;
	_height: 0;
}