/* 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; font-size: 100%; vertical-align: baseline; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
body { line-height: 1.1; padding: 2em; width: 50em; }
a { text-decoration: none; }

/* Clear Floated Elements (http://sonspring.com/journal/clearing-floats) */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }

/* Hide unnecessary stuff */
.main-nav, div.search, .lang-switch,
.uni-seal a, #sidebar, #footer,
.author div, #tabs, .read-more, 
.pub-years, .chapter-image, .siteroot,
#middle, .rss-feed, .pagination-spinner, 
.more-button a, .item .local-nav, object, 
#fof-search-form, 
#codeigniter_profiler
{ display: none !important; }

/* Breadcrumb */
.nav-top ul { list-style: none; }
.nav-top li { float: left; margin-right: 10px; padding-right: 10px; background: url( '/images/default/arrow_right.png' ) right 5px no-repeat !important; }
.nav-top li span { width: inherit !important; }
.nav-top li.last { margin-right: 0; padding-right: 0; background: none !important; }

/* Site title and id */
.print-seal { display: block; width: 272px; float: left; }
.site-id { float: left; padding: 50px 0 0 20px; }
.site-id h1 { font-size: 36px; }
.site-id h2 { font-size: 24px; }

/* Add urls to links */
.section-article h4 a:after,
.item p a:after, 
.item li a:after { content: " ("attr(href)") "; font-size: 85%; font-style: italic; }


h3.section-list, 
h2.section-title, 
h2.item-title, 
h2.fof { margin: 1em 0; font-size: 1.4em; }
.search-article,
.section-article { display: block; margin-bottom: 2em; line-height: 1.25; }
.section-article h4, 
.section-article h4 { margin-bottom: 0.2em; }
.section-article img, 
.section-article img { float: left; margin: 4px 15px 4px -5px; padding: 4px; border: 1px solid #ddd; }

.item { line-height: 1.5; }
.item h3 { margin: 1em 0 0.4em 0; font-size: 1.4em; }
.item ol, .item ul { margin: 0.5em 1.5em; }
.item li { margin-bottom: 0.2em; }
.item .abstract { margin-bottom: 1em; font-style: italic; }
.item .img-above,
.item .img-below { margin: 0 -5px 1.75em 60px; padding: 4px; width: 400px; overflow: hidden; border: 1px solid #ddd; }
.item .img-above img,
.item .img-below img { display: block; margin: 0; width: 400px; }
.item .youtube { margin-left: 5px !important; width: 480px !important; }
.item .youtube object { display: block !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; font-size: 85%; line-height: 1.2; color: #666; font-style: italic; }
.item .showpdf { margin-bottom: 4%; padding: 1% 0; border: 1px solid #ccc; }
.item .showpdf ul { list-style: none; }
.item .showpdf a { padding-right: 0 !important; padding-left: 15px; background: transparent url( '/images/default/file_pdf.png' ) center left no-repeat !important; }

.item .employee.img-left { float: left; margin-right: 4em; padding: 4px; border: 1px solid #ddd;  }
.item .employee.img-left img { display: block; margin: 0; padding: 0; border: none; }
.item .employee.img-left { float: left; margin-right: 4em; padding: 4px; border: 1px solid #ddd;  }
.item .employee.img-left img { display: block; margin: 0; padding: 0; border: none; }
.item .functie { float: left; }
.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 .tab-contact th { width: 13em; padding-right: 2em; text-align: right; }

.author { margin-top: 1em; border-top: 1px solid #ccc; }
.author .grid-5.omega.alright { display: block !important; width: 100%; text-align: right; }