/* CSS Document */


html 
	{ 
		height: 100%; 
		margin-bottom: -1px; 
	}
	
body 
	{
		margin: 0;
		text-align: center;
		padding: 0;
		background-color:#000000;
		background-image:url(images/bg.gif);
		background-repeat:repeat-x;
	}

#container
	{
		width:710px;
		margin:auto;
	}

#header
	{
		width:710px;
		height:120px;
		background-image:url(images/header.gif);
		background-repeat:no-repeat;
	}
	
#menu
	{
		width:710px;
	}
	
#navigatie 
	{
		padding: 0;
		margin-left:28px;
		font: 11px Lucida Grande, Tahoma, Verdana, Helvetica, Arial, Sans-serif;
		line-height: 1.3em;
		font-weight: normal;
	}

#navigatie ul 
	{
		margin: 0;
		padding: 0;
	}

#navigatie ul li 
	{
		margin: 0;
		padding: 0;
		display: block;
		float:left;
		text-align: center;
	}

#navigatie ul li a 
	{
		border:1px solid #333333;
		color : #EEEEEE;
		text-decoration : none;
		display: block;
		height: 20px;
		width: 94px;
		padding-top:4px;
		margin-right:4px;
		margin-bottom:30px;
	}

#navigatie ul li a:hover,#navigatie ul li a:active, #navigatie ul li a.active  
	{
		border:1px solid #666666;
		height: 20px;
		width: 94px;
		padding-top: 4px;
		color:#00AEFF;
		margin-right:4px;
		margin-bottom:30px;
	}


	
#content
	{
		width:710px;
		text-align:justify;
		color:#EEEEEE;
		font: 11px Lucida Grande, Tahoma, Verdana, Helvetica, Arial, Sans-serif;
		line-height: 1.3em;
		font-weight: normal;
		margin-left:28px;
	}
	
#content a
	{
		color:#00AEFF;
		text-decoration:underline;
	}


#content a:hover
	{
		color:#00AEFF;
		text-decoration:underline;
	}
	
.spacer
	{
		clear:both;
	}
	
#footer
	{
		font: 10px Lucida Grande, Tahoma, Verdana, Helvetica, Arial, Sans-serif;
		margin-top:20px;
		padding-top:25px;
		height:100px;
		width:100%;
		color:#666666;
	}
	
#footer a
	{
		color:#666666;
		text-decoration:none;
	}


#footer a:hover
	{
		color:#00AEFF;
		text-decoration:none;
	}
	
#project 
	{
		width: 600px;
		padding:0px;
		text-align:center;
	}
	
#screenshot 
	{
		width: 500px;
		height: 300px;
		border: 1px solid #333333;
		padding:5px;
	}

#project a img 
	{
		border: 1px solid #333333;
	}

#project a:hover img, #project a:active img 
	{
		border: 1px solid #333333;
	}


#screen 
	{
		color: #fff;
		margin-left:45px;
	}

#screen div 
	{
		color: #fff;
		background: #333333;
		float: left;
		margin-right: 5px;
	}

#screen div span 
	{
		display: none;
	}

#screen div a 
	{
		color: #fff;
		background-color: #333333;
		text-decoration: none;
		height: 20px;
		width: 20px;
		display: block;
		text-align: center;
		vertical-align: middle;
		line-height: 20px;
	}

#screen div a:hover, #screen div a:active
	{
		background-color:#666666;
		text-decoration:none;
	}