body
{
	margin				: 0;
	font-family			: Verdana;
	background-repeat	: no-repeat;
	background-position	: 50% 50%;
	overflow			: auto;
	overflow-x			: hidden;
}
/* LAYOUT */

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

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

td.spacing
{
	width				: 100%;
	border				: solid 0px #00FF00;
	background-repeat	: repeat;
}

#topSpacing 		{background-image: url("../img/background/patternTop.gif"); background-position: left bottom;}
#bottomSpacing 	{background-image: url("../img/background/patternBottom.gif"); background-position: left top;}

div.headerPlaceHolder	{height: 470px; width: 10px; position: relative;}

td.headerPanel 			{ height : 70%; width : 844px; border : solid 0px #00FF00; vertical-align: bottom;}
td.headerSpacingPanel 	{ height : 70%; border : solid 0px #00FF00;}

td.footerPanel 			{ height : 30%; border : solid 0px #00FF00; background-color : #262626; background-image: url(../images/background/grey_dot.jpg); background-repeat: repeat; background-position: top center;}
td.footerSpacingPanel 	{ height : 30%; width : 844px; border : solid 0px #00FF00; background-color : #262626;}

div.middlePanel
{
	width				: 844px;
	height				: 443px;
	position			: relative;	
	border				: solid 0px #00FF00;
	background-color	: #FFFFFF;
}

div.logo
{
	top					: 41px;
	left				: 38px;
	width				: 105px;
	height				: 70px;
	position			: absolute;	
	font				: 10px Verdana;
}

div.logo a				{text-decoration : none;}
div.logo a:hover			{text-decoration : none;}
div.logo img 			{border: solid 0px #FF0000}

div.sloganImage
{
	top					: -26px;
	left				: 599px;
	width				: 225px;
	width				: 265px;
	height				: 189px;
	position			: absolute;	
	border				: solid 0px #00FF00;
	text-align			: right;
	z-index				: 10;
}

div.line
{
	top					: 18px;
	left				: 187px;
	width				: 10px;
	height				: 407px;
	position			: absolute;
	border				: solid 0px #FF0000;
	background-image	: url(../images/background/line.jpg);
	background-repeat	: repeat-y;	
}

div.verticalline
{
	bottom				: 25px; 
	right				: 28px;
	width				: 75px;
	height				: 10px;
	position			: absolute;
	border				: solid 0px #FF0000;
	background-image	: url(../images/background/verticalline.jpg);
	background-repeat	: repeat-x;	
}

div.slogan
{
	top					: 76px;
	left				: 228px;
	width				: 570px;
	height				: 40px;
	position			: absolute;
	border				: solid 0px #FF0000;
	font				: 20px Tahoma;
	font-weight			: 500;
	letter-spacing		: 1px;
	color				: #0098DE;
	z-index				: 1;
}

div.slogan h1				{font : 20px Tahoma; font-weight : 500; letter-spacing : 1px; color : #0098DE;margin: 0px; }

#textOuterPanel			{top : 143px; left : 228px; width : 598px; height : 255px; position : absolute;	border : solid 0px #FF0000;	overflow-x : hidden; overflow-y : auto;}
#textOuterPanelCase		{top : 143px; left : 228px; width : 598px; height : 230px; position : absolute;	border : solid 0px #FF0000;	overflow-x : hidden; overflow-y : auto;}

div.textInnerPanel
{
	width				: 568px;
	text-align			: justify;
	font				: 13px Tahoma; 
	color				: #404040;
	line-height			: 24px;
}

div.textInnerPanel li		{border: solid 0px;line-height : 26px;}

div.textInnerPanel a 		{font : 13px Tahoma; color : #0098DE;line-height : 23px; text-decoration: underline;}
div.textInnerPanel a:hover 	{font : 13px Tahoma; color : #0098DE;line-height : 23px; text-decoration: underline;}

div.textInnerPanel td	{font : 13px Tahoma; color : #404040; line-height : 23px;}

div.horizontalShadow
{
	height				: 9px;
	border				: solid 0px #FF0000;
	position			: absolute;	
}

div.verticalShadow
{
	width				: 9px;
	border				: solid 0px #FF0000;
	position			: absolute;	
}

div.cornerShadow
{
	width				: 19px;
	height				: 19px;
	border				: solid 0px #FF0000;
	position			: absolute;	
}

div.caseNavigation		{width: 570px; height: 10px;left: 228px; top: 374px; position: absolute; border: solid 0px #FF0000;line-height: 10px; text-align: right;}
div.caseNavigation a		{font : 13px Tahoma; color : #0098DE;line-height : 23px; text-decoration: underline;}
div.caseNavigation a:hover	{font : 13px Tahoma; color : #0098DE;line-height : 23px; text-decoration: underline;}

div.topShadow 			{left: 9px; top: -9px; width: 826px; background-image: url(../images/shadows/horizontalTopShadow.png); background-repeat: repeat-x;}
div.bottomShadow		{left: 0px; top: 457px; width: 846px; background-image: url(../images/shadows/horizontalTopShadow.png); background-repeat: repeat-x;}
div.rightShadow			{right: -9px; top: 9px; height: 429px; background-image: url(../images/shadows/verticalRightShadow.png); background-repeat: repeat-y;}
div.leftShadow			{left: -9px; top: 9px; height: 429px; background-image: url(../images/shadows/verticalLeftShadow.png); background-repeat: repeat-y;}

div.leftTopCornerShadow	{left: -10px; top: -10px; background-image: url(../images/shadows/leftTopCorner.png); background-repeat: no-repeat;}
div.rightTopCornerShadow{right: -10px; top: -10px; background-image: url(../images/shadows/rightTopCorner.png); background-repeat: no-repeat;}

/* CONTACT SECTION */

div.contactPanel
{
	top					: 145px;
	left				: 228px;
	width				: 590px;
	height				: 254px;
	position			: absolute;
	border				: solid 0px #FF0000;
	text-align			: justify;
	font				: 13px Tahoma; 
	color				: #404040;
	line-height			: 20px;	
}

div.greyblock
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background-color	: #EBEBEB;
}

div.checkbox
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background			: transparent;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: #000000;
}

textarea
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background			: transparent;
	font				: 11px Trebuchet ms;
	line-height			: 22px;
	color				: #000000;
	overflow			: auto;
}

input
{
	position			: absolute;
	border				: solid 0px #FF0000;
	background			: transparent;
	font				: 11px Trebuchet ms;
	line-height			: 16px;
	color				: #000000;
}

#b_companyname	{width: 330px; height: 25px; 	top: 50px; left: 0px;}
#b_contactname	{width: 228px; height: 25px; 	top: 80px; left: 102px;}
#b_phone		{width: 330px; height: 25px; 	top: 110px; left: 0px;}
#b_street		{width: 228px; height: 25px; 	top: 140px; left: 0px;}
#b_number		{width: 97px; height: 25px; 	top: 140px; left: 233px;}
#b_postalcode	{width: 97px; height: 25px; 	top: 170px; left: 0px;}
#b_city			{width: 228px; height: 25px; 	top: 170px; left: 102px;}
#b_email		{width: 330px; height: 25px; 	top: 200px; left: 0px;}

#b_question		{width: 223px; height: 175px; 	top: 50px; left: 351px;}

#t_bericht		{width : 572px;height : 101px;	top: 106px; left: 7px;}

#t_companynamme	{width : 314px;height : 16px;	top: 54px; left: 8px;}

#t_sal1			{width : 10px;height : 16px;	top: 82px; left: 0px;}
#t_sal2			{width : 10px;height : 16px;	top: 82px; left: 43px;}

#l_sal1			{width : 30px;height : 16px;	top: 84px; left: 20px;position: absolute;font : 11px Trebuchet ms;color : #000000;line-height : 16px;}
#l_sal2			{width : 30px;height : 16px;	top: 84px; left: 64px;position: absolute;font : 11px Trebuchet ms;color : #000000;line-height : 16px;}

#t_contactname	{width : 212px;height : 16px;	top: 84px; left: 110px;}
#t_phone		{width : 314px;height : 16px;	top: 114px; left: 8px;}
#t_street		{width : 212px;height : 16px;	top: 144px; left: 8px;}
#t_number		{width : 81px;height : 16px;	top: 144px; left: 241px;}
#t_postalcode	{width : 81px;height : 16px;	top: 174px; left: 8px;}
#t_city			{width : 212px;height : 16px;	top: 174px; left: 110px;}
#t_email		{width : 314px;height : 16px;	top: 204px; left: 8px;}

#t_question		{width : 207px;height : 166px;	top: 54px; left: 359px;}

#cb_t_callme	{width : 190px;height : 16px;	top: 230px; left: 0px;}
#cb_t_receivenl	{width : 300px;height : 16px;	top: 230px; left: 198px;}

#b_username	{width: 330px; height: 25px; 	top: 150px; left: 200px;}
#b_password	{width: 330px; height: 25px; 	top: 180px; left: 200px;}

#t_username	{width : 217px;height : 16px;	top: 154px; left: 308px;background-color: #FFFFFF;}
#t_password	{width : 217px;height : 16px;	top: 184px; left: 308px;background-color: #FFFFFF;}

div.label
{
	position			: absolute;
	width 				: 92px;
	height 				: 16px;	
	left				: 208px;
	font				: 11px Trebuchet ms;
	line-height			: 16px;
	color				: #000000;
}

div.lbl_email 			{top : 154px;}
div.lbl_pass 			{top : 184px;}

div.supportMessage
{
	top					: 210px; 
	left				: 208px;
	width				: 254px;
	height				: 15px;
	position			: absolute;
	border				: solid 0px #FF0000;
	text-align			: left;
	font				: 11px Trebuchet ms;
	color				: #000000;
}


div.send
{
	position			: absolute;
	border				: solid 0px #757575;
	text-align			: center;
	font				: 11px Trebuchet ms;
	color				: #1197D4;
	text-align			: right;
}

#send_contact		{width : 91px; height : 16px; top : 232px; left	: 475px;}
#send_support		{width : 91px; height : 16px; top : 210px; left	: 435px;}

div.send a			{font : 11px Trebuchet ms;color : #1197D4;text-decoration: none;line-height			: 16px;}
div.send a:hover		{font : 11px Trebuchet ms;color : #1197D4;text-decoration: underline;line-height	: 16px;}

div.contactMessage
{
	top					: 251px; 
	left				: 0px;
	width				: 574px;
	height				: 15px;
	position			: absolute;
	border				: solid 0px #FF0000;
	text-align			: right;
	font				: 11px Trebuchet ms;
	color				: #000000;
}



/* SLIDER SECTION */

div.sliderOuterPanel
{
	top					: 455px;
	left				: -9px;
	width				: 864px;
	height				: 138px;
	border				: solid 0px #FF0000;
	position			: absolute;	
	overflow-x			: hidden;
	overflow-y			: hidden;
}

div.sliderPanel
{
	top					: 0px;
	left				: 0px;
	height				: 138px;
	position			: relative;
	border				: solid 0px #00FF00;
}

td.sliderItem 			{width: 288px;height: 138;border : solid 0px #FF0000; background-image: url(../images/background/sliderbg.png); background-repeat: no-repeat;}
td.companySliderItem 	{width: 288px;height: 138;border : solid 0px #FF0000; background-image: url(../images/background/companSliderBg.png); background-repeat: no-repeat;}

div.relativeSliderItem
{
	width				: 288px;
	height				: 138px;
	border				: solid 0px #FF0000;
	position			: relative;	
	
}

div.sliderOver			{width: 267px; height: 120px; top: 9px; left: 9px; position: absolute; background-image: url(../images/cases/case_over.png); background-repeat: no-repeat;display: none;}

div.companyImage		{width: 267px; height: 120px; top: 9px; left: 9px; position : absolute;}

div.casusName			{width: 229px; height: 20px; top: 24px; left: 28px; position: absolute; font: 10px Tahoma; color: #404040;line-height: 20px;}
textarea.keyWords				{overflow:hidden; width: 235px; height: 120px; top: 0px; left: 0px; position: relative; font: 10px Tahoma; color: #404040;line-height: 15px;}
div.casusEffects		{width: 229px; height: 40px; top: 44px; left: 28px; position: absolute; font: 11px Tahoma; color: #404040;line-height: 20px; font-weight: bold;}
div.casusLogo			{width: 247px; height: 28px; top: 99px; left: 19px; position: absolute; text-align: right;}

div.casusName a			{font: 13px Tahoma; color: #404040;line-height: 20px; font-weight: bold;text-decoration: none;}
div.casusName a:hover	{font: 13px Tahoma; color: #404040;line-height: 20px; font-weight: bold;text-decoration: underline;}

div.sliderItem
{
	width				: 285px;
	height				: 138px;
	border				: solid 0px #FF0000;
}

div.sliderButton 		{width: 28px; height: 28px;position: absolute; cursor: pointer;border : solid 0px #FF0000;}
div.previous			{top: 508px; left: -67px; background-image: url(../images/menu/cases/previous_over.jpg); background-repeat: no-repeat;}
div.next				{top: 508px; left: 880px; background-image: url(../images/menu/cases/next_over.jpg); background-repeat: no-repeat;}

/* MENUSECTION */

div.menuPanel
{
	top					: 141px;
	left				: 32px;
	width				: 123px;
	height				: 254px;
	position			: absolute;
	border				: solid 0px #FF0000;
}

div.menuitem 			{width : 123px; position : absolute; border : solid 0px #FF0000; cursor : pointer;}

#n_welkom				{height: 25px; top: 0px;background-image: url(../images/menu/nl/over/welkom.jpg); background-repeat: no-repeat;}
#n_over-2g				{height: 26px; top: 32px;background-image: url(../images/menu/nl/over/over-2g.jpg); background-repeat: no-repeat;}
#n_producten			{height: 25px; top: 66px;background-image: url(../images/menu/nl/over/producten.jpg); background-repeat: no-repeat;}
#n_diensten				{height: 24px; top: 97px;background-image: url(../images/menu/nl/over/diensten.jpg); background-repeat: no-repeat;}
#n_cases				{height: 27px; top: 131px;background-image: url(../images/menu/nl/over/cases.jpg); background-repeat: no-repeat;}
#n_vacatures			{height: 18px; top: 168px;background-image: url(../images/menu/nl/over/vacatures.jpg); background-repeat: no-repeat;}
#n_support				{height: 29px; top: 196px;background-image: url(../images/menu/nl/over/support.jpg); background-repeat: no-repeat;}
#n_contact				{height: 23px; top: 231px;background-image: url(../images/menu/nl/over/contact.jpg); background-repeat: no-repeat;}

#n_welcome				{height: 25px; top: 0px;background-image: url(../images/menu/en/over/welcome.jpg); background-repeat: no-repeat;}
#n_about-2g				{height: 26px; top: 32px;background-image: url(../images/menu/en/over/about-2g.jpg); background-repeat: no-repeat;}
#n_products				{height: 28px; top: 66px;background-image: url(../images/menu/en/over/products.jpg); background-repeat: no-repeat;}
#n_services				{height: 26px; top: 97px;background-image: url(../images/menu/en/over/services.jpg); background-repeat: no-repeat;}
#n_jobs-at-2g			{height: 27px; top: 168px;background-image: url(../images/menu/en/over/jobs-at-2g.jpg); background-repeat: no-repeat;}

#a_welkom				{height: 25px; top: 0px;background-image: url(../images/menu/nl/active/welkom.jpg); background-repeat: no-repeat;}
#a_over-2g				{height: 26px; top: 32px;background-image: url(../images/menu/nl/active/over-2g.jpg); background-repeat: no-repeat;}
#a_producten			{height: 25px; top: 66px;background-image: url(../images/menu/nl/active/producten.jpg); background-repeat: no-repeat;}
#a_diensten				{height: 24px; top: 97px;background-image: url(../images/menu/nl/active/diensten.jpg); background-repeat: no-repeat;}
#a_cases				{height: 27px; top: 131px;background-image: url(../images/menu/nl/active/cases.jpg); background-repeat: no-repeat;}
#a_vacatures			{height: 18px; top: 168px;background-image: url(../images/menu/nl/active/vacatures.jpg); background-repeat: no-repeat;}
#a_support				{height: 29px; top: 196px;background-image: url(../images/menu/nl/active/support.jpg); background-repeat: no-repeat;}
#a_contact				{height: 23px; top: 231px;background-image: url(../images/menu/nl/active/contact.jpg); background-repeat: no-repeat;}

#a_welcome				{height: 25px; top: 0px;background-image: url(../images/menu/en/active/welcome.jpg); background-repeat: no-repeat;}
#a_about-2g				{height: 26px; top: 32px;background-image: url(../images/menu/en/active/about-2g.jpg); background-repeat: no-repeat;}
#a_products				{height: 28px; top: 66px;background-image: url(../images/menu/en/active/products.jpg); background-repeat: no-repeat;}
#a_services				{height: 26px; top: 97px;background-image: url(../images/menu/en/active/services.jpg); background-repeat: no-repeat;}
#a_jobs-at-2g			{height: 27px; top: 168px;background-image: url(../images/menu/en/active/jobs-at-2g.jpg); background-repeat: no-repeat;}

div.dot					{width: 25px; height: 5px; left: 143px; position: absolute; border : solid 0px #FF0000; background-image: url(../images/menu/nl/active/dots.jpg); background-repeat: no-repeat;}

#a_dot_welkom			{top: 13px;}
#a_dot_over-2g			{top: 45px;}
#a_dot_producten		{top: 76px;}
#a_dot_diensten			{top: 110px;}
#a_dot_cases			{top: 141px;}
#a_dot_vacatures		{top: 176px;}
#a_dot_support			{top: 205px;}
#a_dot_contact			{top: 241px;}

#a_dot_welcome			{top: 13px;}
#a_dot_about-2g			{top: 45px;}
#a_dot_products			{top: 76px;}
#a_dot_services			{top: 110px;}
#a_dot_jobs-at-2g		{top: 176px;}

img.over 				{ border : solid 0px #FF0000; filter : alpha(opacity=100); opacity : 1; }

div.contactFooter		{height: 20px; width : 570px; bottom: 10px; right: 45px; position : absolute; border : solid 0px #FF0000; font: 11px Tahoma; color: #404040;line-height: 20px; text-align: right;}

a.normal				{font : 13px Tahoma; color : #0098DE;line-height : 23px; text-decoration: underline;}
a.normal:hover			{font : 13px Tahoma; color : #0098DE;line-height : 23px; text-decoration: none;}

a.active				{font : 13px Tahoma; color : #E58727;line-height : 23px; text-decoration: underline;}
a.active:hover			{font : 13px Tahoma; color : #E58727;line-height : 23px; text-decoration: none;}

span.spanGrey			{color: #404040; font: 13px Tahoma;}
span.spanGreyBold		{color: #404040; font: 13px Tahoma; font-weight: bold;}
span.spanBlue			{color: #0098DE; font: 13px Tahoma;}
span.spanBlueBold		{color: #0098DE; font: 13px Tahoma; font-weight: bold;}
span.spanOrange			{color: #E68627; font: 13px Tahoma;}
span.small				{font: 10px Tahoma}

/* No3 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 No3 SECTION */

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

#bg
{
	top					: 0px;
	left				: 0px;
	z-index				: -1; 
	position			: absolute; 
	width				: 100%; 
	height				: 100%;
}

UL 
{
	list-style: url(../images/bluecircle.gif) disc;
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: -20px;
}