/* used colors:	licht = #c00; , donker = #900; */

/*  DEFAULT SETTINGS  */
body			{ font-size:80%; background: #eee; color: #000; margin: 10px auto; padding:0; text-align: center; }
#wrapper		{ border: 0px solid #666; width: 930px; margin: 0 auto; background-color: #ddd; padding: 10px; }
* 			{ font-family: arial, verdana, sans-serif; line-height: 1.7em; }

a:link, a:visited 	{ color: #DC241F; background-color: inherit; }

.hide			{ display: none; }
.clear 			{ clear: both; display: block; height: 1px; overflow: hidden; }

img			{ border: 0; }
hr			{ height: 1px; border: 1px solid #eee;}
.fright			{ float: right;}
.small			{ color: #666; font-size: 0.8em; }

/* CONTAINER */
#container 		{ background-color: #fff; border: 1px solid #999; padding: 10px 10px 5px 10px; }

/* HEADER */
#header			{ width: 100%; position: relative;  text-align: left; }
#header * 		{ margin:0; padding: 0; }
#logo			{ height: 85px; overflow: hidden; }
#logo h1,#logo h1 a	{ display: block; float: left; top: 0; left: 0; display: block; width: 200px; height: 85px; background: #fff url(logo.gif) 15px top no-repeat; }
#logo h1 span		{ display: none; }
#logo p			{ display: block; float: left; height: 85px; width: 209px; }
#logo p *		{ display: none; }

/* NAVIGATION */
#mainnav		{ color: #fff; background-color: #eee; }
#mainnav * 		{ margin:0 auto; padding: 0; }
#mainnav .clear		{ background-color: #fff; color: #000; }
#mainnav h3		{ display: none; }
#mainnav ul		{ list-style: square; display: block; margin-left: 200px; }
#mainnav li		{ float: left; white-space: nowrap; display: block; }
#mainnav a		{ background-color: transparent; color: #000; display: block; padding: 2px 20px; text-decoration: none; text-transform: lowercase; font-size: 1.1em; }
#mainnav li a.on	{ color: #000; background-color: #ddd; font-weight: 700; }
#mainnav li a:hover	{ color: #fff; background-color: #DC241F; }


#sectionnav		{ display: block; width: 180px; float: left; text-align: left; margin-right: 20px;}
#content #sectionnav h3		{ display: none; color: #000; }
#sectionnav ul		{ width: 100%; margin: 0; padding: 0;  }
#sectionnav li		{ margin: 0; list-style-type: none; white-space: nowrap; width: 100%; border-bottom: 1px dotted #ddd; }

#sectionnav a		{ text-decoration: none; display: block; padding: 3px 10px; }
#sectionnav a:hover	{ text-decoration: underline; }

#sectionnav .clear	{ height: 250px; background: #fff url(job.jpg) no-repeat 65px bottom; width: 100%; }


/* CONTENT */
#content		{ margin: 10px 0; text-align: left; }
#content p		{ margin-bottom: 1em; margin-top: 0.1em; }
#content q		{ margin-bottom: 1em; display: block; font-style: italic; color: #333; }
#content ul		{ list-style: square; }
acronym			{ border-bottom: 1px dotted #999; }
address			{ font-style: normal; }
img			{ border: 0; }
span.label		{ width: 150px; display: block; float: left; }

#xcontent table		{ background-color: #DEE3E7; color: #900; border: 1px solid #3B4B5B; }

#content h1, #content h2, #content h3
			{ font-weight: 700; margin:0; padding: 0; font-family: Arial, sans-serif; color: #DC241F; background-color: transparent; }

#content h1		{ font-size: 1.8em; margin: 0 0 0.5em 0; border-bottom: 3px solid #eee; }
#content h2		{ font-size: 1.3em; margin: 0 0 0.1em 0; }
#content h3		{ font-size: 1.2em; }


/* CUSTOM STYLES */
#content img.AfbeeldingLinks	{ float: left; }
#content img.AfbeeldingRechts	{ float: right; }

#contentfull		{ width: 680px; float: left; }
#contentmain		{ width: 480px; float: left; }
#contentsub		{ width: 200px; float: right; font-size: 0.9em; }
#contentsub .block	{ margin-bottom: 2em; color: #333; padding: 10px; border: 0px solid #999; background: #eee url(blockbg-light.gif) top left repeat-x; }
#contentsub ul		{ padding: 0 20px; }

/* FOOTER */
#footer			{ width: 100%; clear: both; border-top: 1px solid #ddd; font-size: 0.9em; padding: 5px 0; background-color: #fff; text-align: left; }
#footer * 		{}
#footer ul		{ list-style: none; margin: 0 0 0 200px; }
#footer li		{ white-space: nowrap; display: inline; margin: 0 10px 0 0; }

table, tr, td		{ border: 0; background-color: transparent; color: inherit; }

/* INTROPAGE */
#banner			{ border: 1px solid #ccc; background: #f9f9f9 url(bannerbg.gif) repeat-y top left; }
#bannercontent		{ padding: 10px 400px 10px 16px; height: 100%; background: transparent url(bannerlogo.jpg) no-repeat 560px top; }
#bannercontent h1	{ display: block; width: 360px; height: 46px; background: #f9f9f9 url(bannertitle.gif) left top no-repeat;
			  margin: 20px 0 10px 0; padding: 0; border: 0; overflow: hidden; }
#bannercontent h1 *	{ display: none; }

#bannerbutton		{ display: block; float: left; width: 219px; height: 75px; background: url(bannerbutton.gif) no-repeat left top; overflow: hidden; 
			  padding: 0; border: 0; margin: 30px 0 15px -3px; }
#bannerbutton:hover	{ background-image: url(bannerbutton-on.gif); }
#bannerbutton *		{ display: none; }

#homebutton		{ display: block; float: left; width: 178px; height: 75px; background: url(homebutton.gif) no-repeat left top; overflow: hidden; 
			  padding: 0; border: 0; margin: 30px 0 15px 10px; }
#homebutton:hover	{ background-image: url(homebutton-on.gif); }
#homebutton *		{ display: none; }

.intropage .block	{ display: bloak; width: 430px; color: #333; padding: 10px; border: 0px solid #eee; margin-top: 7px; font-size: 0.9em; }
#block1			{ float: left; background: #eee url(blockbg-light.gif) top left repeat-x; }
#block2			{ float: right; background: #ddd url(blockbg-dark.gif) top left repeat-x;}

.intropage #footer	{ padding: 0 0 5px 0; border:0; }
.intropage #footer ul	{ float:right; }


/* FORM FIELDS  */
form			{  }
#content form.main p.info	{ font-weight: 700; color: #333; margin: 0 10px 0 2px; margin: 1px 0 0 0; }
#content form.main p.warning	{ font-weight: 900; color: #DC241F; margin: 0 10px 0 2px; margin: 1px 0 0 0; }

form.main label		{ width: 200px; margin: 0 10px 0 2px; display: block; float: left; }
form.main label.req	{ font-weight: 700; color: #333; }
form.main label.warning	{ font-weight: 900; color: #DC241F; }

form.main textarea	{ width: 300px; height: 6em; font-size: 1em; }
form.main input.text	{ width: 300px; font-size: 0.9em; }
form.main input.textsm	{ width: 150px; font-size: 0.9em; }
form.main input.number	{ width: 100px; text-align: right; padding-right: 2px; }

form.main fieldset	{ border-width: 0; margin: 1em 0 1.5em 0; }
form.main fieldset p	{ width: 190px; float: left; display: block; }
form.main fieldset p.req{ font-weight: 700; color: #333; }
form.main fieldset p.warning	{ font-weight: 700; color: #DC241F; }
form.main fieldset div	{ width: 300px; float: left; padding-left: 10px; }
form.main fieldset label{ width: 100%; }
form.main fieldset div.full	{ width: 500px; }

form.main input.btn	{ font-size: 0.8em; margin: 0 2px; }

form.main div		{ border-top: 1px dotted #ddd; margin: 1px 0; padding: 2px 0; }
form.main fieldset	{ border-top: 1px dotted #ddd; margin: 1px 0; padding: 2px 0; }
form.main fieldset div	{ border-width: 0; }
#content form.main p	{ margin: 0; padding: 2px 10px 1em 2px; }