﻿/*

Letterypes:
Tekst:
	arial / 11 px / #000000
Titels:
	arial black / 11px / #000000 / uppercase
	Indien dit lettertype niet kan geïntegreerd worden kan Arial /bold gebruikt worden
Hoofdmenu:
	Arial Black / uppercase / #ffffff met #000000 omranding 0,75px / letter-spacing: 2px / 13px
	Indien dit lettertype niet kan geïntegreerd worden kan Arial/bold gebruikt worden
Adres:
	Arial / bold / #ffffff / 11px

De plaats waar de foto van de zetel nu staat is voorzien voor 'foto's in de kijker'.


*/


*
{
	margin:0;
	padding:0;
}

html > body 
{
	margin:0;
	padding:0;
}
html, body
{
	margin:0;
	padding:0;
}

body
{	
	font-family:Arial, Sans-Serif;
	font-size: 100%;
	color: #000000;
	background: url("../imgsite/bg.gif");
	background-repeat: repeat-x;
	background-color: #dde4f4;
}

.introWrapper
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

a:active
{
	outline:none;
}

a:focus
{
	-moz-outline-style:none;
}


/* ___ Website Layout ___ */

.tblWebsite
{
	margin: 0px auto;
	text-align: center;
	width: 960px;

}
	.tdWebsiteLinks
	{
		width: 340px;
		vertical-align: top;
	}
		.tblLinks
		{
			width: 100%;
			vertical-align: top;
			padding: 10px;
			
		}
	.tdWebsiteRechts
	{
		width: 620px;
		vertical-align: top;
	}
		.tblRechts
		{
			width: 100%;
			vertical-align:top;
			padding: 10px;
		}
			.tdRechtsSpacer
			{
				height: 170px;
				min-height: 170px;
				width: 100%;
			}	
			
/* ___ Adres Layout ___ */

.tblAdres
{
	width: 100%;
	vertical-align: top;
}
	.tdAdres
	{
		font-family: Arial, Sans-Serif;
		font-size: 11pt;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
	}
	.tdAdres a:link, .tdAdres a:visited
	{
		color:#000000;
	}
	.tdAdres a:hover
	{
		color:#f7e90a;
	}
		.lblAdres
		{
			line-height: 20px;
		}


/* ___ Algemeen Layout ___ */

.tblAlgemeen
{
	width: 100%;
	vertical-align: top;
	text-align: left;
}
	.tdAlgemeenTitel
	{
		height: 40px;
		line-height: 40px;
		font-family: Arial, Sans-Serif;
		font-size: 11pt;
		text-transform: uppercase;
		font-weight: bold;
		color: #000000;
		line-height: 18px;
	}
	.tdAlgemeenInhoud
	{
		font-family: Arial, Sans-Serif;
		font-size: 11pt;
		color: #000000;
		padding-bottom: 10px;
	}
	
	.tdAlgemeenLinks
	{
		width:50%;
		padding-right:5px;
	}
	.tdAlgemeenRechts
	{
		width:50%;
		padding-left:5px;
	}
	
		.lblAlgemeenTekst
		{
			line-height: 24px;
		}
		
		.lblAlgemeenTekst a:link, .lblAlgemeenTekst a:visited
		{
			color: #000000;
		}
		.lblAlgemeenTekst a:hover
		{
			color:#fdef1f;
		}
		
/* ___ Taal Layout ___ */

.tblTaal
{
	width: 100%;
	vertical-align: top;
}
	.tdTaalKroon
	{
		width: 300px;
		height: 100px;
		vertical-align: top;
		text-align: center;
		background: url("../imgsite/kroon.gif");
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.tdTaalTalen
	{
		width: 100%;
		vertical-align: top;
		text-align: center;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 20px;
		
	}
		.tblTaalKeuze
		{
			margin: 0 auto;
		}
		
			.TaalNederlands:link, .TaalNederlands:visited
			{
				background:transparent url(../imgsite/taal_NL.gif) no-repeat scroll 0 0;
				float:left;
				height:20px;
				text-indent:-9999px;
				width:30px;
			}
			.TaalNederlands:hover
			{
				background:transparent url(../imgsite/taal_NL.gif) no-repeat scroll 0 -20px;
			}
			.TaalFrans:link, .TaalFrans:visited
			{
				background:transparent url(../imgsite/taal_FR.gif) no-repeat scroll 0 0;
				float:left;
				height:20px;
				text-indent:-9999px;
				width:30px;	
			}
			.TaalFrans:hover
			{
				background:transparent url(../imgsite/taal_FR.gif) no-repeat scroll 0 -20px;
			}
	
	.tdTaalLogo
	{
		width: 180;
		height: 70px;
		vertical-align: top;
		text-align: center;
		background: url("../imgsite/logo.gif");
		background-repeat: no-repeat;
		background-position: center center;
	}

/* ___ Slogan ___ */	
	
.tdRechtsSlogan
{
	width: 100%;
	text-align: left;
	height: 65px;
	vertical-align: top;
}
	.lblSlogan
	{
		font-family: Arial Narrow, Arial, Verdana, Sans-Serif;
		font-size: 30px;
		letter-spacing: 1px;
		word-spacing: 2px;
		text-transform: uppercase;
		line-height: 50px;
		color: #ffffff;
		font-weight:bold;
	}	
	
	.groot
	{
		
		font-size: 24px;
		font-weight: bold;
		color:#ffffff;
		text-transform: uppercase;
	}
	
		

/* ___ Navigatie ___ */

.tblMenu
{
	width: 250px;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
	margin-bottom: 15px;
}	
	.tblMenu td
	{
		vertical-align: top;
	}
	
	/* HOME */
	.navHomeNL:link, .navHomeNL:visited
	{
		background: url(../imgsite/homeNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navHomeNL:hover
	{
		background:transparent url(../imgsite/homeNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navHomeFR:link, .navHomeFR:visited
	{
		background: url(../imgsite/homeFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navHomeFR:hover
	{
		background:transparent url(../imgsite/homeFR.gif) no-repeat scroll 0 -30px;
	}
	/* CATALOGUS */
	.navCatalogusNL:link, .navCatalogusNL:visited
	{
		background: url(../imgsite/catalogusNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navCatalogusNL:hover
	{
		background:transparent url(../imgsite/catalogusNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navCatalogusFR:link, .navCatalogusFR:visited
	{
		background: url(../imgsite/catalogusFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navCatalogusFR:hover
	{
		background:transparent url(../imgsite/catalogusFR.gif) no-repeat scroll 0 -30px;
	}
	/* LIGGING */
	.navLiggingNL:link, .navLiggingNL:visited
	{
		background: url(../imgsite/liggingNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navLiggingNL:hover
	{
		background:transparent url(../imgsite/liggingNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navLiggingFR:link, .navLiggingFR:visited
	{
		background: url(../imgsite/liggingFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navLiggingFR:hover
	{
		background:transparent url(../imgsite/liggingFR.gif) no-repeat scroll 0 -30px;
	}
	/* AFHALEN / LEVEREN */
	.navAfhalenLeverenNL:link, .navAfhalenLeverenNL:visited
	{
		background: url(../imgsite/afhalen_leverenNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navAfhalenLeverenNL:hover
	{
		background:transparent url(../imgsite/afhalen_leverenNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navAfhalenLeverenFR:link, .navAfhalenLeverenFR:visited
	{
		background: url(../imgsite/afhalen_leverenFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navAfhalenLeverenFR:hover
	{
		background:transparent url(../imgsite/afhalen_leverenFR.gif) no-repeat scroll 0 -30px;
	}
	/* LINKS */
	.navLinksNL:link, .navLinksNL:visited
	{
		background: url(../imgsite/linksNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navLinksNL:hover
	{
		background:transparent url(../imgsite/linksNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navLinksFR:link, .navLinksFR:visited
	{
		background: url(../imgsite/linksFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navLinksFR:hover
	{
		background:transparent url(../imgsite/linksFR.gif) no-repeat scroll 0 -30px;
	}
	/* FOLDER */
	.navFolderNL:link, .navFolderNL:visited
	{
		background: url(../imgsite/folderNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navFolderNL:hover
	{
		background:transparent url(../imgsite/folderNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navFolderFR:link, .navFolderFR:visited
	{
		background: url(../imgsite/folderFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navFolderFR:hover
	{
		background:transparent url(../imgsite/folderFR.gif) no-repeat scroll 0 -30px;
	}
	/* CONTACT */
	.navContactNL:link, .navContactNL:visited
	{
		background: url(../imgsite/contactNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navContactNL:hover
	{
		background:transparent url(../imgsite/contactNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navContactFR:link, .navContactFR:visited
	{
		background: url(../imgsite/contactFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navContactFR:hover
	{
		background:transparent url(../imgsite/contactFR.gif) no-repeat scroll 0 -30px;
	}
	/* SITEMAP */
	.navSitemapNL:link, .navSitemapNL:visited
	{
		background: url(../imgsite/sitemapNL.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navSitemapNL:hover
	{
		background:transparent url(../imgsite/sitemapNL.gif) no-repeat scroll 0 -30px;
	}
	
	.navSitemapFR:link, .navSitemapFR:visited
	{
		background: url(../imgsite/sitemapFR.gif) no-repeat scroll 0 1px;
		float: left;
		height:30px;
		text-indent: -9999px;
		width: 250px;
	}
	.navSitemapFR:hover
	{
		background:transparent url(../imgsite/sitemapFR.gif) no-repeat scroll 0 -30px;
	}
	
/* ___ Google Maps ___ */

.dvGoogleBorder
{
	width: 550px;
	border: 5px solid #7A9FD3;
	background-color: #7A9FD3;
}

/* ___ Links ___ */

.tblLinks
{

}
	.tdLinksLink
	{
		padding-left: 5px;		
	}
		.tdLinksLink li
		{
			list-style-type:square;
			color: #FDEF1F;
		}
			.hypLink:link, .hypLink:visited
			{
				line-height: 24px;
				font-family: Arial Black, Arial, Sans-Serif;
				font-size: 16px;
				letter-spacing: 1px;
				color: #000000;
			}
			.hypLink:hover
			{
				color:#FDEF1F;
			}
		
	.tdLinksOmschrijving
	{
		padding-bottom: 5px;
		padding-left: 10px;	
	}

/* ___ Folder ___ */

.dvDownload
{
	/*width: auto;
	background-color:#000000;
	border: 1px solid #FDEF1F;
	color: #FDEF1F;
	line-height: 24px;*/
}
	.hypFolderDownload:link, .hypFolderDownload:visited
	{
		padding:10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-family: Arial Black, Arial, Sans-Serif;
		font-weight: bold;
		font-size: 18px;
		color: #FDEF1F;
		line-height: 24px;
	}
	.hypFolderDownload:hover
	{
		color: #000000;
	}
	
/* ___ Contact ___ */

.tblContact
{
	width: 100%;
	vertical-align: top;
	background-color: #D7E0F2;
	padding: 10px;
	border: 5px solid #7A9FD3;
}
	.tdContactLinks
	{
		vertical-align: top;
		padding: 2px;


	}
	.tdContactRechts
	{
		vertical-align: top;
		padding: 2px;
	}
		.lblContactForm
		{
			letter-spacing: 1px;
			padding-right: 10px;
					color:#000000;
font-family:Arial,Sans-Serif;
font-size:10pt;
		}
		.txtContactForm
		{
			background-color: #DDE4F4;
			border: 1px solid #000000;
		}
		
.validatators
{
	font-size: 11px;
	color: #ff0000;
}
.btnAlgemeen
{
	background-color: #7A9FD3;
	border: 1px solid #000000;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	color: #ffffff;
}

/* ___ Catalogus ___ */

.tblCategorieen
{
	width: 100%;
}
	.tdCategorie
	{
		padding-left: 5px;		
	}
		.tdCategorie li
		{
			list-style-type:square;
			color: #FDEF1F;
		}

.tblProducten{}
	.tdProduct
	{
		border: 5px solid #7A9FD3;
	}
		.hypProduct:link, .hypProduct:visited
		{
			border: 5px solid #7A9FD3;
			cursor: pointer;
		}
.tblFotos{}
	.tdFoto
	{
		border: 5px solid #7A9FD3;
	}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

/* ___ Product Detail ___ */

.tblProductInfo
{
	width: 100%;
	vertical-align: top;
}
	.tdProductInfoBeschrijving
	{
		width: 100%;
		vertical-align: top;
		padding-left: 10px;
	}
		.lblProductBeschrijving
		{
			
		}

/* ___ In de kijker ___ */


.tblIndekijker
{
	width: 580px;
	vertical-align: top;
	cursor: pointer;
	background-color: #99B3DD;
}

.tblIndekijkerHover
{
	width: 580px;
	vertical-align: top;
	cursor: pointer;
	background-color: #ffffff;
	
}

	.tdIndekijker
	{
		padding: 10px;
		width: 100%;
		vertical-align: middle;
	}

	.tdIndekijkerFoto
	{
		width: 150px;
		vertical-align: top;
		text-align: center;
			
	}
		.imgIndekijker
		{
			padding: 5px;
			background-color: #7A9FD3;
		}
	.tdIndekijkerInfo
	{
		width: 430px;
		vertical-align: top;
		text-align: left;
		
	}
		.lblProductTitel
		{
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;	
		}
		
/* ___ Sitemap ___ */

.liSitemapLink
{
	list-style-type:square;
	color: #FDEF1F;
}
	.liSitemapLink a:link, .liSitemapLink a:visited
	{
		line-height: 20px;
		font-family: Arial, Arial Black, Verdana, Sans-Serif;
		font-size: 14px;
		letter-spacing: 1px;
		color: #000000;
		font-weight: bold;
	}
	.liSitemapLink a:hover
	{
		color:#FDEF1F;
	}

		.liProductCategorie
		{
			margin-left: 15px;
			padding-left: 15px;
			list-style-type: circle;
		}
			.liProductCategorie a:link, .liProductCategorie a:visited, .liProductCategorie a
			{
				line-height: 16px;
				font-family: Arial, Arial Black, Verdana, Sans-Serif;
				font-size: 12px;
				letter-spacing: 1px;
				color: #000000;
				font-weight: bold;
				cursor: pointer;
			}
			.liProductCategorie a:hover
			{
				color:#FDEF1F;
			}
		
				.liProduct
				{	
					
					margin-left: 30px;
					list-style-type: disc;
				}
					.liProduct a:link, .liProduct a:visited
					{
						line-height: 12px;
						font-family: Arial, Arial Black, Verdana, Sans-Serif;
						font-size: 10px;
						letter-spacing: 1px;
						color: #000000;
						font-weight: bold;
					}
					.liProduct a:hover
					{
						color:#fdef1f;
					}
					
		
		
		

