/* ***
	algemeen
*** */
html, body	
{
	height: 100%;
	margin: 0;
	padding: 0;	
	overflow: hidden ;
}

a img
{
	border: none 0;	
}

form
{
	margin: 0;
	padding: 0;
	height: 100%;
}

.close
{
	clear: both;
}

/* ***
	Webcontent
*** */
body
{
	background-color: #fff;	
}
	

div#Header
{
	position: relative;
	height: 100px;
	margin: 0;
	padding: 0;	
}

div#Divider
{
	position: relative;
	height: 5px;
	margin: 0;
	padding: 0;	
	background-color: #8a9bad;
}

div#Footer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 105px;
	background-color: #8a9bad;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#Spinner{
	display: none;
	position: absolute;
	width: 100%;
	height: 80px;
	top: 100px;
	left: 0;
}
	
div.Callback
{
	position: absolute;
	top: 105px;
	bottom: 115px;
	height: auto;
	height: expression( parseInt( parentNode.offsetHeight ) - 216 );
	width: 100%;
	overflow: auto;
}

	div.Callback .BlockContainer
	{ 
		position: relative; 
		margin: 0;
		padding: 0;
		min-height: 100%; 
		height: auto !important;
		height: 100%;		
	}
	
	div.Callback .BlockContainer .Stretcher
	{
		position: relative;
		margin: 0;
		padding: 0;
		height: 1px;
		width: 900px;
		overflow: hidden;		
	}

	div.Callback .BlockContainer .MainBlock
	{ 
		position: relative;
		margin: 0;
		padding: 40px;
		height: auto; 
		z-index: 3;	
	}
	

	
	div.Callback .BlockContainer .BgBlock
	{			
		position: absolute; 
		top: 0;
		bottom: 0; 
		left: 0; 
		width: 100%;
		height: expression( parseInt( parentNode.offsetHeight ) );		
		background-repeat: no-repeat;		
		z-index: 2;		
	}
				
/* ***
	pagina's
*** */

/* * Who we are * */
div.Callback div#WhoWeAre div.MainBlock
{
	width: 75%;
	padding-bottom: 0;
}

div.Callback div#WhoWeAre div.BgBlock
{	
	background-image: url(../media/img/WhoWeAreBg.jpg);
	background-position: left bottom;
	background-color: #dbe5ee;
}

/* * Home * */
body.Home
{
}

	body.Home div#Divider
	{
		visibility: hidden;
	}
	
	body.Home div#Header
	{
	}

div.Callback div#Home div.MainBlock
{
	padding: 0;	
	padding-top: 40px;
	padding-bottom: 290px;
	text-align: center;
	vertical-align: middle;
}

div.Callback div#Home div.BgBlock
{
	background-color: #fff;
	background-image: url(../media/img/home_bg.jpg);
	background-position: left bottom;	
}

/* * What We Do * */
div.Callback div#WhatWeDo
{
	text-align: right;
}

div.Callback div#WhatWeDo div.MainBlock
{
	padding-bottom: 250px;
	width: 500px;	
	margin-right: 50px;
	text-align: left;	
}

div.Callback div#WhatWeDo div.BgBlock
{
	background-color: #fefefe;
	background-image: url(../media/img/what_we_do_bg.jpg);
	background-position: left bottom;		
}

/* * What we stand for * */
div.Callback div#WhatWeStandFor div.BgBlock
{
	background-color: #ffffff;
	background-image: url(../media/img/what_we_stand_for_left.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.Callback div#WhatWeStandFor div.MainBlock
{
	width: 600px;
	padding-bottom: 250px;
	margin-right: 50px;
	text-align: left;
}

/* * What we stand for2 * */
div.Callback div#WhatWeStandFor2
{
	text-align: right;	
}

div.Callback div#WhatWeStandFor2 div.BgBlock
{
	background-color: #ffffff;
	background-image: url(../media/img/what_we_stand_for_right.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.Callback div#WhatWeStandFor2 div.MainBlock
{
	margin-left: 100px;
	margin-right: 50px;
	padding-bottom: 250px;
	text-align: left;
}

/* * why us * */	
div.Callback div#WhyUs div.BgBlock
{
	background-color: #ffffff;
	background-image: url(../media/img/Why_KD.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.Callback div#WhyUs div.MainBlock
{
	width: 800px;
	margin-right: 50px;
	padding-bottom: 250px;
	text-align: left;
}

/* * History */
div.Callback div#History div.BgBlock
{
	background-color: #e0d6bb;
	background-image: url(../media/img/history_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.Callback div#History div.MainBlock
{
	padding-left: 560px;
	padding-bottom: 10px;
	text-align: left;
}
	
/* * Contact * */
div.Callback div#Contact div.BgBlock
{
	background-color: #fff;
	background-image: url(../media/img/Contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.Callback div#Contact div.MainBlock
{
	padding-bottom: 280px;
	text-align: left;
}

/* ***
	Anders
*** */
table.LoadingPanel
{
	text-align: center;
	width: 100%;
	margin-top: 50px;	
}

/* ***
	alternatief menu als geen flash
*** */
div#Header div.Menu
{
	position: relative;
	background-image: url(../media/img/MainMenuState.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 100px;
	margin: 0;
	padding: 0;
}
	div.Menu a,
	div.Menu a:visited
	{
		display: block;
		position: absolute;
		width: 31px;
		height: 30px;	
		top: 44px;
		text-decoration: none;
	}
	
		div.Menu a:hover,
		div.Menu a:visited:hover
		{		
			background: transparent;
			background-image: url(../media/img/Circleover.gif);
			background-repeat: no-repeat;	
		}
			
		div.Menu a span,
		div.Menu a:visited span
		{
			visibility: hidden;
			position: absolute;
			top: 32px;
			width: 300px;
			text-align: center;
			left: -135px;
			height: 23px;	
			
			font-weight: bold;
			font-style: italic;			
		}
			
			div.Menu a:hover span,
			div.Menu a:visited:hover span
			{
				visibility: visible
			}	
				
	div.Menu a#MenuHome
	{
		left: 407px;
	}
	
	div.Menu a#MenuWho
	{
		left: 460px;
	}
	
	div.Menu a#MenuWhat
	{
		left: 513px;
	}
	
	div.Menu a#MenuStand
	{
		left: 566px;
	}		
	
	div.Menu a#MenuWhy
	{
		left: 619px;
	}	
	
	div.Menu a#MenuHistory
	{
		left: 672px;
	}		
	
	div.Menu a#MenuContact
	{
		left: 725px;
	}	
	
	div.Menu a.Selected
	{
		background-image: url(../media/img/Circleover.gif);
	}
	
div#Footer p
{
	padding-top: 10px;
	width: 950px;
	text-align: right;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}