body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:5;
  padding:5;
}
/*
a:link {color: #000000; text-decoration: none; } 
a:visited {color: #000000; text-decoration: underline; } 
a:hover {color: #000000;text-decoration:underline;} 
*/
table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img {
  border:0;
}

address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after {
  content:'';
}

abbr,acronym {
  border:0;
}

.clear {
  clear: both;
}

body {
/*   background: #fff; */
  background: #fff;
  color: #000;
  font-family:"Courier", "Courier New", monospace;
  font-size:14px
}

h1 {
  font-family:"Courier", "Courier New", monospace;
  font-size: 16px;
  font-weight: bold;
  clear: both;
  margin: 5px 5px 5px 5px;
  border-bottom: 1px solid #000;
    background: #fff;
  color: #000;
}

.icon {
  width: 20px;
}

#header {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 25px;
}

#header #searchBox {
  display: none;
}

#header:hover #searchBox {
  display: block;
}

#catalogue {
}

/*Soep*/
.itemTitle {
/*   clear: both; */
}

.catalogueImageContainer, .catalogueImageContainer img {
  width: 45px;
}

/* Beeld Manipulatie */
.catalogueImageContainer {
/*   height: 13px; */
/*   border: 1px solid #000; */
  position: relative;
  background-repeat: no-repeat;
}

.catalogueImageContainer:hover {
  position: absolute;
}


.itemTitle.fileItem:hover span.catalogueImageContainer {
  border-color: #fff;
}

.itemTitle.fileItem span.catalogueTitle.catalogueImage span.cataloguePath {
  padding: 0 0 0 50px;
  z-index: 2;
  position: relative;
}

.itemTitle.fileItem span.catalogueTitle.catalogueImage {
  background: none;
  padding: 0;
}

.catalogueItem {
  word-wrap: break-word;
  white-space: pre-wrap;
  font-size: 14px;
/*   margin: 0 0 0 60px; */
  display: none;
  clear: both;
  margin-left: -60px;
}
#header ul#searchBox {
  float: right;
}

ul#searchBox {
  margin-top: 1pt;
  margin-right: 20pt;
  display: block;
}

ul#searchBox li {
  float: right;
  margin: 10px 10px 10px 10px;
}

ul#searchBox li:last-child {
    margin-right: 10px;
}

#searchContainer {
  width: 280px;
   margin-right: 10px;
  float: right;
}

input#search {
  font-family:"Helvetica", "Arial", monospace;
  font-size: 16px;
  border: 1px solid #000;
  color: #000;
  background: #fff;
/*float: left;*/
  width: 300px;
  height: 20px;
  outline: none;
  padding: 5 5 5 5px;
}

button#searchButton {
  background: none;
  font-family: "Courier",  monospace;
  font-size: 18px;
  border: 0;
  padding: 0;
  border-bottom: 1px solid #000;
  cursor: pointer;
}

span#searchReset, span#searchReset img {
  display: block;
  width: 10px;
  height: 10px;
}

#searchReset {
  float: right;
  background: #fff;
  width: 19px;
  height: 25px;
  border: 1px solid #000;
  border-left: none;
}

span#searchResetButton {
  background: url('../images/close.png');
  cursor: pointer;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: 10px;
  display: none;
}

span#searchResetButton:hover {
  /*background-position: 0 -10px;*/
}

span#searchResetButton:active {
  /*background-position: 0 -20px;*/
}


.itemTitle.projectItem span.catalogueTitle {
}

.itemTitle.fileItem span.catalogueTitle {
}

.itemTitle span.catalogueTitle {
  background-repeat: no-repeat;
/*     margin: 10 10 10 10px; */
  padding: 0 0 0 0px;
  height: 15px;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 15px;
  z-index: 10000;
}

.itemTitle.fileItem span.catalogueTitle:hover {
  /*background-color: white;*/
  background-position: 0 0px;
  color: #000;
  font-size: 15px;
  text-decoration:underline;
}

.itemSelected {
  /*background-color: white;*/
  background-position: 0 0px;
  color: #000;
  text-decoration:underline;
}

.loading {
  width: 800px;
  padding: 25px;
  text-align: center;
}

.downloadBox {
  border: 1px solid #000;
  background: #000;
  margin: 15px 0 15px 0;
  padding: 10px 10px 20px 10px;
  width: 500px;
  height: 250px;
}

.downloadBoxInner {
  border: 4px solid #000;
  border-style: groove;
  height: 100%;
  position: relative;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
}

.downloadBoxInner span {
  top: 70px;
  left: 9px;
  position: absolute;
  height: 100px;
  overflow: hidden;
}

.downloadBoxInner span img {
  width: 10px;
  float: left;
}

.downloadBoxInner span a {
  background: none;
  color: #fff;
  float: right;
  margin: 50px 0 0 15px;
}

.itemTitle:hover .catalogueItem .downloadBox .downloadBoxInner span {
  /*background: none;*/
}

.balloon {
  width: 208px;
  position: absolute;
  z-index: 2;
}

.balloonBeak {
  width: 7px;
  height: 18px;
  margin-top: 10px;
  float: left;
}

.balloonTop {
  height: 5px;
}

.balloonBottom {
  height: 5px;
}

.balloonBody {
  padding: 10px 10px 10px 15px;
  font-family:"Courier", monospace;
  font-size:16px
}

.balloonContent {
  color: #fff;
  width: 201px;
  float: right;
}

#fileInfo {
  margin: -7px 0 0 5px;
  float: left;
}

ul.shareList {
  margin: 5px 0;
}

ul.shareList li {
  float: right;
  margin: 0 1px 1px 0px;
}

a#headerTitle, a#headerList, a#headerTime, a#headerFilter {
  height: 18px;
  padding: 0 0 0 20px;
}

a#headerTitle {
}

a#headerList {
}

a#headerTime {
}

a#headerFilter {
}

a#headerTitle:visited, a#headerList:visited, a#headerTime:visited, a#headerTitle:hover, a#headerList:hover, a#headerTime:hover,  a#headerFilter:hover, a#headerFilter:visited {
  background-position: 0 0px;
  text-decoration:underline;
}

a#headerTitle:active, a#headerList:active, a#headerTime:active, a#headerFilter:active {
  background-position: 0 0px;
}

#noResults {
  margin: 0px 0 0 40px;
}

object#htmlViewport {
  min-height: 1024px;
}

/* Search */
#searchResults .itemTitle {
  clear: both;
}

#searchResults .catalogueImageContainer, #searchResults .catalogueImageContainer img {
  width: 45px;
  height: 8px;
}

#searchResults .catalogueImageContainer {
  height: 13px;
  border: 1px solid #A0A0A0;
  position: absolute;
  background-repeat: no-repeat;
}

#searchResults .itemTitle.fileItem:hover span.catalogueImageContainer {
  border-color: #fff;
}

#searchResults .itemTitle.fileItem span.catalogueTitle.catalogueImage span.cataloguePath {
  padding: 0 0 0 50px;
}

#searchResults .itemTitle.fileItem span.catalogueTitle.catalogueImage {
  background: none;
  padding: 0;
}

#searchResults .catalogueItem {
  word-wrap: break-word;
  white-space: pre-wrap;
  font-size: 14px;
  margin: 0 0 0 -60px;
  display: none;
  clear: both;
}

#searchResults .itemTitle span.catalogueTitle {
  background-repeat: no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 0 20px;
  height: 15px;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 15px;
}