html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
html {overflow:auto; overflow-x:hidden;}
body{height:560px; overflow:hidden; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:96%; text-align:center; background-image:url('../images/mainBackground.jpg'); background-repeat:no-repeat; background-position:top center;}
body#site{height:610px;} 

em{font-style:italic;}
strong{font-weight:bold;}
a {text-decoration:none; color:#1706ee; text-decoration:none; font-size:1em; line-height:1.5em;}
a:visited{color:#1706ee;}
a:active{color:#1706ee;}
a:hover{color:#ff0000;}
h2 {font-size:1.3em;}
.linked {cursor:pointer}
.red {color:#ff0000;}
.blue {color:#1706ee;}
.bigBottom{margin-bottom:1em;}
.small {font-size:xx-small;} 

#contactGegevens {position:relative; top:-468px; left:255px; margin:0 auto; text-align:left; width:230px;  letter-spacing:0.05em; line-height:1.3em; font-size:0.71em;}
#rechten {position:relative; top:-442px; left:310px; margin:0 auto; text-align:left; width:340px;  letter-spacing:0.05em; line-height:1.3em; font-size:0.71em; white-space:nowrap;}

#imageWindow{margin:0 auto; padding:0; background-image:url('../images/imageWindow.jpg'); background-repeat:no-repeat; width:764px; height:533px; overflow:hidden; position:relative; top:12px; left:114px;}
#contentWindow{margin:0 auto; padding:0; width:100%; overflow:hidden; background-image:url('../images/site.jpg'); background-repeat:no-repeat; width:764px; height:580px; position:relative; top:-1px; left:113px;}
#flashContent{position:relative; top:29px;}

#menuHolder{margin:0 auto; position:relative; top:-446px; left:-380px; background-image:url('../images/logo.gif'); background-repeat:no-repeat; background-position:top center; width:198px; height:333px;}	

#site #menuHolder{top:-493px;}	
#site #contactGegevens {top:-468px; left:-132px; }
#site #rechten {color:#cccccc; top:-442px; left:-77px;}

/*
#site #contentWindow #rightImage{
	width:364px; height:332px; background-color:#cccccc; background-position:center center; overflow:hidden; position:relative; top:86px; left:377px;}
#site #contentWindow #contentHolder{
	width:318px; text-align:left; position:relative; left:24px; top:-299px; overflow: hidden; }
*/
#site #rightImage{
	width:364px; height:332px; background-color:#cccccc; background-position:center center; overflow:hidden; position:relative; top:86px; left:377px}


#site #contentHolder{
	width:318px; text-align:left; position:relative; left:24px; top:-299px}

#site .lesImage{background-image:url('../images/L.gif'); float:left; width:54px; height:54px; margin-right:14px; overflow:hidden;}
#site p {line-height:1.5em; font-size:0.85em;}
#site h2 {line-height:1.2em; margin-top:0.2em;}

#testLinkHolder{margin:0 auto; position:relative; top:-487px; left:-380px; border:0px solid green; background-image:url('../images/testKlein.gif'); background-repeat:no-repeat; background-position:top center; width:198px; height:60px;}
#site #testLinkHolder{top:-534px;}
#menuHolder ul {text-align:right; width:210px; position:relative; left:-12px;}
#menuHolder #logoHitLayer{height:76px;}
#menuHolder ul a{font-size:1em; line-height:1.5em;}
	
#quiz #answers {position:relative; top:53px; text-align:center;}
#quiz #answers .answer{padding-left:20px; display:inline; cursor:pointer;}
#quiz #answers div.imageAnswer{padding-left: 20px;}
/*
#quiz #questionContainer #imageHolder{
	position:relative; top:28px; left:28px; height:395px; width:708px; overflow:hidden; background: white; color:#dfdfdf;}
*/
#quiz #imageHolder{
	position:relative; top:28px; left:28px; height:395px; width:708px; overflow:hidden; background: white; color:#dfdfdf;}

#quiz #imageHolder p {color:black;}
#quiz #question{position:relative; top:38px;}
#quiz #contactGegevens{visibility:hidden;}

#questionFormContainer {margin:0 auto; width:700px; padding:10px 0px; border:1px solid green; position:relative; left:32px;  background:white;}
body#quizEditor	{overflow:auto; height:auto;}
body#quizEditor h1	{font-size:xx-large}
#questionFormContainer form{margin:24px 8px;padding:30px 10px; text-align:left; background:#cccccc; display:none;}
#questionFormContainer div {margin-bottom:10px; padding:10px;}
#questionFormContainer input.vraagTekst{width:400px;}
#questionFormContainer input.antwoordTekst{width:400px;}
#questionFormContainer textarea{width:400px;}
#questionFormContainer label{width:200px; display:block; float:left; clear:left;}
#questionFormContainer h2 {font-weight:bold; font-size:large;}
#questionFormContainer p {background:#ccc;}

#questionFormContainer .answersInput {border:2px dashed #999999;}
#questionFormContainer .answersInput div.radio{ float:left; width:250px;}
#questionFormContainer .answersInput div.checkbox{width:600px;}
#questionFormContainer .answersInput div.checkbox input,
#questionFormContainer .answersInput div.radio input{ float:left; margin-right:4px;}
#questionFormContainer .answersInput div.checkbox label,
#questionFormContainer .answersInput div.radio label{ clear:none;} 
#questionFormContainer .answerHolder {background:#dfdfdf;}

#quizEditor #fileUploaderFrame {display:none; width:600px; height:150px;  margin:0 auto; border:2px solid #cccccc;}
#quizEditor #imagesMapFrame {display:none; width:300px; height:150px;  margin:0 auto; border:2px solid #cccccc; overflow:scroll;}

#quizEditor #contactGegevens,
#quizEditor #rechten {display:none;}
#editorMenu {border:1px solid #cccccc; padding:10px; background:white; margin:0.5em 0em; display:none; }
#editorMenu a {white-space:nowrap;}
#editorMenu img{float:right; margin-right:10px;}
#logContainer{ position:relative; top:30px; height:100px; margin:0 auto; width:200px; background:white; border:2px dashed #ccc;}

/* Custom alert box */
#alert {
	width: 250px;
	height: 100px;
	border: 1px solid black;
	background: #FFF;
	position: absolute;
	z-index: 100;
	display:none;
	text-align: center;
	top: 170px;
	left: 255px;
}