/* 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; }

/* 770px grid system 14/10/10 based on the 960.gs grid system by Nathan Smith (http://960.gs/) */
.container { margin-left: auto; margin-right: auto; width: 740px; }
.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; }
/* 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; }

/* [Document]
		Colour definitions */
.uni-col { background-color: #0c2577 !important; }
.archeologie-col, archeology-col { background-color: #007a45 !important; }
.wisnatuur-col, .mathscience-col, .cml-col { background-color: #ee7d11 !important; }
.rechten-col, .law-col { background-color: #b5006b !important; }
.fsw-col, .socialsciences-col { background-color: #dc002e !important; }
.geestes-col, .humanities-col, 
.geestes-col a, .humanities-col a { background-color: #dedd3a !important; color: #0c2577 !important; }
.campusdh-col, .campusthehague-col { background-color: #0092A4 !important; }

/* [Document]
		Layout */
html { overflow-y: scroll; }
body { font-family: verdana, sans-serif; font-size: 75%; background: #dfe3ee; }
sup, sub { height: 0; line-height: 1; 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; }
.container { width: 750px; }
.main { background: #fff url( '/images/default/bkg_main.png' ) repeat-y; }
.main.grid { background: #fff url( '/images/default/the_amazing_grid.png' ) 10px 0 repeat-y !important; }
.form { background-color: #fff; }
.partymode { background: url( 'http://www.twoyoutubevideosandamotherfuckingcrossfader.com/party_animals_e0.gif' ); }

/* [Document]
		Header and Breadcrumb */
.nav-top { margin-top: 0.25em; font-size: 95%; line-height: 1.9; }
.nav-top ul { list-style: none; }
.breadCrumbHolder { width: 620px !important; }
.module:after { display: block; clear: both; content: "."; height: 0; visibility: hidden; }
.breadCrumb { display: block; float: left; margin: 0; padding: 0; width: 620px; 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; }
.nav-header { height: 88px; color: #fff; }
.nav-header .uni-seal { padding: 2px 0 0 10px; }
.nav-header .uni-seal img { vertical-align: middle; }
.nav-header .site-id { padding-right: 20px; height: inherit; font-family: Times New Roman, serif; text-align: right; }
.nav-header .site-id h1 { position: absolute; right: 0; bottom: 22px; padding-right: 2px; font-size: 180%; line-height: 1.2; font-weight: normal; color: #fff; }
.nav-header .site-id h2 { position: absolute; right: 0; bottom: 2px; padding-right: 2px; font-size: 150%; line-height: 1.2; font-weight: normal; color: #89b; }
#search-input { margin: 42px 10px 0 20px; padding: 0 5px; height: 20px; width: 110px; border: 0; outline: none; }
#search-input { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#search-submit { margin: 0; padding: 3px 5px; width: 50px; text-align: center; color: #444; background: url( '/images/default/bkg_btn.png' ) repeat-x; border: 1px solid; border-color: #eee #bbb #bbb #eee; }
#search-submit { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#search-submit:active { border-color: #bbb #eee #eee #bbb; background-color: #ddd; background-image: none;}
@-moz-document url-prefix() { #search-input { margin-top: 39px; padding: 1px 5px; } }
.nav-main { height: 1.75em; font-size: 95%; line-height: 1.65; background-color: #89b; }
.nav-main .main-nav { overflow: hidden; width: 540px; height: 1.75em; }
.nav-main .siteroot { overflow: hidden; width: 210px; height: 1.75em; }
.nav-main .siteroot a { display: block; padding: 0 0 2px 20px; width: 190px; color: #fff; background: url( '/images/default/arrow_left.png' ) no-repeat 9px 7px; }
.nav-main .main-nav ul { margin: 0; padding: 0; list-style: none; }
.nav-main .main-nav li { float: left; }
.nav-main .main-nav a { display: block; padding: 0 8px 1px 8px; color: #fff; border-left: 1px solid #78a;}
.nav-main .main-nav a.first { padding-left: 9px; border-color: #89b; }
.nav-main .main-nav a:hover { color: #89b; background-color: #fff; border-color: #fff; text-decoration: none; }
.chapter-image img { width: 750px; height: 112px; vertical-align: middle; }

/* [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.biblio-catalogue-beta { padding-right: 60px; /* make sure "beta" wraps to the next line */ }
#biblio-links .side-links li a { display: block; padding: 2px 35px 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; }

@-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; }

