/* RF (QUADIA): 26 juli 2010 - aanpassing aan H3 omdat deze op website achter de banner "Ik wil meer weten" lag" */

/* Styling in the XHTML 1.1 Document Type  - http://www.w3.org/TR/xhtml11/doctype.html#s_doctype*/
/* structure (body, head, html, title) */
html {}
	body {
		font-family : Arial, Sans-Serif;
		font-size : 68%;
		color : #4f6072;
		margin : 0px 0px 0px 0px;
		padding: 0px;
		line-height : 130%;
	}
		/* text (abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var) */
		h1 {
			font-size :	170%;
			color: #000;
			margin : 0px 0px 10px 0px;
		}
		h2 {
			font-size :	150%;
			color: #4f6072;
			font-weight: normal;
			margin : 0px 0px 14px 0px;
		}
		h3 {
			font-size :	120%;
			color: #4f6072;
			margin : 10px 0px 4px 0px;
			background: url(../images/bullet_headerItem.png) no-repeat 4px 6px;
			padding: 0px 0px 0px 16px;
			clear:both;
		}
		h4 {
			font-size :	100%;
			margin : 0px 0px 0em 0px;
			font-weight: bold;
			color: #4f6072;
		}
		p {
			margin : 0px 0px 9px 0px;
		}
		address {
			font-style : normal;
		}
		/* hypertext (a) */
		a {}
			a:link, a:visited {
				text-decoration : underline;
				color: #4f6072;
				padding: 1px;
			}
			a:hover, a:active {
				text-decoration : none;
				color: #4f6072;
				padding: 1px;
				background-color: #e2eaf3;
			}
		/* list (dl, dt, dd, ol, ul, li) */
		ul {
			margin : 0px 0px 1em 0em;
			padding : 0px 0px 0px 0px;
		}
			ul ul,
			ul ol {
				margin-bottom : 0px;
			}
				ul li {}
		ol {}
			ol ol,
			ol ul {
				margin-bottom : 0px;
			}
				ol li {}
		dl {}
			dt {
				font-weight : bold;
			}
			dd {}
		/* object (object, param) */
		object {}
		/* presentation (b, big, hr, i, small, sub, sup, tt) */
		div.hr {
			border : none;
			width : 100%;
			height : 1px;
			color: #e5e7ea;
			background-color : #e5e7ea;
			clear : both;
			overflow: hidden;
			margin: 10px 0px 16px 0px;	
		}
		hr {
			border: none;
			background-color: Transparent;	
			visibility: hidden;
		}
		/* forms (button, fieldset, form, input, label, legend, select, optgroup, option, textarea) */
		form {
			margin : 0px;
		}
			fieldset {
				border : none;
				padding : 0px;
			}
				legend {
					font-size : 100%;
					font-weight : bold;
				}
				input, 
				textarea, 
				select,
				button {
					font-family : Verdana, Arial, Sans-Serif;
					font-size : 100%;
					vertical-align : middle;
				}
					input.text {}
					input.radio, 
					.radio input {
						width : auto;
						border : none;
					}
					input.image {
						width : auto;
						border : none;
					}
					input.button,
					button {
						background-color : Transparent;
						width : auto;
						overflow : visible;
					}
					textarea {}
					select {}
				label {
					vertical-align : middle;
					font-size : 100%;
					font-weight : bold;
				}
		/* table (caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr) */
		table {
			font-size : 100%;
			border-collapse : collapse;
			margin : 0px 0px 1em 0px;
		}
			caption {
				font-size :	110%;
				font-weight : bold;
				text-align : left;	
			}
			tr {
				vertical-align : top;
			}
				th {
					text-align : left;
					font-weight : bold;
				}
				td {}
			thead {}
				thead th {}
			tfoot {}
				tfoot th {}
				tfoot td {}
			tbody {}
				tbody th {}
				tbody td {}
		/* img */
		img {
			border : none;
			vertical-align : middle;
			
		}
/* Generic */
	.left {
		float : left;
	}
		img.left {
			margin : 0px 0.5em 0.5em 0px;
		}
	.right {
		float : right;
	}
		img.right {
			margin : 0px 0px 0.5em 0.5em;
		}
	.clear {
		clear : both;
	}
		div.clear {
			height : 1px;
			overflow : hidden;
		}
	p.intro {
		font-weight: normal;	
		color: #000000;
		margin: 0px;
	}