/**
 * This typography file is included in the WYSIWYG editor
 */




/*
-----------------------------------------------
Universiteit Leiden
Author:   Marcel Villerius
Version:  28 Juli 2005

Change History:

03/08/2005 Added test borders -- Raimond Kempees
03/08/2005 Changes img paths
15/08/2005 Added SiteEdit div
27/06/2006 Added block display for print logo in 1. - Adriaan Bloem
14/07/2009 Edited for eindexamencursus sites - Martijn van der Veen
----------------------------------------------- */

/* Content
----------------------------------------------- 
1.  Skeleton, meta definitions 
2.  Navigation
3.  Header
4.  Branding
5.  News
6.  Theme's
7.  Index
8.  Footer
9.	Tables
----------------------------------------------- */

/* Colour definitions */

.uni-col { background-color: #0c2577; }
.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 li a, .humanities-col li a { background-color: #dedd3a !important; color: #0c2577 !important; }


/* 1.  Skeleton, meta definitions 
----------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	font: 11pt Verdana, Sans-serif;
	color: #4A7184;
	line-height: 1.5em;
	text-align:left;
	background: url('../../../assets/images/default/bgpat.gif') #FFF repeat;
}

#container{
	width:774px;
	margin:0 auto;
	position:relative;   
	/*border: 1px solid #000; /* Testing purposes only */
}

#background_mainpage {
	/* background:#fff url('../../../assets/images/default/sitebg_mainpage.gif');	*/
	background:#fff url('../../../assets/images/default/sitebg.gif');
}

#background {
	background:#fff url('../../../assets/images/default/sitebg.gif');
}

#c-main,
#c-main-form {
	width: 750px;
	margin: 0 auto;
}

#c-main-form { background:#fff; }
#c-main-form #breadcrumb { width: 741px !important; }

#c-main-left {
	float: left;
}

#c-main-right {
	float: right;
}

#content-left {
	clear: left;
	float: left;
	margin:0;
	padding:20px 20px 20px 23px;
	width: 489px;	/* 280 + 177 */
}

#content-middle {	/* not used by eindexamencursus */
	float: left;
	margin: 0;
	padding: 20px;
	width: 177px;
}

#content-main {
	margin: 0;
	padding:5px 0px 20px 20px;
	width: 500px;
	overflow: hidden;
}

#content-right {
	margin: 0;
	padding: 20px;
	width: 170px;
}

#content-right p{
	color: #999;
	margin: 0;
}

a img {
	border: none;
}

p.paragraaf { /* old titles in old ssl sites */
	font-weight: bold;
	font-size: 100%;
}

p.hoofdstuk { /* old titles in old ssl sites */
	font-weight: bold;
	font-size: 130%;
}


h2 {
	margin: 0;
	padding: 10px 0 0 0;
	font-family: Georgia, Times, serif;
	font-size: 115%;
	color: #990000;
	font-weight: normal;
	line-height: 2 em;
}

h3 {
	font-family: Georgia, Times, serif;
	color: #4A7184; 
	text-transform: uppercase;
	font-size: 80%;
	border-bottom: thin dotted #D7D7D7;
	margin: 0;
}

h3 a
{
	color: #4A7184;
	text-decoration: none;
}

h3 a:hover
{
	color: #4A7184;
	text-decoration: underline;
}

h3 a:visited
{
	color: #4A7184;
}

#content-main ul
{
}

#content-main ol
{
	list-style-type: lower-alpha;
}

#SiteEdit
{
	position: absolute;
	top: auto;
	left: auto;
	bottom: 0px;
	z-index: 1;
	padding: 0;
	margin: 0;
	border: none;

}

#print{
	display: block;
	width: 0;
	}
  
/* 2. Navigation
----------------------------------------------- */

#hornavdiv
{
	/*display: block;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	width: 750px;
	/*border: 1px solid blue;*/

}

#topnav {
	float: left;
	margin: 0px 0px 0px 12px;
	padding: 0;
	font-size: 68%;
	width: 100%;
	background: url('../../../assets/images/default/bgpat.gif') #FFF repeat;
}

#topnav li {
	float: left;
	margin: 0;
	padding: 0 0px 0 0px;
	list-style: none;
}

#topnav a {
	color: #0C2577;
	text-decoration: none;
}





#nav {
	padding: 3px 0 0 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	background-color: #8592BB;
	width: 750px;
	float: left;
}
#nav ul {
	padding: 3px 0 0 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	background-color: #8592BB;
	/*width: 120px;*/
}

#nav li {
	float: left;
	margin: 0;
	padding: 0px 2px 0px 0px;
	list-style: none;
	background: url('../../../assets/images/default/tab_border.gif') no-repeat top right;
	/*width: 120px;*/
}
#nav ul li {
	float: none;
}

#nav ul {
	display:none;
	position: absolute;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
	display:block;
	background-position: 0 0;
}

#nav a {
	/*float: left;*/
	padding: 0px 6px 0px 6px;
	margin: 0;
	text-decoration: none;
	color: #fff;
	display:block;
}

#nav ul li.link a {
	background-color: #8592BB;
}
#nav ul li.link a:hover {
	background-color: #C3CDEA;
}
#nav a:hover, li.current a, li.section a {
	/*float: left;*/
	color: #0C2577;
	margin: 0;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	background-color: #C3CDEA;
}

#nav a.first_item, ul a.first_item, #subnav a.first_item {
	background: url('../../../assets/images/default/tab_border.gif') no-repeat top left;
}




#subnav {
	float: left;
	width: 525px;
	margin: 0;
	padding-left:15px;
	list-style: none;
	font-size: 85%;
	background-color: #C3CDEA;
}

#subnav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background: url('../../../assets/images/default/tab_border.gif') no-repeat top right;
}

#subnav a {
	float: left;
	padding: 0px 12px 0px 8px;
	text-decoration: none;
	color: #0C2577;
}

#subnav a:hover, #subnav a.active {
	color: #0C2577;
	background-color: #fff;
}


#permlinknav {
	text-align:right;
	padding: 64px 10px 0px 0px;
}
#permlinknav a {
	font: 12px Verdana, Sans-serif;
	color: #ddd;
	text-decoration: none;
	font-weight: bold;
	padding-right: 8px;
}

#permalinknav li {
	float: left;
	margin: 0;
	padding: 0px 1px 0px 0px;
	list-style: none;
	background: url('../../../assets/images/default/tab_border.gif') no-repeat top right;
}



#breadcrumb {
	clear: left;
	width: 491px;
	margin: 0;
	padding: 2px 4px 2px 4px;
	list-style: none;
	font-size: 75%;
	background: #ffffff url('../../../assets/images/default/lijn.gif') bottom left repeat-x;
}

#breadcrumb li {
	display: inline;
	padding: 0 8px;
	background: url('../../../assets/images/default/bc_pijl.gif') no-repeat 0 0.4em;
}

#breadcrumb li.first {
	padding: 0 8px 0 0;
	background: transparent;
}

#breadcrumb a {
	color: #989898;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#dep-nav {
	width: 195px;
	color: #fff;
	margin: 0;
	padding-left:15px;
	list-style: none;
	font-size: 75%;
}

#dep-nav li {
	margin: 0;
	padding: 0;
	text-indent:-1.3em;
}

#dep-nav a {
	color: #fff;
	text-decoration: none;
	padding-left: 1.3em;
	background: url('../../../assets/images/default/dep_pijl_white.gif') no-repeat 0.6em 0.4em;
}

#dep-nav a.let {
	color: #fff;
	text-decoration: none;
	padding-left: 1.3em;
	background: url('../../../assets/images/default/dep_pijl_blue.gif') no-repeat 0.6em 0.4em;
}

#direct-to {
	margin:0 0 20px 0;
	padding:0;
	list-style: none;
	font-size: 85%;
	line-height: 1.3em;
}

#direct-to li{
	margin:0;
	background: url('../../../assets/images/default/title_border.gif') bottom left no-repeat;
	padding: 3px 0 6px 0;
	text-indent:-1.3em;
}

#direct-to li a.active {
       margin:0;
       color: #9D8A0A;
       padding-left: 1.3em;
       abackground: url('../../../assets/images/default/pijl4.gif')
no-repeat 0 0.2em;
       background: url(pijl4.gif) no-repeat 0 0.2em;
       text-decoration: none;
}

#direct-to a{
	margin:0;
	color: #4a7184;
	padding-left: 1.3em;
	background: url('../../../assets/images/default/pijl3.gif') no-repeat 0 0.2em;
	text-decoration: none;
}

#direct-to-subnav {
	/*background: url('../../../assets/images/default/title_border.gif') top left no-repeat;*/
	margin: 0px 0 20px 0;
	padding:0;
	list-style: none;
	font-size: 85%;
	line-height: 1.2em;
}

#direct-to-subnav li{
	margin:0;
	background: url('../../../assets/images/default/title_border.gif') bottom left no-repeat;
	padding: 3px 0 6px 0;
	text-indent:-1.3em;
}

#direct-to-subnav a{
	margin:0;
	color: #4a7184;
	padding-left: 1.3em;
	background: url('../../../assets/images/default/pijl3.gif') no-repeat 0 0.2em;	
	text-decoration: none;
}

#direct-to-gitem-relevant {
	/*background: url('../../../assets/images/default/title_border.gif') top left no-repeat;*/
	margin: 0px 0 20px 0;
	padding:0;
	list-style: none;
	font-size: 85%;
	line-height: 1.2em;
}

#direct-to-gitem-relevant li{
	margin:0;
	background: url('../../../assets/images/default/title_border.gif') bottom left no-repeat;
	padding: 3px 0 6px 0;
	text-indent:-1.3em;
}

#direct-to-gitem-relevant a{
	margin:0;
	color: #4a7184;
	padding-left: 1.3em;
	background: url('../../../assets/images/default/pijl3.gif') no-repeat 0 0.2em;	
	text-decoration: none;
}

/* DIRECT NAAR */
#direct-to-ch-relevant {
	/*background: url('../../../assets/images/default/title_border.gif') top left no-repeat;*/
	margin: 0px 0 20px 0;
	padding:0;
	list-style: none;
	font-size: 80%;
	line-height: 1.2em;
}

#direct-to-ch-relevant li{
	margin:0;
	background: url('../../../assets/images/default/title_border.gif') bottom left no-repeat;
	padding: 3px 0 6px 0;
	text-indent:-1.3em;
}

#direct-to-ch-relevant a{
	margin:0;
	color: #4a7184;
	padding-left: 1.3em;
	background: url('../../../assets/images/default/pijl3.gif') no-repeat 0 0.2em;	
	text-decoration: none;
}


#poem {
	width: 200px;
	padding: 0px 5px;
	color: #cc9f01;
	font-size: 11px;
	line-height: 1.4em;
	font-style: italic;
	text-align: center;
}




/* 3.  Header
----------------------------------------------- */

#header {
	clear: left;
	background: #0C2577;
	height: 88px;
	padding: 0;
	margin: 0;
	font-size: 80%;
	color: #fff;
	/*border: 1px solid blue;*/
}

#radiofield
{
border: 0;
padding: 0;
margin: 0;
}

#searchform {
  float:right;
  width:170px;
  padding:34px 19px 0 0;
  /*border: 1px solid red;*/
}

#searchbox {
  	width:150px;
}
  
.imgbutton {
	vertical-align: middle;
}
 
#searchform input.text {
  	border:1px solid #6E7788;
  	height:20px;
  	width:123px;
}

form #submit {
	font-size: 85%;
	background: #2A4088;
	color: #fff;
	padding: 3px 0 3px 0;
	border: 1px solid #5C6B96;
}

#pt_img_brandName
{
	position: relative;
	right: -50px;
	margin: 0;
	padding: 0;
}

#header img {
	float: left;
	margin:0;
	padding:0 0 0 20px;
}

/* 4.  Branding 
----------------------------------------------- */

#big-bird-branding {
	display: block;
}

#branding img {
	display: block;
}

/* 5.  News 
----------------------------------------------- */

.news {
	clear: both;
	margin: 5px 0 0 0;
	padding: 0 0 15px 0;
	font-size:85%;
	line-height: 1.3em;
}

.news dt img {
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 4px;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
}

.newsheader{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D8A0A;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.news	dd {
	margin: 0 0 3px 0;
	padding: 0;
}

.local-nav a {
	color: #4a7184;
	padding-left: 7px;
	text-decoration: none;
}

a.read-more {
	color: #4a7184;
	padding-left: 7px;
	background: url('../../../assets/images/default/pijl.gif') no-repeat 0px 0.3em;
	text-decoration: none;
}

a.read-more:visited {
	color: #989898;
}

a.read-more:hover {
	text-decoration: underline;
}

/* 6.  Theme's 
----------------------------------------------- */
.theme {
	margin: 0;
	padding: 0 0 15px 0;
	font-size:85%;
	padding-left: 1em;
}

.theme dd {
	line-height: 1.1em;
	margin: 0 0 3px 0;
	padding: 0;
	text-decoration:none;
}
a.themesub,a.themesub:active{color:#4A7184;margin:0;padding:0;text-decoration:none;}
a.themesub:visited {color:#4A7184;margin:0;padding:0;text-decoration:none;}
a.themesub:hover {color:#4A7184;margin:0;padding:0;text-decoration:underline;}

.theme dt a{
	font-size: 125%;
	color: #B68F00;
	font-weight: normal;
	padding-left: 16px;
	background: url('../../../assets/images/default/d_arrow.gif') no-repeat 0 0.25em;
	letter-spacing: normal;
	line-height: 2 em;
	margin: 0;
	text-decoration: none;
}

.themeheader {
	background: url('../../../assets/images/default/title_border.gif') bottom left no-repeat;
	margin: 0 0 5px 0;
	text-indent:-1.5em;
}

/* 6,5.  SubNavTheme's 
----------------------------------------------- */
.subnav-theme {
	margin: 0;
	padding: 0 0 15px 0;
	font-size:85%;
	padding-left: 1em;
	text-align: left;
}

.subnav-theme dd {
	line-height: 1.1em;
	margin: 0 0 3px 0;
	padding: 0;
	text-decoration:none;
}
#content-left  a.subnav-themesub,a.subnav-themesub:active
{
	color:#4A7184;
	margin:0;
	padding:0 0 0 11px;
	text-decoration:none;
	background: url('../../../assets/images/default/more_pijl.gif') no-repeat 0px 0.3em;

}
a.subnav-themesub:visited {color:#4A7184;margin:0;padding: 0 0 0 11px;text-decoration:none;}
a.subnav-themesub:hover {color:#4A7184;margin:0;padding: 0 0 0 11px;text-decoration:underline;}

.subnav-theme dt a{
	font-size: 125%;
	color: #B68F00;
	font-weight: normal;
	padding-left: 16px;

	letter-spacing: normal;
	line-height: 2 em;
	margin: 0;
	text-decoration: none;
}

.subnav-themeheader {
	background: url('../../../assets/images/default/title_border.gif') bottom left no-repeat;
	margin: 0 0 5px 0;
	text-indent:-1.5em;
}
/* 7.  Index
----------------------------------------------- */

.index {
	clear: both;
	margin: 5px 0 0 0;
	padding: 0 0 15px 0;
	font-size:85%;
	line-height: 1.3em;
}

.index dt img {
	float: left;
	margin: 5px 10px 5px 0px;
	padding: 4px;
	display: block;
	width: 83px;
	border: 1px solid #ddd;
	background: #fff;
}

.indexheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D8A0A;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.indexheader a {
	color: #9D8A0A !important;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-decoration: none;
}

.index	dd {
	margin: 0 0 3px 0;
	padding: 0;
}

/*.index {
	float: left;
	margin: 0;
	width: 90%;
	padding: 20px 0 0 0;
	font-size: 85%;
	line-height: 1.2em;
}

.index dt img {
	float: left;
	margin: 5px 10px 0 0;
	padding: 4px;
	display: block;
	width: 83px;
	border: 1px solid #ddd;
	background: #fff;
}

.indexheader{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D8A0A;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.index dd {
	margin: 0 0 3px 0;
	padding: 0;
}*/

dl.newslink dd a
{
	color: #4a7184;
	margin-left: -40px;
	background: url('../../../assets/images/default/pijl.gif') no-repeat 0px 0.3em;
	text-decoration: none;
}

/* 8.  Footer 
----------------------------------------------- */

#footer {
  clear: both;
  padding-top: 0;
  font-size: 85%;
  }
  
#footer p {
  background-color:#0C2577;
/*  background-repeat:repeat-x;
  background-position:0 -4px;*/
  margin:0;
  padding:0;
  border-top:1px solid #ccc;
  color:#D8D8E8;
  text-align:center;
  line-height:1.6em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
  }
#footer a:hover {
  color:#933;
  border-color:#b55;
  }

.local-nav {
	font-size: 85%;
	line-height: 1.5em;
	color: #4a7184;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	background-color: #F6F6F6;

}


.abstract
{
 	font-size: 85%;
	line-height: 1.4em;
	color: #666;
}

.local-nav li {
	padding-left: 8px;
	background: url('../../../assets/images/default/pijl3.gif') no-repeat 0 0.35em;
}

a.read-more {
	color: #4a7184;
	padding-left: 7px;
	background: url('../../../assets/images/default/pijl.gif') no-repeat 0px 0.3em;
	text-decoration: none;
}

a:visited.read-more, .local-nav a:visited, .showpdf a:visited, .fullitem-left dd a:visited {
	color: #989898;
}

a:hover.read-more, .local-nav a:hover, .showpdf a:hover, .fullitem-left dd a:hover {
	text-decoration: underline;
}


/* 9.  Paragraphs
----------------------------------------------- */

.fullitem-left {
	float: left;
	margin: 0;
	width: 100%;
	padding: 20px 0 0 0;
	font-size: 85%;
	line-height: 1.2em;
}

.fullitem-left dt {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D8A0A;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

	.fullitem-left dt a
	{
		color: #9D8A0A;
		text-decoration: none;
	}

		.fullitem-left dt a:hover
		{
			color: #9D8A0A;
		}

		.fullitem-left dt a:visited
		{
			color: #9D8A0A;
		}

.fullitem-left dt.p-image-left img {
	float: left;
	margin: 5px 25px 0 0;
	padding: 4px;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
}

.fullitem-left dt.p-image-right img {
	float: right;
	margin: 5px 10px 0 0;
	padding: 4px;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
}

.fullitem-left dt.p-image-below img {
	margin: 15px auto 0 auto;
	padding: 4px;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
}

.fullitem-left dt {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D8A0A;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.fullitem-left dd {
	margin: 0 0 3px 0;
	padding: 0;
}

.fullitem-left dd a:link {
	color: #04a; /*#4a7184*/
	font-weight: 500;
	text-decoration: underline;
}

.fullitem-left dd a: {
	color: #04a; /*#4a7184*/
	font-weight: 500;
	text-decoration: underline;
}

.fullitem-right {
	float: left;
	margin: 0;
	width: 90%;
	padding: 20px 0 0 0;
	font-size: 85%;
	line-height: 1.2em;
}

.fullitem-right dt img {
	float: right;
	margin: 5px 0 0 10px;
	padding: 4px;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
}

.fullitem-right dt {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #9D8A0A;
	font-size:110%;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.fullitem-right dd {
	margin: 0 0 3px 0;
	padding: 0;
}

/** new **/

#author{
	float: left;
	width: 100%;
	margin-top: 20px;
	padding: 7px 0 7px 0;
	color: #989898;
	font-size: 85%;
	background: url('../../../assets/images/default/lijn.gif') top left repeat-x;

}

#author a {
	color: #989898;
	text-decoration: none;
}

#author a:hover {
	text-decoration: underline;
}

h4 {
	font-family: Georgia, Times, serif;
	color: #4A7184; 
	font-size: 80%;
	font-weight: normal;
    margin: 0;
	
}

#archive {
	float: left;	
	width: 100%;
	font-size: 85%;
	margin-top: 20px;
	padding:0 0 0 10px;
	background: #eee;
	border-top: 2px #ddd solid;
}

#archive a{
	background: url('../../../assets/images/default/archive.gif') no-repeat 0 0;
	color: #666;
	padding-left: 1.8em;
	text-decoration: none;
}

#archive a:hover{
	text-decoration: underline;
}

#content-main-archive {
	float: left;
	margin: 0;
	padding:5px 20px 20px 20px;
	width: 497px;
	overflow: hidden;
	background: url('../../../assets/images/default/archive_bg.gif') no-repeat 360px 40px;
}

/**newer**/

div.showpdf {
	clear: both;
	padding-top: 24px;
	font-size: 85%;
}

div.showpdf ul {
	margin: 0px;
	padding: 6px;
	list-style: none;
	background-color: #F6F6F6;
}

div.showpdf li {
	padding: 4px 8px 4px 20px;
	background: url('../../../assets/images/default/pdf_small.gif') no-repeat 0px 0.6em;
}

div.showpdf a {
	color: #4a7184;
	text-decoration: none;
}

div.ldap-medewerker {
	margin-top: 20px;
	font-size: 85%;
}

div.ldap-medewerker table {
	float: left;
}

div.ldap-medewerker th {
	width: 88px;
	vertical-align: top;
}

div.ldap-medewerker td {
	width: 256px;
}

div.ldap-medewerker img {
	float: left;
	margin: 5px 10px 30px 0;
	padding: 4px;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
}

div.ldap-medewerker br {
	clear: both;
}

  /*#header
  	form #submit {
		font-size: 85%;
		background: #2A4088;
		color: #fff;
		padding: 3px 0 3px 0;
		border-right: 1px solid #5C6B96;
		border-bottom: 1px solid #5C6B96;
		border-top: 1px solid #5C6B96;
		border-left: 1px solid #5C6B96;
	}
*/
  /* Search Field 

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url('../../../assets/images/header_tr.gif') no-repeat top right;
		margin: 0; /* need for IE Mac */
	/* 	text-align: right; /* need for IE Mac */
		/* white-space: nowrap; /* for Opera */
	/* }
	#header form label { color: #fff; font-size: 85%; }
	#header form input { font-size: 85%; }
	

	
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}	*/


/* Medewerker Tabs
*******************************/

#tab_medewerker
{
	float: left;
	margin: 12px 0px 12px 0px;
	width: 100%;
}

#tab_medewerker_ul
{
	margin: 0;
	padding: 0px 0px 0px 5px;
	height: 22px;
	overflow: hidden;
	list-style: none;
	background: url( '../../../assets/images/default/progtab_bkg.png' ) repeat-x top left;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

	#tab_medewerker_ul li
	{
		float: left;
		margin: 0;
		padding: 0;
		height: 21px;
		overflow: hidden;
		background: url('../../../assets/images/default/progtab_inactive.png') no-repeat left top;
		border-bottom: 1px solid #dbdbdb;
	}

		#tab_medewerker_ul li a
		{
			display: block;
			padding: 2px 14px 3px 6px;
			font-size: 9pt;
			font-weight: bold;
			text-decoration: none;
			color: #787878;
			background: url('../../../assets/images/default/progtab_end.png') no-repeat right top;
		}

		#tab_medewerker_ul li a:hover
		{
			color: #6699ff;
		}

	#tab_medewerker_ul li.active
	{
		padding-bottom: 0px;
		height: 22px;
		overflow: hidden;
		border-width: 0px;
		background-image: url('../../../assets/images/default/progtab_active.png');
	}

	#tab_medewerker_ul li.active a
	{
		padding: 2px 14px 4px 6px;
	}

#div_medewerker
{
	margin: 12px 0 0 0;
}

	#div_medewerker img.headshot
	{
		margin: 0;
		padding: 4px;
		display: block;
		border: 1px solid #ddd;
		background: #fff;
	}

	#div_medewerker div.functie
	{
		float: right;
		padding: 4px;
		width: 300px;
		font-size: 8pt;		
		border: 1px solid #ddd;
		background: #f5f5f5;
	}

	#div_medewerker div.functie th
	{
		vertical-align: top;
		width: 76px;
		padding-top: 0px;
	}


		#div_medewerker div.functie ul
		{
			float: right;
			margin-top: 0;
			margin-left: 0;
			padding-left: 16px;
			width: 200px;
			line-height: 1.3em;
		}

		#div_medewerker div.functie div
		{
			margin-bottom: 12px;
		}

#div_personalia,
#div_publicaties,
#div_onderwijs
{
}

	#div_personalia h3,
	#div_publicaties h3,
	#div_onderwijs h3
	{
		margin: 0;
		padding: 0 0 0 40px;
		font-family: trebuchet ms, tahoma, sans-serif;
		font-size: 13pt;
		text-transform: none;
		border-bottom: 1px solid #cccccc;
	}

	#div_personalia h4,
	#div_publicaties h4,
	#div_onderwijs h4
	{
		margin: 0;
		padding: 0;
		font-family: tahoma, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	}

	#div_personalia hr,
	#div_publicaties hr,
	#div_onderwijs hr
	{
		margin: 12px 0 12px 0;
		padding: 0;
		height: 1px;
		border: none;
		background-color: #ccc;
	}

	#div_personalia table,
	#div_publicaties table,
	#div_onderwijs table
	{
		border-collapse: collapse;
	}

	#div_personalia table th,
	#div_publicaties table th,
	#div_onderwijs table th
	{
		padding: 0;
		width: 144px;
		vertical-align: top;
		font-size: 8pt;
		font-weight: normal;
	}

	#div_personalia table td,
	#div_publicaties table td,
	#div_onderwijs table td
	{
		padding: 0;
		vertical-align: top;
		font-size: 8pt;
	}

	#div_publicaties ul
	{
		margin: 0 0 32px 0;
		padding: 0;
		list-style-type: none;
	}

	#div_publicaties li
	{
		margin: 0;
		padding: 4px 0 4px 40px;
		min-height: 32px;
		border-bottom: 1px solid #cccccc;
		background: url('../../../assets/images/default/control_play_blue.png') no-repeat 12px 7px;
	}
	
	#div_onderwijs div.showpdf
	{
		padding: 0;
	}

.break
{
	clear: both;
}

.invisible
{
	display: none;
}

/* Tables
*******************************/

tr.donkergrijs {
background-color: #aaa;
}

tr.grijs {
background-color: #ccc;
}

tr.lichtgrijs {
background-color: #e2e2e2;
}

tr.lichtergrijs {
background-color: #f9f9f9;
}

tr.wit {
background-color: #fff;
}

tr.grijsgeel {
background-color: #f7f7ed;
}

td.donkergrijs {
background-color: #aaa;
}

td.grijs {
background-color: #ccc;
}

td.lichtgrijs {
background-color: #e2e2e2;
}

td.lichtergrijs {
background-color: #f9f9f9;
}

td.wit {
background-color: #fff;
}

td.grijsgeel {
background-color: #f7f7ed;
}



table.grijzerand {
    border: 1px solid #aaa;
    padding: 4px;
}

table.geenrand {
    border: none;
    padding: 4px;
}

table{
    cellpadding:0px;
    cellspacing:0px;
    border-collapse: collapse;
    font-size: 100%;
/*    background-color: #ffffff;*/
}

table#grijzerand1px{
    border: 1px solid #aaa;

}

table#grijzerand1px td{
    border: 1px solid #aaa;
}

table#grijzerand2px{
    border: 2px solid #aaa;
}

table#grijzerand2px td{
    border: 2px solid #aaa;
}

table#geenrand {
    border: none;
}


fieldset {
	border: none;
}


.ub { text-decoration: none; }

.ub_button_start { 
    background: url('../../../assets/images/bibliotheken/ub_knop.gif') no-repeat right;
    line-height: 1em;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 40px;
    vertical-align: middle;
    text-decoration: none;
    vertical-align: middle;
}

.ub_button_quest { 
    background: url('../../../assets/images/bibliotheken/qp_knop_icon.gif') no-repeat right;
}

.ub_button_start h2 { 
    margin-right: 40px;
    padding: 0px 0px 0px 0px;
    color: #4A7184;
    font-size: 13px;
    font-weight: bold;
    font-family: verdana;
}

.ub_button_start hr {
    margin: 0px; 
    padding: 0px;
}

.ub_plaque
{
	background: url('../../../assets/images/bibliotheken/ub_plaque.gif') no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 140px;
}

.ub_plaque h2
{
	padding-left: 10px;
	color: white;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}

.ub_plaque ul
{
	line-height: 1.2em;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

.ub_plaque li
{
	list-style-type: none;
	background: url('../../../assets/images/bibliotheken/ub_bullet.gif') no-repeat 0% 4px;
	vertical-align: top;
	padding-left: 15px;
}

.ub_plaque li a
{
	text-decoration: none;
	font-size: 11px;
	color: #0A2275;
}

.ub_plaque li a:hover
{
	text-decoration: underline;
	
}

/* Pagination
*******************************/

div.pagination-div { margin: 16px auto; height: 24px; clear: both; text-align: center; }
img.pagination-spinner { display: none; }
button.pagination-button { }


















/* STANDARD FILE typography.css */



.typography * {
	font-family:Verdana,Arial,sans-serif;
	font-size:1em;
}
.typography blockquote {
	margin-left:20px;
}
.typography hr {
	padding:5px;
}
.typography p,
.typography ul li,
.typography ol li,
.typography a {
	color:#333;
	line-height:1.5em;
	font-size:1.1em;
}
.typography p {
	margin-bottom:20px;
}


/** CMS LIST STYLES **/
.typography ul,
.typography ol {
	margin-left:10px;
	margin-bottom:20px;
}
	.typography ul li,
	.typography ol li {
		margin:4px 10px;
		line-height:1.4em;
	}
		.typography ul li {
		 list-style-type:disc;
		}
		.typography ol li {
			list-style-type:decimal;
    }


/* HEADER STYLES 
.typography h1,
.typography h2,
.typography h3,
.typography h4 {
	margin-bottom:14px;
	color:#0083C8;
}
.typography h1,
.typography h4 {
	font-weight:bold;
}
.typography h2,
.typography h3 {
	font-weight:normal;
}
	.typography h1 {
		font-size:2.2em;
	}
	.typography h2 {
		font-size:2.2em;
	}
	.typography h3 {
		font-size:1.6em;
	}
	.typography h4 {
		font-size:1.4em;
	}
*/

/* LINK STYLES
.typography a {
	color:#0083C8;
  font-size:1em;
  text-decoration:none;
}
	.typography a:hover {
		text-decoration:underline;
	}

*/
	
.typography table {
	font-size:1.1em;
}
	.typography table tr td {
		padding:3px 5px;
	}

	
/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .left {
	text-align:left;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
.typography img.right {
	float:right;
}
.typography img.left {
	float:left;
}

.typography p.MsoNormal, .typography p.MsoBodyText {
	margin: 0;
}