/* Nenko */

/* Algemene dingen */
img				{ border:0px; }
a:link, a:visited, a:hover { color: #006699; text-decoration: none; }
a:hover 		{ text-decoration: underline; }
h1				{ font-size: 18px; font-weight:bold; margin:0px; padding:0px; display:inline-block; }
h2				{ font-size:14px; padding:0px; margin:0px; }
h3				{ font-size:14px; font-weight:bold; padding:0px; margin:0px; }

a.h1:link, a.h1:visited, a.h1:hover { color: #000066; text-decoration: none; }
a.h1:hover 		{ text-decoration: underline; }

form			{ padding:0px; margin:0px; }
input			{ font-family:Verdana; font-size:12px; }
select			{ font-family:Verdana; font-size:12px; }
textarea		{ font-family:Verdana; font-size:12px; }
acronym			{border-bottom:1px dotted}
td.foutmelding	{ color:#F00; font-weight:bold; }
.foutmelding	{ color:#F00; font-weight:bold; }

/* Lay-out website */
body			{ font-family:Verdana; font-size:12px; color:#000066; margin-top:0px; background-color:#00006e; padding-top:10px; }
table.hoofd		{ border:0px solid #848284; }
table.top		{ padding:5px; background-color:#EEEEEE; font-family:Verdana; font-size:12px; }
table.body		{ padding:5px; background-color:#EEEEEE; height:300px; font-family:Verdana; font-size:12px; }

td.menu_midden_lijn	{ border-right:1px groove #A8A8A8; }
td.menu_midden_over	{ background-color:#A8A8A8; }

td.menu_top_links	{ background-color:#EEEEEE; }
td.menu_top_rechts	{ background-color:#C8C8C8; font-family:Verdana; font-size:12px; padding:2px; }
td.menu_midden		{ background-color:#B7B7B7; font-family:Verdana; font-size:12px; border-top:1px groove #848284; border-bottom:1px groove #848284; }
td.body			{ padding:5px; vertical-align:top; }
td.copy			{ font-family:Verdana; font-size:10px; padding:5px; background-color:#C8C8C8; }

table.menu_links	{ background-color:#C8C8C8; }
td.menu_links_top	{ background-color:#B7B7B7; }

.headertekst	{ font-family:Verdana; font-size: 28px; color: #000066; }
td.tekst		{ text-align:justify; }
img.nieuwe_producten	{ max-width:135px; width:expression(document.body.clientWidth > 135? "135px": "auto" ); max-height:100px; height:expression(document.body.clientHeight > 100? "100px": "auto" ); }

/******* Instellingen per pagina *******/

/* HOME */
#container	{ position:relative; width:730px; margin-top:5px; }
#container img.product	{ width:200px; cursor:pointer; }
#container img.product_klein	{ width:200px; }
#container .products	{ float:left; margin-right:20px; margin-bottom:10px; }
.overlay{ display:none; background:transparent url("../images/overlay.png") repeat top left; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; }
#box	{ position:absolute; top:0; padding:5px; background-color:#FFFFFF; display:none; z-index:101; border:1px solid #333; width:500px; }
a.boxclose{ float:right; width:26px; height:26px; background:transparent url("../images/cancel.png") repeat top left; margin-top:-18px; margin-right:-18px; cursor:pointer; }
#box .hidden	{ display:none; }
.clear	{ clear:both; }

/* Nieuwsberichten Eigen */
td.nieuwsbericht_tekst	{ text-align:justify; }
img.nieuwsimage_links	{ max-Width:150px; float: left; margin: 0 10px 0 0; width:expression(document.body.clientWidth > 150? "150px": "auto" ); }
img.nieuwsimage_rechts	{ max-Width:150px; float: right; margin: 0 0 0 10px; width:expression(document.body.clientWidth > 150? "150px": "auto" ); }

/* Aanbiedingen */
img.aanbiedingen		{ max-Width:180px; width:expression(document.body.clientWidth > 180? "180px": "auto" ); border:1px solid #006699; }

/* Artikels + categorieën + opties */
table.catalogus_sub_categorie	{ border:1px solid #848284; }
td.kop_sub_categorie		{ background-color:#848284; color:#EEEEEE; font-size: 12px; padding:3px; }
tr.rij_kleur	{ background-color:#C8C8C8; }
table.artikel_opties	{ border:1px solid #E4E4E4; background-color:#E4E4E4; }
span.prijs		{ font-family: Verdana; font-size: 14px; }
img.artikel		{ max-width:165px; width:expression(document.body.clientWidth > 165? "165px": "auto" ); border:1px solid #E4E4E4; }
img.cat			{ max-width:75px; width:expression(document.body.clientWidth > 75? "75px": "auto" ); max-height:75px; height:expression(document.body.clientHeight > 75? "75px": "auto" ); }
#tech_gegevens	{ display:none; }
a.tech,a.tech:link,a.tech:visited	{ color: #006699; text-decoration:none; cursor:hand; }
a.tech:hover 	{ color: #006699; text-decoration:underline; cursor:hand; }
font.productnr	{ font-size:10px; }

#container		{ width:730px; display:inline-block; }
#container2	{ width:700px; display:inline-block; }
#kop_product	{ font-size:18px; font-weight:bold; display:inline-block; margin-bottom:10px; }
#product_info	{ width:520px; text-align:justify; float:left; padding-right:20px; }
#product_info2	{ width:500px; text-align:justify; float:left; padding-right:20px; }
#product_rechts	{ width:180px; float:left; }
#product_winkelwagen	{ border:1px solid #E4E4E4; background-color:#E4E4E4; margin-bottom:5px; }
#prd_winkel_img		{ width:25px; float:left; text-align:center; }
#prd_winkel_tekst	{ width:150px; float:left; text-align:right; vertical-align:middle; }
#product_img	{ width:180px }
img.artikel		{ max-width:178px; width:expression(document.body.clientWidth > 178? "178px": "auto" ); border:1px solid #E4E4E4; }
#product_extra	{ width:180px; border:1px solid #E4E4E4; background-color:#E4E4E4; }
#prd_extra_top	{ background-color: #848284; color:#EEEEEE; font-size: 12px; width:176px; padding:2px;  }
#prd_extra_tekst	{ width:176px; padding:2px; }
div.spacer 		{ clear: both; }

/* Winkelwagen */
input.winkelwagen_button	{ font-family:Verdana; font-size:12px; background-color:#C8C8C8; border:1px solid #848284; color:#000066; }
input.winkelwagen_aantal	{ text-align:center; }
ul.winkelwagen	{ padding:0px; margin:0px; padding-left:20px; list-style-position: outside; list-style-type:square; }

/* Productsamensteller */
table.samensteller_categorie	{ border:1px solid #848284; background-color:#E4E4E4; font-size:11px; }
td.samensteller_kop_cat			{ background-color:#848284; color:#EEEEEE; font-size: 12px; height:20px; padding-left:2px; }
tr.samensteller_optie_over		{ background-color:#D3D3D3; }
tr.samensteller_optie_out		{ background-color:#E4E4E4; }
tr.samensteller_optie_geselecteerd	{ background-color:#CCCCFF; }
tr.samensteller_optie_niet_geselecteerd	{ background-color:#E4E4E4; }
img.informatie_optie			{ position:relative; }
div.optie						{ border:1px solid #848284; background-color:#E4E4E4; display:none; position:absolute; z-index:2; padding:3px; text-align:justify; width:250px; }
img.optie					{ max-width:55px; width:expression(document.body.clientWidth > 55? "55px": "auto" ); max-height:55px; height:expression(document.body.clientHeight > 55? "55px": "auto" ); }

/* BESTELLEN */
table.bestellen_statusbalk			{ border:1px solid #848284; }
td.bestellen_statusbalk_actief 		{ height:50px; background-color:#B7B7B7; }
td.bestellen_statusbalk_aan 		{ height:50px; background-color:#E4E4E4; }
td.bestellen_statusbalk_uit 		{ height:50px; color:#B4B4B4; }
font.bestellen_statusbalk_cijfer_actief 	{ color:#000066; font-size:15px; font-weight:bold; }
font.bestellen_statusbalk_cijfer_aan 		{ color:#000000; font-size:15px; font-weight:bold; }
font.bestellen_statusbalk_cijfer_uit	 	{ font-size:15px; font-weight:bold; }
a.bestellen_statusbalk_aan					{ color:#000000; text-decoration:none; }
a.bestellen_statusbalk_aan:hover			{ color:#000000; text-decoration:underline; }

/* Klanten pagina's */
.verplicht_info	{ font-size: 9px; color: #FF0000; }
td.kop_cat		{ background-color: #848284; color:#EEEEEE; font-size: 12px; }

/* Onze medewerkers */
img.onze_medewerker	{ max-width:120px; }

/* Snoezelen */
img.snoezelen_1		{ float: right; margin: 0 0 0 3px; }
img.snoezelen_2		{ float: left; margin: 0 3px 0 0px; }

/* Snoezelruimtes */
table.layout_snoezelruimtes	{ width:100%; }
td.snoezelruimtes_foto_groot{ width:400px; vertical-align:middle; }
td.snoezelruimtes_foto_block{ vertical-align:top; }
input.snoezelruimtes	{ width:136px; }
#image_wrap { width:500px; margin:2px; padding:0px; text-align:center; background-color:#efefef; border:2px solid #fff; outline:1px solid #ddd; -moz-ouline-radius:4px; }
.scrollable { position:relative;	overflow:hidden; width: 505px; height:80px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:2px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:93px;
	height:70px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* Over Ons */
img.overons			{ float: right; margin: 0 0 0 3px; max-width:325px; }

/* Zoeken */
.zoeken_achtergrond	{ background-image:url(../images/zoeken_achtergrond.jpg); height: 100px; }

/* SLIMBOX */
#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }