/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
	
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
    text-align:center;
	background:#FFF url(../gfx/background.gif) top right repeat-x;
	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a {
	color:#1272d7
	}
a:hover {}

br.cB {
	clear:both;
	}

img {
	border:0;
	}

h1 {
	font-size:14px;
	}
h2 {
	font-size:10px;
	padding:0;
	margin:0;
	}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:987px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:#FFF url(../gfx/container_back.gif) repeat-y;
	border-left:#FFF solid 4px;
	border-right:#FFF solid 4px;
	border:0px;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.header,
div.header a {
	height:79px;
	}

div.header {
	background:#FFF url(../gfx/gradient_yellow_left.gif) top left repeat-y;
	}
	div.header a {
		display:block;
		background:transparent url(../gfx/gradient_yellow_right.gif) top right repeat-y;
		text-align:center;
		}
		div.header a img {
			border:none;
			margin:17px auto 7px auto;
			}
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
table.navigationMenu {
	width:100%;
	height:21px;
	margin-top:8px;
	}
	table.navigationMenu td {
		text-align:center;
		}

ul.subNavigation {
	display:block;
	margin:0;
	padding:0;
	}
	ul.subNavigation li {
		list-style:none;
		display:block;
		margin:0;
		border-bottom:#FFF solid 1px;
		padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	
		ul.subNavigation li a {
			color:#595c5f;
			}
	ul.subNavigation li span {
		}
	ul.subNavigation li span.menuItem {
		background-color:#b2d1f0;
		text-align:right;
		display:block;
		margin:0;
		border-bottom:#FFF solid 1px;
		padding:11px 11px 8px 0;
		color:#595c5f;
		font-weight:bold;
		}
	ul.subNavigation li span.menuItemSelected {
		background-color:#7cabe2;
		text-align:right;
		display:block;
		margin:0;
		border-bottom:#FFF solid 1px;
		padding:11px 11px 8px 0;
		color:#595c5f;
		font-weight:bold;
		}
	ul.subNavigation li span.menuItem a,
	ul.subNavigation li span.menuItemSelected a {
		text-decoration:none;
		}
		ul.subNavigation li ul {
			display:block;
			margin-right:10px;
			border-right:#FFF solid 1px;
			padding:5px 0 5px 0;
			}
			ul.subNavigation li ul li {
				list-style:none;
				line-height:16px;
				display:block;
				text-align:right;
				margin-right:10px;
				border-bottom:#FFF solid 0px;
				}

div.navigatie {
	border-top:#FFF solid 4px;
	}
	div.navigatie a {
		display:block;
		padding-top:3px;
		height:20px;
		border-bottom:#1d5cb8 solid 1px;
		_height:21px;
		text-decoration:none;
		color:#595c5f;
		font-weight:bold;
		}
	div.navigatie a:hover {
		background-color:#0063ce;
		color:#CCC;
		}

body.over div.navigatie a.overLink,
body.nieuws div.navigatie a.nieuwsLink,
body.leden div.navigatie a.ledenLink,
body.home div.navigatie a.indexLink,
body.dienstverlening div.navigatie a.dienstenLink,
body.dienstverlening div.navigatie a.dienstverleningLink,
body.links div.navigatie a.linksLink,
body.nieuwsbrief div.navigatie .nieuwsbriefLink,
body.contact div.navigatie .contactLink,
body.sitemap div.navigatie .sitemapLink {
		background-color:#0063ce;
		color:#FFF;
		}
		
.nieuwsHeader {
	background-color:#d0e0ef;
	padding:2px 5px;
	}
		
	td.navItemSelected a {
		background-color:#0063ce;
		color:#FFF;
		}

div.divClosed {display:none;}
div.divOpen {display:visible;}

div#disclaimer {
	width:570px;
	height:200px;
	position:absolute;
	top:200px;
	left:210px;
	margin-bottom:-200px;
	padding:5px;
	background-color:#E7F0F7;
	border:#579ADE solid 4px;
	}

div.navigatie .leftBlock,
div.navigatie .rightBlock,
div.navigatie .centerBlock {
	background:transparent url(../gfx/navigatie_back.gif) repeat-x;
	height:29px;
	}

div.navigatie .leftBlock {
	float:left;
	width:200px;
	}
div.navigatie .centerBlock ul {
	width:100%;
	padding:0;
	margin:0;
	}
	div.navigatie .centerBlock ul li {
		list-style-type:none;
		display:inline;
		width:22%;
		float:left;
		}
div.navigatie .rightBlock {
	width:200px;
	float:right;
	}



/* ============================================================	*/ 
/* ========	CENTERBLOCKEN		===============================	*/
/* ============================================================	*/
div.navigatie .centerBlock,
div.mainContent .centerBlock,
div#footer .centerBlock {
    margin-left :204px;
	margin-right:204px;
	_margin-left:201px;
	_margin-right:201px;
	}
	
	
div.mainContent .centerBlock span.header {

	float:none;
	background:#d1e0ef;
	padding:11px 0 9px 17px;
	color:#0063ce;
	font-weight:bold;
	font-size:13px;
	margin:0 0 0 0;
	}
	
div.mainContent .centerBlock span {
	line-height:16px;
	display:block;
	}
div.mainContent .centerBlock span.content {	
	padding:0 15px 0 15px;
	}
table.pInfo {
	width:510px;
	margin-left:17px;
	margin-right:17px;
	}
	table.pInfo td {
		vertical-align:top;
		width:33%;
		}
	table.pInfo .naam {
		font-weight:bold;
		font-size:14px;
		}

.pInfo strong {
	
	}
	
.printBtn {
    display:block;
    position:relative; 
    margin-bottom:-17px; 
    width:17px; 
    height:17px; 
    bottom:-10px; 
    right:10px; 
    float:right;  
    }



/* ============================================================	*/ 
/* ========	SIDEPANELS			===============================	*/
/* ============================================================	*/
div.mainContent .rightBlock,
div.mainContent .leftBlock,
div.navigatie .rightBlock,
div.navigatie .leftBlock {

	}

div.mainContent .rightBlock span.header {
	background:#0051a9 url(../gfx/dotted_border.gif) bottom left repeat-x;
	display:block;
	color:#FFFFFF;
	padding:11px 0 4px 8px;
	font-weight:bold;
	}

.login {
	background-image:url(../gfx/login_back.gif);
	border-bottom:#FFFFFF solid 1px;
	}
.login td {
	padding-top:7px;
	width:50%;
	text-align:right;
	color:#FFFFFF;
	}
	.login td a {
		display:block;
		padding:2px 0 2px 0;
		margin-right:5px;
		background:#b2d1f0;
		color:#005ba6;
		text-decoration:none;
		}
		
		.login td a:hover {
			color:#FFF;
			text-decoration:underline;
			}
		
.login td .typeText {
	margin-right:5px;
	}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer .leftBlock {
	text-align:center;
	float:left;
	width:200px;
    background:transparent url(../gfx/footer_center_back.gif) 0px 0px repeat-x;
	}
	div#footer .leftBlock a {
		text-decoration:none;
		color:#000000;
		}
	div#footer .leftBlock a:hover {
		text-decoration:underline;
		}
div#footer .rightBlock {
	text-align:center;
	float:right;
	width:200px;
	background:transparent url(../gfx/footer_center_back.gif) repeat-x;
	}
	
div#footer .centerBlock {
	text-align:center;
	background:transparent url(../gfx/footer_center_back.gif) repeat-x;
    width:578px;
	}
	div#footer .centerBlock a {
		text-decoration:none;
		color:#000000;
		}
	div#footer .centerBlock a:hover {
		text-decoration:underline;
		}

div#footer,
div#footer .centerBlock,
div#footer .rightBlock,
div#footer .leftBlock {
	line-height:17px;
	}

div#footer {
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:0px;
	clear:both;
	}
	
html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 17 + "px"); /* IE7 fix */
	}
	
div#footer .footerText {
	text-align:right;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:987px;
	overflow:hidden;
	}

.intro {
	font-weight:bold;
	}

div.mainContent {
	background:transparent url(../gfx/maincontent_gradient_logos.gif) no-repeat;
	min-height:446px;
	_height:446px;
	}

.ledenImage {
	margin:0 0 10px 10px;
	display:block;
	float:right;
	}
	
body.leden table.ledenSub {
    display:none;
    }
    table.ledenSub {
        display:block;
        /*width:578px;*/
        }
/* .ledenSub {
	width:100%;
	}
	.ledenSub td {
		width:1%;
		text-align:center;
		}
	.ledenSub a {
		text-decoration:none;
		display:block;
		color:#D1E0EF;
		background-color:#0063CE;
		padding:2px 0 2px 0;
		}
	.ledenSub a:hover {
		color:#0063CE;
		background-color:#D1E0EF;
		}
	.ledenSub a.active {
		color:#0063CE;
		background-color:#D1E0EF;
		} */

div.mainContent .rightBlock{
	width:200px;
	float:right;
	min-height:379px;
	_height:379px;
	}

div.mainContent .leftBlock {
	width:200px;
	float:left;
	min-height:379px;
	_height:379px;
	}
div.mainContent .centerBlock {
	/*float:none;*/
	
	color:#000;
	font-size:11px;
	}
	div.mainContent .centerBlock .margin {
		margin:10px 16px 5px 16px;
		}
		
/* nieuwsblock */
div.mainContent .centerBlock .margin .nieuws {
	width:260px;
	float:right;
	margin:0 0 5px 5px;
	border:#d0e0ef solid 1px;
	background:#eff4fa;
	font-weight:bold;
	}
	div.mainContent .centerBlock .margin .nieuws a {
		font-weight:normal;
		margin-top:10px;
		display:block;
		}
.nieuws .nieuwslist {
	margin:5px 5px 5px 5px;
	}

.nieuws .nieuwslist form {
	border:none;
	padding:0;
	margin:0;
	}
.nieuws .nieuwslist .inpText {
	width:180px;
	height:16px;
	border:solid 1px #D0E0EF;
	background-color:#F8F3D5;
	color:#0063CE;
	}
.inpSubmit, .inpSubmit:active, .inpSubmit:visited {
	width:64px;
	height:20px;
	margin-left:2px;
	border:solid 1px #FFF;
	color:#0063CE;
	font-size:10px;
	cursor:pointer;
	}

/* link */
.nieuwsbrief {
	display:block;
	font-weight:normal;
	color:#000000;
	margin-bottom:10px;
	}



table.nieuwsTabel {
	display:block;
	width:500px;
	margin:0 15px 0 15px;
	}
	table.nieuwsTabel a {
		text-decoration:none;
		color:#000;
		}
	table.nieuwsTabel a:hover {
		text-decoration:underline;
		}

div.sidebar {
	float:right;
	width:160px;
	padding-bottom:65px;
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	
	
/* bullet image */
.bulletImage {
	width:10px;
	border:none;
	text-align:center;
	margin-left:140px;
	}


div.flashbanner{
	position:relative;
	float:left;
	clear:both;
	width:578px;
	margin-top:40px;
	text-align:center;
}



/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
.typeText {
	color:#FFF;
	font-weight:normal;
	border:1px solid #FFF;
	background-color:#b2d1f0;
	padding-left:5px;
	}

label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}

.w80 {
	width:93px;
	_width:100px;
	}