html, body {
      height:100%;
      margin: 0; padding: 0;
      overflow-y:auto;      
      }

   body {
      height:100%;
      width: 100%; max-width: 100%;
      background-color: #333;
      font: 400 0.8em arial, sans-serif;
      color: #ccc;
      line-height: 1.6em;
      } 

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

	a:hover {
		text-decoration: underline;
		color: #cf0;
		}

acronym, abbr {
	color: Lime;
	cursor: help;
	}
	
	big {
	font-family: "Times New Roman", Times, serif;
	color: #B3526D;
	font-size: 28px;
	font-weight: bolder;
	letter-spacing: 2px;
	}
	
	img {
		border: none;
	}

	#left {
		position: absolute; top: 0; left: 0; 
		overflow: hidden; 
		height: 100%; width: 30%;
		text-align: right;
		background: #333 url('fade.jpg') no-repeat right;
		}



	#outer {
		position: absolute; left: 0;
		top: 50%;
		width: 95%;
		height: 240px;
		margin-top: -260px;
		}

	body > #left {
		position:fixed;
		}

	#main {
		height: 100%;
		/*margin: 20px 5% 20px 38%;*/
				margin: 20px 5% 20px 36%;
		padding-top: 0px !important;
		padding-top: 20px;
		overflow: visible;
		}

	h1 {
		display: inline;
		margin-right: 30px;
		font: 800 35px 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		text-align: right;
		}

	h4 {
		display: inline;
		margin-right: 30px;
		font: 600 12px 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		text-align: right;
		}	
		
	span.title {
		display: block;
		margin: 0 0 5px 0;
		font: 600 1.3em 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		}

	img.lime {
		margin-bottom: -6px;
		margin-right: 8px;
		}

		
   a.scrollover { /* voor scrollover script */
      /* Default Colour/Styles here */
      color: #00FF00;
   }
   a.scrollover em:first-line {  /* voor scrollover script */
      /* Rollover Colour/Styles here */
      color: #FFFF00;
   }		
		

	span.yellow {
		color: Yellow;
		}

		span.yellow2 {
		color: #FAFB66;
		}	
		
	span.green {
		color: #0c0;
		}


	span.comments {
		color: #0c0;
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}


	a.nav {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #aaa;
		padding: 0 30px 3px 0;
		}

	a.nav:hover {
		color: #cf0;
		background: #222;
		text-decoration: none;
		}

	.credit a, .credit a:hover {
		color: #555;
		}
	.commentbody {
		display: block;
		text-align: left;
		margin-bottom: 40px;
		margin-left: 60px;
	}
	
	/*.blogroll_table {
	font-size: 1em;
	}*/
	
	.blogroll_table a, .blogroll_table a:hover {
	font-size: 1em;
	color: White;
	}
	
	
	div.quote {
		margin: 8px 0 12px 10px; color: #fff;
		background: #2a2a2a url('quote.jpg') repeat-x top;
		border-bottom: solid 1px #2e2e2e; 
	 	border-right: solid 1px #2e2e2e; 
	 	border-left: solid 2px #0c0;
		padding: 8px;
		line-height: 1.7em;
		margin-left: 2.9em;
		}

	p.auteur {
		font-size: 0.9em;
		font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
		text-align: right;
		}
		
	p.comment {
		font-size: 0.9em;
		font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
		}
	
	.date {
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}

		
	div.main { 
		margin-left: 4em; /* was 2.9 */
		margin-bottom: 25px;
		border-left: solid 1px #3a3a3a;
		padding: 0 30px 30px 10px; /* laatste was 5 */
		background: #333 url('corner.jpg') no-repeat bottom right;
		}

	img.main {
		float: right;
		margin: 10px;
		padding: 4px;
		background: #0c0;
/*		border: solid 3px #2e2e2e;*/
		border: 0px;
		}

	a img.main:hover {
		background: #cf0;
		}

	div.citaat {
	/* ivm conflicten het woord quote veranderd in citaat */
		margin: 8px 0 12px 10px; color: #fff;
		background: #2a2a2a url('quote.jpg') repeat-x top;
		border-bottom: solid 1px #2e2e2e; 
	 	border-right: solid 1px #2e2e2e; 
	 	border-left: solid 2px #0c0;
		padding: 8px;
		line-height: 1.7em;
		margin-left: 2.9em;
		}

	p.comment {
		font-size: 0.9em;
		font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
		}

	.pageswitch {
	text-align: center;
	}		

		
	span.credit {
		display: block;
		text-align: center;
		color: #555;
		margin: 15px 0 20px 0;
		font: 400 0.9em 'trebuchet ms', arial, sans-serif;
		}

		.search {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #aaa;
		padding: 0 30px 3px 0;
		}

	.search:hover {
		color: #cf0;
		background: #222;
		text-decoration: none;
		}
		
		
/* FORM */

input {
 background: #333;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 padding: 3px;
 color: #f4f4f4;
 border: 2px solid #555;}

/*SEARCH HIGHLIGHT COLOR*/
.highlight
{
	background: Black;
}

/* RIGHTBOX AND LEFTBOX FOR TOOLBAR */
.leftbox {
 float: left;
 clear: left;
 margin-right: 1em;
 margin-top: .5em;
 margin-bottom: 0em;
	font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
 }
 
  .rightbox {
 	float: right;
	clear: left;
 	margin-left: .5em;
 	margin-bottom: 0em;
	font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
	color: yellow;
/*	font-size: 16px;*/
	font-weight: bolder;
	width: 140px;
	text-align: center;
 }

 .imgleft { /* Om compatible te maken met leftbox */
 float: left;
 clear: left;
 margin-right: .5em;
 margin-top: .5em;
 margin-bottom: 0em;
 font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
 }
 
  .imgright { /* Om compatible te maken met rightbox */
 	float: right;
	clear: right;
 	margin-left: .5em;
 	margin-bottom: 0em;
 }
 
  .side { /* Om compatible te maken met leftbox */
 float: left;
 clear: left;
 margin-right: 1em;
 margin-top: .0em;
 margin-bottom: 0em;
 }
 
 
span.tekst {
	display: block;
	float: left;
	clear: left;
   width: auto;
	height: auto;
 	font-size: 0.9em;
	font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
	color: Yellow;
	text-align: center;
	line-height: normal;
	padding-bottom: 10px;
 }

 
/* STIJLCODES VOOR FLICKR */
div.flickrbox { /*eigen toevoeging voor positionering*/
		float: right;
		margin: 10px;
		padding: 4px;
		background: #0c0;
/*		border: solid 3px #2e2e2e;*/
		border: 0px;
}

/*div.flickrimg { width: 90%; padding: 5px 5px; }*/
div.flickrimg { float: right; width: 100%; padding: 1px 1px; }

div.flickrimg a {
	float: right;
	padding: 0 0 5px 0;
	margin: 0 30px 0 5px;
	border: none;
	/* opacity: 0.55; */
opacity: 1;
}

div.flickrimg a:hover 	{ border: none; opacity: 1; }

div.flickrimg a img {
	border: 1px solid #B3526D;
	height: 60px;
	width: 60px;
}
div.flickrimg a:hover img { border: 1px solid yellow;
	height: 70px;
	width: 70px;
	margin: 0 -10px 0 0;
}

#flickrmeta a       { padding: 0; margin: 0; float: right; font-size: 8pt; opacity: 1; display: inline; }
#flickrmeta a:hover { float: none; }

.flick 	{ color: #3993ff; }
.r 	{ color: #ff1c92;}
/*EIND STIJLCODES VOOR FLICKR */

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background: #FFFACD;border:2px double black;text-align:left;padding:5px;min-height:1em;moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color: Black;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:normal; }
body div#toolTip p em span { font-weight:bold;color:#fff; }