/* CSS Document */
html, body {
	margin: 0px;
	text-align: left;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	background-repeat: repeat-x;
}

div {
	text-align: left;
        overflow:visible;
}

form {
    margin:0;
    padding:0;
}
	
	div .center {
		text-align: center;
		margin: 0 auto 0 auto;
	}
	
	div .schuifbalk {
		overflow: auto;
		overflow-x: hidden;
	}

pre {
	text-align: left;
}
	
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover, a:active {
	text-decoration: underline;
	text-decoration: none;
	color:#cb7b26;
}
img {
	border: 0;
}

td {
	font-size: 11px;
}

th {
	font-size: 11px;
	text-align:left;
}

hr {
	border: 1px solid;
	border-color: black;
}

input, textarea, select {
	font-family: Verdana, Arial, Sans-Serif;;
	font-size:10px;
	color:#404040;
	margin-top: 1px;
	height: 18px;
}

ul,ol {
	margin-top:0;
	padding-top:0;
}

li {
	/*list-style-image: url(../images/list.jpg);*/
}

h1 {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size:20px;
	color: #ffffff;
}
h2 {
	font-family:  Arial, Sans-Serif;
	font-weight: bold;
	font-size:17px;
	color: #ffffff;
}

h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:10px;
	color: #4a4a4a;
}

h4 {
	font-family:  Arial, Sans-Serif;
	font-weight: bold;
	font-size:11px;
	color: #000000;
	margin-bottom:0;
}

p {
	margin-top:0;
	margin-bottom:10px;
}

span {
}

	span .next {
		font-size: 10px;
		font-weight: bold;
		color: #000000;
	}
	
	span .orange {
		color: #cb7b26;
		font-weight: bold;
	}

	span .tjha {
		line-height: 25px;
	}

/* Layout */
#main {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}

#top {
	width: 1000px;
	height: 140px;
}

#mid {
	width: 1000px;
	background-image: url(../images/bg-repeat.jpg);
	background-repeat:repeat-y;
	height:auto;
	float:left;
}

#links {
	float: left;
	width: 215px;
	background:transparent url(../images/links.jpg) 0 0 no-repeat;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	min-height:590px;
	height:auto;
}

#midcontent {
    width:150px;
    margin:15px 0px 15px 15px;
}

#maincontent {
    margin:15px;
}

/* Internet Explorer */
/*\*/
* html #links {
	height: 590px;
}
/**/

	#links a {
		color: #000000;
		font-weight: bold;
	}
		
	#links a:hover {
		color: #FFFFFF;
		font-weight: bold;
	}

#rechts {
	/*padding: 15px 30px 20px 30px;*/
	float: left;
	width: 785px;
	background:#a7bb01 url('../images/rechts.jpg') 0 0 no-repeat;
	min-height:590px;
	height:auto;
}
/* Internet Explorer */
/*\*/
* html #rechts {
	height: 590px;
}
/**/

#foot {
	float:right;
	padding-top:2px;
}

#list_frame {
	width: 724px;
}

.list_header {
	float: left;
	width: 700px;
	height: 20px;
	border: 1px solid gray;
	font-weight: bold;
	background-color: #c0c0c0;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 2px;
	margin: 5px 0 0 0;
	cursor:pointer;
}

.list {
	float: left;
	width: 700px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;	
	border-bottom: 1px solid gray;
	padding: 2px;
}

#moreinfo {
	margin-top:10px;
}

/* Items */
.question {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	height: 100px;
	padding: 0px 0 0px 0;
	color: black;
	vertical-align: middle;
}

.questionbutton input {
	margin: 0 0 50px 0;
	width: 120px;
	height: 65px;
	font-size: 1.6em;
	padding: 0;
}
	
.questionbutton button {
	text-align: center;
	padding: 20px 0 20px 0;
}

.button {
	background-color: #ef6415;
	border: 1px solid;
	border-color:#c0c0c0;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 11px;
	height:20px;
}

input[disabled], .button[disabled] {
	color: gray;
	border: 0px;	
	background-color: #c0c0c0;		
}

select {
	margin-bottom:2px;
}

/* Docenten result table */
.docenten {
	width:95%;
}
.docenten th {
	text-align:center;
}

.tablename {
	float: left;
	width: 80px;
	height: 20px;
}

.tablecol {
	width: 55px;
	height: 20px;
	text-align: center;
}
	
	.color1, .color2, .color3{
		background-color: green;
		padding: 4px 0 4px 0;
	}

	.color4 {
		background-color: orange;
		padding: 4px 0 4px 0;	
	}
	
	.color5 {
		background-color: red;
		padding: 4px 0 4px 0;
	}	

.scrollbar {
	overflow-y: auto;
	overflow-x: hidden;	
}

#scherm {
	height: 450px;
	overflow-y: auto;
	overflow-x: hidden;	
}

/* Grafiek */

.grafiek {
	padding: 0;
	border: 1px solid #000;	
}

.grafiek th {
	text-align:right;
	width:44px;
	padding:1px;
}

.grafiek th.firstth {
	text-align:left;
	width: 180px;
}

.grafiek th.lastth {
}

.grafiek td {
	padding:0;
}

.grafiek td.firsttd {
	
}

.grafiek .test1 {
	background:#ffffff url(../images/grafiek-bg-1.gif) 0 0 repeat-y;
}
.grafiek .test2 {
	background:#ffffff url(../images/grafiek-bg-2.gif) 0 0 repeat-y;
}

.grafiek img {
	display: block;
}

/* results */


table.results {
	border-collapse:collapse;
}

table.results td {
	padding:2px 4px;
}

/* Error and notice */
.error {
	color: #dd0000;
	margin: 55px 0 0 0;
	position:absolute;
}

.errortxt {
	color: #dd0000;
}

#docentenTable input {
	color: #404040;
	margin: 0;
	padding: 0;
}

#docentenTable .docentenhead td {
	text-align: center;
}

#docentenTable .line {
	border-top: 1px solid #000;
}

#docentenTable .line td {
	vertical-align: top;
	height: 120px;
	border-top: 1px solid #c0c0c0;
}

#docentenTable .row1 {
	height: 24px;
	border-right: 1px solid #000;
}

	#docentenTable .row1 td {
		border-right: 1px solid #c0c0c0;
	}

#docentenTable .row2 {
	background-color: #c0c0c0;
	height: 24px;
}

#docentenTable .row2 td {
	border-right: 1px solid #fff;
}

#docentenTable .ctr {
	text-align: center;
}

#docentenTable .lft {
	text-align: left;
	vertical-align: top;
}

#total table {
    width:95% !ie;
}