/* Stylesheet */
body {background:#fff; margin:0; padding:0; height:100%;}

/* header */
div.header {padding:0 0 1px 0; margin:0 auto; width:800px; text-align:left;}
div.header img.logo {float:left;}
div.header a img {border:0;}

/* top */
p, li, td {font-family:arial; color:#565656; font-size:12px; line-height:1.4em; margin:0 0 20px 0; font-weight:normal;}
p.answer, p.quest {font-family:arial; color:#565656; font-size:12px; line-height:1.4em; margin:0 0 20px 0; font-weight:normal;}
ul {margin:12px 0; padding:0 0 0 25px;}
li {margin:0;}
h1 {font-size:24px; margin:0 0 4px 0; font-family:georgia; color:#000; font-weight:normal;}
h2 {font-family:georgia; line-height:1.2em; font-size:18px; color:#000; margin:0 0 3px 0; font-weight:normal;}
h3 {font-family:georgia; margin:0 0 2px 0; font-size:14px; color:#616161; font-weight:normal;}
a {color:#565656;}
a:hover {color:#000;}
a img {border:0;}
div {font-family:arial; color:#565656; font-size:12px; line-height:1.4em;}
span.red {color:#cc3333; font-size:11px; text-transform:uppercase;}
span.date {color:#9c9c9c; font-size:11px; text-transform:uppercase;}

/* navigation */
div.navigation {padding:6px 1px 0 1px; clear:both; margin:0 auto; width:800px; height:24px;}
div.login {float:right; color:#d1d1d1; text-align:right; line-height:16px; padding:2px 0 0 0; margin:0;}
div.login a {color:#9c9c9c;}
div.login a:hover {color:#000;}
div.navigation ul { height:27px; list-style-type: none; color:#565656; text-decoration:none; text-transform:uppercase; margin:0; padding:0;}	
div.navigation ul li {text-decoration:none; float:left; margin: 0 5px 0 0; padding:0; border:1px solid #dccf92; border-bottom:1px solid #fff;}
div.navigation ul li a.menu {display:block; text-decoration:none; float:left; margin:0; padding:7px;}
div.navigation ul li a.menu:hover, div.navigation ul li a.menuselect {display:block; background:#f3eed9; text-decoration:none; color:#000; margin:0; padding:7px;}

/* content */
div.leftsubmenu {float:left; width:200px; margin-bottom:25px; padding:0; margin:0; border-top:1px solid #dccf92;}
div.leftsubmenu ul {list-style-type: none; color:#565656; text-decoration:none; margin:0; padding:0;}	
div.leftsubmenu li a {display:block; clear:left; height:25px; width:180px; text-decoration:none; margin:0; padding:10px 0 0 20px; background:url('/layout/images/submenu-bg.gif') no-repeat;}
div.leftsubmenu li a:hover, div.leftsubmenu li a.submenuselect {background:url('/layout/images/submenu-bg-select.gif') no-repeat;}
div.rightsubmenu {margin-left: 200px; width:555px; padding:20px 20px 20px 25px; border-top:1px solid #dccf92;}

div.left, div.right, div.center {width:340px; margin-bottom:25px;}
div.left {float:left;}
div.right {float:right;}
div.center {padding:0 30px 0 30px; clear:both; margin:0 auto; width:740px;}
div.centerquestion {padding:20px 30px 0 30px; clear:both; margin:0 auto; width:740px;}
div.centerpicture {padding:10px 0 10px 0; clear:both; margin:0 auto; width:800px;}
div.centerback {background:url('/layout/images/top.gif') no-repeat; padding:30px 30px 0 30px; clear:both; margin:0 auto; width:740px;}
div.centerbackrepeat {background:url('/layout/images/vervolg-bg.gif') repeat-y #fdfdfa; /*border-top:1px solid #dccf92;*/ background:url('/layout/images/vervolg-bg.gif') repeat-y; padding:0; clear:both; margin:0 auto; width:800px;}
div.centerprogress {background:url('/layout/images/top.gif') no-repeat; padding:20px 30px 0 30px; clear:both; margin:0 auto; width:740px;}
div.toetsresultaten {background:url('/layout/images/vervolg-bg.gif') repeat-y; padding:20px 30px 0 30px; margin:0 auto; width:740px;}
a.block {background:#dc8e00; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #9a6300; font-weight:bold;}
a.block:hover {background:#9a6300; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #000000; font-weight:bold;}
a.greyblock {background:#bbb; color:#fff; text-decoration:none; padding:1px 3px 1px 3px; border-top:1px solid #838383; font-weight:bold;}
a.greyblock:hover {background:#838383; color:#fff; text-decoration:none; padding:1px 3px 1px 3px; border-top:1px solid #000; font-weight:bold;}

a.question {padding:2px 2px 1px 3px; margin-right:1px; color:#000; text-decoration:none;}
a.question1 {padding:2px 2px 1px 3px; margin-right:1px; color:#fff; background:#9c7838; text-decoration:none;}
a.question2 {padding:2px 2px 1px 3px; margin-right:1px; color:#000; background:#e0d5b4; text-decoration:none;}
a.question:hover, a.question1:hover, a.question2:hover {padding:2px 2px 1px 3px; margin-right:1px; color:#fff; background:#000; text-decoration:none;}

td.block {background:#dc8e00; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #9a6300; font-weight:bold;}
td.block:hover {background:#9a6300; color:#fff; text-decoration:none; padding:1px 6px 1px 6px; margin-top:4px; border-top:1px solid #000000; font-weight:bold;}


/* footer */
div.footer {text-align:center; background-color:#988b71; font-family:arial; color:#fff; padding:15px 0; font-size:12px; line-height:1.4em; margin-top:25px; clear:both;}
div.footer a {color:#fff;}

table.list {margin:0; padding:0;}
table.list .high {padding:1px 22px 1px 2px; margin:0; background:#e3dfcf; height:18px;}
table.list tr.high:hover { background-color: #e5dbad; }
table.list tr.low:hover { background-color: #e5dbad; }
table.list .hightop, table.list th {border-bottom: 1px solid #dccf92; font-size:11px; color:#c7c3b1; text-align: left;}
table.list th.dark, table.list td.dark { background: #e3dfcf; }

textarea {font-family:courier; color:#565656; font-size:12px; line-height:1em; margin:0 0 10px 0; font-weight:normal; }
#error {color: #bb0000; }
#message {color: #008800; }

#modulelijstdiv {
	visibility: hidden;
	position: absolute;
	background: url('/layout/images/vervolg-bg.gif');
	border: solid 2px;
	z-index: 100;
	
	left: 320px;
	width: 700px;
}