/**
 * VSCD quiz css
 * powered by peppered : www.peppered.nl
 *
 */

@import url("base.css");
@import url("forms.css");

/* -- ----------------- Quizz ------------------------ --*/

.content-quiz { float: left; margin: 0px; width: 542px; }
#quiz         { float: left; }

#vragenlijstBeginTekst   { float: left; width: 100%; margin: 0 0 2em 0; }
#vragenlijstEindTekst    { float: left; width: 100%; margin: 0 0 2em 0; }
#vragenlijstEindTekst h3 { padding: 1em 0px 0 0 }

.paddingBox div h4 { color: #990099; text-transform: uppercase; }
.paddingBox div ul { float: left; width: 100%; margin: 2em 0 2em 0; }

.vragenlijstVraag h4 { margin-top: 1.8em; }

.button-start               { float: left; width: 100%; }
.button-start a.arrowAnchor { font-size: 1.2em; font-weight: bold; float: right; margin-bottom: 1em; }

/* ---- enquete forms ---- */


#quizVragen { float: left; }

#formQuizVragen h4 { padding: 0 0 10px 0; width: 540px; float: left;}

#formQuizVragen fieldset { margin: 1em 0 1em 0; padding: 5px 0 0 0; }
#formQuizVragen fieldset legend { display: inline; padding: 0px; } /* -- ie -- */
#formQuizVragen fieldset p { display: inline; padding: 0px; }
#formQuizVragen fieldset div.vragenlijstVraag { padding: 0 0 0 0; float: left; width: 100%;}

#formQuizVragen label {	vertical-align: top; width: 500px; float: left;}

#formQuizVragen .radiobutton input { padding: 0 0 0 5px; float: left; clear: left; }
#formQuizVragen .radiobutton label { padding: 0 0 0 5px; }
#formQuizVragen .checkbox       { float: left; }
#formQuizVragen .checkbox input { float: left; clear: left; }
#formQuizVragen .checkbox label { float: left; padding: 0 0 0 5px; }

ul#quizTop5 { height: auto; width: 542px; float: left; clear: both; }
ul#quizTop5 li { font: bold 2em/110% arial, verdana, helvetica, sans-serif; width: 100%; clear: both; float: left; padding: 3px 0 3px 10px; border: 1px solid #dddddd; border-width: 0 0 1px 0; }
ul#quizTop5 li span { float: left; }
ul#quizTop5 li.highlight { background:#9F9F9F none repeat scroll 0%; }

span.score { width: 40px; padding: 0 3px 0 0; font-size: 0.7em; }
span.naam {	font: bold 0.7em/110% arial, verdana, helvetica, sans-serif; margin: 6px 0 0 0;	width: 220px; }
span.aantalGoed { font: bold 0.7em/110% arial, verdana, helvetica, sans-serif; margin: 6px 0 0 0; width: 120px; padding: 0 3px 0 0; }

div#quizPersoongegevensForm    { padding: 10px 0 0 0; float: left; }
div#quizPersoongegevensForm h4 { padding: 0 0 10px 0; }

#formQuiz              { margin-top: 2em; }
#formQuiz input.submit { margin-top: 1.5em; }

#quiz div.antwoordFout { color: red; }
#quiz div.antwoordGoed { color: green; }

div#antwoordContainer {	display: none; height: 20px;}