/* GENERAL STYLES */
/* GENERAL STYLES */
/* 
lichtoranje: #FFE5CC
donkeroranje: #FECD9B
Oranje tekst: #CC6600;

lichtgroen: #E6F0EB
donkergroen: #B3D1C2
Groene tekst: #006633
*/

/* Tags
------------------------------------*/
body {
	font-size: 75%; font-family: Arial, Helvetica, Sans-serif; 
	color: #000;
	background: #fff;	
} 	

textarea, td {
	font-family: Arial, Helvetica, Sans-serif; font-size: 1em;
}

blockquote {
	padding: 1em 1em 0.5em; 
}

blockquote * { 
	margin: 0 0 1em; 
}

blockquote a { 
	margin: 0; 
}

h1 {
	font-size: 1.5em; 
	line-height: 1.2em; 
	font-weight: normal;
}

/* Links
------------------------------------*/
a:link, a:active, a:visited { 
	color: #C60;
}
a:hover { 
	color: #000; 
	text-decoration: none; 
}

#sidebar a, #secondaryNav a {	
	text-decoration: none;
}

a.preview { padding-right: 20px; background: transparent no-repeat 100% 50%; zoom: 1;}  
a.preview.pdf { background-image: url(/images/icon_pdf.gif) ; }
a.preview.doc { background-image: url(/images/icon_doc.gif); }
a.preview.ppt { background-image: url(/images/icon_ppt.gif); }
a.preview.zip { background-image: url(/images/icon_zip.gif); }
a.preview.email { background-image: url(/images/icon_mail.gif); }
a.preview.print {  background-image: url(/images/icon_print.gif); float: right; margin-top: 5px; text-decoration: none; width: 18px; height: 11px }
a.preview.extern, a.externLink { background-image: url(/images/icon_extern.gif); }

/* Design 
------------------------------------*/
#header {	
	background-color: #f60;	
	overflow: hidden;
}

#header #logo {
	display: block;
	text-indent: -9999em;
	height: 50px;
	width: 50%;	
	margin-left: 5%;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header #topbanner-left {
	float: left;
}

#header #banner {
	float: left;
}

#header #topbanner-right {
	float: right;
}

#header #pad {
	background: #fff;	
	padding-left: 25%;
	width: 75%;	
	min-height: 20px; 
}

#fullwidth #logo {
	margin-left: 5%;
}
#fullwidth #pad {
	padding-left: 1px;
	width: 100%;
}

#content {
	border-top: solid 1px #f60;
	overflow: hidden;
}

#fullwidth #content {
	margin-left: 1px;
}

p.meta, p.last-update { margin: 0; color: #666; font-size: 0.9em; }
p.last-update { border-top: solid 1px #ccc; padding: 1em 0; margin: 1em 0 0; }
p.last-update span { float: left; width: auto; }
p.last-update span.authors{ float: right; }

  
/* Nav: Main
------------------------------------*/
#mainNav ul, #mainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
#mainNav li {
	margin-bottom: 2px;
	background: #FFE5CC;
}

#mainNav li ul { 
	padding: 5px 10px 5px 24px; 
}

#mainNav li li {
	list-style-type: circle;
}
#mainNav li strong {
	display: block;
	padding: 0.5em;
	background: #FECD9B url(/images/arrow_down.gif) no-repeat 98% 50%;
}
#mainNav li.active strong {	
	background-image: url(/images/arrow_right.gif);
}

#mainNav li li.active { 
	color: #000; 
	list-style-type: disc; 
}

#mainNav a.arrow {	
	position: absolute;
	top: 0.5em;
	right: 0.4em;
	width: 1.2em;
	height: 1.2em;
}

/* Nav: Basenav
------------------------------------*/
#baseNav, #baseNav li {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
#baseNav { 
	margin-top: 1em; 
} 
#baseNav li {
	font-size: 0.9em; 
	color: #666;
}
#baseNav a {
	text-decoration: none; 
	color: #666; 
}
#baseNav .spacer {
	display: none;
	margin: 0 10px;
}

/* Nav: Pad
------------------------------------*/
#breadCrumbNav, #breadCrumbNav  li {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.breadCrumbNavOnLeft 
{
	left:0;
	position:absolute;
}

#breadCrumbNav {
	padding-top: 0.25em;	
}
#breadCrumbNav li {
	display: inline;
	font-size: 0.9em; 
	color: #666;
}
#breadCrumbNav a {	
	text-decoration: none;
}
#breadCrumbNav .spacer {
	margin: 0 0.5em;
}

/* Kaders rechterkolom
------------------------------------*/
.box { 
	position: relative;	
	margin: 0 0 2px; 
	color: #CC6600;
	background: #FFE5CC; 
}
.box h2 {	
	margin: 0;
	padding: 0.5em; 
	font-size: 1em; 
	font-weight: bold; 	 
	background: #FECD9B;
}
.box .content {
	padding: 0.5em; 
}
.box .content p {
	margin: 0 0 .5em; 
}

/* In- / uitklappen kaders
------------------------------------*/
.box.toggle h2 {
	cursor: pointer;
	background-image: url(/images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
.box.toggle.expanded h2 {
	background-image: url(/images/arrow_right.gif);
}
.box.toggle.collapsed .content {	
	position: absolute;
	left: -9999em;
}
.box.toggle.expanded .content {
	left: 0;
	position: relative;
}

/* Lemma popup 
------------------------------------*/
#lemma { 
	position: absolute; 
	right: 100%; 
	top: 0; 
	color: #000;
	width: 370px; 
	z-index: 9999; 	
}  
#lemma-body {	
	font-size: 0.9em; 	
	width: 330px; 
	padding: 10px 25px 5px 15px; 
	background: url(/images/bg_lemma.png) no-repeat 0 0;
}
#lemma-bottom { 
	height: 20px; 
	width: 370px;  
	background: url(/images/bg_lemma-bottom.png) no-repeat 0 0; 
}  
#lemma a.close { 
	position: absolute; 
	top: 10px; 
	right: 25px; 
	padding: 0 2px; 
	color: red; 
}
#lemma a.close:hover {
	background: red; 
	color: #fff; 
}
#lemma h1 { 
	margin: 0 0 0.5em; 
	font-weight: bold; 
}
#lemma h3 { 
	font-size: 1em; 
	margin: 1em 0 0.2em; 
}
#lemma ul, #lemma li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
#lemma li a { 
	font-weight: bold; 
}

/* Zoekresultaat Lemma popup 
------------------------------------*/
#searchresults #lemma { 	
	right: 0; 
	top: 0; 
}
#searchresults #lemma-body {			
	width: 325px; 
	padding: 10px 15px 5px 15px; 
}
#searchresults #lemma ul {
	border: none;
}  
#searchresults {
	position: relative;
}

/* Lijsten Algemeen
------------------------------------*/
.list, .list li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
.list {
	padding-top: 1em;	
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.list li {	
	margin-bottom: 1em;
}
.list li h3 {	
	margin: 0;		
	font-size: 1.2em;
	font-weight: normal;
}
.list li h3 .rank {	 
	float: left;
	width: 2em;
	height: 2em;
	color: #666;	 	
}
.list li h3 .type {	
	color: #666;
	font-size: 0.75em; 	
}
.list li p {
	margin: 0.5em 0;
}

/* Lijst: Search paginering
------------------------------------*/
.paging {
	border: none;
}
.paging li { 
	margin-right: 1em; 
	display: inline; 
}
.paging a, .paging strong { 
	padding-right: 1em; 
	border-right: solid 1px #000;
}
.paging li.next a { 
	border: none; 
}  

/* Lijst: News
------------------------------------*/
.news h3 {
	font-weight: bold;
}

/* Lijst: Keywords
------------------------------------*/
#keywords ul {
	padding-top: 0;
	border: none;
}
#keywords li { 
	margin-bottom: 0.2em; 
}
#keywords li a.active { 
	font-weight: bold; 
	color: #000; 
	text-decoration: none;
}

/* Forms Algemeen
------------------------------------*/
form, fieldset {
	margin: 0; 
	padding: 0; 
	border: none; 
}
form { 
	padding-bottom: 1em; 
}
form label, form input, form textarea, form select {
	float: left; 
	width: 20%; 
	margin: 0 0 10px; 
	padding: 0.2em 0; 
}
form input:focus {
	background: #ffc;
}
form label {
	font-weight: bold; 
	margin-right: 5%; 
	display: inline; 
}
form input, form textarea, form select  {
	width: 70%; 
	background: #F7F7F7; 
	border: 1px #ccc inset; 
}
form textarea {
	height: 10em; 
	overflow: auto; 
}

/* Form: Search
------------------------------------*/
#search {
	width: 23%;
	position: absolute;
	top: 15px;
	right: 0;	
}
#search legend {
	display: none;
}
#search input { 
	margin: 0; 
	width: 55% 
}
#search input.search-button {
	float: right; 
	margin-right: 10px;
	width: 35%; 
	color: #c60;
	background: #FFE5CC; 	
	border: none;
	font-weight: bold;
}
#search input.search-checkbox {
	float: left; 
	width: auto; 
	background: none; 
	border: none;
}
html > body #search input.search-checkbox { 
	margin-top: 0.5em; 
}
#search label {
	margin-top: 0.2em; 
	margin-left: 0.2em; 
	width: 80%; 
	font-weight: normal; 
	font-size: 0.9em; 
}

#search br { 
	clear: both; 
}

#search .autosuggest {
	margin-top: 1px;
}

/* Comments
------------------------------------*/
h2.comment-count, h2.leave-comment { 
	background: url(/images/icon_comment.gif) no-repeat 0 50%; padding-left: 20px; 
}
h2.leave-comment { 	
	background-image: url(/images/icon_comment-add.gif); 
	/*cursor: pointer;*/
} 

#comments {
	border-top: solid 1px #ccc; 
}
.comments { 
	border-top: none; 
}
.comments li { 
	padding: 0.5em; 
	margin: 0 0 0.5em; 
	position: relative; 
	background: #f7f7f7; 
}

/* umbracoAutoForm
------------------------------------*/
#umbracoAutoForm div {	
	clear: both;
  width: 100%;	
	margin-bottom: 1em;
}

#umbracoAutoForm .buttons input {
	margin-top: 1em;
	padding: 0.5em 0; 
	width: 30%; 
	color: #fff;
	background: #f60; 	
	border: none;
	font-weight: bold;
}

/* CV & Project page
------------------------------------*/
.vcard img {
	float: left;
	margin-right: 1em;
}

.vcard dl, .vcard dt, .vcard dd {
	margin: 0;
	padding: 0;
}

.vcard dt {
	float: left;
	width: 8em;
}

#project .vcard dt {	
	width: 8em;
}

#cv h2, #project h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 0;
}

#cv div, #project div {
	margin-top: 1em;
	border-top: solid 1px #ccc;
}

#cv div.vcard, #project div.vcard {
	margin: 0;
	border: none;
}

#cv .list, #project .list {
	border: none;
	padding: 0;
}

/* EDITOR PROPERTIES */
h3 {
font-size: 1.3em; 
line-height: 1.2em;
}



/* EDITOR PROPERTIES */
h3 {
font-size: 1.2em; 
line-height: 1.2em;
}

.smallFont {
font-size: 0.9em;
}

.yellowBackground {
background: #ffc;
}

h2 {
font-size: 1.3em; 
line-height: 1.2em;
}

/* auto completion */

div.auto_complete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

div.auto_complete ul  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}

div.auto_complete ul li
{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

div.auto_complete ul li.selected
{
	background-color: #ffffbb;
}