@charset "utf-8";
/* CSS Document */


/* Alle dots plaatsen */

#dot1 {
	position:absolute;
	top: 2%;
	left: 3%;
	width: 130px;
	height: 130px;
}

#dot2 {
	position: absolute;
	top: 24%;
	left: 12%;
	width: 130px;
	height: 130px;;
	
}

#dot3 {
	position: absolute;
	top: 10%;
	left: 90%;
	width: 130px;
	height: 130px;;
	
}

#dot4 {
	position: absolute;
	top: 70%;
	left: 80%;
	width: 130px;
	height: 130px;
	;
	
}

#dot5 {
	position: absolute;
	top: 78%;
	left: 15%;
	width: 130px;
	height: 130px;;
	
}
/* Opmaak Site */
body {
	color:#000000;
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

p2
	{
		font-family: Arial, Helvetica, sans-serif;
		color:#000;
		font-size:14px;
		font-weight:bold;
	}
	
p1 {
position:absolute;
bottom:0px;
left:0px;
margin:0px;
padding:0px;
border:0px;
}

#outer {background: FFFFFF;}
	
	#wrapper 
	{
	width:768px;
	height:768px;
	margin: 10 auto;
	background: transparent ;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -383px;
		
		
	}
	#wrapper #clock1 
		{
	color: #FFFFFF;
	background: transpararent;
	font-weight: bold;
	height:20px;
	width:106px;
	position:absolute;
	left: 658px;
	top: 7px;
			
		}
	#wrapper #clock2 
		{
	color: #FFFFFF;
	background: transpararent;
	font-weight: bold;
	height:83px;
	width:102px;
	position:absolute;
	left: 659px;
	top: 28px;
			
		}
			#wrapper #header 
		{
			background: transpararent;
			height:110px;
			width:500px;
			position:relative;
			left: 135px;
			
		}
			#wrapper #main 
		{
			background: transpararent;
			width:768px;
			height: 536px;
			position:absolute;
			top: 125px;
			left: 0px;
			
		}
		
		#wrapper #dot 
		{
	background: transpararent;
	width:181px;
	height: 181px;
	position:absolute;
	top: 355px;
	left: 557px;
			
		}
		
		#wrapper #left a:link
						{
							color:#FFFFFF;
							text-decoration: none;
							font-size: 16;
						 	font-weight: bold;
							
						 }
				  #wrapper #left a:hover 
						{
							color: #FFFFFF;
							text-decoration: none;
							background-color: #890f0a;
						}
				  #wrapper #left a:visited
						{
							color: #FFFFFF;
							text-decoration: none;
							font-weight: bold;
							
						}
			#wrapper #left
{				
				background: transparent;
				height:520px;
				width:100px;
				float:left;
				margin:6px 20px 0 0;
				padding:5px 7px;
				
			}
			#wrapper #center 
			{
				background: transparent;
				height:520px;
				width:485px;
				float:left;
				margin:6px 20px 0 0;
				padding:5px 7px;
			}
			#wrapper #right 
			{
				background: transparent;
				height:520px;
				width:100px;
				float:right;
				margin:6px 0px 0 0;
				padding:5px 7px;
			}
			
			#wrapper #right a:link
						{
							color:#FFFFFF;
							text-decoration: none;
							font-size: 16;
						 	font-weight: bold;
							
						 }
			#wrapper #right a:hover 
						{
							color: #222934;
							text-decoration: none;
							background-color: #890f0a;
						}
			#wrapper #right a:visited
						{
							color: #FFFFFF;
							text-decoration: none;
							font-weight: bold;
							
						}
			#wrapper #footer
		{
	background: transpararent;
	color: #FFFFFF;
	width:498px;
	position:absolute;
	top: 695px;
	left: 135px;

			
		}
		#footer a:link
						{
							color:#FFFFFF;
							text-decoration: none;
							font-size: 16;
						 	font-weight: bold;
							
						 }
			#wrapper #footer a:hover 
						{
							color: #222934;
							text-decoration: none;
							}
			#wrapper #footer a:visited
						{
							color: #222934;
							text-decoration: none;
							
						}