*
{
margin:0;
padding:0;
border:0;
}

html
{
background-color:#444;
text-align:center;
}

body
{
position:relative;
background-color:#fff;
margin:0 auto;
font-size:0.8em;
line-height:1.5em;
/*width:85%;*/
/*width:59em;*/
width:960px;
text-align:left;
font-family: "Liberation Sans", Arial, Verdana, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif; 
}

/*****************
* header and headerimg
*****************/

div#header
{
width:100%;
height:100px;
background-color:#fff;
overflow:hidden;
}

img#logo
{
position:absolute;
top:9px;
left:15px;
}

a.empty, a.empty:hover, a.empty:visited
{
border-bottom:0px;
text-decoration: none;
background-color: #fff;
color:#70a000;

}

a.realempty, a.realempty:hover, a.realempty:visited
{
border-bottom:0px;
text-decoration: none;
color:#70a000;
background-color: none;
font-weight: bolder;
}

div#header_right
{
float:right;
text-align:right;
margin-top:15px;
margin-right:15px;

}

/*****************
* content wrappers and column divs
*****************/

div.contentwrapper
{   padding: 15px 0 0 15px;
    margin:  0;
    border:  0;
    width:   auto;
}

div.contentwrapper > div.contentwrapper
{   margin-left:  0;
    margin-right: 0;
}

div#leftcolumn, div#maincolumn, div#rightcolumn
{   margin-right:   15px;
    padding-bottom: 15px;
    display: inline;
}

div#leftcolumn
{   float:left;
    width:209px;
}

div#maincolumn
{   float:left;
    width:450px;
    padding-left:15px;
    padding-right:15px;
}

div#rightcolumn
{   float:right;
    width:209px;
}

div#maincolumn h1.column_heading
{   margin-bottom: 15px;
}

div#leftcolumn h1.column_heading,
div#rightcolumn h1.column_heading
{   border-bottom:1px;
    margin-bottom: 0;
}

div#leftcolumn_simple
{   float:left;
    width:60px;
}

div#maincolumn_simple
{   float:left;
    width:800px;
}

div#rightcolumn_simple
{   float:right;
    width:60px;
}

/*****************
* search
*****************/

div#search
{   margin-top: 15px;
}

div#search ul
{   margin-bottom: 0px;
}

/*****************
* paragraphs
*****************/

p.separator
{   border-top:    1px solid #ccc;
    padding-top:   15px;
    margin-bottom: 3px;
}

div.slogan
{   text-align: right;
    font-style: italic;
    float:      right;
    background: #eee;
    width:      47%;
    border:     1px solid #ccc;
    padding-right: 8px;
    padding-left: 3px;
    margin:     5px;
}

/*****************
* a (global)
*****************/

a
{   text-decoration:none;
    color:#70a000;
}

a:visited
{   border-bottom: 1px dotted #70a000;
    background-color: #fff;
    color: #70a000;
}

a:hover
{   background-color: #869f25;
    border-bottom: 1px solid #70a000;
    color: #fff;
}

/*****************
* navigation
*****************/

div#navigation
{   background-color:#000;
    width:100%;
    height:1.8em;
    overflow:hidden;
}

div#navigation ul
{   list-style-type:none;
    list-style-position:inside;
    margin:0;
}

div#navigation ul li
{   float:          left;
    height:         1.8em;
    line-height:    1.8em;
    vertical-align: middle;
    margin-left:    15px;
    text-indent:    8px;
    background:     #000 url(/National_Library/20161130034600oe_/https://nlnet.nl/image/navarrow.gif) no-repeat 0 center;
    list-style-image: none;
}

div#navigation ul li a:link,
div#navigation ul li a:active,
div#navigation ul li a:visited
{   background:      #000;
    color:           #fff;
    font-weight:     normal;
    text-decoration: none;
    border-bottom:   0px;
}

div#navigation ul li a:hover,
body.home    div#navigation ul li a#home,
body.foundation div#navigation ul li a#foundation,
body.people  div#navigation ul li a#people,
body.funding div#navigation ul li a#funding,
body.themes  div#navigation ul li a#themes,
body.support div#navigation ul li a#support,
body.contact div#navigation ul li a#contact
{
   color:#98c000;
   text-decoration:none;
   border-bottom: 0px;
   background: #000;
}

ul li
{
   list-style-image: url(/National_Library/20161130034600oe_/https://nlnet.nl/image/navarrow7.gif);
}

/*****************
* footer
*****************/

div#footer
{   width:      930px;
    font-size:  80%;
    clear:      both;
    border-top: 1px solid #000;
    padding:    0;
}

div#footer ul
{   list-style-type: none;
    list-style-position: inside;
    margin-left:  0;
}

div#footer ul li
{   float:        left;
    margin-right: 15px;
}

div#footer ul li#footer_top
{   float:        right;
    margin-left:  15px;
    margin-right: 0;
}

div#footer ul li a:visited
{
   border-bottom:   0px;
}

/*****************
* LISTS
*****************/

ol, ul
{
   line-height:1.5em;
   list-style-position:outside;
   margin-bottom:15px;
   margin-left:15px;
}

li
{
   display: list-item;
}

/*****************
* H*
*****************/

h1
{
   font-size:1.7em;
   border-bottom:1px solid #ccc;
   margin-bottom:15px;
   line-height:1.2em;
   font-weight: normal;
   text-align:left;
   color:#000;

}

h2
{
   font-size:1.6em;
   margin-bottom:15px;
   line-height:1.2em;
   font-weight: normal;
   color:#333;
   text-align:left;
}

*.list_header
{
   margin-bottom:4px;
}

h3
{
   font-size:1.25em;
   margin-bottom:15px;
   line-height:1.2em;
   font-weight: normal;
   color:#666;
   text-align:left;
}

h4, h5, h6
{
   margin-bottom:15px;
   line-height:1.5em;
   font-weight:bold;
   clear:both;
}

p
{
   margin-bottom:15px;
   line-height:1.5em;
}

/*****************
* picture in the right column.
*     Width of image must be 180-22 = 158
*****************/

div#rightcolumn div.picture
{  border: 1px solid #70a000;
   background-color: #eee;
   padding: 10px;
   text-align: center;
}

/*****************
* form
*****************/

form
{
}

fieldset
{
   border:1px solid #70a000;
   background-color: #eee;
   padding: 8px;
   margin-bottom: 15px;
}

label
{
   float:left;
   clear:left;
}

textarea, input
{
   border:1px solid #ccc;
   padding:1px;
   margin-bottom:3px;
}

input.paypal
{
   border: 0px;
   padding: 3px;
   margin: 0px;
}

table.annuals td
{
   border:1px solid #ccc;
   padding:3px;
}

td, th
{  vertical-align: top;
}

td.formhead
{
   font-weight: bold;
   background-color: #869f25;
   color: #fff;
   padding: 2px 1em 2px 1em;
   vertical-align: middle;
}

/*********
* Themes
*********/

dl.theme dt
{   font-weight: bold;
}

dl.theme dd
{   margin-bottom: 1em;
}

/* grey box with black border */
.highlight
{   background: #eee;
    border: 1px solid black;
    padding: 10px;
    border-radius: 5%;
    margin-bottom: 1em;
}

/* break through the columns */
.colbreak
{   margin-left: -180px;
    width: 725px;
    text-align: center;
}

.iconr {
float: right;
clear: both;
margin-left: 8px;
margin-bottom: 8px;
}

.iconl {
float: left;
clear: both;
margin-right: 8px;
margin-bottom: 8px;
}

.hl {
  height:auto;
  position: relative;
  padding: 7px 15px;
  margin-top: 5px;
  margin-bottom: 18px;
  background-color: #98c000;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#e1e7cc));
  background-image: -moz-linear-gradient(top, #eee, #e1e7cc);
  background-image: -ms-linear-gradient(top, #eee, #e1e7cc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #e1e7cc));
  background-image: -webkit-linear-gradient(top, #eee, #e1e7cc);
  background-image: -o-linear-gradient(top, #eee, #e1e7cc);
  background-image: linear-gradient(top, #eee, #e1e7cc);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  clear: both;
  min-height: 138px;
}

.tinyicon {
  float: left;
  clear: both;
  margin-bottom: 18px;
  margin-right: 18px;
}

cite {text-align: right; inline;}


table.payments {
  border: 1px solid black;
  width: 80%;
  float: center;
}

table.payments TH {
  background-color: #869f25;
  color: white;
}

table.payments TD {
  padding: 4px;
}

img.right {
  float: right;
  clear: both;
  margin-bottom: 18px;
  margin-left: 18px;
}

img.floathead {
  float: right;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

q { 
    font-style: italic;}
  
.center {
    text-align: center;
width: 70%;
margin-left: 15%;
}

hr.fade { 
width: 70%; 
margin-top: 0.5em; 
margin-bottom: 0.5em; 
margin-left: auto; 
margin-right: auto; 
border: 0; 
height: 1px; 
background: #333; 
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}

.hidden {visibility: hidden;}
.invisible {display: none;}

.impp:after, .p-locality:after, .locality:after, .street-address:after, .p-street-address:after, .country-name:after, .email:after, .fn:after, .p-org:after { content: '\A';
    white-space: pre;
}

.p-tel:before { content: 'Tel: ';
    white-space: pre;
}

.button {
border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.abstract {
  font-weight: bolder;
  margin-top: 1em;
}
