* {
	margin:0;
	padding:0;
}
html {
	background:#141613;;
}
body {
	color:#eee; 
	background:#141613;
	font-family: "Segoe UI light", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight:lighter;
	font-size:16px; 
	line-height:24px;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;

}
a:link {
	color:#eee; 
	text-decoration:none;
}
a:visited {
	color:#ddd;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:none;
}
ul {
	list-style:none;
}

.clear {  
	clear:both  
}



/* RBNBASICS *********************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */

div#rbnheader {
	position:fixed;
	left:0%;
	top:0%;
	z-index:9;
	width:100%;
	height:120px;
	background:url("https://robinverdegaal.nl/images/curtain.top.large.black.png") repeat-x;
}

div#background {  
	position:fixed;
	left:0%;
	top:0%;
	z-index:1;
	width:140%;
	height:100%;
	text-align:left;
	background:#141613 url('false file - populate with jquery') left repeat;
}

div#rbnlog {	
	position:absolute;
	left:0%;
	top:0%;
	z-index:2;
}

/* RBNNAVIGATION ****************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */

div#rbnnavigation{
	padding-left:24px;
	height:60px;
}
/* PAGES ************************************************* */
	div#rbnnavigation ul.rbnpages{
		clear:left;
		display:block;
		height:25px;
	}
	div#rbnnavigation ul.rbnpages li{
		display:block;
		float:left;
	}
	div#rbnnavigation ul.rbnpages li a.rbnlink{
		display:block;
		font-size:14px;
	}
	div#rbnnavigation li h2{
		font-size:14px;
		padding: 12px 16px 0px 0px;
		text-transform:uppercase;
	}
/* OPTIONS *********************************************** */
	div#rbnnavigation ul.rbnoptions{
		clear:left;
		display:block;
		height:35px;
	}
	div#rbnnavigation ul.rbnoptions li{
		display:block;
		float:left;
	}
	div#rbnnavigation ul.rbnoptions li a.rbnlink,
	div#rbnnavigation ul.rbnoptions li a.rbnselected{
		display:block;
		padding: 8px 4px 0px 0px;
	}
	div#rbnnavigation li h1{
		font-size:32px;
		text-transform:lowercase;
	}
	
	div#rbnnavigation a{
		text-decoration:none;
		outline:none;
		color:#ddd;
	}
	div#rbnnavigation li a:hover,
	div#rbnnavigation li a.rbnselected {
		color:#fff;
	}
/* ARROWS ************************************************ */
	div#rbnnavigation li.rbnprevious #rbnpreviouslink{
		background:url('https://robinverdegaal.nl/images/white.arrow.left.20.png') no-repeat;
		position:absolute;
		left:18px;
		top:120px;
		z-index:99;
		width:32px;
		height:32px;
	}
	div#rbnnavigation li.rbnnext #rbnnextlink{
		background:url('https://robinverdegaal.nl/images/white.arrow.right.20.png') no-repeat;
		position:absolute;
		right:13px;
		top:120px;
		z-index:99;
		width:32px;
		height:32px;
	}



/* rbnlog ************************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */

div#rbnlog div.rbncolumn{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:800px;
	height:900px;
	padding-left:24px;
}
  div#rbnlog h1.rbncolumntitle a {
	  color:#ccc;
	}
  div#rbnlog h1.rbncolumntitle a:hover {
	  color:#fff;
	}

	/* five columns ************* */
	div#rbnlog div.rbncolumn1_5{
		left:0px;
	}	
	div#rbnlog div.rbncolumn2_5{
		left:1000px;
	}	
	div#rbnlog div.rbncolumn3_5{
		left:2000px;
	}	
	div#rbnlog div.rbncolumn4_5{
		left:3000px;
	}	
	div#rbnlog div.rbncolumn5_5{
		left:4000px;
	}
	
	/* six columns ************** */
	div#rbnlog div.rbncolumn1_6{
		left:0px;
	}	
	div#rbnlog div.rbncolumn2_6{
		left:1000px;
	}	
	div#rbnlog div.rbncolumn3_6{
	}	
	div#rbnlog div.rbncolumn4_6{
		left:3000px;
	}	
	div#rbnlog div.rbncolumn5_6{
		left:4000px;
	}
	div#rbnlog div.rbncolumn6_6{
		left:5000px;
	}
	
	/* seven columns ************ */
	div#rbnlog div.rbncolumn1_7{
		left:0px;
	}	
	div#rbnlog div.rbncolumn2_7{
		left:1000px;
	}	
	div#rbnlog div.rbncolumn3_7{
		left:2000px;
	}	
	div#rbnlog div.rbncolumn4_7{
		left:3000px;
	}	
	div#rbnlog div.rbncolumn5_7{
		left:4000px;
	}
	div#rbnlog div.rbncolumn6_7{
		left:5000px;
	}
	div#rbnlog div.rbncolumn7_7{
		left:6000px;
	}

	div#rbnlog div h1.rbncolumntitle{
		padding-top:140px;
		font-size:96px;
		line-height:88px;
		cursor:pointer;
	}
	div#rbnlog div.rbncolumn h2.rbncolumnsubtitle{
		clear:left;
		font-size:24px;
		line-height:50px;
		text-transform:lowercase;
	}
	div#rbnlog div.rbncolumn h2 {
		clear:left;
		font-size:24px;
		line-height:50px;
		text-transform:lowercase;
	}
	div#rbnlog div.rbncolumn li.rbncontainer{
		display:block;
		float:left;
		width:196px;
		height:176px;
		margin:0px 0px 16px 0px;
		padding:0px;
		background:transparent;
		overflow:hidden;
	}
	div#rbnlog div.rbncolumn li.rbnpanel{
		display:block;
		float:left;
		width:172px;
		height:172px;
		margin:0px 16px 16px 0px;
		padding:0px 4px 4px 4px;
		color:#222;
		font-size:20px;
		line-height:28px;
		background:url("https://robinverdegaal.nl/images/white.50.png") repeat scroll 0 0 transparent;
		overflow:hidden;
	}
	div#rbnlog div.rbncolumn li.rbnpanel a{
		color:#222;
	}
	div#rbnlog div.rbncolumn li.rbnpanel a:hover{
		color:#000;
	}
	div#rbnlog div.rbncolumn li.rbnpanel h2{
		clear:none;
		font-size:30px;
		line-height:28px;
		margin-bottom:4px;
	}
	div#rbnlog div.rbncolumn li.rbnpanel img{
		margin-left:-5px;
		width:181px;
	}
	div#rbnlog div.rbncolumn li.delicious-post img{
		margin-left:-5px;
		width:120px;
	}
	div#rbnlog div.rbncolumn a.rbnbutton{
		clear:none !important;
		float:left !important;
		display:block;
		width:82px;
		height:80px;
		background:transparent url('https://robinverdegaal.nl/images/white.50.png') repeat !important;
   }
	div#rbnlog div.rbncolumn li.rbncontainer{
		float:right;
	}
	div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton{
		margin:0px 16px 16px 0px;
	}
	div#rbnlog div.rbncolumn li.rbnpanel a.rbnbutton{
		margin:0px 4px 2px 0px;
	}
	div#rbnlog div.rbncolumn a.rbnbutton:hover{
		background:#fff !important;
	}
	div#rbnlog div.rbncolumn a.rbnbutton img.rbnbuttonimg{
		width:82px;
		height:80px;
		margin-left:0;
	}
	
	
/* EXCEPTIONS ********************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */

/* ROBIN *************************************************************** */
div#rbn ul.rbnfeed li.rbnpanel.rbnintro{
	width:564px;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.rbnlog {
  background:url('https://robinverdegaal.nl/images/logo.robin.gray.png') 0px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.rbnlog:hover {
	background:#fff url('https://robinverdegaal.nl/images/logo.robin.color.png') 0px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.linkedin .rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.linkedin.gray.png') 15px -1px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.linkedin:hover .rbnbuttonimg {
	background:#fff url('https://robinverdegaal.nl/images/logo.linkedin.color.png') 15px -1px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.facebook {
	clear:left !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.facebook .rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.facebook.gray.png') 32px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.facebook:hover .rbnbuttonimg {
	background:#00549F url('https://robinverdegaal.nl/images/logo.facebook.color.png') 32px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.twitter {
	margin-right:0;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.twitter .rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.twitter.gray.png') -8px 58px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.twitter:hover .rbnbuttonimg {
	background:#66D7F5 url('https://robinverdegaal.nl/images/logo.twitter.color.png') -8px 58px no-repeat !important;
}
div#rbn ul.rbnfeed li.rbnpanel.twitter{
	font-size:8px;
	line-height:28px !important;
	text-transform:uppercase;
}
div#rbn ul.rbnfeed li.rbnpanel.twitter h2{
	font-size:20px !important;
	line-height:28px !important;
	text-transform:none;
}
div#rbnlog div.rbncolumn h2.rbncolumnmore{
	margin-bottom:25px;
}
div#rbnlog div.rbncolumn h2.rbncolumnmore a{
  display:block;
  width:56px;
	height:44px;
	overflow:hidden;
	padding-right:24px;
	background:url('https://robinverdegaal.nl/images/white.arrow.right.20.png') no-repeat;
	background-position: 56px 16px;
}
div#rbnlog div.rbncolumn h2.rbncolumnmore a:hover{
  width:564px;
	background:none;
}

/* LAB ***************************************************************** */
div#lab ul.rbnfeed li.rbnpanel.rbnintro{
	width:368px;
}
div#lab ul.rbnfeed li.rbnpanel.flickr h2{
	display:none;
}
div#lab ul.rbnfeed li.rbnpanel.flickr,
div#lab ul.rbnfeed li.rbnpanel.irememberwherewemet h2 {
	font-size:16px;
	line-height:28px;
}
div#lab ul.rbnfeed li.rbnpanel.flickr .content a img,
div#lab ul.rbnfeed li.rbnpanel.irememberwherewemet .content a img{
	margin-top:1px;
}
div#rbnlog div.rbncolumn li.rbnpanel a.rbnbutton {
	margin-left:-4px;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.flickr img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.flickr.gray.png') 0px 60px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.flickr:hover img.rbnbuttonimg {
	background:#fff url('https://robinverdegaal.nl/images/logo.flickr.color.png') 0px 60px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.youtube img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.youtube.gray.png') 31px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.youtube:hover img.rbnbuttonimg {
	background:#fff url('https://robinverdegaal.nl/images/logo.youtube.color.png') 31px 0px no-repeat !important;
}


/* JOB ***************************************************************** */
div#job ul.rbnfeed li.rbnpanel.rbnintro{
	width:368px;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.delicious img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.delicious.gray.png') 0px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.delicious:hover img.rbnbuttonimg {
	background:#FFFFFF url('https://robinverdegaal.nl/images/logo.delicious.color.png') 0px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.hku img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.hku.gray.png') 1px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.hku:hover img.rbnbuttonimg {
	background:#FFFF00 url('https://robinverdegaal.nl/images/logo.hku.color.png') -122px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.pzi img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.pzi.gray.png') 57px 59px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.pzi:hover img.rbnbuttonimg {
	background:#FFFFFF url('https://robinverdegaal.nl/images/logo.pzi.color.png') 57px 59px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.mediamatic img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.mediamatic.gray.png') 2px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.mediamatic:hover img.rbnbuttonimg {
	background:#FFFFFF url('https://robinverdegaal.nl/images/logo.mediamatic.color.png') -56px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.vpro img.rbnbuttonimg {
  background:url('https://robinverdegaal.nl/images/logo.vpro.gray.png') 24px 0px no-repeat !important;
}
div#rbnlog div.rbncolumn li.rbncontainer a.rbnbutton.vpro:hover img.rbnbuttonimg {
	background:#FFFFFF url('https://robinverdegaal.nl/images/logo.vpro.color.png') 24px 0px no-repeat !important;
}


/* FAVORITES *********************************************************** */
div#favorites ul.rbnfeed li.rbnpanel.rbnintro{
	width:368px;
}
div#favorites ul.rbnfeed li.rbnpanel.delicious-post a.delicious-link{
	font-size:24px;
	line-height:32px;
	text-transform:lowercase;
}


/* CONTACT ************************************************************* */
div#contact {
	padding-right:1600px;
}
div#contact ul.rbnfeed li.rbnpanel.rbnemail{
	width:368px;
}

	
	
	
	
/* VARIATIONS ********************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
	
	div#rbnlog.o100 div.rbncolumn li.rbnpanel,
	div#rbnlog.o100 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.100.png') repeat !important;
  }	
	div#rbnlog.o90 div.rbncolumn li.rbnpanel,
	div#rbnlog.o90 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.90.png') repeat !important;
  }
	div#rbnlog.o80 div.rbncolumn li.rbnpanel,
	div#rbnlog.o80 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.80.png') repeat !important;
  }
	div#rbnlog.o70 div.rbncolumn li.rbnpanel,
	div#rbnlog.o70 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.70.png') repeat !important;
  }
	div#rbnlog.o60 div.rbncolumn li.rbnpanel,
	div#rbnlog.o60 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.60.png') repeat !important;
  }
	div#rbnlog.o50 div.rbncolumn li.rbnpanel,
	div#rbnlog.o50 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.50.png') repeat !important;
  }
	div#rbnlog.o40 div.rbncolumn li.rbnpane,
	div#rbnlog.o40 div.rbncolumn li.rbnpanel a.rbnbutton l{
		background:transparent url('https://robinverdegaal.nl/images/white.50.png') repeat !important;
  }
	div#rbnlog.o30 div.rbncolumn li.rbnpanel,
	div#rbnlog.o30 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.30.png') repeat !important;
  }
	div#rbnlog.o20 div.rbncolumn li.rbnpanel,
	div#rbnlog.o20 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.20.png') repeat !important;
  }
	div#rbnlog.o10 div.rbncolumn li.rbnpanel,
	div#rbnlog.o10 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.10.png') repeat !important;
  }
	div#rbnlog.o01 div.rbncolumn li.rbnpanel,
	div#rbnlog.o01 div.rbncolumn li.rbnpanel a.rbnbutton {
		background:transparent url('https://robinverdegaal.nl/images/white.01.png') repeat !important;
  }



/* jquery ************************************************************** */
/* ********************************************************************* */
/* ********************************************************************* */
.rbnOverflowNone {
	background-color:#ff0;
	overflow:hidden;
}