html
{
	overflow			: auto;
}

body
{
	margin				: 0;
	font-family			: Verdana;
	background-color	: #FFFFFF;
}

/* LAYOUT */

td
{
	font 				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #000000;
}

table.bodyPanel
{
	width				: 100%;
	height				: 100%;
	border				: solid 0px #00FF00;
}

td.defaultPanel
{
	border				: solid 0px #00FF00;
}

#topLeft		{width: 33%;height: 30%;background-image: url("../img/background/topLeft.jpg"); background-position: bottom right; background-repeat: repeat-y;}
#topRight		{width: 67%;height: 30%;background-image: url("../img/background/topRight.jpg"); background-position: bottom left; background-repeat: no-repeat;}
#bottomLeft		{width: 33%;height: 70%;background-image: url("../img/background/bottomLeft.jpg"); background-position: top right; background-repeat: repeat-y;}
#bottomRight	{width: 67%;height: 70%;background-image: url("../img/background/bottomRight.jpg"); background-position: top left; background-repeat: repeat-y;}
#bottomRightImp	{width: 67%;height: 70%;background-image: url("../img/background/bottomRightImpressie.jpg"); background-position: top left; background-repeat: repeat-y;}

td.pagefoto
{
	background-position	: top left; 
	background-repeat		: no-repeat;
}

div.relativePanel
{
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	position			: relative;
	border				: solid 0px #00FF00;
}

div.leftShadowPanel
{
	top					: 0px;
	top					: 0px;
	right				: 0px;
	width				: 419px;
	height				: 9px;
	position			: absolute;
	border				: solid 0px #00FF00;
	background-image	: url("../img/background/leftShadow.jpg");
	background-repeat	: no-repeat;
}

div.logoPanel
{
	top					: -140px;
	right				: 50px;
	width				: 185px;
	height				: 107px;
	position			: absolute;
	border				: solid 0px #00FF00;
}

div.textPanel
{
	width				: 270px;
	border				: solid 0px #00FF00;
	font				: 11px Tahoma;
	color				: #343333;
	text-align			: justify;
	line-height			: 20px;
}

#scrollPanel
{
	top					: 25px;
	right				: 23px;
	width				: 304px;
	height				: 400px;
	position			: absolute;
	border				: solid 0px #FF0000;
	overflow			: auto;
	padding-right		: 0px;
	/* IE overflow fix, position must be relative or absolute*/
}

#withoutScrollPanel
{
	top					: 25px;
	right				: 23px;
	width				: 304px;
	height				: 400px;
	position			: absolute;
	border				: solid 0px #00FF00;
	padding-right		: 0px;
}

div.textPanel h1
{
	font				: 16px Tahoma;
	color				: #343333;
}

div.textPanel h2
{
	font				: 14px Tahoma;
	color				: #343333;
}


div.textPanel a
{
	color				: #343333;
	text-decoration		: none;
}

div.textPanel a:hover
{
	color				: #343333;
	text-decoration		: underline;
}

td.text
{
	font				: 11px Tahoma;
	color				: #343333;
	text-align			: justify;
	line-height			: 20px;
}


div.WidthPlaceHolder
{
	height				: 142px;
	width				: 350px;
	position			: relative;
	border				: solid 0px #00FF00;
}

div.HeightPlaceHolder
{
	height				: 450px;
	width				: 350px;
	position			: relative;
	border				: solid 0px #00FF00;
}

div.logger
{
	top					: 0px;
	right				: 0px;
	width				: 300px;
	height				: 300px;
	position			: absolute;
	font				: 10px Verdana;
	color				: #000000;
	background-color	: #FFFFFF;
}

/* IMPRESSIE */

div.impressiePanel
{
	top					: 37px;
	right				: 27px;
	width				: 250px;
	position			: absolute;
	border				: solid 0px #00FF00;
	font				: 11px Tahoma;
}

div.impressiePhotoPanel
{
	top					: 37px;
	right				: -467px;
	width				: 440px;
	position			: absolute;
	border				: solid 0px #00FF00;
	font				: 11px Tahoma;
	z-index				: 10;
}

img.smallimage
{
	margin-right		: 9px;
	margin-bottom		: 9px;
	width				: 86px;
	height				: 86px;
	border				: solid 1px #BCBCBC;
}

div.impressieBlock
{
	width				: 250px;
	height				: 90px;
	position			: relative;
	border				: solid 0px #00FF00;
	background-image	: url("../img/background/border.gif");
	background-repeat	: no-repeat;
}

div.impressieInnerBlock
{
	top					: 2px;
	left				: 2px;
	width				: 246px;
	height				: 86px;
	border				: solid 0px #00FF00;
	position			: absolute;
	cursor				: pointer;
}

div.impressieBlockImage
{
	top					: 0px;
	left				: 0px;
	width				: 246px;
	height				: 86px;
	position			: absolute;
	border				: solid 0px #00FF00;
}

div.impressieBlockLabel
{
	top					: 57px;
	left				: 0px;
	width				: 246px;
	height				: 29px;
	position			: absolute;	
	background-color	: #FFFFFF;
	opacity				: 0.75;
	filter				: alpha(opacity = 75);

}

div.impressieTextLabel
{
	top					: 65px;
	left				: 9px;
	width				: 228px;
	height				: 12px;
	position			: absolute;	
	font				: 10px Verdana;
	color				: #252525;
	text-align			: right;
	font-weight			: bold;
}

div.impressieSpacing
{
	width				: 250px;
	height				: 6px;
	position			: relative;
	font				: 6px Verdana;
}

div.impressieNavigation
{
	width				: 243px;
	height				: 20px;
	position			: relative;
	font				: 10px Verdana;
	color				: #252525;
	text-align			: right;
	font-weight			: bold;
}

div.impressieNavigation a
{
	color				: #252525;
	text-decoration		: none;
}

div.impressieNavigation a:hover
{
	color				: #252525;
	text-decoration		: underline;
}

/* START MENU */

div.line
{
	top					: 0px;
	left				: 50px;
	width				: 21px;
	height				: 100%;
	position			: absolute;
	background-image	: url("../img/background/line.gif");
	background-position	: bottom left;
	background-repeat	: repeat-y;
}

div.menuPanel
{
	bottom				: 36px;
	left				: 50px;
	width				: 554px;
	height				: 17px;
	position			: absolute;
	border				: solid 0px #0000FF;
	z-index				: 99;
	background-image	: url("../img/background/menupanel.gif");
	background-repeat	: no-repeat;
}

div.subMenuPanel
{
	bottom				: 13px;
	left				: 328px;
	width				: 160px;
	height				: 17px;
	position			: absolute;
	border				: solid 0px #0000FF;
	z-index				: 99;
	background-image	: url("../img/background/submenupanel.gif");
	background-repeat	: no-repeat;
}

div.menuItem
{
	height				: 17px;
	border				: solid 0px #0000FF;
	cursor				: pointer;
	float				: left;
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
}

div.menuSpace
{
	
	width				: 41px;
	height				: 17px;
	border				: solid 0px #0000FF;
	float				: left;
}

div.subMenuSpace
{
	
	width				: 32px;
	height				: 17px;
	border				: solid 0px #0000FF;
	float				: left;
}

#welkom					{width: 47px;}
#bedrijf				{width: 46px;}
#werkwijze				{width: 62px;}
#certificering			{width: 75px;}
#impressie				{width: 56px;}
#contact				{width: 50px;}

div.menuItem img
{
	margin-top			: 5px;
	border				: solid 0px #0000FF;
}

/* END MENU */

/* DESIGN BY NO3 SECTION */

div.NummerDrie			{width: 44px; height: 17px; top: 10px; right: 10px; position: absolute;}
div.NummerDrie a		{color: #000000; text-decoration: none;}
div.NummerDrie a:hover	{color: #000000; text-decoration: none;}
div.NummerDrie img		{border: solid 0px #000000;}

/* END SECTION */
