/* --- MAIN.CSS - Ortec --- */


/* --- RESETTING BROWSER DEFAULTS - based upon http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ --- */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
/* --- SITE DEFAULTS --- */

html {
	overflow-y: scroll;	/* toon ook in Firefox altijd een scrollbar zodat een gecentreerde site niet steeds verspringt. Kan evt. verwijderd worden, valideert (nog) niet, want CSS3 */
}

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body, p, td, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

body {
	position: relative;
	font-size: 0.7em;
	line-height: 1.25em;
	color: #002d6a;
	background-color: #ffffff;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 10px;
}


.alignLeft {
	float: left;
	margin-left: 10px;
}

		/* --- form --- */
				
		.formPart {
			width: 350px;
			clear: both;
		}
			
			.formPart dl {
				float: left;
				clear: both;
				width: 100%;
				padding: 0 0 4px;
			}
			
				.formPart dt {
					float: left;
					clear: left;
					width: 80px;
					padding: 3px 10px 0 0;
				}
				
				html>body .formPart dt {
					width: 80px;
				}
				
				.formPart dd {
					width: 250px;
					padding: 0 0 7px;
				}
				
				html>body .formPart dd {
					float: left;
					padding: 3px 0 7px;
				}
				
				*:first-child+html .formPart dd {
					float: none;
					padding: 0 0 7px;
				}
				
				.formPart dd.vertical {
					padding: 0 0 11px;
				}
				
				html>body .formPart dd.vertical {
					padding: 3px 0;
				}
				
				*:first-child+html .formPart dd.vertical {
					padding: 0 0 11px;
				}
				
					.formPart dd input, .formPart dd select {
						color: #242424;
						width: 230px;
						margin: 0;
						padding: 1px 3px;
					}
				
					html>body .formPart dd input {
						margin: -2px 0 2px;
					}
				
					*:first-child+html .formPart dd input {
						margin: 0;
					}
				
					.formPart dd select {
						width: 240px;
						margin: 1px 0 4px;
						padding: 1px 1px 1px 3px;
					}
				
					html>body .formPart dd select {
						margin: -3px 0 7px;
					}
					
					*:first-child+html .formPart dd select {
						margin: 1px 0 4px;
					}
					
					.formPart dd textarea {
						width: 232px;
						height: 7.3em;
						padding: 0 2px;
						overflow: auto;
					}
				
					.formPart label {
						display: block;
						float: left;
					}
					
					.formPart dd.horizontal label {
						vertical-align: baseline;
						margin: 0 10px 0 0;
					}
					
					.formPart dd.vertical label {
						clear: both;
						width: 100%;
						margin: 0 0 6px 0;
					}
					
					.formPart dd.horizontal input, .formPart dd.vertical input {
						width: auto;
						margin: 1px 2px -1px -4px;
						border-style: none;
					}
					
					html>body .formPart dd.horizontal input, html>body .formPart dd.vertical input {
						margin: 1px 4px -1px 0;
					}
					
					*:first-child+html .formPart dd.horizontal input, *:first-child+html .formPart dd.vertical input {
						margin: 1px 2px -1px -4px;
					}
					
					.formButton {
						float: right;
						margin: 6px 20px 0 0;
					}