html {
	height: 100%
	overflow-y: scroll;
}

body {
	font-family:arial,Helvetica,verdana;
	text-align:center;
	height: 100%;
	margin:0;
}

ul#fjc_menu, ul#loginmenu {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style: none;
	border-bottom: 1px solid #000000;
	cursor: default;
}

ul#fjc_menu ul, ul#loginmenu ul {
	padding: 0;
	margin: -18px 0 0 100px;
	position: absolute;
	border-bottom: 1px solid #000000;
}

ul#fjc_menu li, ul#loginmenu li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style: none;
	width: 100px;
	line-height: 17px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background-color: #DFEFFF;
}

ul#fjc_menu a, ul#loginmenu a {
	width: 100px;
	text-decoration: none;
	color: #123456;
	display: block;
}

ul#fjc_menu li>ul, ul#loginmenu li>ul {
	display: none;
}

ul#fjc_menu li:hover>ul, ul#loginmenu li:hover>ul {
	display: block;
}

ul#fjc_menu li.fjcempty, ul#loginmenu li.fjcempty {
	height: 5px;
	background-color: #ABCDEF;
}

ul#fjc_menu li.fjctext, ul#loginmenu li.fjctext {
	text-align: center;
	font-weight: bold;
}

.container{
	margin:auto;
	display:block;
	width:1031px;
	height:654px;
	background-repeat:no-repeat;
	top:0;
	/*position:absolute;*/
	font-family:arial,Helvetica,verdana;
	font-size:12px;
	margin-top:0;
	text-align:left;
	overflow:hidden;
	/*background-color:#0099cc;*/
}

#container_nld {
	background-image:url('../site_images/bodybg.jpg');
}

#container_eng {
	background-image: url('../site_images/eng_bodybg.jpg');
}

#overlay{
	position:absolute;
	width:1018px;
	height:654px;
	z-index:200;
	background-color:#0099cc;
	display:none;
	opacity:0.50;
	filter:alpha(opacity=50);
}

#overlay1{
	position:absolute;
	width:1018px;
	height:492px;
	z-index:50;
	background-color:#fff;
	opacity:0.50;
	filter:alpha(opacity=50);
	display:none;
}

#login{
	position:absolute;
	width:1018px;
	height:654px;
	z-index:400;
	margin:auto;
	background-image:url('../site_images/nld_login.png');

}

#end{
	position:absolute;
	width:1018px;
	height:654px;
	z-index:400;
	margin:auto;
	display:none;
	}

#left{
	position:absolute;
	top:300px;
	float:left;
	height:231px;
	margin-left:11px;
	width:220px;
	overflow:hidden;
	background-image:url('../site_images/leftbgcontent.png');
	display:none;
	padding-top:31px;
	padding-left:24px;
	z-index:100;
}
#leftcon{
	position:relative;
	}

#lefttitle{
	height:28px;
	}
#leftpictures{
	width:36px;
	float:left;
	height:182px;
	overflow:hidden;
	}

#lp1{
	width:39px;
	height:39px;
	margin-bottom:9px;
}
#lp2{
	width:39px;
	height:39px;
	margin-bottom:9px;
}
#lp3{
	width:39px;
	height:39px;
	margin-bottom:9px;
}
#lp4{
	width:39px;
	height:39px;
	margin-bottom:9px;
}

#enlargement{
	position:absolute;
	top:278px;
	margin-left:67px;
	z-index:180;
}

#el1{
	margin-top:0;
	position:absolute;
}
#el2{
	margin-top:46px;
	position:absolute;

	}
#el3{

	margin-top:93px;
	position:absolute;
	}
#el4{
	margin-top:142px;
	position:absolute;

	}

#cel{
	position:absolute;
	top:154px;
	margin-left:752px;
	z-index:180;
	}
#cel1{
	position:absolute;
	margin-left:0px;
	margin-top:0px;

	}
#cel2{
	position:absolute;
	margin-left:0px;
	margin-top:67px;
	}
#cel3{
	position:absolute;
	margin-left:0px;
	margin-top:143px;
	}
#cel4{
	position:absolute;
	margin-left:0px;
	margin-top:213px;
	}

#leftcontent{
	width:164px;
	height:185px;
	margin-left:5px;
	overflow:hidden;
}
#leftcontent br{
	line-height:15px;
}

.leftpicncontent {
	height: 45px;
	overflow: hidden;
}

.leftpicncontent img {
	margin: 5px 5px 5px 0px;
	/*vertical-align: middle;*/
	float: left;
}

/*#left img{

	float:left;
	margin-right:5px;
}*/

#materialscontent {
	width: 203px;
	overflow: hidden;
}

#box{
	background-image:url('../site_images/contentbg.png');
	width:518px;
	margin-left:236px;
	top:131px;
	height:432px;
	padding-top:17px;
	padding-left:40px;
	position:absolute;
	background-repeat:no-repeat;
	z-index:100;

}

#right{
	float:right;
	padding-top:28px;
	padding-left:28px;
	position:absolute;
	top:300px;
	height:234px;
	margin-left:773px;
	width:220px;
	overflow:hidden;
	background-image:url('../site_images/leftbgcontent.png');
	display:none;
	z-index:75;
}
#rightcontent{
	height: 204px;
	overflow: hidden;
	width: 187px;
	margin-left: 3px;
}

#rightcontent p{
	margin-top:0;
	margin-bottom:8px;
}


#center{
	width:480px;
	padding-top:10px;
	height:358px;
	overflow:hidden;
	z-index:75;
	position: relative;
}

#content{
	width:380px;
	float:left;
	/*padding-right: 5px;*/
}

#content p{
	margin: 0px 0px 10px 0px;
}


#content h3{
	margin-top:10px;
}

#pictures{
	width:100px;
	float:right;
	margin-top:26px;
	/*text-align: right;*/
}

#pictures img{
	margin: 0px 0px 10px 0px;
}

.slideshow {
	width: 214px;
	height: 214px;
	margin: 0px 0px 10px 0px;
}

/*#contentbelowpicture {
	text-align: left;
}*/

/* START BOTTOM BAR WITH NAV */

#bottom{
	/*vertical-align:bottom;*/
	height:27px;
	/*display:inline;*/
	position: relative;
	left: -20px;
	width: 514px;
	text-align: center;
}

#questionbottombuttons{
	/*margin-top: 186px;*/
	position: relative;
	height:27px;
	/*display:inline;*/
	left: -20px;
	width: 514px;
	text-align: center;
}

#step{
	line-height: 27px;
	/*margin-left:188px;
	margin-right:115px;*/
	color: #0099cc;
}

#previous {
	/*float:left;*/
	margin-right:272px;
	background-color:#FFF;
	background-repeat:no-repeat;
	color:#0099cc;
	border:0px;
	font-family:"arial black", helvetica, verdana;
	font-size:14px;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	padding: 0px;
	margin: 0px;
	width: 130px;
	height:19px;
}

#previous2 {
	/*float:left;
	margin-right:306px;*/
	position: absolute;
	top: 2px;
	left: 2px;
	padding: 0px;
	margin: 0px;
	height:19px;
	border: 0px;
}

#next{
	/*margin-top:2px;
	margin-left:372px;*/
	border:0px;
	width:130px;
	height:19px;
	background-color:#FFF;
	/*font-weight:bold;*/
	background-repeat:no-repeat;
	color:#0099cc;
	font-family:"arial black", helvetica, verdana;
	font-size:14px;
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0px;
	margin: 0px;
}

#nextbutton{
	background-color:#FFF;
	background-repeat:no-repeat;
	border: 0px;
	height: 19px;
	/*margin-top:2px;*/
	width: 130px;
	font-size:14px;
	color: #0099cc;
	font-family: "arial black", helvetica, verdana;
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0px;
	margin: 0px;
}

#anextbutton{
	background-color:#FFF;
	background-repeat:no-repeat;
	border: 0px;
	height: 19px;
	/*margin-top:2px;*/
	width: 130px;
	font-size:14px;
	color: #0099cc;
	font-family: "arial black", helvetica, verdana;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 0px;
	margin: 0px;
	display: block;
}

/* END BOTTOM BAR WITH NAV */

#hint{
	float:right;
	padding-top:40px;
	padding-left:40px;
	position:absolute;
	top:256px;
	height:49px;
	margin-left:903px;
	width:49px;
	overflow:hidden;
	z-index:100;
	display:none;
}

#questionmark{
	top:131px;
	text-align:center;
	position:absolute;
	display:none;
	width:1018px;
	/*height:654px;*/
	z-index:300;
}

#questionmark img {
	cursor: pointer;
}

#buttonbox{
	position:absolute;
	top:660px;
	margin-left:10px;
	width:300px;
}

#loginbutton{
	position:relative;
	height:24px;
	width:218px;
	border:0;
	top:479px;
	left:346px;
}

#loginname{
	width:218px;
	margin-bottom:7px;
}

#pass{
	width:218px;
	margin-bottom:12px;
}

#button{
	position:relative;
	background-image:url('../site_images/button.png');
	height:20px;
	width:92px;
	border:0;
	margin-left:126px;
	background-repeat:no-repeat;
	background-color:#0099cc;
	font-weight:bold;
	cursor: pointer;
}

#steps{
	position:absolute;
	top:660px;
	margin-left:400px;
	width:300px;
}

#multichoice{

}

#info{
	padding-top: 5px;
	height: 70px;
	width: 373px;
	/*border: 1px #0099cc solid;
	background-color :#fff;*/
	font-size: 15px;
	padding-left: 11px;
}
#infotop{
	display: inline;
	overflow:hidden;
	height: 23px;
	width: 360px;
}
#infobottom{
	display: inline;
	height: 23px;
}

h1{
	font-size: 19px;
	margin: 0;
	padding: 0;
	color: #fff;
}

h2{
	margin:0;
	padding:0;
	font-size:13px;
	color:#fff;
}

h3{
	font-size:15px;
	margin:0;
	padding:0;
	font-weight:bold;
}

br{
line-height:20px;
}
#naam{
	/*margin-left:101px;*/
	width:150px;
	display:inline;
}
#input{
	display:inline;
	margin-left:110px;
}
dt{
	width:150px;
	float:left;
	font-weight:bold;
}

dd{

}





#spacer{
	height:64px;
}

#tests{
	height: 100px;
	position: realative;
	margin-top: 43px;
	font-weight:bold;
	color:#0099cc;
}


#test1{
	width:77px;
	/*height:90px;*/
	position:absolute;
	display:inline;
	cursor: pointer;
}
#test2{
	width:77px;
	/*height:90px;*/
	position:absolute;
	margin-left:129px;
	display:inline;
	cursor: pointer;
}

#test3{
	width:77px;
	/*height:90px;*/
	position:absolute;
	margin-left:258px;
	display:inline;
	cursor: pointer;
}

#test4{
	width:77px;
	/*height:90px;*/
	position:absolute;
	display:inline;
	margin-left:385px;
	cursor: pointer;
}

.testdone {
	position: absolute;
	bottom: 15px;
	right: -20px;
}

#testinfo{
	margin: 10px 0 0 0;
	font-weight:bold;
	color:#0099cc;
}

#testinfo td{
	width:150px;
	vertical-align:top;
}

#speaker{
	margin-left:35px;
}
#squar{
	margin-left:130px;
}

#squares {
	position: absolute;
	top: 10px;
	right: 0px;
	width:20px;
	height:20px;
}

#title{
	padding-top:8px;
}
#testimg{
	margin-top:16px;
	}

#testcontent{
	margin-top:16px;
	float:left;
	margin-right:20px;
}

#bottombuttons{

	margin-top:77px;
}


#question{
	background-image:url('../site_images/questionbg.png');
	width:510px;
	margin-left:236px;
	top:131px;
	height:413px;
	padding-top:20px;
	padding-left:40px;
	position:absolute;
	background-repeat:no-repeat;
	z-index:300;
	display:none;
}

#questiontop{
	height:140px;
	width:400px;
	overflow:hidden;
}
#questionbottom{
	/*margin-top:20px;*/
	width:490px;
	color:#0099cc;
	font-weight:bold;
	height:131px;
}

#answer1{
	width:77px;
	height:90px;
	position:absolute;
	display:inline;
	margin-left:20px;
	cursor: pointer;
}
#answer2{
	width:77px;
	height:90px;
	position:absolute;
	margin-left:138px;
	display:inline;
	cursor: pointer;
}
#answer3{
	width:77px;
	height:90px;
	position:absolute;
	margin-left:256px;
	display:inline;
	cursor: pointer;
}
#answer4{
	width:77px;
	height:90px;
	position:absolute;
	display:inline;
	margin-left:374px;
	cursor: pointer;
}

#goodanswerpic{
		position:absolute;
		top:0;
		margin:0;
		padding:0;
		margin-left:391px;
}


#correction{
	/*width:510px;*/
	margin-left:236px;
	top:309px;
	padding-top:20px;
	padding-left:83px;
	position:absolute;
	z-index:301;
	display:none;
}
#correction1{
	z-index:301;
	display:inline;


}
#correction2{
	z-index:301;
	display:inline;
	position:absolute;
	left:221px;
}
#correction3{
	z-index:301;
	display:inline;
	position:absolute;
	left:350px;
}
#correction4{
	z-index:301;
	display:inline;
	position:absolute;
	left:469px;
}

#endcontent{
	margin-top:448px;
	margin-left:285px;
	color:#FFF;
	font-family:arial,Helvetica,verdana;
	font-weight:bold;
	font-size:15px;
}

#email{
	width:218px;
	margin-right:6px;
}

#send{
	background-image:url('../site_images/button.png');
	border:0;
	height:20px;
	width:93px;
}
#logout{
	background-image:url('../site_images/button.png');
	border:0;
	height:20px;
	width:93px;
	margin-right:8px;
	font-weight:bold;
}
#endnext{
	background-image:url('../site_images/nld_endnext.png');
	border:0;
	height:20px;
	width:93px;
	margin-right:8px;
}

#error{
	position:absolute;
	top:448px;
	left:285px;
	color:red;
	font-weight:bold;
	font-size:15px;
	background-color:#0099cc;
	width:316px;

}

#jouw{
	position:absolute;
	top:605px;
	margin-left:1018px;
	display:inline;
}

#TextCorrection{
	width:40px;
	float:left;
	height:100px;
	margin-top:10px;
}


#TextQuestions{
	color:#000;
	margin-left:41px;
	padding-top:8px;
}

#TextQuestions br{
	line-height:17px;
}

#TextCorrection img{
	margin-bottom:5px;
}

table#explanationstable {
	width: 100%;
	margin: 15px 0 0 0;
}

table#explanationstable td {
	vertical-align: top;
}

table#explanationstable td h3 {
	margin: 0;
}

table#explanationstable td.explanationstablepicture img {
	margin: 6px 10px;
}
table#explanationstable td.explanationstablepicture {
	text-align: right;
}

.wetfloorimg {
	cursor: pointer;
}