@charset "iso-8859-1";

	* {
		margin: 0;
		padding: 0;
		}

	html, body {
		color: #000;
		/* \*/ height: 100%; /* IE MAC ignores */
		} 
	body {
		background: #787878;
		/* \*/ height: 100%; /* IE MAC ignores */
		font-size: 100.1%;
		font-family: arial, verdana, helvetica, sans-serif;
		margin: 0;
		min-width: 800px;
		behavior: url("/style/csshover.htc");
		} 
	* html body {
		margin: 0;
	}
	#top {
		height: 60px;
		background: #787878;

	}	
	#wrap {
		margin: 0;
		position: relative;
		height: 100%;
		font-size: 12px;
		text-align: center;
		}
	#middle {
		background: #fff;
		position: relative;
		width: 800px;
		margin: 0 auto;
		text-align: left;
		background-image: url("/images/design/bg_index_wrap.gif");
		background-repeat: repeat-y;
		font-size: 11px;
	}
	* html #middle {
	}
	#header {
		position: relative;
		width: 800px;
		height: 146px;
		background-color: #787878;
		background-image: url("/images/design/header.gif");
		background-position: 0 45px;
		background-repeat:no-repeat;
	}
/** common **/
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	hr {
		background-color: #6f1f80;
		border: 0;
		color: #6f1f80;
		height: 1px;
		margin: 10px 0 10px 0;
	}
	* html hr
	{
	margin: 0px 0 0px 0;
	}
	html>body #minheight{
		float:left;
		width:0px;
		height:800px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	.hide {
		display: none;
	}
	.color1 {
		color: #009ee0;
	}
/** elements **/
	* {
		font-size: 11px;
	}
	#left_column {
		float: left;
		width: 311px;
		min-height: 332px;
		background-image: url("/images/design/logo_groot.gif");
		background-repeat:no-repeat;
	}
	* html #left_column {
		height: 332px;
	}
	#right_column {
		float: right;
		width: 489px;
		padding-top: 0px;
	}
	h1, h2 {
		font-size: 14px;
		color: #6f1f80;
		margin-bottom: 8px;
	}
	h2 {
		font-size: 13px;
		color: #009ee0;
		margin-bottom: 8px;
	}
	.align_right {
		text-align: right;
	}
	a {
		color: #009ee0;
	}
	a:hover {
		color: #6f1f80;
	}
	#left_column img {
		margin: 0 40px;
		margin-bottom: 0px;
	}
	#right_column h1, #right_column div {
		padding: 0 40px 0 40px;
		margin-bottom: 4px;
	}
	.smaller {
		font-size: 10px;
		color: #787878;
		padding: 340px 30px 10px 30px;
	}
	#address {
		position: absolute;
		left: 25px;
		top: 90px;
		color: #6f1f80;
	}
	#header_login {
		position: absolute;
		left: 0px;
		top: 125px;
		color: white;
		width: 790px;
		text-align: right;
	}
	#header_login a {
		color: white;
		text-decoration: none;
	}
	#header_login a:hover {
		color: #009ee0;
	}
	#right_column .katern {
		position: relative;
		padding: 0px;
		margin: 0 1px;
		background-image: url("/images/design/stippellijn.gif"); 
		background-position: 2px 100%; 
		background-repeat: repeat-x;
		line-height: 14px;
	}
	.katern a {
		position: relative;
		top: 0px;
		display:block;
		padding: 22px 40px 10px 40px;
	}
	#right_column .katern:hover {
		cursor:pointer;
		background-color: #ECECEC;
	}
	.katern a {
		text-decoration: none;
	}
	.katern .lees_meer {
		color: #009ee0;
		text-align: right;
		display: block;
	}
	.katern:hover .lees_meer {
		text-decoration: underline;
	}
	.katern .text {
		display: block;
		text-decoration: none;
		color: #000;
	}
	.katern:hover .text {
		color: #6f1f80;
	}
	.katern .title {
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #6f1f80;
		padding-bottom: 8px;
	}
	.katern:hover .title {
		color: #009ee0;
	}

/** DEFAULT FORM **/
	.defaultform {
		position: relative;
		border-width: 1px;
		border-color: #D7D7D7;
		border-style: solid;
		margin: 20px 20px 20px 20px;
	}
	.defaultform fieldset {
		border: 0px;
		border-width: 1px;
		border-color: #fff;
		border-style: solid;
		padding: 5px 20px;
		background: #ECECEC;
	}
	.defaultform p {
		padding: 0;
		height: 22px;
	}
	* html .defaultform p {
	}
	.defaultform .default_label {
		float: left;
		width: 90px;
		color: #6f1f80;
		padding: 0 0 0 1px;
		line-height: 20px;
	}
	.defaultform .default_field {
		font-family: arial, sans-serif;
		font-size: 100%;
		border-width: 1px;
		border-color: #6f1f80;
		border-style: solid;
		width: 196px;
		margin: 1px 0;
		padding: 1px 2px;
	}
	* html .defaultform .default_field {
		/* \*/ width: 200px; /* IE MAC ignores */
		height: 14px;
		/* \*/ height: 18px; /* IE MAC ignores */
		/* \*/ margin: 1px 0; /* IE MAC ignores */
	}
	.defaultform .button {
		position: absolute;
		left: 310px;
		top: 53px;
		background-color: #ECECEC;
		color: #6f1f80;
		border: 1px solid #6f1f80;
		font-family: arial, sans-serif;
		font-weight: bold;
		margin: 0;
		margin-left: 22px;
		padding: 0px 0;
		width: 90px;
	}	
	.defaultform .button:hover {
		cursor: pointer;
		background-color: #009ee0;
		color: #fff;
	}
	* html .defaultform .button {
		padding-top: 2px;
		height: 14px;
		margin-left: 20px;
		/* \*/ margin-left: 22px; /* IE MAC ignores */
		/* \*/ padding-top: 0px; /* IE MAC ignores */
		/* \*/ height: 18px; /* IE MAC ignores */
	}	
		{
		.defaultform .button { height: 18px; margin-left: 24px; }
		}
	input.error, select.error, input.error:focus, select.error:focus {
		padding-right: 16px; 
		border: 1px solid red; 
		background-image: url("/images/warning_obj.gif"); 
		background-position: right; 
		background-repeat: no-repeat;
	}
/** SEARCH FORM **/
	#header form {
		position: absolute;
		left: 660px;
		top: 60px;
		width: 120px;
	}
	#header fieldset {
		color: #6f1f80;
		border: 0;
		line-height: 20px;
	}
	* html #header fieldset {
		line-height: 19px;
	}
	#header #search {
		width: 108px;
		border: 1px solid #6f1f80;
	}
	* html #header #search {
		height: 16px;
		width: 110px;
	}
	#header .button {
		position: absolute;
		left:114px;
		top: 23px;
		cursor: pointer;
	}


	#menu {
		position: absolute;
		left: 0;
		bottom: 101px;
	}
	#menu
	{
		border-bottom: solid 0px #fff;
	}
	#menu, #menu ul li a
	{
		padding-top: 6px;
		padding-bottom: 6px;
	}
	#menu ul, #menu ul li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#menu ul li a
	{
		margin: 0 0 0 0;
		padding-left: 10px;
		padding-right: 20px;	/* short-hand padding attribute would overwrite
					   top/bottom padding set in a previous rule */
		border-left: solid 1px #fff;
		border-right: solid 0px #000;
		white-space: nowrap;
		background-image: url("/images/design/bg_menu.gif");
		background-repeat: no-repeat;
		background-position: 100% 0%;
		color: #fff;
		font-weight: bold;
	}
	#menu ul li a:hover
	{
		color: #6f1f80;
	}
	#menu ul .active a
	{
		color: #009ee0;
		background-image: url("/images/design/bg_menu_active.gif");
	}
	#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active, #menu ul li a:hover
	{
		text-decoration: none;
	}
	* html #menu ul li, * html #menu ul li a
	{
		width: 1%; /* IE/Mac needs this */
		display: inline-block;	/* IE/Mac needs this */
		/* \*/
			width: auto;
			display: inline; 
			position: relative;
		/* reset above hack */
	}
	* html #menu, * html #menu ul a
	{
		/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
					 IE/Mac will ignore this rule. */
	}
	* html #MENU
	{
		padding: 0;	
	}