/*--------------------------- main css declaration ------------------------*/
*         {font-family: Tahoma,arial,sans-serif;font-size:12px;}
BODY      { text-align:center;margin:0px;color:white;background-image:url(../images/bgpattern.gif);}
A         { text-decoration: none;}
A:hover   { text-decoration: underline;}
A, A:visited,
A:active	{color: #9c744a;}
INPUT { 
	background-color: #8a5f38;
	border:1px solid #FFFFFF;
	display: block;
	text-align: left ;
	text-decoration: none;
	padding: 1px;
	color: fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

select
{
	border:1px solid #572f08;
	color: fff;
	background-color: #aaaaaa;
}
OPTION
 { 
	background-color: #8a5f38;
	border:1px solid #000000;
	display: block;
	text-align: left ;
	text-decoration: none;
	padding: 3px;
	color: fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* -------------------------- layer tbv layout ----------------------------*/
#main           { position:relative;width:720px;height:100%;margin:0 auto;xbackground-color:#FFFFFF; }
#header         {  width:100%;height:191px;text-align:left;}
#contentwrapper {  background-color: #9c744a; padding: 17px 0px 0px 0px ;}

/* -------------------------- main menu -----------------------------------*/
.mainMenuTable,
.mainMenuTable2,
.mainMenuTable4            { width:100%;background-image:url(../images/logoBarBg.jpg);}
/*            { width:100%;background-image:url(../images/logoHeadera4.jpg);}*/
.mainMenuTableLogoRow     { height:171px;background-image:url(../images/LocomixLogo.jpg); background-repeat:no-repeat;}
.mainMenuTableLogoRow2     { height:171px;background-image:url(../images/); background-repeat:no-repeat;}
.mainMenuSpacer			  { height:46px;}
.mainMenuTableMenuRow     { height:20px;}
.mainMenuTableCell-l      { display:none; width:0px; }
.mainMenuTableCell-c      { padding-left:20px;}
.mainMenuContentTable	  { width:100%; height:20px;}
.mainMenuButton			  { height:20px; padding-right:10px;  padding-left:0px; background-image:url(../images/mainMenuButtonBg.jpg);color:#675e66;font-weight:bold;font-variant: small-caps;}
.mainMenuItem:link, .mainMenuItem:visited, .mainMenuItem:active	,mainMenuItem:hover  {color:#675e66;font-size:12px;}
.mainMenuButtonSpacer	  { width:10px;}


/* -------------------------- menu links -----------------------------------*/
.menulinks				
	{
	height:22px; 
	font-weight:bold; 
	background-image:url(../images/menuLinksItem.jpg); 
	background-repeat:no-repeat; 
	padding-bottom:10px;
	}
	
.menulinkslink:link, .menulinkslink:visited, .menulinkslink:active 
	{
		padding-left:20px;
		color:#e6e6e6;
		font-size:14px;
		text-decoration:none ;
	}
	
.menulinkslink:hover 
	{
		padding-left:20px;
		color:#a6a6a6;
		font-size:14px;
		text-decoration:none;
	}

.menulinksactief			
	{
		height:22px; 
		font-weight:bold; 
		background-image:url(../images/menuLinksItem.jpg); 
		background-repeat:no-repeat;color:#e6e6e6;
		padding-bottom:12px;
	}

.menulinkslinkactief:link, .menulinkslinkactief:visited, .menlinkslinkactief:active 
	{
		padding-left:20px;
		color:#572f08;
		font-size:14px;
		text-decoration:none ;
	}

.menulinkslinkactief:hover 
	{
		padding-left:20px;
		color:#572f08;
		font-size:14px;
		text-decoration:none;
	}

.menulinksinspring1		
	{
		height:14px; 
		font-weight:bold;
	}
	
.menulinkslinkinspring1:link, .menulinkslinkinspring1:visited, .menulinkslinkinspring1:active 
	{
		padding-left:30px;
		color:#e6e6e6;
		font-size:12px;
		text-decoration:none ;
	}
	
.menulinkslinkinspring1:hover 
	{
		padding-left:30px;
		color:#e6e6e6;
		font-size:12px;
		text-decoration:none;
	}

.menulinksinspring2				  
	{
		height:18px;
	}

.menulinkslinkinspring2:link, .menulinkslinkinspring2:visited, .menulinkslinkinspring2:active 
	{
		padding-left:30px;
		color:#572f08;
		font-size:12px;
		text-decoration:none ;
	}

.menulinkslinkinspring2:hover 
	{
		padding-left:30px;
		color:#572f08;
		font-size:12px;
		text-decoration:none;
	}
	
.mtContentCell	
	{
		padding-top:3px;
		padding-left:3px;
	}

.menulinksspacer 
	{
		height:14px;
	}
.iconmenu
	{
		font-size:9px;
		color:#fff;
		height:75px;
		background-repeat:no-repeat;
		width:100%;
	}
.iconlink
{
	display:block;
	height:100%;
	padding-top: 40px;
}



.iconlinkConcept		{background-image: url('../images/iconen/concept-icoon.jpg');width:66px;}
.iconlinkCollectie		{background-image: url('../images/iconen/collectie-icoon.jpg');width:66px; }
.iconlinkDemo			{background-image: url('../images/iconen/demo-icoon.jpg');width:66px; 	}
.iconlinkPrijzen		{background-image: url('../images/iconen/prijzent-icoon.jpg');width:66px;}
.iconlinkBestellen		{background-image: url('../images/iconen/bestellen-icoon.jpg');width:66px;}
.iconlinkDownload		{background-image: url('../images/iconen/download-icoon.jpg');width:66px;}
.iconlinkVragen			{background-image: url('../images/iconen/vragen-icoon.jpg');width:66px;	}


.iconlink:link, .iconlink:visited
{
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

.iconlink:active,.iconlink:hover
{
	font-size:9px;
	text-decoration:none;
	color:#c3d8eb;
}


	.navigatie {
		 font-family: verdana, Helvetica, Arial, sans-serif;
		 font-size: 10px;
		 width: 175px;
		 padding: 0;
		 margin-bottom: 1em;
		 background-color: #9cc;
		 color: #333;
		}
		.navigatie ul {
		 list-style: none;
		 margin: 0;
		 padding: 0;
		}
		.navigatie ul li {
		 margin: 0;
		 font-weight:bold;
		}
		.navigatie ul li A,ul li A:visited,ul li A:active  {
		 display: block;
		 padding: 2px 2px 2px 4px;
		 background-color: #9c744a;
		 color: #572f08;
		 font-size: 10px;
		 text-decoration: none;
		 width: 100%;
		 padding-left:		20px;
		 background-image:url(../images/menuLinksItem.jpg);
		 background-repeat:no-repeat;
		}
		.navigatie ul li a:hover {
		 padding-left:		20px;
		 color: #774f28;
		}

		.navigatie ul ul{
		 padding-bottom:		10px;
		 background-color: #9c744a;
		}
		
		.navigatie ul ul li A,ul ul li A:visited,ul ul li A:active {
		 display: block;
		 padding: 2px 2px 2px 4px;
		 background-color: #9c744a;
		 color: #e6e6e6;
		 text-decoration: none;
		 width: 100%;
		 padding-left:		50px;
		 padding-bottom:	0px;
		 background-image:none;
		 background-repeat:no-repeat;
		}
		.navigatie ul ul li A:hover {
		padding-left:		50px;
		 color: #774f28;
		}
		.navigatie ul ul ul li A,ul ul ul li A:visited,ul ul ul li A:active {
		 display: block;
		 padding: 2px 2px 2px 4px;
		 background-color: #9c744a;
		 color: #572f08;
		 text-decoration: none;
		 width: 100%;
		 padding-left:		50px;
		 background-image:none;
		 background-repeat:no-repeat;
		}
		.navigatie ul ul ul li a:hover {
		padding-left:		50px;
		 color: #774f28;
		}
		
		
		
		

/* -------------------------- side menu table  ----------------------------*/
.menuTable       { width:182px; background-color:#9c744a; margin: 0px 0px 10px 0px ;}
.mtTitleCell     	{ font-variant:small-caps; color:white; font-weight: bold; vertical-align:center; 
                  	background-image: url(../images/menuLinksHeadBg.jpg);  height:31px; color:#e6e6e6;
		 			padding: 0px 5px 0px 5px; font-size:12px;padding-left: 15px;}
.mtTitleCell-2     	{ font-variant:small-caps; color:white; font-weight: bold; vertical-align:center; 
background-image: url(../images/menuLinksHeadBg.jpg);  height:31px; color:#e6e6e6;
padding: 0px 5px 0px 5px;font-size:12px;padding-left: 15px; }
.mtFooterRow		{display:none;}


/* -------------------------- content table -----------------------------*/

.klantcontent	{float:right;}
.titleTable      { width:538px; height:31px;}
.contentTable    { width:538px; height:200px; background-color:#572f08;font-size:10px; padding: 15px 15px;}
.contentTable2    { width:538px; height:200px; background-color:#572f08;font-size:10px; padding: 0px 15px;}
.ctTitleCell,
.ctTitleCell-2,
.ctTitleCell-3, 
.ctTitleCell-4  { width:538px;font-variant:small-caps; color:white; font-weight: bold; font-size:12px; padding-left: 15px;
                     background-image: url(../images/titleBarBg.jpg); height:31px; color:#858484;}

.ctTitleCell-r  { display:none;font-variant:small-caps; color:white; font-weight: bold; font-size:12px;padding-left: 15px;
			 background-image: url(../images/titleBarBg.jpg); height:31px; color:#858484;}


.ctContentCell   {vertical-align: top; color:#fff;}
.ctFooterCell-l	{display:none;}
.ctFooterCell-c	{display:none;}
.ctFooterCell-r	{display:none;}

/* -------------------------- FAQ ---------------------*/
.faqtitle{}
.faqitem{ width:100%; border:1px solid #461e07; margin: 10px 0px;padding:0px;overflow:hidden;}
.faqlink{ width:100%; background-color:#461e07; display:block;padding: 0px 5px; font-weight:bold; color: #FFFFFF;font-variant:small-caps; font-size:85%;}
.faqbody{ padding:5px 15px 5px; display:block; }

/* -------------------------- content wrapper table ---------------------*/
TABLE.contentwrapper { width:720px;}
TD.contentcell-l     { vertical-align:top; height:100; width:182px; background-color:#9c744a;}
TD.contentcell-r     { vertical-align:top; width:538px;}

				
					.tabelborder{
						border: 1px solid #9c744a;
						width:100%;
					}
					.tabelhead {
					background-color:	#461e07;
					font:				Tahoma, Arial, Helvetica, sans-serif;
					color:				#FFFFFF;
					font-weight:		bold;
					text-align:			center;
					text-decoration:	underline;
					font-size:			12px;
					

				}
				
				
				.tabel1 {
					background-color:	#683f19;
					font:				Tahoma, Arial, Helvetica, sans-serif;
					color:				#FFFFFF;
					font-size:			12px;

				}
				
				.tabel2 {
					
					background-color:	#784f29;
					font:				Tahoma, Arial, Helvetica, sans-serif;
					color:				#FFFFFF;
					font-size:			12px;
				}
				
				tr.tabel3{
					background-color:	#794f2a;
					font:				Tahoma, Arial, Helvetica, sans-serif;
					color:				#FFFFFF;
					font-size:			12px;
					
				}
				.tabelfout {
					background-color:	#FF0000;
					font:				Tahoma, Arial, Helvetica, sans-serif;
					color:				#000000;
					font-size:			12px;
										

				}