html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
html { overflow: -moz-scrollbars-vertical; }
body {background-color:#f3f3f3;}

#frame {
	MARGIN: auto; WIDTH: 920px; POSITION: relative; TEXT-ALIGN: left; background-color: #fff;FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#reactie{
  padding:5px; margin:5px;TEXT-ALIGN: left; background-color: #fff;FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#containermain {
	 FLOAT: left;TEXT-ALIGN: left;background-color:#fff;
}

#header {
	background-color:#fff; WIDTH: 100%; text-align:center; height:235px;
}

UL#nav UL {
	MARGIN-TOP: 0px;  FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 920px
}
UL#nav  LI{
	DISPLAY: inline; FLOAT: left;PADDING-RIGHT: 5px; MARGIN-RIGHT: 2px
}
UL#nav LI A {
	FONT-SIZE: 12px; FLOAT: left; COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; font-weight:bold;
}
UL#nav LI A:hover {
	FONT-SIZE: 12px; FLOAT: left; COLOR: #7f7f7f; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: underline
}

A.home_but {
	margin-left:10px;padding: 5px;FONT-SIZE: 12px; FLOAT: right;text-align: right; COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; font-weight:bold;  border: 1px solid #778;
}

A.test_but  {
	background-color:#fff;padding: 5px;FONT-SIZE: 12px; COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; font-weight:bold;  border: 1px solid #778;
}

.clear {
clear:both;
}

#frame1 {
top: 235px;
margin-left: 190px;
background-color:#fff;
text-align:left;
padding-right:10px;

}

#frame2 {
position: absolute;
top: 235px;
left: 17px;
width: 150px;
margin-left: 10px;
padding-top: 10px;
background-color: #dcdff0;
text-align:left;


}

img.top {
vertical-align:top;
margin:10px;
FLOAT: right;
}

#frame2 UL { 
MARGIN-TOP: 10px; margin-bottom:25px;background-color: #dcdff0;
}

#frame2 LI {
	WHITE-SPACE: nowrap; list-style: none; MARGIN-RIGHT: 25px;margin-top:10px;background-color:#fff;FONT-SIZE: 12px; LINE-HEIGHT: 1.2em;  font-weight:bold;  text-align:left;
}

#frame2 LI A {
	COLOR: #782b91; TEXT-DECORATION: none; background-color:#fff;
}
#frame2 LI A:hover {
	COLOR: #782b91;  TEXT-DECORATION: underline;
}

P {
	FONT-SIZE: 1em; MARGIN-BOTTOM: 1.3em; background-color:#fff;
}

H1 {
	FONT-SIZE: 15px;  PADDING-RIGHT: 6px; PADDING-LEFT: 6px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 1px; COLOR: #fca61d; PADDING-TOP: 1px; font-weight:bold;  
}

H2 {
	FONT-SIZE: 20px;  MARGIN-BOTTOM: 10px; COLOR: #fca61d; PADDING-TOP: 5px; font-weight:bold;  
}

H4 {
	FONT-SIZE: 13px;  PADDING-RIGHT: 6px; PADDING-LEFT: 6px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 1px; COLOR: #782b91; PADDING-TOP: 1px; font-weight:bold;  text-align:center; width:100px;
}

/* nog te veranderne */

.rating{
    float:right;
	width:160px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
.sixstar {background-position:0 -96px}
.sevenstar {background-position:0 -112px}
.eightstar {background-position:0 -128px}
.ninestar {background-position:0 -144px}
.tenstar {background-position:0 -160px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li.six a {left:80px;}
ul.rating li.seven a {left:96px;}
ul.rating li.eight a {left:112px;}
ul.rating li.nine a {left:128px;}
ul.rating li.ten a {left:144px;}

ul.rating li a:hover {
	z-index:2;
	width:160px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}
ul.rating li.six a:hover {background-position:0 -256px}
ul.rating li.seven a:hover {background-position:0 -272px}
ul.rating li.eight a:hover {background-position:0 -288px}
ul.rating li.nine a:hover {background-position:0 -304px}
ul.rating li.ten a:hover {background-position:0 -320px}


.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
	height: 450px;
}
.tabberlive {
 margin-top:1em;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
  height:auto !important;
 height:300px;
 min-height:300px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* INFORMATIE */

#jb_message {
    color: #fff;
    text-align: center;
    margin-bottom: 0.5em;
}

#jb_message.error {
    background-color: #c00;
}

#jb_message.confirm {
    background-color: #360;
}

#jb_message p {
    margin: 0;
    padding: 0.5em;
    font-size: 1.6em;
}

#content {
    background:#fff url(images/content_bg.gif) no-repeat top;
    margin-top:2em;
    
}

#primary {
    padding: 10px;
    margin:0 0 1em;
}

#secondary {
    padding: 10px;
    margin-top:10px;
    background-color:#fff;
}

#jb_addComment label {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
}

#jb_addComment input, #jb_addComment textarea {
    font-size: 0.8em;
    font-family: arial, sans-serif;
    margin-bottom: 5px;
    padding-left: 2px;
    width: 50%;
}

#jb_addComment textarea {
    height: 80px;
    width: 98%;
}

#jb_addComment .checker{
    font-size: 0.8em;
    font-family: arial, sans-serif;
    margin-bottom: 5px;
    padding-left: 2px;
    width: 50px;
}

#jb_addComment .button {
    font-size: 1.3em;
}

#jb_addComment fieldset {
    border:0;
    border-top: solid 5px #A5CC7B;
    margin: 0;
    padding: 1em;
    background-color: #E6F3D9;
}

.comment {
    overflow: hidden;
  width:700px;
    margin-bottom: 10px;
    position:relative;
}

.comment .header {
    padding: 5px;
  width:700px;
    color: #52718B;
    background-color:#EAF0F5;
    border-top:solid 1px #C0C7CD;
}

.comment .header a {
    font-weight: bold;
    color: #52718B;
}

.comment .content {
    padding: 5px;
    line-height: 1.5em;
    color: #393733;
}

.comment .content a {
    color: #666;
}

.comment .content a:hover {
    color:#333;
}

.comment .date {
    font-size: 0.8em;
    color: #52718B;
    position:absolute;
    top:6px;
    right:12px;
}
		#loading, #success, #fail{
			background:#819F70;
			padding: 3px;
			width: 50px;
			position:absolute;
			top: 0;
			right: 0;
			visibility:hidden;
		}
		#success{
			background:green;
		}
		#fail{
			background: red;
		}


/*comment*/

#selector h2 {
	background: #990099;
	color: #FFF;
	padding: 1px;
	margin-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	text-transform: uppercase;
	font-size: 15px;
	text-align:center;

}

#selector{
   width: 700px;

	padding: 6px;
	margin-top: 6px;
   background-color: #f3f2f8;
   border: 1px solid #C6C6C6;
   color:#385b9c;
}

#maintable{
   border: 1px solid #C6C6C6;
}

#maintable td{
  /* border: 0px solid #C6C6C6;*/
   height:35px;
}

#maintable td.vlak1{
	padding:0;
   text-align:right; 
   width:220px; 
	padding-right:10px;
   }

#maintable td.vlak2{
padding-right:5px;
width:35px;
}


#maintable td.vlak3{
padding-left:5px;
width:35px; 
}
.even{
 background-color:#f9f8fd;
}

#maintable td.vlak4{
   text-align:left; 
     width:235px; 
}


.selectslide {
DISPLAY: inline;  TEXT-ALIGN: left;
}



#questioneer h2 {
	background: #990099;
	color: #FFF;
	padding: 1px;
	margin-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	text-transform: uppercase;
	font-size: 15px;
	text-align:center;

}



#questioneer{
	width: 700px;
	/*height: 400px;*/
	padding: 6px;
	margin-top: 6px;
	position: relative;
	background-color: #f3f2f8;
	border: 1px solid #C6C6C6;
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#385b9c;
}

#questioneer p{
	background-color: #f3f2f8;
	color:#385b9c;
}

#questions{
	width: 680px;
	height: 290px;
	overflow: hidden;
	position: relative;
	left: 20px;
	/*top: 90px;*/
   border: 1px solid #C6C6C6;
    background-color: #fff; 
}



.question {	
   width: 640px;
	height: 275px;
	position: absolute;
	left: 501px;
	top: 20px;  margin:10px;padding-bottom:10px;}
.question {background-color: #fff;	color:#385b9c;}
.intro {background-color: #f3f2f8;	color:#385b9c;}
.question li {margin:2px;padding:3px;font-weight:bold;list-style: none; cursor: pointer;}
.question li:hover {background-color:#ccc;FONT-SIZE: 12px;  COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; }

a.nextbtn {  display:none; }

div.slider {
	width: 175px;
	height: 17px;
	/*padding-left:12px;*/
background: url(../images/16sliderbg.png) repeat-x;
}
div.slider div.knob {
height: 23px;
width: 54px;
background: url(../images/16ball.png) no-repeat;
cursor: pointer;
padding-top:5px;
}

span.knb_text{
color:#fff;

padding-left:12px;
font-weight:bold;
}


#advies {
 background-color:#fff;
 width: 95%;
 height: 100px;
 border: #999999 1px solid; 
text-align:left;
padding: 15px;
}


#headertext{
  width: 500px;
    float:left;
	margin:2px; color:#000000;padding: 5px;FONT-SIZE: 14px; BORDER: #999999 1px solid; background-color: #fff;TEXT-DECORATION: none;BORDER-bottom: #999999 1px solid; 
}


a#knop_analyse {
    float:right;
margin:2px; color:#fff;padding: 5px;FONT-SIZE: 14px; BORDER: #999999 1px solid; background-color: #afb7db;TEXT-DECORATION: none;BORDER-bottom: #999999 1px solid; font-weight:bold;
}

a:hover#knop_analyse {
color:#fff; TEXT-DECORATION: underline;font-weight:bold;
}

#footer {
 POSITION: relative; float:right; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-top:5px;
margin-right: 20px;
min-height: 50px; 

 clear:both;
 }
 
 
#chat_vlak{
  width: 700px;
  padding:2px;
  background-color: #f3f2f8;
  border: 1px solid #C6C6C6;
  color:#385b9c;

}
 

#chat_vlak td.top{
  background-color: #b3acd2;
  color:#fff;
}

#chat_vlak td{
	height:25px;
	text-align:left;
	padding:5px;
   }

 #chat_advies {
 background-color:#fff;
 width:  400px;
 height: 100px;
 border: #999999 1px solid; 
text-align:center;
padding: 15px;
}
 
#questionbox {
	clear:left;
	padding: 6px;
    margin-top: 6px;
	min-height:250px;
	width:700px;
	display:block;
	overflow:hidden;	
	position:relative;
	background-color: #C6C6C6;
	border: 1px solid #C6C6C6;
	color:#385b9c;
}

#questionbox p{
	margin-top:30px;
	background-color: #f3f2f8;
} 

#questionbox #questionlist{
	width: 690px;
	height: 250px;
	overflow: hidden;
	position: relative;
	background-color: #f3f2f8;
	left: 5px;
}

#questionbox .element {	
   width: 600px;
	position: absolute;
	left: 701px;
	top: 10px;  
	margin:5px;
	background-color: #f3f2f8;
	padding-bottom:10px;
	color:#385b9c;
}

#questionbox li {width:600px;margin:2px;padding:3px;font-weight:bold;list-style: none; cursor: pointer; background-color: #f3f2f8; }
#questionbox li:hover {background-color:#ccc;FONT-SIZE: 12px;  COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; }
#questionbox #questionbar {background-color:#C6C6C6;position: absolute;bottom:0px;width:100%; height:25px;} 
#questionbox #aantalvragen { position: absolute; right:10px;top:5px; }
#questionbox #next{	position: absolute; bottom:0px; width:60px; text-align:center;  padding:0; border: 1px solid #000000;    background-color: #fff; left:65px;  }
#questionbox #next:hover { TEXT-DECORATION: underline;  }	
#questionbox #previous{	position: absolute; bottom:0px; width:60px; text-align:center; padding:0; border: 1px solid #000000; background-color: #fff; left:0px;  }
#questionbox #previous:hover { TEXT-DECORATION: underline;  }	


#questionbox2 {
	clear:left;
	padding: 6px;
    margin-top: 6px;
	min-height:250px;
	width:700px;
	display:block;
	overflow:hidden;	
	position:relative;
	background-color: #C6C6C6;
	border: 1px solid #C6C6C6;
	color:#385b9c;
}

#questionbox2 p{
	margin-top:30px;
	background-color: #f3f2f8;
} 

#questionbox2 #questionlist{
	width: 690px;
	height: 400px;
	overflow: hidden;
	position: relative;
	background-color: #f3f2f8;
	left: 5px;
}

#questionbox2 .element {	
   width: 600px;
	position: absolute;
	left: 701px;
	top: 10px;  
	margin:5px;
	background-color: #f3f2f8;
	padding-bottom:10px;
	color:#385b9c;
}

#questionbox2 input {width:15px;}

#questionbox2 li {width:600px;margin:2px;padding:3px;font-weight:bold;list-style: none; cursor: pointer; background-color: #f3f2f8; }
#questionbox2 li:hover {background-color:#ccc;FONT-SIZE: 12px;  COLOR: #782b91; TEXT-DECORATION: none;}
#questionbox2 #questionbar {background-color:#C6C6C6;position: absolute;bottom:0px;width:100%; height:25px;} 
#questionbox2 #aantalvragen { position: absolute; right:10px;top:5px; }
#questionbox2 #next{	position: absolute; bottom:0px; width:60px; text-align:center;  padding:0; border: 1px solid #000000;    background-color: #fff; left:65px;  }
#questionbox2 #next:hover { TEXT-DECORATION: underline;  }	
#questionbox2 #previous{	position: absolute; bottom:0px; width:60px; text-align:center; padding:0; border: 1px solid #000000; background-color: #fff; left:0px;  }
#questionbox2 #previous:hover { TEXT-DECORATION: underline;  }	


#maketest{
	width: 700px;
	/*height: 400px;*/
	padding: 6px;
	margin-top: 6px;
	position: relative;
	background-color: #f3f2f8;
	border: 1px solid #C6C6C6;
	color:#385b9c;
}

#maketest p{
	background-color: #f3f2f8;
	color:#385b9c;
} 
 
#maketest h2 {
	background: #990099;
	color: #FFF;
	padding: 1px;
	margin-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	text-transform: uppercase;
	font-size: 15px;
	text-align:center;
} 

#maketest #questionlist{
	width: 680px;
	height: 350px;
	overflow: hidden;
	position: relative;
	left: 5px;
}

#maketest .element {	
   width: 600px;
	position: absolute;
	left: 701px;
	top: 20px;  margin:5px;padding-bottom:10px;	/*background-color: #fff;*/	color:#385b9c;}
#maketest.introblock {margin:5px;padding-bottom:10px;background-color: #f3f2f8;	color:#385b9c; }
#introblock2 {margin:5px;padding:5px;color:#385b9c;border: 2px solid #C6C6C6; }

#maketest .questionx{
   vertical-align:top;

	width: 640px;
	margin-top:5px;
	left: 20px;
	/*top: 90px;*/
   /*border: 1px solid #C6C6C6;
   background-color: #fff; */
}
#maketest .type8 li {margin:2px;padding:3px;font-weight:bold;list-style: none; cursor: pointer; background-color: #fff; border: 1px solid #C6C6C6;}
#maketest .type8 li:hover {background-color:#ccc;FONT-SIZE: 12px;  COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; }

#maketest .type7 li { margin:10px;padding:10px;float:left;FONT-SIZE: 18px;font-weight:bold;background-color: #fff;list-style: none; cursor: pointer;  border: 1px solid #C6C6C6;}
#maketest .type7 li:hover {background-color:#ccc;COLOR: #782b91; LINE-HEIGHT: 1.2em; WHITE-SPACE: nowrap; TEXT-DECORATION: none; }

#maketest #aantalvragen { position: absolute; right:10px;top:5px; }


#maketest #next{	position: absolute; bottom:10px; width:100px;padding:4px; border: 1px solid #C6C6C6;    background-color: #fff; left:140px;  }
#maketest #next:hover { TEXT-DECORATION: underline;  }	
#maketest #previous{	position: absolute; bottom:10px; width:100px;padding:4px; border: 1px solid #C6C6C6;    background-color: #fff; left:20px;  }
#maketest #previous:hover { TEXT-DECORATION: underline;  }	

#infoblok { position: relative; margin-bottom:25px;}
.rightimg{ position: absolute; top:5px;right:25px;}
.leftcont{width:350px;}
	
#startbutton{ margin:2px; color:#fff;padding: 5px;FONT-SIZE: 14px; padding-left:30px; padding-right:30px; BORDER: #999999 1px solid; background-color: #afb7db;TEXT-DECORATION: none;BORDER-bottom: #999999 1px solid; font-weight:bold;  }
#startbutton:hover { TEXT-DECORATION: underline;  }	

#endtable  {margin-top:50px;margin-left:50px;}
#entable  td{padding:2px; BORDER: #000000 1px solid; }

.resulttable {padding:3px; margin:0; border: 1px solid #000000; text-align:left; }
.resulttable td {padding:3px; margin:0; border: 1px solid #000000; text-align:left; }