/*-----------------------------------------------------------------------
STANDAARD-KLASSEN
-----------------------------------------------------------------------*/
html, body
{
	font-family: Arial;
	font-size: 14px;
	background-color: #a2a1a1;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1
{
	margin-top: 0px;
	margin-bottom: 20px;
}

p
{
	margin-top: 0px;
	margin-bottom: 20px;
}


/*-----------------------------------------------------------------------
LAYOUT-KLASSEN
-----------------------------------------------------------------------*/
#siteContainer
{
	position: relative;
	width: 994px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
	#siteContainer #siteHeader
	{
		position: relative;
		width: 874px;
		height: 80px;
		padding-left: 60px;
		padding-right: 60px;
		padding-top: 14px;
		clear: both;
	}
	
		#siteContainer #siteHeader #siteHeaderLeft,
		#siteContainer #siteHeader #siteHeaderRight
		{
			position: relative;
			float: left;
		}
		
		#siteContainer #siteHeader #siteHeaderLeft
		{
			margin-left: 15px;
		}
		
			#siteContainer #siteHeader #siteHeaderRight .SprekendBeeld,
			#siteContainer #siteHeader #siteHeaderRight .SprekendBeeldFront,
			#siteContainer #siteHeader #siteHeaderRight .SprekendBeeldSelected
			{
				position:absolute;
				width: 200px;
				height: 39px;
				cursor: pointer;
				top: 17px;
				left: 13px;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .SprekendBeeld
			{
				background: url("Images/SprekendBeeld.jpg") top left no-repeat;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .SprekendBeeldFront
			{
				background: url("Images/SprekendBeeldFront.jpg") top left no-repeat;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .SprekendBeeldSelected
			{
				background: url("Images/SprekendBeeldSelected.jpg") top left no-repeat;
			}
			
				#siteContainer #siteHeader #siteHeaderRight .SprekendBeeld:hover,
				#siteContainer #siteHeader #siteHeaderRight .SprekendBeeldSelected:hover
				{
					background: url("Images/SprekendBeeldHover.jpg") top left no-repeat;
				}
				
				#siteContainer #siteHeader #siteHeaderRight .SprekendBeeldFront:hover
				{
					background: url("Images/SprekendBeeldHoverFront.jpg") top left no-repeat;
				}
			
			#siteContainer #siteHeader #siteHeaderRight .Portfolio,
			#siteContainer #siteHeader #siteHeaderRight .PortfolioFront,
			#siteContainer #siteHeader #siteHeaderRight .PortfolioSelected
			{
				position:absolute;
				width: 100px;
				height: 39px;
				cursor: pointer;
				top: 15px;
				left: 224px;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .Portfolio
			{
				background: url("Images/Portfolio.jpg") top left no-repeat;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .PortfolioFront
			{
				background: url("Images/PortfolioFront.jpg") top left no-repeat;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .PortfolioSelected
			{
				background: url("Images/PortfolioSelected.jpg") top left no-repeat;
			}
			
				#siteContainer #siteHeader #siteHeaderRight .Portfolio:hover,
				#siteContainer #siteHeader #siteHeaderRight .PortfolioSelected:hover
				{
					background: url("Images/PortfolioHover.jpg") top left no-repeat;
				}
				
				#siteContainer #siteHeader #siteHeaderRight .PortfolioFront:hover
				{
					background: url("Images/PortfolioHoverFront.jpg") top left no-repeat;
				}
			
			#siteContainer #siteHeader #siteHeaderRight .Contact,
			#siteContainer #siteHeader #siteHeaderRight .ContactFront,
			#siteContainer #siteHeader #siteHeaderRight .ContactSelected
			{
				position:absolute;
				width: 110px;
				height: 39px;
				cursor: pointer;
				top: 16px;
				left: 373px;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .Contact
			{
				background: url("Images/Contact.jpg") top left no-repeat;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .ContactFront
			{
				background: url("Images/ContactFront.jpg") top left no-repeat;
			}
			
			#siteContainer #siteHeader #siteHeaderRight .ContactSelected
			{
				background: url("Images/ContactSelected.jpg") top left no-repeat;
			}
			
				#siteContainer #siteHeader #siteHeaderRight .Contact:hover,
				#siteContainer #siteHeader #siteHeaderRight .ContactSelected:hover
				{
					background: url("Images/ContactHover.jpg") top left no-repeat;
				}
				
				#siteContainer #siteHeader #siteHeaderRight .ContactFront:hover
				{
					background: url("Images/ContactHoverFront.jpg") top left no-repeat;
				}
		
		#siteContainer #siteHeader #siteHeaderRight .selected
		{
			color: #8cc5ca;
		}
		
		#siteContainer #siteHeader #siteHeaderLeft
		{
			width: 38%;
		}
		
		#siteContainer #siteHeader #siteHeaderRight
		{
			padding-top: 10px;
			width: 57%;
		}
		
		#siteContainer #siteHeader #siteHeaderRight a
		{
			font-size: 35px;
			color: #333333;
			text-decoration: none;
			padding-right: 50px;
		}
		
		#siteContainer #siteHeader #siteHeaderRight a:hover
		{
			color: #acacac;
		}