/*---{ common )-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; position: relative;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
*:focus { outline: none }
html {
	
	overflow-y: scroll;
	overflow-x:auto;
	-webkit-text-size-adjust: none;
	height: 100%;
}
body{
	color: #454545;
	line-height: normal;
	height: 100%;
}

body, input, select, textarea, td, th
{
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	line-height: normal;
}

html, body{
	background: #4b75a6 url(../images/body-background.gif) repeat-x top left;
}

h1, .Kop1{
	border-bottom: 1px solid #DEDEDE;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	margin:0 0 18px;
	padding:0 0 5px;
}

h2, .Kop2{
	font-size: 14px;
	font-size: 16px;
	font-weight: bold;
	margin:0 0 10px 0;
}

h3, .Kop3{
	font-size: 120%;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
}

h4, .Kop4{
	font-size: 12px;
	font-weight: bold;
	color: #454545;
}

h5, .Kop5{
	font-size: 10px;
	font-weight: bold;
	color: #454545;
}

h6, .Kop6{
	font-size: 9px;
	font-weight: bold;
	color: #454545;
}

.tekst1{
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
}

.tekst2{
	font-size: 16px;
	font-weight: bold;
}

.tekst3{
	font-size: 14px;
	font-weight: bold;
	color: #454545;
}

.tekst4{
	font-size: 12px;
	font-weight: bold;
	color: #454545;
}

.tekst5{
	font-size: 10px;
	font-weight: bold;
	color: #454545;
}

.tekst6{
	font-size: 9px;
	color: #454545;
}


hr{	
	border: 0 solid #ddd;	
	border-bottom: 1px solid #ddd;	
	line-height: 1px;
	height: 1px;
	width: 100%;
}

.Standaard{
	font-size: 110%;	
}

p{}

a{
	text-decoration: none;
	color: #454545;
}

a.download{}

a:hover{
	text-decoration: underline;
}

div.media {
	margin: 5px 0;
	text-align:center;
}

.clsSmall{
	font-size: 85%;	
}

.clearleft{
	clear: left;
}

.clearright{
	clear: right;
}

.clearboth{
	clear: both;
}

/*---{ wrapper )-------------------------------------------------------*/

#wrapper{
	position: relative;
	padding: 10px 0 30px 0;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 993px;
	font-size: 11px;
	z-index:40;
}

/*---{ header )-------------------------------------------------------*/

#header{
	height: 106px;
	padding: 0;
	margin: 0;
	position: relative;
	background: url(../images/background-sprite.png) no-repeat 0 0px;
	width: 993px;
}

#header .date{
	position:absolute;
	right: 26px;
	bottom: 16px;
	margin:0;
	padding:0;
	font-size:11px;
}

#header .lang-nav{
	position:absolute;
	right: 28px;
	top: 24px;
	margin:0;
	padding:3px 3px 3px 0;
	list-style:none;
	background:white;
}

#header .lang-nav li{float:left; padding-left: 3px;}

#header .lang-nav li a{
	width: 40px;
	height: 20px;
	text-indent: -9999px;
	display:block;
	position: relative;	
}

#header .lang-nav li a.nl{	background: url(../images/flag_netherlands.png) no-repeat top left;}
#header .lang-nav li a.en{	background: url(../images/flag_great_britain.png) no-repeat top left;}

/* logo */

#logo{
	position: absolute;
	left: 19px;
	top: 18px;
	z-index: 1;
	padding: 0;
	margin: 0;
/* 	background: url(../images/logo-sprite.png) left top no-repeat;  zit nu in het headerbeeld*/ 
	font-size: 200%;
	border-bottom: none;
	width: 128px;
	height: 38px;
	text-indent: -9999px;
	display:block;
}

/* breadCrumbs */

#breadcrumbs{
	position: absolute;
	bottom: 17px;
	left: 20px;
	font-weight: normal;
	font-family:tahoma,arial;
	font-size: 11px;
}
#breadcrumbs .spacer{
	position:relative;
	display:inline-block;
	width: 28px;
	background: url(../images/icons-sprite.png) no-repeat 12px 5px;
	text-indent:-9999px;
	}

#breadcrumbs a{

}

/* globalNav */

#globalNav ul{
	padding: 0;
	margin: 0;
	list-style: none;
	position:relative;
}

#globalNav ul li{
	line-height: 26px;
	border-bottom: 1px solid #efeeec;
	background:#fff;
	margin:0;
	padding:0;
	position:relative;
}
#globalNav ul li.active {
	border-bottom: none;
}

#globalNav ul li a{
	display:block;
	line-height: 26px;
	height: 26px;
	padding: 0 0 0 13px;
}
#globalNav ul li a:hover{
	text-decoration:none;
	background: #e1e1e1;
	color:#000;
}
#globalNav ul li.active a{
	background: #256ca0;
	color: #fff;
	font-weight: bold;
}
#globalNav ul li ul{
	display:none;
}

#globalNav ul li.active ul{
	display:block;
	border-bottom: 1px solid #2e77a8;
}
#globalNav ul li.active ul li{
	background:#f7f7f7;
	border-bottom: 1px solid #ffffff;
}
#globalNav ul li.active ul li.active{
	border-bottom: 1px solid #ffffff;
}

#globalNav ul li.active ul li a{
	background:none;
	color:#2e77a8;
	font-weight: normal;
}

#globalNav ul li.active ul li.active a{
	background: #bdd8f5;
	color: #fff;
	font-weight: bold;
}

#globalNav ul li.active ul li a:hover{
	background: #e1e1e1;
	color:#000;
}





/*---{ cols )-------------------------------------------------------*/

#cols{
	background: url(../images/background-sprite.png) repeat-y -1984px 0;
	margin:5px 0 10px 0;
	padding: 0 9px 0 5px;
	width: 978px;
	min-height: 657px;
}

#cols.nocontentback{
	background-position: -992px 0;
}

#cols .top{
	background: url(../images/background-sprite.png) no-repeat 0 -148px;
	height: 5px;
	width: 992px;
	position:absolute;
	display:block;
	top: -5px;
	left:0px;
}

#cols .bottom{
	background: url(../images/background-sprite.png) no-repeat 0 -170px;
	height: 10px;
	width: 992px;
	position:absolute;
	display:block;
	left:0px;
	bottom:-10px;
}

#cols.nocontentback .bottom{ background-position: 0 -158px;}
#cols.nocontentback .top{ background-position: 0 -153px;}

#content{
	position: relative;
	padding: 15px 25px 55px 25px;
	margin: 0 10px 0 0;
	width: 470px;
	float: left;
	line-height: 16px;
	z-index: 20;
}

#content ul, #content ol{
	margin: 15px;
}

#content ol{
	padding: 0 0 0 5px;
}

#content p{
	margin: 0 0 15px 0;
}


#cols.nocontentback #content{
	padding:0 1px;
	margin: -5px 0 -10px 0;
	width: 528px;
	font-size: 11px;
}

#sidecol{
	position: relative;
	min-height: 100px;
	padding: 0 0 250px 0;
	margin: 0 10px 0 0;
	width: 217px;
	float: left;
	z-index: 10;
}

/*---{ sideBar )-------------------------------------------------------*/

#sidebar{
	display: block;
	float:left;
	margin: 0 0 0 4px;
	width:215px;
}

/*---{ localNav )-------------------------------------------------------*/

#localNav
{
	padding: 0;
	margin: 0 0 30px 0;
}

#localNav h3
{
	background: none;
	font-weight: bold;
	padding: 8px 10px;
	margin: 0 0 0 0;
}

#localNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#localNav ul li
{
	padding: 8px 0 8px 10px;
	margin: 0;
	height: 1%;
	list-style: none;
	background: none;
}

#localNav ul li a
{
	padding: 0;
	margin: 0;
}

#localNav ul li.active a.active
{
	font-weight: bold;
}

#localNav ul li ul
{
	border-bottom: none;
	margin: 0;
	padding: 0;	
}

#localNav ul li.active ul
{
	border-bottom: none;
	margin: 5px 0 0 0;	
}

#localNav ul li ul li
{
	display: none;
	padding: 0;
	margin: 0;
}

#localNav ul li.active ul li
{
	display: block;
	padding: 8px 0 8px 10px;
	margin: 0;
	height: 1%;
	list-style: none;
	background-image: none;
}

#localNav ul li.active ul li a
{
	padding: 0;
	margin: 0;
}

#localNav ul li.active ul li.active a.active
{
	font-weight: bold;
	text-decoration: underline;
}

/*---{ footer )-------------------------------------------------------*/

#footer{
	height:42px;
	position: relative;
	padding: 0;
	margin: 0;
	background: url(../images/background-sprite.png) no-repeat 0 -106px;
}

/* legal */

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top: 10px;
}

#footer ul.left{	left: 4px;}
#footer ul.right{right: 10px;}
#footer ul.logo{left: 235px; top: 7px;}

#footer ul li{
	border-left: 1px solid #bababa;
	float:left;
	padding: 0 15px;
	line-height: 17px;
}

#footer ul.logo li{
	border:none;
	padding: 0;
	margin: 0 4px 0 0;
	line-height: 24px;
	width: 24px;
}

#footer ul.logo li a{
	display:block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}

#footer ul.logo li a.twitter{	background: url(../images/twitter.png) 0 0 no-repeat;}
#footer ul.logo li a.rss{	background: url(../images/rss.png) 0 0 no-repeat;}

#footer ul li.first{
	border:none;
}

#footer .referentie{
	position:absolute;
	top:4px;
	left: 4px;
	right: 10px;
	height: 42px;
	overflow:hidden;
}

#footer .referentie .left,
#footer .referentie .right{
	position:absolute;
	top:0px;
	width: 83px;
	height: 42px;
	background:url(../images/fade-sprite.png) no-repeat top left;
	z-index:20;
}
#footer .referentie .left{ left:0px;}
#footer .referentie .right{right:0px; background-position:bottom right;}

#footer .referentie ul{
	top: 0px;
}

#footer .referentie ul li{
	float:left;
	margin:0;
	padding:0;
	border:none;
	height: 42px;
	overflow:hidden;
	width:auto;
}
#footer .referentie .jcarousel-container{
	z-index:10;
}

#footer .referentie ul li a img{
}
#footer .referentie ul li a:hover img{
	margin-top: -42px;
}

#divide{
	position: absolute;
	z-index: 1;
	left: 25px;
	bottom: -20px;
	
}

#divide a{color:white;}

#gotoTop
{
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 40px;
	padding: 0;
	margin: 0;
}

#footer a {}

/* --- { sitemap } ----------------------------------------------------*/

#sitemap
{
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

#sitemapNav
{
	padding: 0;
	margin: 0;
}

#sitemapNav li
{
	/*list-style: none;*/
	padding: 0;
	padding: 0;
}

#sitemapNav li a
{
	margin: 0 5px 0 0;
	padding: 0;
}

#sitemapNav li.more a.more
{
	font-weight: bold;
}

#sitemapNav li.active a.active
{
	font-weight: bold;
}

/*---{ frm }---------------------------------------------------------*/

#frm
{
	font-size: 110%;
	padding: 0;
	margin: 0 0 20px 0;
}

#frm table
{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

#frm td, #frm th
{
	padding: 0 10px 10px 0;
	margin: 0;
	text-align: left;
}

#frm td{	padding:0px 0px 10px 0;}
#frm th{	font-weight: normal;}

#frm .clsReq, .requiredField
{
	color: #ff0000;
	padding: 0 0 0 5px;
}

#frm input, #frm textarea, #frm select
{
	padding: 2px;
	margin: 0 5px 0 0;
}

#frm select
{
	padding: 0px;
}

#frm input.single, #frm textarea
{
	width: 300px;
}

#frm input.single-large{
	width: 385px;
}
#Questionfield {
	position:relative;
}
#Questionfield .add{
	position:absolute;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index: 200;
}
#Questionfield .row{
	margin:0 0 10px 0;
	height: 22px;
	z-index: 100;
}

#Questionfield .row span{
	display:block;
	float:left;
	width: 20px;
	height: 22px;
	line-height: 22px;
}

#frm input.short
{
	width: 120px;
}

#frm textarea
{
	height: 150px;
}

/*---{ page-navigation }---------------------------------------------------------*/

#pageNav {}

#pageNav .comments
{
	float: left;	
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 100%;
	line-height: 30px;
	vertical-align: baseline;
}

#pageNav ul
{
	list-style: none;
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 100%;
}

#pageNav ul li
{
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 1%;
}

#pageNav ul li.active
{
	font-weight: bold;
}

#pageNav ul li.nextDisabled
{
	color: #ccc;
}

#pageNav ul li.prevDisabled
{
	color: #ccc;
}

#pageNav ul a
{
	text-decoration: none;
	height: 1%;
}

#pageNav ul a:hover {}

#pageNav ul a.active
{
	font-weight: bold;
}
