body
{
	margin				: 0;
	font-family			: Verdana;
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
	overflow			: hidden;
}

#pageBackgroundOne
{
	top					: 0px;
	left				: 0px;
	position			: absolute;
	width				: 100%;
	height				: 100%;
	border				: solid 0px #FF0000;
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
	background-image	: url(../img/background/1.jpg);
	z-index				: -1;
	filter 				: alpha(opacity=100);
	opacity				: 1;
}

#pageBackgroundTwo
{
	top					: 0px;
	left				: 0px;
	position			: absolute;
	width				: 100%;
	height				: 100%;
	border				: solid 0px #FF0000;
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
	background-image	: url(../img/background/1.jpg);
	z-index				: -1;
	filter 				: alpha(opacity=100);
	opacity				: 1;	
}

/* LAYOUT */

td
{
	font 				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #000000;
}

table.bodyPanel
{
	width				: 100%;
	height				: 100%;
	border				: solid 0px #00FF00;
}

td.middlePanel
{
	width				: 904px;
	height				: 422px;
	border				: solid 0px #00FF00;
}

div.shadowPanel
{
	top					: -9px;
	left				: -9px;
	width				: 922px;
	height				: 440px;
	position			: relative;
	border				: solid 0px #00FF00;
	background-image	: url("../img/shadow/shadow.png");
	background-repeat	: no-repeat;
}

div.middlePanel
{
	top					: 0px;
	left				: 0px;
	width				: 904px;
	height				: 422px;
	position			: relative;
	border				: solid 0px #00FF00;
}

div.middlePanel
{
	width				: 586px;
	height				: 422px;
	position			: relative;	
	float				: left;
}

div.middlePanel img			{border: solid 0px #000000;}

#waar-text					{width : 572px; height : 15px; top: 400px; left: 7px; position: absolute; border: solid 0px #00FF00; text-align: center; font : 9px verdana; word-spacing: -1px; color : #C00479;font-weight : 400;}
div.LabelBackground			{top : 0px; left : 0px; width : 572px; height : 15px; border : solid 0px #0000FF; background-color : #313131; position : absolute; filter : alpha(opacity=80); opacity : 0.80;}
div.LabelText				{top : 0px; left : 0px; width : 572px; height : 15px; border : solid 0px #0000FF; position: absolute;}

#genomineerd_text			{width : 465px; height : 80px; top: 327px; left: 12px; position: absolute; border: solid 0px #00FF00; text-align: justify; font : 9px verdana; word-spacing: -1px; color : #21201C; line-height : 20px;font-weight : 400;}
#genomineerd_text a			{font : 9px verdana; color : #A82A83; text-decoration: none;line-height : 20px;font-weight : 600;}
#genomineerd_text a:hover	{font : 9px verdana; color : #A82A83; text-decoration: underline;line-height : 20px;font-weight : 600;}

span.purple_gn				{font : 9px verdana; font-weight : 600; color : #A82A83; line-height : 20px;}

div.flexcroll			{top : 50px; left : 50px; width : 517px; height : 322px; position : absolute;border : solid 0px #00FF00;}
div.textPanelWS			{font : 11px verdana; text-align : justify; color : #21201C; line-height : 25px; width : 486px; position: relative; border : solid 0px #00FF00;}

div.textPanel
{
	top					: 50px;
	left				: 50px;
	width				: 486px;
	height				: 322px;
	position			: absolute;
	border				: solid 0px #00FF00;
	font				: 11px verdana;
	text-align			: justify;
	color				: #21201C;
	line-height			: 25px;
}

div.textPanel a			{font : 11px verdana; color : #A82A83; text-decoration: none;line-height : 25px;font-weight : bold;}
div.textPanel a:hover		{font : 11px verdana; color : #A82A83; text-decoration: underline;line-height : 25px; font-weight : bold;}

h1						{font : 11px verdana; color : #A82A83; margin: 0px; text-decoration: none;line-height : 20px;font-weight : bold;}

a.purple				{font : 11px verdana; color : #A82A83; text-decoration: none;line-height : 25px;font-weight : bold;}
a.purple:hover			{font : 11px verdana; color : #A82A83; text-decoration: underline;line-height : 25px; font-weight : bold;}

a.black					{font : 11px verdana; color : #21201C; text-decoration: none;line-height : 25px;}
a.black:hover			{font : 11px verdana; color : #21201C; text-decoration: underline;line-height : 25px; }

a.diensten				{font : 11px verdana; color : #21201C; text-decoration: none;}
a.diensten:hover		{font : 11px verdana; color : #21201C; text-decoration: underline;}

span.purple
{
	font				: 11px verdana;
	font-weight			: bold;
	color				: #A82A83;
	line-height			: 20px;
}

div.contactPanel
{
	top					: 50px;
	left				: 50px;
	width				: 486px;
	height				: 322px;
	position			: absolute;
	border				: solid 0px #00FF00;
	font				: 11px verdana;
	color				: #21201C;
	line-height			: 29px;
}

div.contactPanel a
{
	font				: 11px verdana;
	color				: #21201C;
	text-decoration		: none;
}

div.contactPanel a:hover
{
	font				: 11px verdana;
	color				: #21201C;
	text-decoration		: underline;
}

div.numberPanel
{
	top					: 437px;
	right				: 0px;
	width				: 586px;
	height				: 100px;
	position			: absolute;
	border				: solid 0px #00FF00;	
}

div.websiteButton
{
	top					: 437px;
	right				: 0px;
	width				: 158px;
	height				: 24px;
	position			: absolute;
	border				: solid 0px #00FF00;
	background-image	: url("../img/background/visitsite.jpg");
	background-repeat	: no-repeat;
	cursor				: pointer;
}

div.numberItem
{
	width				: 24px;
	height				: 24px;
	background-color	: #353535;
	float				: right;
	font				: 9px Verdana;
	font-weight			: bold;
	color				: #FFFFFF;
	text-align			: center;
	line-height			: 24px;
	cursor				: pointer;
	margin-top			: 1px;
}

div.activeNumberItem
{
	background-color	: #a6156e;
}

div.verticalLine
{
	width				: 1px;
	height				: 24px;
	float				: right;
	background-image	: url("../img/menu/vertical_line.jpg");
	background-repeat	: no-repeat;
	margin-top			: 1px;
}

div.contentBack
{
	top					: 0px;
	left				: 0px;
	width				: 586px;
	height				: 422px;
	background-color	: #FFFFFF;
	position			: absolute;
	filter 				: alpha(opacity=63);
	opacity				: 0.63;	
}

#loader
{
	top					: 0px;
	left				: 0px;
	width				: 586px;
	height				: 422px;
	position			: absolute;
	background-image	: url("../img/background/ajax-loader.gif");
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
	visibility			: hidden;
}

div.contentImage
{
	width				: 100%;
	height				: 422px;
	position			: relative;
	text-align			: left;	
}

div.imageBlindPanel
{
	top					: 0px;
	width				: 100%;
	height				: 422px;
	position			: absolute;
	text-align			: center;	
	border				: solid 0px #FF0000;
}

#portfolioImage
{
	border				: solid 0px #0000FF;
}

img.visibleImage
{
	filter 				: alpha(opacity=100);
	opacity				: 1;
}

img.hiddenImage
{
	filter 				: alpha(opacity=0);
	opacity				: 0.0;
}

div.logo
{
	top					: -81px;
	left				: 22px;
	width				: 104px;
	height				: 66px;
	position			: absolute;
	border				: solid 0px #00FF00;
}

div.contentPanel
{
	top					: 0px;
	left				: 149px;
	width				: 765px;
	height				: 422px;
	border				: solid 0px #00FF00;
	position			: absolute;
}

/* START MENU */

div.menuBackPanelLeft
{
	top					: 0px;
	left				: 0px;
	width				: 149px;
	height				: 422px;
	background-color	: #242424;
	position			: absolute;
	filter 				: alpha(opacity=94);
	opacity				: 0.94;	
}

div.menuPanelRight
{
	left				: 10px;
	width				: 159px;
	height				: 422px;
	position			: relative;
	float				: left;
}

div.mprButton
{
	top					: 0px;
	left				: 0px;
	width				: 159px;
	height				: 35px;
	position			: absolute;
	border				: solid 0px #00FF00;
	background-color	: #1f1f1f;
	background-image	: url("../img/background/arrowUp.gif");
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
	cursor				: pointer;
}

#arrowDown 
{
	top 				: 387px;
	height				: 35px;
	background-image	: url("../img/background/arrowDown.gif");
}

div.menuPanel
{
	top					: 13px;
	left				: -12px;
	width				: 135px;
	height				: 385px;
	position			: absolute;
	border				: solid 0px #0000FF;
	z-index				: 99;
}

div.menuItem
{
	width				: 135px;
	height				: 15px;
	border				: solid 0px #0000FF;
	cursor				: pointer;
	position			: relative;
}

div.menuItemBack
{
	top					: 0px;
	left				: 0px;
	width				: 135px;
	height				: 15px;
	border				: solid 0px #0000FF;
	background-color	: #FFFFFF;
	position			: absolute;
	filter 				: alpha(opacity=28);
	opacity				: 0.28;
}

div.menuItemBackOff
{
	top					: 0px;
	left				: 0px;
	width				: 135px;
	height				: 15px;
	border				: solid 0px #0000FF;
	background-color	: #FFFFFF;
	position			: absolute;
	filter 				: alpha(opacity=0);
	opacity				: 0.0;
}

div.arrow
{
	top					: 5px;
	left				: 40px;
	width				: 3px;
	height				: 5px;
	position			: absolute;
	border				: solid 0px #0000FF;
	background-image	: url("../img/menu/arrow.gif");
	background-repeat	: no-repeat;
}

div.menuItemText
{
	top					: 4px;
	left				: 0px;
	width				: 131px;
	height				: 7px;	
	position			: absolute;
	font				: 6px Verdana;
	text-align			: right;
}

div.menuSpace
{
	top					: 0px;
	left				: 0px;
	width				: 135px;
	height				: 11px;
	border				: solid 0px #0000FF;
	position			: relative;
}

div.subMenuItem
{
	width				: 135px;
	height				: 15px;
	border				: solid 0px #0000FF;
	cursor				: pointer;
	position			: relative;
}

div.subMenuItemBack
{
	top					: 0px;
	left				: 0px;
	width				: 135px;
	height				: 15px;
	border				: solid 0px #0000FF;
	background-color	: #FFFFFF;
	position			: absolute;
	filter 				: alpha(opacity=28);
	opacity				: 0.28;
}

div.subMenuItemBackOff
{
	top					: 0px;
	left				: 0px;
	width				: 135px;
	height				: 15px;
	border				: solid 0px #0000FF;
	background-color	: #FFFFFF;
	position			: absolute;
	filter 				: alpha(opacity=0);
	opacity				: 0.0;
}

div.menuPanel a			{font : 9px Tahoma; color : #a9a9a9; text-decoration: none;}
div.menuPanel a:hover		{font : 9px Tahoma; color : #a9a9a9; text-decoration: none;}

div.menuPanelRightInner a	{font : 9px Tahoma; color : #a9a9a9; text-decoration: none;}
div.menuPanelRightInner a:hover		{font : 9px Tahoma; color : #a9a9a9; text-decoration: none;}

div.subMenuItemText
{
	top					: 1px;
	left				: 0px;
	width				: 131px;
	height				: 15px;	
	position			: absolute;
	font				: 9px Tahoma;
	color				: #a9a9a9;
	text-align			: right;
}

div.subMenuSpace
{
	top					: 0px;
	left				: 0px;
	width				: 135px;
	height				: 11px;
	border				: solid 0px #0000FF;
	position			: relative;
}

div.menuPanelRightInner
{
	top					: 35px;
	left				: 0px;
	width				: 159px;
	height				: 352px;
	position			: absolute;
	overflow			: hidden;
}

#menuPanelRightInnerBack
{
	background-color	: #393939;
	filter 				: alpha(opacity=95);
	opacity				: 0.95;	
}

div.CustomerMenuLine
{
	width				: 159px;
	height				: 1px;
	font				: 0px Verdana;
	position			: relative;
	background-image	: url("../img/menu/line.gif");
	background-repeat	: no-repeat;
}

div.CustomerMenuItem
{
	background-image	: url("../img/menu/line.gif");
	background-repeat	: no-repeat;
	width				: 159px;
	height				: 25px;
	position			: relative;
	border				: solid 0px #0000FF;
	cursor				: pointer;
}

div.CustomerMenuItemActive
{
	background-color	: #515151 !important;
	filter 				: alpha(opacity=100) !important;
	opacity				: 1 !important;
}

div.CustomerInnerMenuItem
{
	width				: 159px;
	height				: 24px;
	position			: absolute;
	top					: 1px;
	left				: 0px;
	border				: solid 0px #FF0000;
	background-color	: #272626;
	filter 				: alpha(opacity=95);
	opacity				: 0.95;		
}

div.CustomerMenuItemNew
{
	top					: 4px;
	left				: 5px;
	height				: 15px;
	width				: 33px;
	position			: absolute;
	border				: solid 0px #0000FF;
	font				: 9px Tahoma;
	color				: #FFFFFF;
	text-align			: right;
	background-image	: url('../img/new.png');
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
}

div.CustomerMenuItemUpdate
{
	top					: 4px;
	left				: 5px;
	height				: 15px;
	width				: 41px;
	position			: absolute;
	border				: solid 0px #0000FF;
	font				: 9px Tahoma;
	color				: #FFFFFF;
	text-align			: right;
	background-image	: url('../img/update.png');
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
}

div.CustomerMenuItemText
{
	top					: 6px;
	left				: 0px;
	height				: 15px;
	width				: 150px;
	position			: absolute;
	border				: solid 0px #0000FF;
	font				: 9px Tahoma;
	color				: #FFFFFF;
	text-align			: right;
}

/* END MENU */

/* ARTEFAKT SECTION */

div.designByArtefakt
{
	height				: 23px;
	top					: 0px;
	left				: 0px;
	border				: solid 0px #00FF00;
	position			: absolute;
	text-align			: right;
	z-index				: 999;
}

div.designByArtefakt img
{
	border				: solid 0px #00FF00;
}

div.designByArtefakt a
{
	font				: 10px Tahoma;
	text-decoration		: none;
}

div.designByArtefakt a:hover
{
	font				: 10px Tahoma;
	text-decoration		: none;
}

/* END ARTEFAKT SECTION */

#logger
{
	width				: 400px;
	height				: 150px;
	top					: 0px;
	left				: 0px;
	position			: absolute;
	background-color	: #FFFFFF;
	color				: #000000;
}