/* HTML5 Reset Stylesheet from Jacob Rask (http://jacobrask.net/blog/2009/html5-css-reset/) */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ 
  margin: 0; 
  padding: 0; 
  border: 0; 
/*  vertical-align: baseline;  */
} 
table { border-collapse: collapse; border-spacing: 0; } 

.container { margin-left: auto; margin-right: auto; width: 770px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.container .grid-1, .container .grid-2 { width: 90px; } 
.container .grid-3, .container .grid-4 { width: 200px; } 
.container .grid-5 { width: 240px; } 
.container .grid-6 { width: 280px; } 
.container .grid-7, .container .grid-8 { width: 390px; } 
.container .grid-9, .container .grid-10 { width: 500px; } 
.container .grid-11, .container .grid-12 { width: 610px; } 
.container .grid-13, .container .grid-14 { width: 720px; }
.alpha { margin-left: 0; } 
.omega { margin-right: 0; }

/* Clear Floated Elements (http://sonspring.com/journal/clearing-floats) */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* [Document] Colour definitions */
.uni-col
	{ margin-top:25px;
          margin-left:0px;
            background: #fff url( '/templates/lion/images/zegel.png' ) no-repeat; 
	   background-size: 151px 64px, cover;
	   width: 275px;
	}


/* [Document] Layout */
html { overflow-y: scroll; }
body 
{ 
  background: #dfe3ee; 
}
sup, sub { height: 0px; line-height: 1px; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
a { text-decoration: none; outline: none; }
a[href] { color: #04a; }
a[href]:hover { text-decoration: underline; }

.invisible { display: none; }
.main { background: #fff url( '/images/default/bkg_main.png' ) repeat-y; }
.form { background-color: #fff; }

/* [Document] Header and Breadcrumb */
.nav-top { margin-top: 0.0em; line-height: 1.9;} 
.nav-top ul { list-style: none; }
.breadCrumbHolder { width: 640px !important; }
.module:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; }
.breadCrumb { display: block; float: left; margin: 0; padding: 0; width: 520px; height: 20px; overflow: hidden; color: #666; }
.breadCrumb ul { display: block; margin: 0; padding: 0; height: 20px; }
.breadCrumb li { display: block; float: left; position: relative; margin: 0 6px 0 0; padding: 0 8px 0 0; height: 20px; overflow: hidden; font-size: 91.67%; line-height: 20px; background: url( '/images/default/crumb_chevron.png' ) no-repeat 100% 0; }
.breadCrumb li.last { margin-right: 0; padding-right: 0; background: none; }
.breadCrumb li.first a { padding-left: 10px; }
.breadCrumb li a { display: block; float: left; position: relative; height: 20px; line-height: 20px; overflow: hidden; }
.breadCrumb li span { display: block; overflow: hidden; }
.breadCrumb li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; }
.breadCrumb a { color: #369; }
.chevronOverlay {  display: none; width: 20px; height: 20px; background: url( '/images/default/crumb_overlay.png' ) no-repeat 100% 0; }
.lang-switch { width: 110px !important; text-align: center; }
.lang-switch span { display: block; }
.lang-switch span { -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }
.lang-switch span a { color: #eee; }

/* [Document] Content section */
#content-wrapper { margin: 0; padding: 0 20px 20px 20px; }
.form #content-wrapper { padding-right: 10px; }
.content-chapter { background: url( '/images/default/bkg_middle.png' ) 320px 0 repeat-y; }
#content { line-height: 1.5; color: #4a7184; }
#content a[href$='.doc'] { padding-left: 13px; background: transparent url( '/images/default/file_doc.png' ) 0 1px no-repeat; }
#content a[href$='.xls'] { padding-left: 13px; background: transparent url( '/images/default/file_xls.png' ) 0 1px no-repeat; }
#content a[href$='.ppt'] { padding-left: 13px; background: transparent url( '/images/default/file_ppt.png' ) 0 1px no-repeat; }
#content a[href$='.pdf'] { padding-left: 13px; background: transparent url( '/images/default/file_pdf.png' ) 0 1px no-repeat; }
#content a[href$='.rss'] { padding-left: 13px; background: transparent url( '/images/default/file_rss.png' ) 0 1px no-repeat; }
#content a[href^='mailto:'] { padding-left: 13px; background: transparent url( '/images/default/file_mail.png' ) 0 1px no-repeat; }
#direct-links a[href$='.pdf'] { padding-right: 13px; background: transparent url( '/images/default/file_pdf.png' ) right 5px no-repeat; }
#direct-links a[href^='mailto:'] { background: transparent url( '/images/default/file_mail.png' ) right 5px no-repeat; }

.read-more a { padding-left: 8px; background: url( '/images/default/arrow_right.png' ) 0 4px no-repeat !important; }

/* [Document] Sidebar */
#small-branding { display: block; margin: 0; padding: 0; border: none; }
#sidebar .siteroot { overflow: hidden; width: 210px; height: 1.75em; font-size: 95%; line-height: 1.65; }
#sidebar .siteroot span { display: block; padding: 0 0 2px 20px; width: 190px; color: #fff; }
#sidebar .siteroot a { display: block; padding: 0 0 2px 20px; width: 190px; color: #fff; background: url( '/images/default/arrow_left.png' ) 9px 8px no-repeat; }
#sidebar { margin: 0; padding-right: 10px; overflow: hidden; }
#sidebar h4 { margin: 13px 0 8px 0; padding: 0 0 0 20px; font-size: 100%; line-height: 1.5; font-family: Georgia, "Times New Roman", serif; color: #4a7184; text-transform: uppercase; }
.side-links { list-style: none; margin-bottom: 40px; font-size: 90%; }
/* .side-links li { padding-left: 20px; line-height: 2; background: url( '/images/default/arrow_sidebar.png' ) 5px 9px no-repeat; } */
.side-links li.space { margin-bottom: 2em; }
.side-links li a { display: block; color: #369; border-top: 1px dotted #ccd5d3; }
.side-links li.last a, 
.side-links li.space a { border-bottom: 1px dotted #ccd5d3; }
#rss-links .side-links li { padding-left: 20px; line-height: 1.67; background: url( '/images/default/file_rss.png' ) no-repeat 6px 5px; }

/* [Document] Sidebar Biblio Links */
#biblio-links { margin-top: 13px; font-size: 115%; font-weight: bold; }
#biblio-links .side-links li { padding-left: 10px; height: 36px; line-height: 1.25; background: url( '/images/default/biblio_start.png' ) right 5px no-repeat; }
#biblio-links .side-links li a { display: block; padding: 2px 20px 0 0; }
#biblio-links .side-links li span { display: block; margin-top: 0; font-size: 90%; font-weight: normal; color: #888; }
#biblio-links .side-links li.last { background-image: url( '/images/default/biblio_question.png' ); }
#biblio-links .side-links li.last a { height: 32px; }

/* [Document] Footer */
#footer { font-size: 90%; color: #fff; line-height: 2; text-align: center; }
#footer a { color: #fff; }

/* [Chapter]
    Defaults */
h3.section-list { margin: 12px 0 8px 0; padding: 0; line-height: 1.65; font-size: 100%; font-family: Georgia, "Times New Roman", serif; color: #4a7184; text-transform: uppercase; border-bottom: 1px dotted #ccd5d3; }
h3.section-list a { color: #4a7184 !important; }
.section-article { margin-bottom: 2em; font-size: 90%; }
.section-article h4 { margin-bottom: 2px; font-size: 110%; }
.section-article h4 a { color: #9d8a0a; }
.section-article img { margin: 4px 15px 4px -5px; padding: 4px; border: 1px solid #ddd; }
.chapter.read-more { display: block; clear: both; margin: -20px 0 20px 0; padding-top: 1px; font-size: 90%; text-align: right; }
#middle { margin-top: 0px; overflow: hidden; }
#middle ul { list-style: none; margin-bottom: 40px; }
#middle li { padding-left: 25px; line-height: 1.7; }
#middle li.head { margin-top: 11px; margin-bottom: 1%; font-size: 115%; line-height: 1.45; background: url('/images/default/arrow_midsec.png') 7px 5px no-repeat; }
#middle li.head a { display: block; color: #9D8A0A; border-bottom: 1px dotted #ccd5d3; }
#middle li.sub { font-size: 90%; line-height: 1.5; color: #666; }
#middle li.sub.link { padding-left: 35px; background: url( '/images/default/arrow_right.png' ) 25px 5px no-repeat; }
#middle li.sub a { color: #369; }

/* [Section]
     Defaults */
h2.section-title { margin: 4px 0 6px 0; padding: 0; font-size: 145%; line-height: 2; font-weight: normal; font-family: Georgia, "Times New Roman", serif; color: #921; }
 .rss-feed { float: right; margin-top: 1px; }
.pagination-content .section-article { margin-bottom: 20px; }
.pagination-div { margin: 16px auto; height: 24px; clear: both; text-align: center; }
.pagination-spinner, .pagination-button { display: none; }

.section.more-button { display: block; clear: both; margin-bottom: 40px; text-align: center; }
.more-button a { padding: 5px 10px; color: #444; background: url( '/images/default/bkg_btn.png' ) repeat-x; border: 1px solid; border-color: #eee #bbb #bbb #eee; cursor: pointer; }
.more-button a { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.more-button a:active { border-color: #bbb #eee #eee #bbb; background-color: #ddd; background-image: none;}

/* [Section]
     Employee */
.section-employee { margin-bottom: 20px; padding: 5px 0; font-size: 90%; color: #4a7184; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
.section-employee h4 { margin-bottom: 2px; }
.section-employee h4 a { color: #9d8a0a; }
.section-employee .img-employee { float: right; margin: 2px 0; position: relative; width: 73px; height: 92px; overflow: hidden; border: 1px solid #ccc; }
.section-employee .img-employee a { position: absolute; top: 0; left: -5px; clip: rect( 0, 78px, 108px, 0px ); }
.section-employee .img-employee img { visibility: hidden; }

/* [Article]
     Defaults */
.item { margin-bottom: 20px; font-size: 90%; color: #4a7184; }
.item h2 { margin: 10px 0 6px 0; padding: 0; font-size: 155%; line-height: 1.3; font-weight: normal; font-family: Georgia,"Times New Roman",serif; color: #921; }
.item h3 { margin: 20px 0 2px 0; font-size: 110%; color: #9d8a0a; }
.item .abstract { color: #666; }
.item hr { margin-bottom: 20px; height: 0; border: none; border-bottom: 1px solid #ccc; }
.item p { margin-bottom: 1.75em; }
.item a[href] { text-decoration: underline; }
.item a[href]:visited { color: #40a; }
.item ol,
.item ul { margin: 0 0.5em 0.5em 1.5em; }
.item li { margin-bottom: 0.25em; }
.item li p { margin: 0; padding: 0; }
.item .img-above,
.item .img-below { margin: 0 -5px 1.75em 60px; width: 410px; overflow: hidden; }
.item .img-above img,
.item .img-below img { display: block; margin: 0; padding: 4px; width: 400px; border: 1px solid #ddd; }
.item .youtube { margin-left: 5px !important; width: 480px !important; }
.item .img-left { float: left; margin: 0 15px 1em -5px; padding: 0; width: 210px; overflow: hidden; }
.item .img-right { float: right; margin: 0 -5px 1em 15px; padding: 0; width: 210px; overflow: hidden;}
.item .img-left img, 
.item .img-right img { display: block; float: right; margin: 0; padding: 4px; border: 1px solid #ddd; }
.item .img-right img { float: right; }
.item .img-left.small { margin: 0 15px 1em -5px; padding: 4px; width: 90px; overflow: hidden; border: 1px solid #ddd; }
.item .img-right.small { float: right; margin: 0 -5px 1em 15px; padding: 4px; width: 90px; overflow: hidden; border: 1px solid #ddd; }
.item .img-left.small img, 
.item .img-right.small img { display: block; margin: 0; padding: 0; width: 90px; border: none; }

.item .caption p { margin: 1% 0 1% 0; padding: 0 5px; line-height: 1.2; color: #666; }
.item .local-nav { margin: 2% 0 4% 0; padding: 5px; list-style: none; background-color: #eee; }
/*.item .local-nav li { margin-bottom: 1px; padding-left: 12px; background: url( '/images/default/arrow_sidebar.png' ) 0 5px no-repeat; } */
.item .local-nav a { color: #369; text-decoration: none; }
.item .showpdf { margin-bottom: 4%; padding: 1% 0; background-color: #eee; }
.item .showpdf ul { list-style: none; padding-left: 5px; }
.item .showpdf a { padding-right: 0 !important; padding-left: 20px; color: #369; background: transparent url( '/images/default/file_pdf.png' ) center left no-repeat !important; }

.item .author { padding-top: 2px; line-height: 1.5; color: #666; border-top: 1px solid #ddd; }
.item .alright { text-align: right; }

/* [Article]
     Tables */
.item table {}
.item table th { padding: 0 4px 2px 0; text-align: left; }
.item table td { padding: 0 4px 2px 0; vertical-align: top; }
.item table p { margin: 0; padding: 0; }

.item table tr.left, .item table td.left, .item table th.left { text-align: left !important; }
.item table tr.right, .item table td.right, .item table th.right { text-align: right !important; }
.item table tr.center, .item table td.center, .item table th.center { text-align: center !important; }

.item table tr.grey, .item table td.grey, .item table th.grey { text-align: left !important; background-color: #ccc; }
.item table tr.right-grey, .item table td.right-grey, .item table th.right-grey { text-align: right !important; background-color: #ccc; }
.item table tr.center-grey, .item table td.center-grey, .item table th.center-grey { text-align: center !important; background-color: #ccc; }

.item table tr.lightgrey, .item table td.lightgrey, .item table th.lightgrey { text-align: left !important; background-color: #eee; }
.item table tr.right-lightgrey, .item table td.right-lightgrey, .item table th.right-lightgrey { text-align: right !important; background-color: #eee; }
.item table tr.center-lightgrey, .item table td.center-lightgrey, .item table th.center-lightgrey { text-align: center !important; background-color: #eee; }

.item table.Table-Numbers { width: 95%; }
.item table.Table-Numbers th { padding: 1px; text-align: left; }
.item table.Table-Numbers td { padding: 1px; vertical-align: top; }

.item table.Table-Specification { margin: auto; }
.item table.Table-Specification th { padding: 1px; text-align: left; border: 1px solid #999; }
.item table.Table-Specification td { padding: 1px; vertical-align: top; border: 1px solid #999; }

/* [Article]
    Employee */
.item .employee.img-left { margin-right: 65px; width: 150px; padding: 4px; border: 1px solid #ddd;  }
.item .employee.img-left img { margin: 0; padding: 0; width: 150px; border: none; }

.item .functie { margin: 0 -1px 1em -1px; border: 1px solid #ddd; background-color: #f5f5f5; }
.item .functie div { margin: 4px; }
.item .functie ul { list-style-type: square; padding-left: 35px; }

.item #tabs { font-size: 115%; }
.item #tabs a { text-decoration: none; }
.item #tabs ul { margin: 0; padding: 0; height: 26px; overflow: hidden; list-style: none;  background: url( '/images/default/bkg_line.png' ) repeat-x; }
.item #tabs ul li { float: left; margin: 0; padding: 0; background: url( '/images/default/bkg_btn.png' ) repeat-x; border: 1px solid; border-color: #eee #bbb #bbb #eee; cursor: pointer; }
.item #tabs ul li { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
.item #tabs ul li a { display: block; margin: 0; padding: 3px 6px; font-weight: bold; color: #444; }
.item #tabs ul li.active { background: none; border-bottom: 1px solid #fff; }
.item #tabs ul li.active a { color: #921; }

/* w3c's css-tidy does not like this:   Sorry, the at-rule @-moz-document is not implemented. 
@-moz-document url-prefix() { .tab { margin-top: 1em; } }
*/
.tab-contact table td { padding-bottom: 1%; }
.tab-contact table th { width: 200px; text-align: right; padding-right: 20px;}
.tab-publications h3 { margin-top: 4em; font-size: 120%; text-align: center; border-bottom: 1px solid #ddd; }
.tab-publications .read-more { margin-bottom: 2em; text-align: center; }
.tab-publications ul { list-style-type: square; }
.tab-publications ul li { margin-bottom: 2em; line-height: 1.75; border-bottom: 0px solid #ddd; }
.pub-years { margin-bottom: 2em; font-size: 120%; font-weight: bold; text-align: center; }
.pub-years a { color: #369; }

/* [Special]
     Search and 404 */
h2.fof,
h2.search { margin: 1em 0; font-size: 175%; font-weight: normal; font-family: Georgia, "Times New Roman", serif; color: #900; }
h3.search { margin: 10px 0 6px 0; padding: 0; font-size: 150%; line-height: 1.3; font-weight: normal; font-family: Georgia, "Times New Roman", serif; color: #900; }
h4.search { margin: 0 0 13px 0; padding: 0; font-size: 110%; line-height: 1.5; font-family: Georgia, "Times New Roman", serif; color: #4a7184; text-transform: uppercase; }
p.fof { font-size: 90%; line-height: 1.5; }

h2.search-related { margin: 10px 0 3px 0; padding: 0; font-size: 150%; line-height: 1.3; font-family: Georgia, "Times New Roman", serif; }

.search-article { margin-bottom: 2em; }
.search-article h4 a { color: #9d8a0a; }
.search-article img { margin-top: 4px; margin-bottom: 2px; padding: 4px; border: 1px solid #ddd; }
.search-article p { font-size: 95%; }
.search-article .read-more { display: block; clear: both; }
.search-article .read-more a { font-size: 95%; background-position: 0px 1px !important; }

#search-sidebar { margin: 0; padding-right: 10px; overflow: hidden; }
/*#search-sidebar h4.search { padding-left: 10px; }*/
.zoekopnaam { float: right; display: block; width: 192px; margin: 26px 10px 0 0; padding: 2px 0 2px 8px; font-size: 95%; line-height: 1.25; background: url( '/images/default/arrow_right.png' ) 0 5px no-repeat; }

#search-sidebar .section-employee { margin: 0 0 1em 0; padding: 5px 0; width: 206px !important; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#search-sidebar .section-employee h4 { margin-bottom: 4px; }
#search-sidebar .section-employee h4 a { color: #9d8a0a; }
#search-sidebar .section-employee .img-employee { float: right; margin: 2px 0 2px 2px; position: relative; width: 42px; height: 49px; overflow: hidden; border: 1px solid #ccc; }
#search-sidebar .section-employee .img-employee a { position: absolute; top: 0; left: -3px; clip: rect( 0, 73px, 92px, 0px ); }
#search-sidebar .section-employee .img-employee img { width: 100%; visibility: hidden; }

#search-sidebar .section-employee p { margin-bottom: 0; line-height: 1.3; }
#search-sidebar .side-links li { padding-left: 18px; }

#search-related { margin: 0.5em 0; font-size: 95%; line-height: 1.5; }
#search-related ul { margin: 0; list-style: none; }
#search-related li { display: block; float: left; padding-left: 10px; width: 350px; background: url( '/images/default/arrow_right.png' ) 1px 5px no-repeat; }

#fof-search-form { margin: 2em 0; text-align: center; }
#fof-search-form .search-input { margin-left: 20px; padding: 1px 5px; width: 260px; height: 17px; border: 1px solid #999; outline: none; }
#fof-search-form .search-input { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.googlesearch { clear: both; margin-left: 610px; }


