/* CSS Stabifoot (c)2006 Maarten Deketele */

body, div, td, p, li, span, input, textarea, select{
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
}

img{
	border: 0;
}

/* linkage */

a:link, a:visited, a:active{
	color: #006EF5;
}

a:hover{
	color: #006EF5;
}

/* afspraakLink */

a:link.afspraakLink, a:visited.afspraakLink{
	font-weight:bolder;
	color: #333;
	text-decoration: none;
}

a:hover.afspraakLink, a:active.afspraakLink{
	font-weight:bolder;
	color: #555;
	text-decoration: none;
}

/* keuzeLink */

a:link.keuzeLink, a:visited.keuzeLink{
	width:100%;
	height:100%;
	display:block;
	background:#006EF5;
	font-size: 8pt;
	font-variant: small-caps;
	color:white;
	text-decoration:none;
}	

a:hover.keuzeLink, a:active.keuzeLink{
	width:100%;
	height:100%;
	display:block;
	background:#2687FE;
	font-size: 8pt;
	font-variant: small-caps;
	color:white;
	text-decoration:none;
}

/* beursLink */

a:link.beursLink, a:visited.beursLink{
	width:100%;
	height:100%;
	display:block;
	background:#11B900;
	font-size: 8pt;
	font-variant: small-caps;
	color:white;
	text-decoration:none;
}	

a:hover.beursLink, a:active.beursLink{
	width:100%;
	height:100%;
	display:block;
	background:#25D014;
	font-size: 8pt;
	font-variant: small-caps;
	color:white;
	text-decoration:none;
}

/* kleinknopLink */

a:link.kleinknopLink, a:visited.kleinknopLink, a:hover.kleinknopLink, a:active.kleinknopLink{
	width:100%;
	height: 100%;
	padding-top:5px;
	color: White;
	font-size: 9pt;
	font-weight: bolder;
	text-decoration:none;
}

/* taalLink */

a:link.taalLink, a:visited.taalLink{
	width:20px;
	height:16px;
	margin:0px 4px;
	font-variant:small-caps;
	color: #005DAA;
	border:1px solid #ccc;
	text-decoration: none;
}

a:hover.taalLink, a:active.taalLink{
	width:20px;
	height:16px;
	margin:0px 4px;
	font-variant:small-caps;
	color: #005DAA;
	border:1px solid #ccc;
	text-decoration: none;
	background: #f7f7f7;
}

/* aanvraagLink */

a:link.aanvraagLink, a:visited.aanvraagLink, a:hover.aanvraagLink, a:active.aanvraagLink{
	width:100%;
	height: 50px;
	padding-top:16px ;
	text-align: center;
	vertical-align: top;
	color: White;
	font-size: 14pt;
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: none;
}


/* menuLinkHome */

a:link.menuLinkHome, a:visited.menuLinkHome, a:active.menuLinkHome{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	padding:6;
	background: url(images/menuknopHome.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	font-weight: bolder;
	text-decoration: none;
}

a:hover.menuLinkHome{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	background: url(images/menuknopHome-over.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	text-decoration: none;
}

/* menuLinkProducten */

a:link.menuLinkProducten, a:visited.menuLinkProducten, a:active.menuLinkProducten{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	padding:6;
	background: url(images/menuknopProducten.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	font-weight: bolder;
	text-decoration: none;
}

a:hover.menuLinkProducten{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	background: url(images/menuknopProducten-over.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	text-decoration: none;
}

/* menuLinkNieuws */

a:link.menuLinkNieuws, a:visited.menuLinkNieuws, a:active.menuLinkNieuws{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	padding:6;
	background: url(images/menuknopNieuws.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	font-weight: bolder;
	text-decoration: none;
}

a:hover.menuLinkNieuws{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	background: url(images/menuknopNieuws-over.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	text-decoration: none;
}

/* menuLinkBedrijf */

a:link.menuLinkBedrijf, a:visited.menuLinkBedrijf, a:active.menuLinkBedrijf{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	padding:6px;
	background: url(images/menuknopBedrijf.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	font-weight: bolder;
	text-decoration: none;
}

a:hover.menuLinkBedrijf{
	display:block;
	margin:0;
	width: 100%;
	height: 100%; 
	background: url(images/menuknopBedrijf-over.gif) no-repeat;
	color: #fff;
	font-size:8pt;
	text-decoration: none;
}


body{
	height:100%;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	margin:0; /* om alles aan de top of bodem te kleven */
	background: #fff;
}

.button{
	margin-top:2px;
	border:1px solid #555;
	color: #555;
	background: White;
}

/* wrapper */

table.wrapper{
	width:1000px;
	margin:auto;
}

/* menu + pagina */

table.pagina{
	width:1000px;
	margin:0px auto;
}

.headerCel{
	height: 111px;
	background: url(images/header.jpg) top center no-repeat;
}

.menuCel{
	width: 180px;
	background: #fff;
	vertical-align: top;
	text-align: center;
}

.taalTbl{
	margin: 20px auto;
	width: 180px;
}

.menuTbl{
	margin: 20px 0;
	width: 180px;
}

.innerMenuCel{
	width: 90px;
	vertical-align: middle;
	text-align: left;
}

.menuCelHome{
	width: 90px;
	height: 24px;
	text-align: left;
	vertical-align: middle;
	background: url(images/menuknopHome.gif) no-repeat;
}

.menuCelProducten{
	width: 90px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	background: url(images/menuknopProducten.gif) no-repeat;
}

.menuCelNieuws{
	width: 90px;
	height: 24px;
	text-align: left;
	vertical-align: middle;
	background: url(images/menuknopNieuws.gif) no-repeat;
}

.menuCelBedrijf{
	width: 90px;
	height: 24px;
	text-align: left;
	vertical-align: middle;
	background: url(images/menuknopBedrijf.gif) no-repeat;
}

.contentCel{
	width: 450px;
	vertical-align: top;
	text-align: center;
	background: #fff;
}

.rechtsCel{
	width:150px;
	padding-left: 13px;
	vertical-align: top;
	text-align: center;
	background: #fff;
}

.footercel{
	color: #B9B9B9;
	font-weight: bolder;
	text-align:right;
	font-size:7pt;
}

.container{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 790px;
	height: 464px;
	margin-left: -390px; /* half of width */
	margin-top: -232px;  /* half of height */
}

.homeTbl{
	width: 1000px;
	margin: auto;
}

#flashCel{
	width: 790px;
	height: 254px;
	background: url(images/home-hok_nl_01.jpg) no-repeat;
}

.contactCel{
	width: 178px;
	height: 77px;
	background: url(images/home-hok_nl_13.jpg) no-repeat;
	vertical-align: top;
	text-align: center;
}

.innerContact{
	width:160px;
	margin: -5 auto 0;	
	font-size: 11px;
	text-align: left;
}

.contactBtn{
	margin: auto;
}

.productoverzichtTbl{
	margin: 16px auto 0;
}

.productoverzichtCel{
	vertical-align: middle;
	text-align: center;
}

.contactRechts{
	width:130px; 
	padding-left: 8px;
	margin: auto;
	text-align:left;
}

.zoek{
	width: px;
	margin: 20px 12px 0 0;
	text-align: right;
}

.keuzeTbl{
	width: 400px;
	margin: 5px auto;
}

.keuzeCel{
	width: 25%;
	text-align:center;
	border:1px solid white;
}

.titel{
	width: 400px;
	margin:8px auto;
	font-size: 11pt;
	font-weight:bolder;
	color: #005DAA;
	text-align: left;
}

.ondertitel{
	width: 400px;
	margin:8px auto;
	font-size: 9pt;
	font-weight:bolder;
	color: #F64490;
	text-align: left;
}

.celtitel{
	margin:8px auto;
	font-size: 9pt;
	font-weight:bolder;
	color: #F64490;
	text-align: left;
}

.categorieTbl{
	width: 400px;
	margin:5px auto;	
}

.fotoCel{
	width: 120px;
	background: #f7f7f7;
	text-align: center;
}

.tekstCel{
	padding: 10px;
	background: #f7f7f7;
}

.kenmerkTxt{
	width: 400px;
	padding: 10px;
	clear: both;
	text-align: left;
}

.kenmerkFoto{
	margin:10px auto 0;
}

.collectieTbl{
	width: 400px;
	margin: 5px auto;
}

.collectieCel{
	width: 25%;
	text-align: center;
	vertical-align: top;
	background: #BBDAFF;
}

.artikelnr{
	height: 22px;
	padding-top: 4px;
	margin:0 0 2px;
	background: #FFDFB4;
}

.maat{
	margin:0 0;
}

.bestellen{
	height: 22px;
	padding-top: 4px;
	margin:2px 0 0;
	background: #C8FFC2;
}

.bestelTbl{
	width: 400px;
	margin: 5px auto;
	background: #f7f7f7;
}

.bestelFoto{
	width: 80px;
	text-align: center;
}

.bestelCel{
	width: 80px;
	text-align: center;
}

.bestelAantal{
	width: 80px;
	background: #eee;
	text-align: center;
}

.bestelWagenKeuze{
	width: 80px;
	font-size: 7pt;
	text-align: left;
	padding: 2px;
}

.contactFormTbl{
	width:300px;
	margin: 5px auto;
}

.firmaCel{
	text-align: left;
}

.inputCel{
	text-align: left;
}

.snoepTbl{
	margin: auto;
}

.snoepLinks{
	height: 75px;
	width: 25px;
	background: url(images/snoepknopLinks.jpg) top right no-repeat;
}

.snoepCenter{
	vertical-align: top;
	background: url(images/snoepknopCenter.jpg) top left;
}

.snoepRechts{
	width: 36px;
	background: url(images/snoepknopRechts.jpg) top left no-repeat;
}

.rechtstreeksTbl{
	width: 400px;
	margin: auto;
	margin: 5px auto;
}

.rechtstreeksCel{
	width: 25%;
	height: 26px;
	padding: 2px;
	text-align:center;
}

.routeIcon{
	margin:20px 0 0 0;
	border: 0;
}

.stress{
	color: #11B900;
	font-weight: bolder;
}

.kleinknopTbl{
	margin:5px auto;
}

.kleinknopLinks{
	width: 11px;
	height: 26px;
	background: url(images/kleinknopLinks.jpg) top right no-repeat;
}

.kleinknopCenter{
	width: 130px;
	background: url(images/kleinknopCenter.jpg);
	text-align: center;
	vertical-align: middle;
}

.kleinknopRechts{
	width: 11px;
	background: url(images/kleinknopRechts.jpg) top left no-repeat;;
}

.medewerker{
	text-align: left;
}

.beursfoto{
	float: left;
	margin: 10px 2px;
	border: 0;
}