/* Stylesheet Koloniale Letteren */
body {
  margin-top: 0px;
  margin-left:  0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #002510; /*textcolor*/

  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #737373;
  scrollbar-darkshadow-color: #737373;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #B63500;
  scrollbar-track-color: #a7a7a7;

}

table {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
  	color: #002510; /*textcolor*/
}

.pre {
	font-family: courier, verdana, helvetica, arial, sans-serif;
}

.bannerbg {
	background-color: #214437; /*bannerbgcolor*/
	background-image: url(images/top_back.jpg);
}
.pathbg {
	background-color: #85A242; /*pathbgcolor*/
}

.rightcolbg {
	background-color: #D3DF81; /*rightcolumnbgcolor*/
}
.notify {
	border-top: 1px solid #595959;
}


.searchresultgroup {
	border-top: 1px solid #595959;
	width: 100%;
}

.searchresult {
	width: 100%;
}


td.nav {
	background-color: #CEDA97; /*leftcolumnbgcolor*/
	height: 100%;
}


table.navwithbg {
	background-color: #CEDA97; /*leftcolumnbgcolor*/
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(images/leftcol_back.jpg);
}

td {
	/*vertical-align: top;*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
  	color: #002510; /*textcolor*/
}
.minheight {
	margin-top: 0;
	margin-bottom:0;
	padding-top: 0;
	padding-bottom:0;
	display: block; 
	height: 1;
	top: 0;
	bottom: 0;
}

td.path {
	font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
    font-weight: bold;
	}

.pathseparator {
	font-family: Verdana, Arial, sans-serif;
    font-size: 6pt;
    font-weight: bold;
    color: #D3DF81;	/*pathseperatorcolor*/
    text-align: center;
	display: inline;
}



.footer {
	font-family: verdana, helvetica, arial, sans-serif;
	text-align: left;
	font-size: 7pt;
	color: #ACACAC;
}

.toolbar {
	background-color: #CCCDCC; /*toolbarcolor*/
	vertical-align: middle;
}

.verticaltoolbar {
	background-color: #CCCDCC; /*toolbarcolor*/
}


.toolbarbg {
	background-color: #CCCDCC; /*toolbarcolor*/
}

.toolbarbutton {
	vertical-align: top;
}

.groupingbackground	{
  background-color: #f8f8f8; /*metadatabgcolor*/
}

.grouping {
  border-top: 1px dashed #666666;
  border-bottom: 1px dashed #666666;
  border-left: 1px dashed #666666;
  border-right: 1px dashed #666666;
  background-color: #f8f8f8; /*metadatabgcolor*/
}
.metadatabackground	{
  background-color: #f8f8f8; /*metadatabgcolor*/
}


form,input, option, select, textarea {
  font-family: verdana, helvetica, arial, sans-serif;
  color: #666666; /*textcolor*/
  font-size: 10pt;
}

select.accessors {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8pt;
  width: 100%;
  color: #333333; /*metadatatextcolor*/
  background-color: #f8f8f8; /*metadatabgcolor*/
}
option.accessors {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8pt;
  color: #333333; /*metadatatextcolor*/
  background-color: #f8f8f8; /*metadatabgcolor*/
}

select.selectmetadata{
  background-color: #f8f8f8; /*metadatabgcolor*/
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #333333; /*metadatatextcolor*/
  width: 100%;
}

select.move {
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #ffffff;
  font-size: 10pt;
  vertical-align: middle;
  width: 12em;
  overflow: hidden;
 }

input.add {
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #ffffff;
  width: 10em;
  overflow: hidden;
}
select.add {
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #ffffff;
  font-size: 10pt;
  width: 7em;
  overflow: hidden;
}

input.text {
  background-color: #ffffff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #666666; /*textcolor*/
  width: 100%;
  BORDER-RIGHT: #666666 1px solid;
  BORDER-TOP: #666666 1px solid;
  BORDER-LEFT: #666666 1px solid;
  BORDER-BOTTOM: #666666 1px solid;
}


input.textlikeh5 {
  background-color: #ffffff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #666666; /*textcolor*/
  width: 100%;
  BORDER-RIGHT: #666666 1px solid;
  BORDER-TOP: #666666 1px solid;
  BORDER-LEFT: #666666 1px solid;
  BORDER-BOTTOM: #666666 1px solid;
  font-weight: bold;
}
input.textlikesmall {
  background-color: #ffffff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8pt;
  color: #666666; /*textcolor*/
  width: 100%;
  BORDER-RIGHT: #666666 1px solid;
  BORDER-TOP: #666666 1px solid;
  BORDER-LEFT: #666666 1px solid;
  BORDER-BOTTOM: #666666 1px solid;
}
input.textmetadata {
  background-color: #f8f8f8; /*metadatabgcolor*/
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #333333; /*metadatatextcolor*/
  width: 100%;
}
.textmetadata {
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 10pt;
   color: #333333; /*metadatatextcolor*/
}


h1 { 
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
	color: #406618; /*headingcolor*/
	margin-top: 0.7em;
	margin-bottom: 0.3em;
}

h2 {
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	font-style: italic;
	font-size: 11pt;
	font-weight: bold;
	color: #406618; /*headingcolor*/
}
h3 {
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	font-style: italic;
	font-size: 10pt;
	font-weight: bold;
	color: #406618; /*headingcolor*/
}
h4 {
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	font-style: italic;
	font-size: 10pt;
	font-weight: bold;
	color: #406618; /*headingcolor*/
}

h5 {
   text-align: left;
   font-family: Arial, Verdana, sans-serif;
   font-size: 10pt;
   font-weight: italic;
   color: #406618; /*textcolor*/
   display: inline;
}
.small {
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   color: #2917CF; /*textcolor*/
}

.smallmetadata {
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 8pt;
   color: #333333; /*metadatatextcolor*/
}
.smallmetadataexample {
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   color: #333333; /*metadatatextcolor*/
}

.smalledit {
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: 8pt;
   text-align: left;
   vertical-align: top;
   font-weight: bold;
   color: #000066; /*textcolor*/
}

input.filemetadata {
  background-color: #f8f8f8; /*metadatabgcolor*/
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #333333; /*metadatatextcolor*/
  width: 100%;
  }

textarea.text {
  background-color: #ffffff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #595959; /*textcolor*/
  scrollbar-base-color: #f8f8f8; /*metadatabgcolor*/
  word-break: break-all;
  width: 100%;
  line-height: 150%;
  BORDER-RIGHT: #666666 1px solid;
  BORDER-TOP: #666666 1px solid;
  BORDER-LEFT: #666666 1px solid;
  BORDER-BOTTOM: #666666 1px solid;
 }
textarea.textmetadata {
  background-color: #f8f8f8; /*metadatabgcolor*/
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;
  color: #333333; /*metadatatextcolor*/
  word-break: break-all;
  width: 100%;
 }


p,
.par {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10pt;
   line-height: 150%;
   color: #002510; /*textcolor*/
}


.kwichighlight {
  font-weight: bold;
}	


.searchbg {
	background-color: #FDFFEB; /*searchboxcolor*/
} 
.search {
	background-color: #FDFFEB; /*searchboxcolor*/
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10pt;
  	width: 100%;
  	vertical-align: top;
}	
.searchdetails {
	background-color: #FDFFEB; /*searchboxcolor*/
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
  	width: 100%;
  	vertical-align: top;
}

input.search {
   font-family: verdana, helvetica, arial, sans-serif;
   background-color: #ffffff;	/*searchinputbgcolor*/
   margin: 2px;
   padding: 2px;
   border-top: solid 1px #597A32; /*searchinputbordercolor*/
   border-bottom: solid 1px #597A32; /*searchinputbordercolor*/
   border-left: solid 1px #597A32; /*searchinputbordercolor*/
   border-right: solid 1px #597A32; /*searchinputbordercolor*/
}

.hidden {
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
}

.smallgray,
a.smallgray:link,
a.smallgray:visited,
a.smallgray:active {
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   color: #2917CF;
   text-decoration: none;
}
.smalllink,
a.smalllink:link,
a.smalllink:visited,
a.smalllink:active {
   font-family: Verdana, Arial, sans-serif;
   font-size: 7pt;
   font-style: italic;
   color: #F5FFB3; /*pathcolor*/
}


a:link, a:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #597A32; /*linkcolor*/
	text-decoration: underline;

}


a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #597A32; /*visitedlinkcolor*/
	text-decoration: underline;
}


a.path:link, a.path:active {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
	color: #F5FFB3; /*pathcolor*/
	font-weight: bold;	
	text-decoration: none;
}


a.path:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #F5FFB3; /*pathcolor*/
	font-weight: bold;
	text-decoration: none;
}


a:hover, a.path:hover, a.smallgray:hover, a.smalllink:hover {
	text-decoration: underline;
}

ul.link {
	margin-bottom : 0;
	margin-left : 8pt;
	padding-left : 5pt;
}

li.backwardlink  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	list-style-image: url(images/bulletbackward.gif);
	list-style-type: square;
	list-style-position: outside;
}

li.forwardlink,
li.link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	list-style-image: url(images/bulletforward.gif);
	list-style-type: square;
	list-style-position: outside;
}

li.speciallink  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #333333;
	list-style-image: url(images/bullet.gif);
	list-style-type: square;
	list-style-position: outside;
}
li.emptybullet  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	color: #333333;
	list-style-image: url(images/nix.gif);
	list-style-type: square;
	list-style-position: outside;
}


/* these two definitions support ordered lists up till 3 levels of nesting (indeed, style sheets suck) */
li,
ol li,
ol ol li,
ul ol li,
ol ol ol li,
ol ul ol li,
ul ol ol li,
ul ul ol li
 {	
	list-style-type: decimal;
	list-style-position: outside;
	list-style-image: none;
}

ul li,
ol ul li,
ul ul li,
ol ol ul li,
ol ul ul li,
ul ol ul li,
ul ul ul li
 {
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
 }

.header img {
  border-style: none;
}

.error {
	color: red;
}