/* BACKGROUND (HEADER)
-----------------------------------------------------------*/
#headerBg	{	left:0;
				position:absolute;
				top:0;
				width:100%;
			}

#balk	{
	background: url(../images/trans/transpBlack50.png);
	color: white;
	height:100px;
	left:2px;
	position:absolute;
	text-align:right;
	top:100px;
	width:100%;
			}

/*---------------------------------------------------------*/


/* WRAPPER
-----------------------------------------------------------*/
#wrapper 	{
	margin:0px auto;
	width:960px;
	}
/*---------------------------------------------------------*/


/* HEADER
-----------------------------------------------------------*/	  	
#header		{	position:relative;
				width:960px;		
			}	
			
#menu		{
	height:25px;
	left:463px;
	position:absolute;
	top:165px;
			}

#mobiel		{
	height:25px;
	left:0px;
	position:absolute;
	top:165px;
			}

#logo-tb	{
	height:100px;
	width:960px;
	left:1px;
	position:absolute;
	top:100px;
	background-repeat: no-repeat;
			}
			
#logo		{
	height:54px;
	left:0px;
	position:absolute;
	top:20px;
			}
#flag		{
	height:54px;
	left:905px;
	position:absolute;
	top:20px;
			}



/*---------------------------------------------------------*/

/* CONTENT
-----------------------------------------------------------*/
#content	{	margin:0px auto;
				left:0;
				position:relative;
				top:240px;
				width:960px;
				}
			
.project	{	background: url(../images/trans/transpBlack50.png);
	            color: white;
				left:440px;
				margin-bottom:20px;
				padding:20px;
				position:relative;
				top:0;
				width:482px;
				}
						
.project ul		{margin:20px 0 0 0px;}
				
.project ul li	{color:#FFF;
				font-size:16px;
				line-height:25px;
}
.project ul li a	{ color:#8d9fac;
					font-size:16px;}

.project ul li a:hover	{ color:#5c6871;}

.project ul li span{ font-size:16px; 
					font-style:italic;}
				
.project p	a	{ color:#8d9fac; 
				font-size:16px;}
				
.project ul li	a:hover	{ color:#5c6871;}
				
.projectPadding{	line-height:40px;
					padding-bottom:5px;
					}
.picture{
	padding:0px;
	margin-top:10px;
							}
.picture img{
	border: 1px;
	border-color:#FFF;
				}

.top	{	font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			font-style:italic;
			line-height:44px;
		}

.top a	{
	color:#CCC;
		}

.top a:hover	{ color:#0dadff;}
		
.viewclip{	padding:44px 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-style:italic;
			line-height:44px;
		}
	
.viewclip a	{ color:#0dadff;
		}

.viewclip a:hover	{ color:#ffffff;}
		
/*---------------------------------------------------------*/

/* TYPOGRAPHY
-----------------------------------------------------------*/
p	{
	color:#0f0f0f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	}

.grijstekst	{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
			}

.wittekst	{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
			}
/*---------------------------------------------------------*/

/* GENERIC (LISTS, FORMS, BUTTONS ETC)
-----------------------------------------------------------*/
	#menu ul	{	margin-left:-45px; }
	#menu ul li	{	display:inline; list-style-type:none; margin-left:45px; letter-spacing:2px }
	#menu ul li a{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}
	#menu ul li a:hover	{
	border-bottom:2px solid #ffffff;
	color:#0dadff;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}
	#menu ul li a.selected{
	border-bottom:2px solid #ffffff;
	color:#0dadff;
	font-weight:bold;
}
	
#mobiel ul	{	margin-left:-45px; }
	#mobiel ul li	{	display:inline; list-style-type:none; margin-left:45px; letter-spacing:2px }
	#mobiel ul li a{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
}