/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

ul, ol
{
	margin-left: 15px;
}

.Close
{
	clear: both;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
body
{
	background-color: #003e7e;
}

table#Center
{
	width: 100%;
	height: 100%;
}

	table#Center td
	{
		height: 100%;
		vertical-align: middle;
	}
		
		div#Wrapper
		{
			position: relative;
			text-align: left;
			margin: 0 auto;
			width: 803px;
			height: 603px;
			background-color: #fff;
		}
		
			div#Header
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 803px;
				height: 92px;
				overflow: hidden;
			}
			
			div#Menu
			{
				position: absolute;
				padding-left: 132px;
				top: 92px;
				left: 0;
				width: 671px;
				height: 39px;
				background-image: url(../media/img/menu_bg.gif);
				background-repeat: no-repeat;
			}
			
			div#Heading
			{
				position: absolute;
				padding-left: 132px;
				top: 131px;
				left: 0;
				width: 671px;
				height: 47px;
				background-image: url(../media/img/heading_bg.gif);
				background-repeat: no-repeat;
			}
			
			div#Left
			{
				position: absolute;
				top: 178px;
				left: 32px;
				width: 162px;
				height: 345px;
				overflow: hidden;
			}
			
			div#Content
			{
				position: absolute;
				padding-left: 32px;
				padding-right: 20px;
				top: 178px;
				left: 194px;
				width: 364px;
				height: 345px;
				overflow: auto;
			}
			
			div#Right
			{
				position: absolute;
				top: 178px;
				left: 610px;
				width: 193px;
				height: 345px;
				background-image: url(../media/img/right_bg.gif);
				background-repeat: no-repeat;
			}
			
			div#Footer
			{
				position: absolute;
				top: 523px;
				left: 0;
				width: 803px;
				height: 80px;
				background-image: url(../media/img/footer_bg.gif);
				background-repeat: no-repeat;
			}
			
/*
 *Text
 */
h1, h2, h3, h4, h5, h6, p, a, ul, ol, th, td, form, fieldset, legend, label, input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #003e7e;
	display: block;
	height: 24px;
	padding-top: 10px;
	background-image: url(../media/img/green_dot.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
	
	h1.Welkom
	{
		width: 85px;
	}
	
	h1.Wie
	{
		width: 85px;
		padding-left: 85px;
	}
	
	h1.Werkwijze
	{
		width: 104px;
		padding-left: 170px;
	}
	
	h1.Diensten
	{
		width: 104px;
		padding-left: 276px;
	}
	
	h1.Referenties
	{
		width: 105px;
		padding-left: 380px;
		background-image: url(../media/img/white_dot.gif);
	}
	
	h1.Nieuws
	{
		width: 85px;
		padding-left: 486px;
		background-image: url(../media/img/white_dot.gif);
	}
	
	h1.Contact
	{
		width: 70px;
		padding-left: 580px;
		background-image: url(../media/img/white_dot.gif);
	}

p, ul, ol, a
{
	font-size: 10px;
	line-height: 18px;
	color: #000;
}

a:hover
{
	color: #c8df8e;
}

div#Footer a
{
	position: absolute;
	top: 52px;
	left: 32px;
}

div#Footer a:hover
{
	color: #fff;
}

/*Nav*/
#Nav
{
	margin: 0;
	padding: 0;
	list-style: none;
}

	#Nav li
	{
		float: left;
	}

	#Nav li a
	{
		display: block;
		height: 24px;
		padding-top: 10px;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		color: #000;
		float: left;
	}
	
		/*Background*/
		#Nav li a.Green
		{
			background-image: url(../media/img/green_dot.gif);
			background-position: right top;
			background-repeat: no-repeat;
		}
	
		#Nav li a.White, #Nav li a.Referenties
		{
			background-image: url(../media/img/white_dot.gif);
			background-position: right top;
			background-repeat: no-repeat;
		}
		
		#Nav li a.Contact
		{
			background: none;
		}
		
		/*Width*/
		#Nav li a.Welkom,
		#Nav li a.Wie,
		#Nav li a.Nieuws,
		#Nav li a.Contact
		{
			width: 85px;
		}
		
		#Nav li a.Werkwijze,
		#Nav li a.Diensten,
		#Nav li a.Referenties
		{
			width: 105px;
		}
		
		/*Hover*/
		#Nav li a:hover,
		#Nav li a.Green:hover
		{
			color: #c8df8e;
		}
		
		#Nav li a.White:hover, #Nav li a.Nieuws:hover
		{
			color: #fff;
		}
		
			/*Active hidden*/
			body#Welkom #Nav li a.Welkom,
			body#Wie #Nav li a.Wie,
			body#Werkwijze #Nav li a.Werkwijze,
			body#Diensten #Nav li a.Diensten,
			body#Referenties #Nav li a.Referenties,
			body#Nieuws #Nav li a.Nieuws,
			body#Contact #Nav li a.Contact
			{
				visibility: hidden;
			}