html, body,{
		min-height: 100%;
		width: 100%;
		height: 100%;
	}

	html>body, html>body {
		height: auto;
	}

	body {
		margin: 0;
		/*font-family:Tahoma, Verdana, Geneva, Arial , sans-serif; */
		font-family:Arial, Verdana, Geneva, Arial , sans-serif;
		font-size: 12px;
		color:#000000;
		background-color:white;
		height:100%
	/*	background-image:url("/iosis/images/mainbg-1.gif"); background-repeat:repeat; */
	}

		/*
		orange #FF7F00
		grijs  cccccc
		grijs  666666

		#747A7F
		#D7CE95
		*/

		/* layout */

	#contents {
		position: absolute;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		top: 70px;
		left: 50%;
		width: 770px;
		margin-left: -385px;
		padding:0;
		padding-top:20px				
	}
		
	#left-col{
		float:left; width:190px;  border-right:0px solid #CCCCCC;
	}

	#left-col h1{
		font-size:14px; font-weight:bold; margin:0; width:100%; border-bottom:1px solid #CCCCCC; text-indent:10px;
	}

	#right-col{
		float:right; width:150px 
	}
	
	#right-col h1 {
		font-size:14px;
		font-weight:bold;
		margin:0 0 6px 0;
		width:100%;
		border-bottom:1px solid #CCCCCC;
		text-indent:0px
	}

	#main-col { width: 420px ; float:left; border:0px solid yellow}
	#main-col-full { width: 570px ; float:left}
	
	#header { height:70px; width:100%; border-bottom:1px solid #CCCCCC; }
	#footer { bottom:0; position:relative; clear:both; height:14px; background-color:#CCCCCC; color:#747A7F; font-size:12px; font-weight:normal;  padding:2px; margin-top:20px}
	
	/* layout classes */
	.col { height:100% }

	.box-0 { margin:0px 20px 10px 20px; border-bottom:0px solid #cccccc;font-size: 12px; }
	.box-1 { margin:3px; border:0px solid green }
	.box-2 { margin:3px 0 6px 0; border-bottom:1px solid #cccccc; font-size:10px; } /* laatsate vijf */
	.box-2 img {border:1px solid #747A7F }

	.img-left{ float:left; margin:5px 5px 5px 0;}
	.img-left-border{ float:left; margin:5px 5px 5px 0; border:1px solid black;}

	.img-right{ float:right; margin:5px 0px 5px 5px;}
	.img-right-border{ float:right; margin:5px 0px 5px 5px; border:1px solid black;}

	.content-block { border-bottom:1px solid #cccccc; padding-top:0; margin-bottom:5px; padding-bottom:5px}
	.content-block p {margin-top:0px}

	/* form elements */
	input { border:1px solid #CCCCCC; width:100px; height:15px } 

	/* form classes */
	.button { border:1px solid #747A7F; height:18px; font-size:9px; background-color:#CCCCCC; color:black; width:50px; margin-left:10px;  }
	.selectlist { border:1px solid #747A7F; text-transform:capitalize; font-size:9px;}
	.selectlist-enq { border:1px solid #747A7F; text-transform:capitalize; font-size:9px;width:200px}


	/* html elements */
	a {text-decoration:none; color:#747A7F}
	a:hover { color:#FF7F00}
	a:active a:visited { color:#747A7F }

	h1 { font-size:18px; font-weight:bold; margin: 0 0 3px }
	h2 { font-size:16px; font-weight:bold; margin: 0 0 3px }
	h3 { font-size:14px; font-weight:bold; margin: 0 0 3px }
	h4 { font-size:12px; font-weight:bold; margin: 0 0 3px }
	h5 { font-size:10px; font-weight:bold; margin: 0 0 3px }
	
	h6 { font-size:18px; font-weight:bold; margin: 0 0 3px; text-transform:uppercase}

	
	.form-table { width:100% }

	.form-table td { padding-bottom:3px;padding-top:3px;border-bottom:1px solid #cccccc;font-size:11px; }
	.form-table th { padding-bottom:3px;border-bottom:1px solid #cccccc;font-size:14px; color:#747A7F; text-align:left }




	/* menu 1 */
	#list-menu {
		width: 100%;
		padding-right:6px;
		border:0px solid black;
	}

	#list-menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size:14px;
		font-weight:bold;
		letter-spacing:2px;
	}

	#list-menu li { 
		margin: 2px 0 0;
	}

	#list-menu a {
		display: block;
		width:175px;
		padding: 2px 6px 2px 10px;
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: #dcdcdc;
		text-decoration: none;
	}

	#list-menu a:link, #list-menu a:active, #list-menu a:visited {
		color: #000000;
	}

	#list-menu a:hover {
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: #747A7F;
		color: #FF7F00;
	}

	#list-menu #active {
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: #747A7F;
		color: #FF7F00;
	}

	#pager-1 { margin-bottom:10px; font-size:9px; text-align:right; border-bottom:1px solid #cccccc; padding-bottom:5px }
	#pager-1 a {font-size:11px; font-weight:bold}

	.search-pager-1   { margin-bottom:11px; font-size:12px; text-align:left; border-bottom:1px solid #cccccc; padding-bottom:5px }
	.search-pager-1 a { font-size:12px; font-weight:bold;}

	.searchlist-item {height:100px; border-bottom:1px dashed #cccccc; margin-bottom:5px; }
	.searchlist-item a{color:black}
	.searchlist-item a:hover {color:#FF7F00}
	.searchlist-item a:active a:visited {color:#747A7F}


	#search-form { margin-left:3px }
	
	#search-form label	{ margin-left:5px; margin-right:5px; margin-bottom:2px; margin-top:3px; display:block ; float:left;}
	
	#search-form input	{ width:100px;  margin-bottom:2px; margin-top:3px;}
	#search-form select	{ width:100px;  margin-bottom:2px; margin-top:3px;border:1px solid #747A7F; text-transform:capitalize}


	
	#search-form .button { width:50px; margin-left:5px; margin-bottom:5px;
		border:1px solid #747A7F; height:18px; font-size:9px; background-color:#CCCCCC; color:black
	}

	#search-form fieldset
	{
		border:1px solid #cccccc; width:170px;
	}

	#search-form legend
	{
		border:1px solid #cccccc; padding:0 2px 0 2px; margin-bottom:5px;
	}
	

	.pagelist-item { height:100px; border-bottom:1px dashed #cccccc; margin-bottom:5px;  }
	.pagelist-item b {font-size:16px}
	.list-pager {text-align:right; margin-bottom:5px}