/* -------------------------------------------- RESET ---------------------------------- */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size : 100%; margin: 0px;}
UL { list-style: disc outside; margin-left: 20px; padding:0px; }
OL { margin-left: 20px; margin-bottom: 10px; }

/* Removes border from fieldset and img */
img { border : 0; }
html { margin: 0px 0px 0px 0px; padding: 0px; }

.divgumbuttons { margin: 0 0 10px 0; }

button:focus,
input:focus,
a:focus { outline:none; }

/* ----------------------------------------- ZELFTEST ---------------------------------- */

body { font:normal 13px arial, helvetica, sans-serif; color:#666;  padding: 0px; margin: 0px;}
a { text-decoration:none; }

.main { position:relative; height:360px; width:540px; margin: 0px; border:1px solid #ccc; overflow:auto; padding: 15px 30px; }

#zelftestProgress { margin-bottom: 15px;}
.zelftestProgressContainer { border:1px solid #bebebe; padding:2px; margin-right: 5px; width:360px; background: #FFF;}
.zelftestProgressBg { background:#e8e8e8; }
.zelftestText { margin-bottom:5px; }
.zelftestButton { font: normal 12px/12px arial,helvetica,sans-serif; padding:4px 10px; margin-left: -50%; border: 1px solid #CCC; background-color: #FFFFFF; cursor: pointer;}
.zelftestButton:hover {border: 1px solid #666; background-color: #F4F4F4;}

#zelftestIntro { text-align:center; padding:60px; }
#zelftestIntro h1 {}

.vraag-title { padding-bottom: 15px;}
.vraag-title h2 {}

.main .antwoordopties {line-height:18px; }
label {cursor: pointer;}

.checkbox, .radio  { margin:0 7px 0 0; }
label {}

#zelftestNavigatie { position:absolute; left:300px; bottom:20px; z-index: 10; }


#feedback0,
#feedback1,
#feedback2,
#feedback3,
#feedback4,
#feedback5,
#feedback6 { padding:60px 60px 20px; text-align:center;}

.main .feedback-vraag {
	position: absolute; top: 47px; left: 30px; width: 520px; height: 267px; z-index: 5;
	border: 0px solid #F5F5F5; background-color: inherit; padding: 10px 10px;
}

.main .vraag_block {background-color: inherit; padding: 10px;width: 520px; height: 267px;}

.main_edit { position:relative; width:540px; margin: 100px auto; border:1px solid #ccc; padding: 0px; padding: 30px;}
.main_edit .vraag-title  { padding: 15px 0px 20px; border-top: 1px solid #ccc; }
.main_edit .antwoordopties { margin: 0px; line-height:20px;}
.main_edit .zelftestUitleg {padding: 12px; background-color: #F4F4F4; border:1px solid #ccc;}
.main_edit .antwoordopties {padding-bottom: 20px; }
.main_edit #zelftestNavigatie { display: none;}
.main_edit .feedback-vraag {background-image: none;}
.main_edit .vraag_block {background-image: none;}

/* ----------------------------------------- PRINT ------------------------------------- */

#print { padding:10px; }
#print-logo { float:left; margin:0 0 10px; }
#print-button { float:right; padding:2px 10px 4px; background:#666; color:#FFF;
								-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
						  }
#print-button:hover { background:#EAEAEA; color:#666; cursor:pointer; }

#print-page { padding:2px 10px 4px; background:#666; color:#FFF;
								-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
						  }
#print-page:hover { background:#EAEAEA; color:#666; cursor:pointer; }

#print h1 { margin:0 0 20px; font-size:16px; }
#print h3 { margin:0 0 5px; font-size:12px; }
#print .antwoord { margin:0 0 30px; }
#print .antwoord-content { padding:0 10px 5px; font-style:italic; }