/**
	/*navigation: topnav & sidenav
	**
	
	/* topnav */
	#idTopNavContainer ul li
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: block;
		position:relative;
		float: right;
		right:250px;
		top:20px;
		font: 10px/20px "Lucida Grande", verdana, sans-serif;
		text-align: center;
	}
	
	#idTopNavContainer ul li a {
		padding: 0;
		margin: 0;
	}	
	
	
	
	/**
	* width image=100 & height=33: waarom gaat dit fout? ul/li/a box settings? transparante gif??
	* probleem was dat margin/padding 0 moet zijn bij <a>
	**/
	#idTopNavContainer #idSerious a
	{
		color: #000;
		text-decoration: none;
		display: block;
		background: url("../images/serious-button-small3-trans1.gif");
		width: 100px;
		height: 33px;
		padding: 0;
		margin: 0;		
	}
	
	#idTopNavContainer #idGaming a
	{
		color: #000;
		text-decoration: none;
		display: block;
		background: url("../images/gaming-button-small3-trans1.gif");
		width: 100px;
		height: 33px;
		padding: 0;
		margin: 0;
	}
	
	#idTopNavContainer #idContact a
	{
		color: #000;
		text-decoration: none;
		display: block;
		background: url("../images/contact-button-small3-trans1.gif");
		width: 100px;
		height: 33px;
		padding: 0;
		margin: 0;		
	}
	
	#idTopNavContainer #idPortfolio a
	{
		color: #000;
		text-decoration: none;
		display: block;
		background: url("../images/portfolio-button-small3-trans1.gif");
		width: 100px;
		height: 33px;
		padding: 0;
		margin: 0;		
	}
		
	#idTopNavContainer #idSerious a:hover { 
		color: #000;
		text-decoration: none;
		display: block;	
		background: url("../images/serious-rollover-button-small3-trans1.gif"); 
		width: 100px;
		height: 33px;		
	}
	
	#idTopNavContainer #idGaming a:hover { 
		color: #000;
		text-decoration: none;
		display: block;		
		background: url("../images/gaming-rollover-button-small3-trans1.gif");
		width: 100px;
		height: 33px;			
	}
	
	#idTopNavContainer #idContact a:hover { 
		color: #000;
		text-decoration: none;
		display: block;		
		background: url("../images/contact-rollover-button-small3-trans1.gif"); 
		width: 100px;
		height: 33px;			
	}
	
	#idTopNavContainer #idPortfolio a:hover { 
		color: #000;
		text-decoration: none;
		display: block;		
		background: url("../images/portfolio-rollover-button-small3-trans1.gif"); 
		width: 100px;
		height: 33px;	
	}	
	
	/* idSubMenu */
	#idSubMenu { 
		width: 175px;
		margin-left:-10px;
		margin-top:150px;
		
		/*IE hack*/
		_margin-top:75px;	
		_margin-left:0;				
	}
	
	#idSubMenu h1, h2, h3 {
		color:#eee;
	}	
	
	#idSubMenu ul
	{
		margin-left: 15px;
		padding-left: 0;
		list-style-type:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		color:#fff;
	}
	
	#idSubMenu li	
	{
		margin-bottom:10px;
	}	
	
	#idSubMenu a
	{
		color: #eee;	
		display: block;
		padding: 3px;
		/*width: 110px;*/
		background-color: none;	
		background:none;	
		text-decoration:none;
		font-weight:bold;
	}
	
	#idSubMenu a:link, #navlist a:visited
	{
		color: #eee;		
		display: block;
		padding: 3px;
		/*width: 170px;*/
		background-color: none;		
		background:none;		
		text-decoration:none;
		font-weight:bold;		
	}
	
	#idSubMenu a:hover
	{
		text-decoration:underline;
		background-color:none;			
		background:none;
		font-weight:bold;				
	}