/* webdev: Pim Rijpsma - pim@fabrique.nl */
	
	#infobar, #navbar, #navigation, #subnavigation, #mirror, #breadcrumb{
		display: none !important;
	}
	
	
	body{ margin: 0; padding: 0; color: #003082; font: 76%/1.4em Arial, Helvetica, sans-serif; }
	html,body{ height: 100%; }
	img, img a{ border: none; }
	
	h1, h1 a, h2, h3, h3 a, h4, h4 a, h5, h5 a{font-family: Arial, Helvetica, sans-serif; color: #003082;	}
	
	h1{ font-size: 180%;  }
	h1{ font-size: 180%; padding: 20px 0 20px 0; position: relative; color: #B78700; }
	h2{ font-size: 150%; color: #B78700; margin: 10px 0 6px 16px;}
	h3{ font-size: 130%; margin: 0 0 4px 0;	}
	#columnright h3{ font-size: 130%; margin: 10px 0 0 0;	}
	h4{ font-size: 120%; margin: 10px 0 0 0; }
	h5{ font-size: 110%; margin: 10px 0 0 0; }
	p{margin: 0 0 1em 0; }
	
	a{ text-decoration: none; color: #003082; }
	a.okertop{ color: #B78700; padding: 0; clear: both; display: table-cell; }
	a.okerright{ color: #B78700; padding: 0; clear: both; display: table-cell; }
	a.okerleft{ color: #B78700; padding: 0; clear: both; display: table-cell; }
	a.whiteright{ color: #B78700; padding: 0;  }
	
	.quote{ margin: 10px 0; color: #003082; position: relative; float: left;}
	.quote h5{color: #B78700; padding: 0 14px 2px 0; margin: 0; clear: both; display: table-cell; }
	.quote h5 a{color: #B78700;}
	.quote img{	float: right; }
	.quote div{float: left; color: #B78700; margin: -10px 0 0 0; width: 65%; position: relative;padding: 6px 10px 6px 10px; vertical-align: middle; 	}
	
	.center{ margin: auto auto; }
	.centertxt{ text-align: center; }
	.clear{ clear: both; display: block; }
	.desc{ font-size: 90%; }
	.left{ float: left; }
	.leftimg{ float: left; margin: 4px 8px 4px 0; }
	.min{	margin-left: -20px}
	.lefttxt { text-align: left; }
	.padding{ padding: 10px; }
	.right{ float: right; }
	.rightimg{ float: right; margin: 4px 0 4px 8px; }
	.righttxt{ text-align: right; }
	.wrap{ width: auto; /*word-wrap: break-word;*/ }
	.hide, #logo h1 { display: none; }
	.container { width: 100%; margin: auto auto; text-align: left; position: relative; }
	.oker{color: #B78700 !important;	}
	.vgrid{ margin: 0px 5px 10px 5px; border-bottom: #E0E2E6 1px solid; width: 30%; display: block; float: left; }
	.topspace{padding-top: 10px;	}
	
	.pager{	color: #003082; margin: 2em 0 0 0;}
	.pager a{color: #003082 !important; font-weight: bold; text-decoration: none !important; margin: 0 4px 0 0;}
	.pager .selected{ color: #B78700; font-weight: bold; margin: 0 2px 0 0;}	
	.pager .prev{font-weight: bold !important;  padding: 0 0 0 14px;}
	.pager .next{font-weight: bold !important;  padding: 0 16px 0 0;}
	.pager .space{ margin: 0 20px 0 0;}
	
	hr{ border: none; width: 99%; color: #E0E2E6; line-height: 1px; height: 1px; }
	
	table{width: 100%;}
	/*td{text-align: left; vertical-align: top;}*/
	
	/* data table */
	table.data{ width:100%; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif;  }
	.data td{ border-bottom: #FFFFFF 1px solid !important; width: auto; padding: 3px 10px;  white-space: normal; empty-cells: show; }
	.data caption{color: #B78700 !important;	}

	/* default form */
	form{ margin: 0; padding: 0; width:96%; }
	form p{margin: 8px 0 !important;}
	.button{ color: #003082; font-weight: bold; cursor: pointer; width: auto; padding: 1px;}
	.buttonhover{ color: #003082; font-weight: bold; cursor: pointer; width: auto; padding: 1px;}
	label{font-weight: normal; padding: 0 2em 0 0; text-align: left; clear: right; /*display: block; clear: both;*/ cursor: pointer; color: #003082; }
	fieldset{ border: none; margin: 10px 0 0 0; padding: 0;}
	caption{	font-style: italic; text-align: right; }
	caption h3{margin: 0 0 20px 0 !important;}
	input, textarea, select{ border: #CED3D6 1px solid; color: #4C4C51;  width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 4px 4px 0 0; font-size: 100%; vertical-align: middle; height: auto;padding: 2px 0 3px 4px;}
	.droplist{color: #003082; width:170px; }
	
	.blue li{display: block; color: #003082; padding: 0.4em 0 0.4em 0; list-style: none;  }
	.blue li a{ display: block; color: #003082; width: 100%; line-height: normal; }
	.oker li{display: block; color: #B78700; padding: 0.4em 0 0.4em 0; list-style: none;  }
	.oker li a{ display: block; color: #B78700; width: 100%; line-height: normal; }
	
	ul { padding: 0; margin: 0 0 10px 0; list-style: none; width: auto; position: relative; }
	li a{ display: block; color: #003082; width: 100%; line-height: normal; }
	
	.decimal li{ color: #003082; vertical-align: top; padding: 0.4em 0 0.4em 0em; margin: 0; list-style: decimal !important;  }
	.square li {display: block; color: #003082; padding: 0.4em 0 0.4em 0; list-style: none;  }
	.arrow li{display: block; color: #003082; padding: 0.4em 0 0.4em 0; list-style: none;  }
	
	.content{padding-bottom: 40px;}
	
	/* extra styles pri windesheim 2.0 */
	#subheader{ padding: 0; }
	#breadcrumb{ padding: 0; position: relative; top: 5px; height: auto; display: block; clear: both; }
	#breadcrumb a{ margin: 0 0.5em 0 0; }
	/* end */
	
	
	#sub #columnleft, #subsub #columnleft{ position: relative; float: left; margin: 37px 0 0 0;  }
	
	#sub #columnleft{float: left; width: 90%; position: relative; margin: 0 20px 0 0; padding: 0;}
	#sub #columnright{float: left; width: 90%; position: relative;}
	#subsub #columnleft{ font-size: 110%; float: left; width: 96%; position: relative; margin: 0 10px 0 0; }
	#subsub #columnright{float: left; width: 190px; top: 12px; left: 10px; position: relative;}
	
	#sub #columnright ul.oker, #subsub #columnright ul.oker, #sub #columnright ul.blue, #subsub #columnright ul.blue { padding: 0.5em 0 1em 0; margin: 0; list-style: none; width: auto; position: relative; }
	#sub #columnright ul.oker li, #subsub #columnright ul.oker li{display: block; color: #003082; padding: 0.4em 0 0.4em 0; list-style: none;  }
	#sub #columnright ul.oker li a, #subsub #columnright ul.oker li a{ display: block; color: #B78700; width: 100%; line-height: normal; }
	
	#framework { width: 100%; margin: auto; position: relative;}
	#header{ height: 55px; width: 100%; margin: 0 0 20px 0; border-bottom: #003082 1px solid; z-index: 100; position: relative; }
	#logo img{ float: left; margin: 10px 0 0 0; }
	#flash{ width: auto; height: 260px; position: absolute; left: 0px; z-index: 98; }
	#droplist{ width: 190px; color: #003082; height: 130px; z-index: 99; position: relative; overflow: hidden; }
	#footer{ color: #003082; padding: 10px 0 10px 0; height: auto; clear: both; }
	#footer a{color: #003082; font-weight: bold; }
	#footer span{left: 20px; position: relative;}
	#visual{	width: auto; position: relative; top: -1px; float: left; color: #003082; font-weight: bold; font-size: 120%; text-indent: 40px;}
	#visual img{float: right;}
	#visual p{width: 55%;	}
	
	#home .listing{width: 45%; float: left; margin: 10px 0 0 0; padding: 0 22px 0 0; position: relative; color: #003082;	}
	#sub .listing, #subsub .listing {width: auto; float: left; margin: 10px 0 0 0; padding: 0; position: relative; color: #003082;	}
	p.listing { width: 45%; float: left; padding: 2px 22px 10px 0; }