body {
 margin:0px;
 padding:0px;
 font-family:helvetica, arial, sans-serif;
 word-spacing:0.02em;
 letter-spacing:0.01em;
 line-height:150%;
 background:#CCCCCC;
}

/*
donkerstblauw: #012056
donkerblauw: #808FAA
blauw: #B3BCCD
lichtblauw: #CCD2DE
lichterblauw: #E5E8EF
lichtstblauw: #F3F4F6
*/

/* ------------------------------------------------------------------------------------------ */

/* START PAGE LAYOUT */

#wrapper {
 text-align:left;
 margin:0px auto;
 padding:0px;
 background:#ffffff;
}


#left { padding:0px; width:160px; }
#left img { display:block; float:left; }

#center { background:#ffffff; padding:0px; }

#right { color:#000000; padding:0px; font-size:85%;}

/* #container .column { text-align:justify; } */

#footer { text-align:center; font-size:90%; font-weight:normal; margin:0px; padding:5px; background:#ededed; position:relative;}
#footer img { vertical-align:text-top; }
#footer .vragenlijstname{position:absolute;right:5px;bottom:5px;color:#999999;}
/* END PAGE LAYOUT */

/* ------------------------------------------------------------------------------------------ */

a:link { color:#3399cc; text-decoration:none; }
a:active { color:#666699; text-decoration:underline; }
a:visited { color:#8080b3; text-decoration:none; }
a:hover { color:#ff9900; text-decoration:underline; }

h1 { color:#808FAA; margin-top:-10px; padding:0px; line-height:150%; font-size:130%;}
h2 { color:#00325b; font-size:130%; margin:0px; padding:0px; line-height:130%; }
h2.title { color:#808FAA; font-size:130%; margin:0px; padding:0px; line-height:120%; margin-top:-10px;}
h3 { margin:0px; padding:0px; color:#000000; line-height:110%; }

p {padding:0px; margin:0px; }

.alert {color:#FF0000; font-weight:bold; }




/* ------------------------------------------------------------------------------------------ */

/* START NAVBAR */

/* http://css.maxdesign.com.au/listamatic2/horizontal04.htm# */

ul#navbar {
 padding:0px;
 margin:0px;
 width:100%;
 font-size:10pt;
 background:#B3BCCD url('images/header-bg.gif') top left repeat-x; 
 /* height:120px; */
}

	ul#navbar li {
	 list-style-type:none;
	 white-space:nowrap;
	 padding:0px;
	 margin:0px;
	 height:90px;
	}
  
   .notselectdone a {
	 color:#000000;
	 background:#CCFFDE;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}

	.notselectdone a:hover {
	 color:#000000;
	 background:#A3FFBD;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}


	.notselect a {
	 color:#000000;
	 background:#E5E8EF;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}

	.notselect a:hover {
	 color:#ffffff;
	 background:#B3BCCD;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}

	.select a {
	 color:#ffffff;
	 background:#B3BCCD;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}
  
	.select a:hover {
	 cursor:default;
	}

/*

   .notselectdone a {
	 color:#000000;
	 background:#CCD2DE;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}

	.notselectdone a:hover {
	 color:#ffffff;
	 background:#B3BCCD;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}


	.notselect a {
	 color:#000000;
	 background:#E5E8EF;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}

	.notselect a:hover {
	 color:#ffffff;
	 background:#B3BCCD;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}

	.select a {
	 color:#ffffff;
	 background:#B3BCCD;
	 text-decoration:none;
	 padding:7px 14px;
	 margin:0px;
	}
  
	.select a:hover {
	 cursor:default;
	}

*/	
	
	
/* END NAVBAR */

/* ------------------------------------------------------------------------------------------ */

/* START FORMS */

form { margin:0px; padding:10px; background:#ffffff; color:#808FAA; }

form h3 { font-family:helvetica, arial, sans-serif; color:#808FAA; }
form p { font-family:helvetica, arial, sans-serif; color:#000000; font-size:90%; }

textarea, input[type="text"] {color:#012056; font-size:100%; line-height:20px; border:dotted 1px #66f; }
textarea { width:99%; }

textarea:focus, input[type="text"]:focus { border:1px dashed #99f; background-color:#FFFFDD; }
input[type="text"] { height:20px; padding:0px; margin:0px; }
input[type="submit"], input[type="button"] { font-size:100%; border:1px solid #999999; color:#000000; background:#E5E8EF; }
input[type="submit"]:hover, input[type="button"]:hover { font-size:100%; border:1px solid #999999; color:#ffffff; background:#B3BCCD; cursor:pointer; }

/* 
 https://examples.wufoo.com/forms/custom-checkboxes-and-radio-buttons/
 Hide the original radios and checkboxes (but still accessible)
 :not(#foo) > is a rule filter to block browsers that don't support that selector from applying rules they shouldn't       
*/

/* http://bavotasan.com/2011/style-select-box-using-only-css/ */

.hack, .hack li { list-style:none; margin:0px; padding:0px; }

/* Hide the input, but have it still be clickable */
/* .hack li:not(#foo) > input[type='radio'] { opacity:0; float:left; width:18px; margin:0px; padding:0px; } */
.hack li:not(#foo) > input[type='radio'] { display:none; }

/* Left padding makes room for image */
/* Make look clickable because they are */ 
.hack li:not(#foo) > input[type='radio'] + label {
  display: inline-block; margin:0px; clear:none; padding:5px 0px 4px 24px; cursor:pointer; background:url("images/radio-off.gif") left 8px no-repeat; 
}

/* Change from unchecked to checked graphic */
.hack li:not(#foo) > input[type='radio']:checked + label { background-image: url("images/radio.gif"); }

/* Hide the input, but have it still be clickable */
/* .hack li:not(#foo) > input[type='checkbox'] { opacity:0; float:left; width:18px; margin:0px; padding:0px; } */
.hack li:not(#foo) > input[type='checkbox'] { display:none; }

/* Left padding makes room for image */
/* Make look clickable because they are */ 
.hack li:not(#foo) > input[type='checkbox'] + label {
  display: inline-block; margin:0px; clear:none; padding:5px 0px 4px 24px; cursor:pointer; background:url("images/checkbox-off.gif") left 8px no-repeat; 
}

/* Change from unchecked to checked graphic */
.hack li:not(#foo) > input[type='checkbox']:checked + label { background-image: url("images/checkbox.gif"); }

/* END FORMS */