body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,blockquote,th,td,p{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ul {margin:0 0 10px 15px;padding:0} ol{margin:0 0 10px 30px;padding:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%} 
form{display:inline}
*:focus{outline:none}

body {font:normal 0.75em/150% Arial, Verdana, Tahoma, "Trebuchet MS";}

/*link*/
a, a:visited{color:#009CE2} 
a:hover,a:active{text-decoration:none}

/*headings*/
h1,h1 a,h1 a:visited,h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a, h4 a:visited{color:#0385c8;text-decoration:none;padding:0 0 5px 0}
h1 a:hover,h1 a:active,h2 a:hover,h2 a:active,h3 a:hover,h3 a:active,h4 a:hover,h4 a:active{color:#0385c8}

h1,.h1{font-size:1.833em;line-height:1.182em} 
h2,.h2{font-size:1.333em;line-height:1.375em}
h3,.h3{font-size:1.167em} 
h4,.h4{font-size:1em;padding:0 0 3px}

/*text*/
p {padding:0 0 10px}

a, a:visited {background:transparent url(../images/sprite_icons.gif) no-repeat 0 -240px;padding-left:15px!important;color:#0385c8;text-decoration:none}
a:hover{background-position:0 -300px;text-decoration:underline}
a:active{background-position:0 -360px}

/*lists*/
ul.menu{list-style:none;margin:0;overflow:hidden;width:100%}
ul.menu li{margin:0 0 8px}
ul.menu span{color:#000;font-weight:bold}

/*tables*/
table{width:100%;margin:0 0 20px}
table.table td,table.table th{border:solid 1px #f2f2f2;padding:2px 5px;vertical-align:top}
table.table{width:auto;margin:1px 0 20px 1px;border-spacing:0;border:solid 1px #f2f2f2}
span.extraopening{border:solid 1px #f2f2f2;padding:5px 10px;font-weight:bold;display:inline-block}

/*form*/
select, input, textarea, legend {font:normal 100% Arial, Verdana, Tahoma, "Trebuchet MS"; color:#66605c}

span.clear {
	clear:both;
	float:none;
	width:0px;
	height:0px;
	line-height:0px;
	overflow:hidden;
	visibility:hidden;
}

#container {
	position:relative;
	margin:0px auto;
	width:800px;
	background-color:white;
	overflow:hidden;
	padding-bottom:64px;
}

#topbar {
	margin-top:96px;
}

a.logo, a.noimage, ul.menu a, .navlist a {
	background-image:none !important; 
	padding-left:0px !important;
	text-decoration:none !important;
}

#logo {
	position:absolute;
	top:16px;
	margin-left:10px;
}

#loginstatus {
	float:right;
	text-align:right;
	margin-right:24px;
	margin-top:-58px;
}

#loginstatus a {
	background:transparent url(../images/bullet.png) no-repeat 0 2px;
}

div.dottedline {
	display:block;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:54px;
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	overflow:hidden;
}

.footer {
	width:800px;
	color:#fabb00;
	font-weight:bold;
	text-align:right;
	margin:0 auto;
	padding-top:26px;
}

.footer a {
	color:#fabb00;
	font-weight:bold;
	background-image:none;
	text-decoration:none;
}

ul.menu {
	display:block;
	overflow:hidden;
	background-image:url(../images/overige-gradient.png);
	background-repeat:repeat-x;
	width:800px;
	height:33px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	text-align:center;
	margin-top:2px;
}

ul.menu a { background-image:none; }

ul.menu li {
	display:block;
	overflow:hidden;
	float:left;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	color:white;
}

ul.menu a, ul.menu a:visited  {
	display:block;
	overflow:hidden;
	height:20px;
	color:white;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:6px;
}

ul.menu a:hover  {
	color:black;
}

ul.menu li.selected a  {
	color:black;
}

ul.menu li.selected {

}

.assessment {
	position:relative;
	border:1px solid #ccc; 
	padding:8px; 
	margin-bottom:12px;
	min-height:128px;
}

.assessment img {
	position:relative;
	margin-right:8px;
}

.assessment div {
	position:absolute;
	left:200px;
	top:0px;
	width:500px;
}

#article {
	display:block;
	padding:0px 26px 36px 26px;
}

#existinguser {
	width:364px;
	float:left;
	vertical-align:top;
	padding-right:16px;
	margin-bottom:16px;
}

div.titleexistinguser {
	background-color:#66605c;
	width:348px;
	height:16px;
	padding:4px 0px 8px 16px;
	color:white;
	font-weight:bold;
	margin-bottom:16px;
}

#newuser {
	width:364px;
	float:left;
	vertical-align:top;
	margin-bottom:16px;
}

div.titlenewuser {
	background-color:#009CE2;
	width:348px;
	height:16px;
	padding:4px 0px 8px 16px;
	color:white;
	font-weight:bold;
	margin-bottom:16px;
}

td { vertical-align:top; }
input, label, select { margin-bottom:10px; }

.button { background:white url(../images/sprite_nav.gif);width:260px;height:23px;border:none;color:white;cursor:pointer;font-weight:bold;margin-right: 3px; }
.button:hover { background-position:0px -23px;color:black; }

.button-modify-report { background: none;background-color: #009CE2;padding: 0px 10px 2px 10px; width: 40px;margin-right:2px;border: 1px solid #009CE2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.button-modify-report:hover { background-color: #fff; }

.imagebutton	{cursor:pointer;color: black;font-size: 10pt;}
.checkbox		{cursor:default;color: black;font-size: 10pt;margin:0;}
.radiobutton	{cursor:default;color: red;font-size: 10pt}
.combobox 		{cursor:default;background:#FFF;color:black;font-size:10pt;border:#ccc 1px solid;}
.textfield		{background:#FFF;color:black;font-size: 10pt;border:#ccc 1px solid;}
.textarea		{background:#FFF;color:black;font-size: 10pt;border:#ccc 1px solid;}

.textfield:focus {border:#009CE2 1px solid;}
.textarea:focus {border:#009CE2 1px solid;}

table.list td {
	padding-right:8px;
	vertical-align:middle;
}

table.list tr {
	height:36px;
}

.shoppingcart { 
	width:20px;
	height:15px;
	cursor:pointer;
	background:url(../images/dmspritenav.png) no-repeat 0px -598px;
	border:none;
}

.shoppingcart:hover {
	background-position:0px -643px;
}

.menuitem1 {
	background-image:url(../images/welkom.png);
	width:100px;
}

.menuitem1:hover, .menuitem1.selected {
	background-image:url(../images/welkom-overlay.png);
}

.menuitem2 {
	background-image:url(../images/osbtalentenscans.png);
	width:160px;
}

.menuitem2:hover, .menuitem2.selected {
	background-image:url(../images/osbtalentenscans-overlay.png);
}

.menuitem3 {
	background-image:url(../images/mijnosb.png);
	width:193px;
}

.menuitem3:hover, .menuitem3.selected {
	background-image:url(../images/mijnosb-overlay.png);
}

.menuitem4 {
	background-image:url(../images/vraaginfo.png);
	width:153px;
}

.menuitem4:hover, .menuitem4.selected {
	background-image:url(../images/vraaginfo-overlay.png);
}

.menuitem5 {
	background-image:url(../images/contact.png);
	width:83px;
}

.menuitem5:hover, .menuitem5.selected {
	background-image:url(../images/contact-overlay.png);
}

.clients-assessments-table tr {
	border-bottom:1px solid #ccc;
}

.clients-assessments-table tr td {
	padding-top:8px;
	padding-bottom:4px;
}

.clients-assessments-table tr td .button:last-child {
	margin-bottom:4px;
}

.clients-assessments-table tbody tr:first-child,
.clients-assessments-table tbody tr:last-child {
	border-bottom:none !important;
}

.article-clients button {
	margin-bottom:2px;
}