/* 

BNTL CSS STYLES
Copyright (c) 2006 Huygens Instituut.

Made by Voormedia - WWW.VOORMEDIA.COM

commented backslash hack for IE Mac
star html hack for IE4, IE5 and IE6
*:first-child+html hack for IE7
@media all and (min-width: 0px) hack for Opera 8-9
  
*/


/* HIGHLIGHT */
.highlight {
  background-color: #3060AF;
    color:#FFFFFF;
  padding: 2px 2px 2px 2px;
}
a .highlight {
  text-decoration: none;
  color:#FFFFFF;
}

/* GENERAL TAG STYLES */

html      { height: 100%; }
body      { margin: 0 11px 0 11px; padding: 0; overflow-x: hidden; overflow-y: scroll; font-size: 70%; min-height: 101%; text-align: center; font-family: Verdana, Arial, Sans-serif; color: #000; background: #2e5885 url("../images/global/background.gif") top center repeat; }
* html body { margin: 0 11px 0 10px; } 
*:first-child+html body { overflow: auto; }
table     { font-size: 142%; border-collapse: collapse; }
th, td    {  padding: 4px; vertical-align: top; text-align: left; font-size: 70%; }
h1 { margin: 0 0 1px 0; font-family: Helvetica, Arial, sans-serif; font-size: 180%; font-weight: 600; text-transform: uppercase; }
h2 { margin: 5px 0 5px 0; font-family: Helvetica, Arial, sans-serif; font-size: 130%; font-weight: 600; line-height: 140%; text-transform: uppercase; }
h3 { margin: 0; padding: 4px 0 5px 0; font-size: 100%; font-weight:100;}
h4 { margin: 0; padding: 4px 0 5px 0; font-size: 100%; font-weight: bold; }
ul {margin:0; padding: 0; list-style: none;}

p         { margin: 0 0 12px 0; padding: 0; line-height: 1.3em;}
form      { display: inline;  }
input,
select,
textarea     { font-family: Verdana, Tahoma, Sans-serif; font-size: 100%; }
input,
* html textarea  { padding: 2px 3px 3px 1px; }
select       { height: 19px; margin-top: 1px; }
* html input { height: 22px; padding: 2px; }
* html select { margin-top: 2px; }

a         { color: #3060AF; text-decoration: none; }
a:visited { color: #3060AF; }
a:hover   { color: #3060AF; text-decoration: underline;}
a.nocursor, 
a.nocursor:visited,
a.nocursor:hover { color: #ccc; cursor: text; text-decoration: none; }
img { border: 0; }

/* GLOBAL STYLES */

div.container { display: table; width: 840px; min-height: 101%; margin: 0px auto; text-align: left; background: #fff url("../images/global/page.gif") top left repeat-y; }
* html div.container { height: 100%; }
div.page { padding: 0 60px 30px 100px; min-height: 1000px;}
/* div.page { padding: 0 60px 30px 100px; min-height: 1000px;  } */

* html div.page { height: 700px; }
div.menu { padding: 0 0 0px 0; text-align: left; height: 92px}
div.logo  { margin: 17px 0 19px 0; padding: 0 0 19px 0; border-bottom: 1px solid #000; text-align: right;  }
div.footer  { margin: 80px 0 0; padding: 10px 0 0; border-top: 1px solid #000; font-size: 90%; color: #ccc; text-align: right; clear:both;} 
* html div.footer { font-size: 80%; }
div.footer img { float: left; }
div.back { padding: 10px 0 20px; }

.lettergrootte {width: 350px; text-align: right; padding: 0px 0px 0px 275px;}

#backNavigatie {text-align: right; width: 680px;}

/* COLUMN STYLES */

div.column1 { float: left; width: 314px; padding-right: 30px; }
* html div.column1 { width: 344px; }
div.column2 { margin-left: 344px;}
/* Hide from IE-mac - fix 3px float bug \*/
* html div.column2 { height: 1%; margin-left: 0; }
/* End hide from IE-mac */
div.wide { margin: -8px 0 8px 0; }

/* QUICKSEARCH */

div.quicksearch { margin-bottom: 12px; }
div.quicksearch div.header { padding: 18px 18px 0 18px; background: #fff url("../images/box/top-small.gif") top left no-repeat; }
div.quicksearch div.content { padding: 0 18px 18px 18px; background: #fff url("../images/box/bottom-small.gif") bottom left no-repeat;}
div.quicksearch input { width: 210px; margin-top: 2px;}
* html div.quicksearch input { width: 220px; margin-top: 1px; }

div.quicksearch div.advanced { padding: 5px 7px 2px; text-align: right; font-size: 80%; }
* html div.quicksearch div.advanced { padding-right: 3px; }

div.Resultsearch { padding: 18px 18px 0 18px; background: #ffffff url("../images/box/resultSearch.gif") top left no-repeat; width: 645px; height: 90px;}
div.Resultsearch input { width: 210px; margin-top: 2px;}
.Resultsearch_zoek {width: 320px; float:left;}
.zoekresultaten_pagina_result {width: 360px; float:right; text-align: right;}
.ResultsearchAdvanced {width: 150px; float:right; padding: 26px 0px 0px 0px; }

/* LETTERS */

div.letters { position: absolute; margin-left: -400px; overflow: hidden; }

/* CLEARFIX STYLE FOR CLEARING DIVS WITH FLOATS */

div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix { display: block; margin: 0 0 8px 0; }

/* Hides from IE-mac \*/
* html div.clearfix { height: 1%; }
div.clearfix { display: block; }
/* End hide from IE-mac */

/* BOX */

div.box { margin-bottom: 12px; }
div.box div.header { padding: 18px 18px 0 18px; background: #fff url("../images/box/top.gif") top left no-repeat; }
div.box div.content { padding: 0 18px 14px 18px; background: #fff url("../images/box/bottom.gif") bottom left no-repeat; }
div.box form { display: block; margin: 0; padding: 5px 0 0 0; }
div.box div.spacer { height: 160px; }

/* ALERT */

div.alert { margin-bottom: 8px; padding: 3px 0 0 0; color: #fff; background: #fff url("../images/box/top-error.gif") top left no-repeat; }
div.alert div.content { padding: 0 18px 5px 18px; background: #fff url("../images/box/bottom-error.gif") bottom left no-repeat;}
div.alert div.title { float: left; width: 115px; padding-right: 10px; text-align: right; font-weight: bold; }
div.alert div.missing { margin-left: 125px; }
* html div.alert div.title { width: 125px; }
/* Hide from IE-mac - fix 3px float bug \*/
* html div.alert div.missing { height: 1%; margin-left: 0; }
/* End hide from IE-mac */

div.feedbackpanel { margin-bottom: 8px; padding: 3px 0 0 0; color: #fff; background: #fff url("../images/box/top-error.gif") top left no-repeat; }
div.feedbackpanel ul { padding: 0 18px 5px 18px; background: #fff url("../images/box/bottom-error.gif") bottom left no-repeat;}
div.feedbackpanel div.title { float: left; width: 115px; padding-right: 10px; text-align: right; font-weight: bold; }
div.feedbackpanel div.missing { margin-left: 125px; }
* html div.feedbackpanel div.title { width: 125px; }
/* Hide from IE-mac - fix 3px float bug \*/
* html div.feedbackpanel div.missing { height: 1%; margin-left: 0; }
/* End hide from IE-mac */


/* FORM */
.zoek_home { border: solid 1px #666666; width: 40px; }
.select_home { border: solid 1px #666666; width: 102px;}

div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.row { display: block; margin: 0 0 2px 0; }
/* Hides from IE-mac \*/
* html div.row { height: 1%; }
div.row { display: block; }
/* End hide from IE-mac */ 

div.infotext { padding: 8px 100px 3px 125px; color: #888; position: relative; }
span.cursief { font-style: italic; }
* html div.infotext { padding-left: 128px; padding-right: 0; }
div.name, span.name { float: left; width: 115px; padding-right: 10px; padding-top: 4px; text-align: right; font-weight: bold; }
* html div.name { width: 125px; padding-top: 5px;}
div.field { margin-left: 125px; }
/* Hide from IE-mac - fix 3px float bug \*/
* html div.field { height: 1%; margin-left: 0; }
/* End hide from IE-mac */
div.row input.checkbox { margin: 3px 7px -1px 0; padding: 0;}
* html div.row input.checkbox { margin: 0 7px -3px -5px; padding: 0;}


div.row div.add,
div.row div.remove { float: right; width: 105px; padding: 4px 0 0 0; }
div.row div.add a { padding: 0 0 0 17px; background: url("../images/forms/plus.gif") 2px 2px no-repeat; }
div.row div.add a:hover { background-image: url("../images/forms/plus-over.gif"); }
div.row div.remove a { padding: 0 0 0 17px; display: block; width: 17px; height: 17px; background: url("../images/forms/minus.gif") 2px 2px no-repeat; }
div.row div.remove a:hover { background-image: url("../images/forms/minus-over.gif"); }
div.row div.author_suggestions_div.author_info { float: right; width: 105px; padding: 4px 0 0 0; }
div.author_info { float: right; width: 105px; padding: 4px 0 0 0; }
div.keyword_info { float: right; width: 105px; padding: 4px 0 0 0; }

div.row div.higher { margin-top: -13px; }
div.row div.lower { margin-top: 4px; }

div.field input.normal { width: 400px; border: solid 1px #666666; margin: 0 0 10px 0;}
div.field input.normal_short { width: 200px; border: solid 1px #666666; margin: 0 0 10px 0;}
div.field textarea.normal { width: 404px; border: solid 1px #666666; margin: 0 0 10px 0;}
div.field select.normal { width: 407px; border: solid 1px #666666; margin: 0 0 10px 0;}
div.field select.expanded { width: 406px; height: 100px; border: solid 1px #666666; margin: 0 0 10px 0;}
* html div.field textarea.normal { width: 400px; border: solid 1px #666666; margin: 0 0 10px 0;}
div.field textarea.autoscroll { overflow:auto; }
* html div.field select.normal { width: 400px; }
.b_button_toevoegen { margin: 0 0 10px 15px; }

div.steps { float: right; margin: -6px 5px 0 0; text-transform: uppercase; }
div.steps strong { padding: 0 4px; }
div.steps span { text-decoration: none; padding: 0 3px; }
div.steps span.selected { color: #000; font-weight: bold; }

div.button { float: right; margin: -26px 2px 0 0;}
div.button2 { float: right; margin: 5px 2px 0 -20px;}


/* PUBLICATIONS */

div.zoekresultaten_pagina { padding: 0px 0px 20px 0px; text-align: right;}
div.zoekresultaten_uitleg { padding: 0px 0px 30px 0px;}
div.zoekresultaten_pagina_navigatie { padding: 20px 0px 0px 0px;}


div.paging { text-align: right; padding: 0 34px 0 0; }
div.paging a,
div.paging span { text-decoration: none; padding: 0 3px; }
div.paging a.selected { font-weight: bold; }

div.results { margin-bottom: 12px; padding-bottom: 4px; background: url("../images/results/footer.gif") 0 bottom no-repeat; }
div.results div { padding: 0 1px; background: url("../images/results/header.gif") 0 18px no-repeat; }
div.results thead th { padding: 2px 4px 6px; text-transform: uppercase; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 55%;}
div.results tbody tr td { border-bottom: 1px solid #ddd; }
div.results tbody tr.last td { border-bottom: none; }
div.results tbody td.title { font-weight: bold; }
div.results tbody td.title a { color: #000; }
div.results tbody td.title a:hover { color: #E0001A;}
div.results a { text-decoration: none; }
div.results a:hover { text-decoration: underline; }

#result_header {width: 680px; height:10px; padding: 10px 0px 15px 0px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.result_header_nr {float:left; width: 100px;}
.result_header_naam {float:left;width: 70px;}
.result_header_jaar {float:left;width: 60px;}
.result_header_relevantie {float:left;width: 75px; }

#publications td { height: 75px; vertical-align: middle;}
#publications tr { border-bottom: 1px solid #D8E3F1;}
#publications { margin: 10px 0px 0px 0px;}
#authors { margin: 10px 0px 0px 0px;}
/* USERS TABLE */

table.users { margin-bottom: 20px; }
table.users td { width: 130px; padding: 0 5px 2px 0; font-weight: bold; }
table.users a { text-decoration: none; }
table.users a:hover { text-decoration: underline; }

#meer {display: none;}

/* help page */
#help  {margin:0; padding: 0px 0px 20px 0px; font-weight: bold; line-height: 1.3em;}
#help li {padding: 0px 0px 10px 0px; }
#help ul {padding: 0px 0px 0px 20px;  font-weight: lighter;}
#help li li {padding: 0px 0px 0px 0px; }

.top {padding: 10px 0px 10px 0px;}

.tblIcons td {vertical-align: middle;}
.tbdtxt {width: 200px;}

/* access keys */
span.accesskey { text-decoration: underline; }
a span.accesskey { font-weight: bold; color: #2e5885}
/* a span.accesskey { font-weight: bold; font-size: 150%;} */

/* buttons */
.button_red a {
    color:#FFFFFF;
    font-weight:bold;
    background-image:url(../images/buttons/button_bg_red.jpg);
    background-color:#84000F;
    background-position:top;
    background-repeat:repeat-x;
    padding:5px 5px 5px 5px;
    border:1px solid #CCCCCC;
    height:25px;
}

.button_red a:hover{

    background-image:url(../images/buttons/button_bg_red_o.jpg);
    text-decoration:none;

}


.button_grey a {
    color:#FFFFFF;
    font-weight:bold;
    background-image:url(../images/buttons/button_bg_grey.jpg);
    background-color:#888888;
    background-position:top;
    background-repeat:repeat-x;
    padding:5px 5px 5px 5px;
    border:1px solid #CCCCCC;
    height:25px;

}

.button_grey a:hover{

    background-image:url(../images/buttons/button_bg_grey_o.jpg);
    text-decoration:none;

}
.button_header {
    padding-top:10px;
}

.button_header a {
    color:#888888;
    padding: 10px 10px 11px 10px;
    width:100px;
    border-right: 1px solid #FFFFFF;
}

.button_header a:hover{
    color:#CC0000;
    background-image:url(../images/buttons/button_bg_header_o.jpg);
    background-position:left top;
    background-repeat:repeat-x;
    text-decoration:none;
    padding: 11px 10px 10px 10px;
    border-right: 1px solid #EEEEEE;    
    height:25px;
}

.button_underline_grey {
    border-bottom: 1px solid #888888;
    padding-bottom:1px;

}

.button_underline_wit {
    border-bottom: 1px solid #FFFFFF;
    padding-bottom:1px;
}

.nowrap {
  white-space: nowrap;
}
.button_header2 {
	position:absolute;
	top:53px;
	height:50px;

}

.button_header2 a {
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 05px;
	background-color:#99FFFF;

    background-image:url("../images/buttons/button_bg_logged.jpg");
    background-position:center;
    background-repeat:repeat-x;
	
	height:30px;
}

.button_header2 a:hover {
	text-decoration:none;
    background-image:url("../images/buttons/button_bg_logged_o.gif");
    background-position:center;
    background-repeat:repeat-x;
	color:#FFFFFF;
}
.button {
	padding:8px 30px 0px 0px;
}


/* diacrites */


.b_diac img{
	margin: -40px 0px 0px 10px;
	cursor:pointer;
}

#diacpop {
	padding: 15px;
	background-color:#ECF0F2;
	border:1px solid #666666;
	height:180px;
	width:150px;
	display:none;
	font-size:20px;
}

.vertColl {
	width:25px;
	float:left;
}

.horColl {
	clear:both;
}

.diacB {
	cursor:pointer;
}

.closeDiac {
	float:right;
	color:#999999;
	border:1px solid #999999;
	padding: 0px 5px 1px 5px;
	cursor:pointer;
	font-size:13px;
}

.contBack {
	clear:both;
	width:100px;
}

.contforw {
	clear:both;
	width:200px;
	float:right;
}

.helpPop {
	padding: 15px;
	background-color:#ECF0F2;
	border:1px solid #666666;
	width:200px;
	display:none;
}

.helpbutton {
	padding: 0px 2px 0px 2px;
	background-color:#ECF0F2;
	border:1px solid #666666;
	font-size:10px;
	margin: 0px 0px 0px 5px;	
	cursor:pointer;
}

.documentKwic{
	margin:10px 0px 0px 0px;

}

.documentKwic li{
	margin:0px 0px 10px 15px;
	list-style:url("../images/global/arrow_right.gif");
}

.listP {
	margin:10px 0px 0px 15px;
	line-height: 1.3em;	
}

.listP li{
	margin:0px 0px 10px 0px;
	list-style:square;
}