@font-face {
	font-family: 'HelveticaNeueLT45LightRegular';
	src: url('helveticaneuelt_light-webfont.eot');
	src: local('?'), url('helveticaneuelt_light-webfont.woff') format('woff'), url('helveticaneuelt_light-webfont.ttf') format('truetype'), url('helveticaneuelt_light-webfont.svg#webfontlnRYWkLB') format('svg');
	font-weight: 		normal;
	font-style: 		normal;
}
body {
	font-family: "HelveticaNeueLT45LightRegular", Arial;
	color: #333;
	margin-left: 0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left: 0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	overflow: hidden;
	background-image: url(images/bckgrnd_grader.png);
	background-position: 50% 0px;
	font-style: normal;
}
div {
	font-style: normal;
}
h1 {
	border-top:1px solid #333;
	color:#333;
	font-size:42px;
	width:100%;
	margin-left:0;
	margin-top:63px;
	overflow:hidden;
	padding-top:7px;
	position:relative;
}
h2 {
	margin-top: 35px;
	font-weight: normal;
	margin-bottom: 35px;
	color: #333;
	font-size: 23px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color:#333;
}
a:active {
	color: #333;
}
.downselect {
	color: #333;
}
#fix_logo {
	position:absolute;
	top:0;
	left:0;
}
.white {
	color: #FFF;
}
.inputline {
	position: relative;
	width: 110px;
	clear:left;
	float: left;
	color: #999999;
}
.inputnone {
	width: 110px;
	clear:left;
	float:left;
}
.inputbox {
	background-image: url(images/icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	float: left;
	padding-left: 18px;
	position: relative;
	top: -1px;
}
.inputbox_fout {
	background-image: url(images/icon_wrong.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	float: left;
	padding-left: 18px;
	position: relative;
	top: -1px;
}
.textfield {
	font-size: 15px;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	width: 200px;
}
#firstcolumn {
	font-weight: normal;
	float: left;
	min-height: 70px;
	width: 25px;
	padding-right: 30px;
	padding-left: 70px;
	padding-top: 113px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
}
#firstcolumn a:link {
	color: #333;
	text-decoration: none;
}
#firstcolumn a:visited {
	color: #333;
	text-decoration: none;
}
#firstcolumn a:hover {
	text-decoration: underline;
}
#firstcolumn a:active {
	color: #333;
}
#secondcolumn{
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #333;
}
.contentwrapper{
	margin-top: 15px;
}
.column {
	float: left;
	padding-right: 30px;
	margin-bottom: 50px;
	position: relative;
}
.black a:link {
	color: #333;
}
.black a:visited {
	color: #333;
}
.bigbuttons a:link {
	font-size: 13px;
	font-weight: bold;
	width: 110px;
	color: #333;
	display: block;
	margin-top: 7px;
}
.bigbuttons a:visited {
	font-size: 13px;
	font-weight: bold;
	width: 110px;
	color: #333;
	display: block;
	margin-top: 7px;
}
.bigbuttons a:hover {
	font-size: 13px;
	font-weight: bold;
	width: 110px;
	color: #999999;
	display: block;
	margin-top: 7px;
}
.bigbuttons a:active {
	font-size: 13px;
	font-weight: bold;
	width: 110px;
	color: #999999;
	display: block;
	margin-top: 7px;
}
.padleft {
	padding-left: 30px;
}
.downbuttons a:link {
	font-size: 13px;
	color: #333;
	display: block;
	margin-top: 7px;
}
.downbuttons a:visited {
	font-size: 13px;
	color: #333;
	display: block;
	margin-top: 7px;
}
.downbuttons a:hover {
	color: #999999;
}
.downbuttons a:active {
	color: #999999;
}
.buttons {
	margin-top:30px;
	line-height:7px;
	font-weight:normal;
}
.addFileBtns {
	font-weight:normal;
}
.addFileBtns img{
	margin-bottom:-5px;
}
textarea {
	height:30px;
}
.buttons a:link {
	color: #999999;
	display: block;
	font-size: 12px;
}
.buttons a:visited {
	color: #999999;
	display: block;
	font-size: 12px;
}
.buttons a:hover {
	color: #333;
}
.buttons a:active {
	color: #333;
}
.addbtntext {
	font-size:12px;
}
.subbuttons a {
	top: 8px;
	font-weight: bold;
	font-size:12px;
	margin-right: 30px;
}
#userinput {
	position: relative;
	top: -5px;
}
#userinputplus {
	position: relative;
	top: 28px;
	margin-bottom: 46px;
}
#userslist {
	position: relative;
	top: -5px;
	margin-bottom: -7px;
}
#userslist td {
	padding-right: 30px;
}
.downloadline {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	color: #acacac;
	padding-top: 6px;
	top: -3px;
	height: 50px;
	line-height: 16px;
	
}
.downloadline img  {
	position: absolute;
	top: 0px;
	left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.downloadline .mb {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	top: 33px;
	left: 22px;
	color: #999999;
}
.downloadtext {
	font-size: 10px;
	line-height:15px;
	font-weight: normal;
	color: #999999;
}
.download_split {
	border-top:#333 2px solid;
}
.downloadtext .textfield {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	width: 240px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.selected  {
	color: #333;
}
.downloadline .downloadtextselected {
	position: absolute;
	left: 240px;
	top: 9px;
}
.downloadline .downloadtextselected .textfield {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #333;
	width: 250px;
}
#downloadinput {
	position: relative;
	left: 20px;
}
#downloadinput .inputbox textarea {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #333;
	width: 250px;
	top: 7px;
	position: relative;
}
#downloadinput .browse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	border: 1px none #333;
	line-height: 15px;
	top: 1px;
	position: relative;
}
.downloadplus {
	margin-top: -7px;
	position: relative;
	padding-left: 30px;
}

.downloadbutton img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.subbuttonsdownloads  {
	left: 253px;
	position: absolute;
}
.subbuttonscancel {
	left: 170px;
	position: absolute;
}
.loadbalk {
	background-color: #333;
	position: relative;
	width: 439px;
	left: 30px;
	padding: 1px;
	top: 1px;
}
.loader {
	background-color: #333;
	position: relative;
	height: 1px;
}
.checkbox {
	background-color: white;
	color:#333;
	border:none;
}

/*----------*/


.foto{
	display: inline-block;
	list-style-type: none;
	width: 180px;
	float: left;
}
.pic{
	height:105px;
	width: 140px;
}
#text {
	color: #333;
	width: 180px;
	margin-right: 40px;
	margin-top: 30px;
	text-align: left;
	line-height: 18px;
	font-size: 14px;
}
#text p {
	margin-top: 0px;
}
#text a {
	color: #333;
	border-bottom-width: 1px;
	border-bottom-color: #333;
	border-bottom-style: dashed;
}
#text a:hover {
	border-bottom-style: solid;
}
#keywords{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #333;
	margin-top: 7px;
}
.key {
	font-size:11px;
	margin-top: 25px;
}
#fotos{
	margin-left: -3px;
	min-width: 536px;
	width:expression(document.body.clientWidth > 1200 ? "auto" : (document.body.clientWidth < 840 ? "536px" : "auto" ) );
}
.info {
	margin-top: 5px;
	max-height: 50px;
	width: 130px;
	font-size: 9px;
	line-height: 12px;
}
.info a {
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}
.info a:hover {
	color: #333;
	border-bottom-color: #333;
}
#zwart {
	color:#333;
}
a img{
	border: none;
}
.fotoinfo {
	color: #333;
	width: 130px;
	height: 108px;
	margin-top: 27px;
	font-size: 11px;
	line-height: 14px;
}
.titel {
	width: 140px;
	height: 29px;
	overflow: hidden;
	margin-top: 16px;
	padding-top: 4px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-top-width: 2px;
	border-bottom-style: dotted;
	border-top-style: solid;
	border-color: #333;
	font-size: 11px;
	font-weight: bolder;
}
.projects{
	margin-left: 4px;
}
.sets{
	margin-left: 15px;
	margin-bottom: -30px;
}
.dates{
	margin-left: -10px;
}
#tree{
	color: #333;
	line-height: 20px;
	margin-top: 176px;
	padding-right: 20px;
}
#tree a:link{
	font-size: 12px;
	font-weight: bold;
	color:#333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	display: block;
	height: 10px;
	margin-top: -1px;
}
#tree .group a:link{
	border-top-width: 1px;
}
#tree a:hover{
	color:#333;
}
.group{
	margin-bottom: 5px;
}
#isfile{
	color: #999999;
}
#track {
	float: left;
	width: 14px;
	margin-top: 14px;
}
#up {
	margin-top: -14px;
}
#handle {
	background-image: url(images/sliderbar.gif);
	width: 14px;
	cursor: move;
}
#sliderkolom {
	text-align: left;
	float: left;
}
#files {
	margin-top: -6px;
}
/*
#tableDiv {
	margin-top: 47px;
}
*/
#nofiles {
	margin-top: -5px;
}
#lijntjes {
	border-top:2px solid #333;
	margin-left:-7px;
	position:absolute;
	top:45px;
	width:100%;
}