/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #ffffff;
	margin				: 20px 0;
	padding				: 0;
	font				: 0.7em Arial;
	text-align			: center; /* #container centreren voor IE5 */
}

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 988px;
	text-align			: left;
	border				: solid 1px #000;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 155px;
	width				: 87px;
	position			: absolute;
	top					: 60px;
	left				: 880px;
}

#header h1	{
	margin				: 0;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 155px;
	width				: 87px;
	background			: url(../img/logo.gif) no-repeat left top;
}

body.basic #header h1 a 		{	background: #009cce url(../img/onderdeel_basic.gif) no-repeat center top;	}
body.trend #header h1 a 		{	background: #df3087 url(../img/onderdeel_trend.gif) no-repeat center top;	}
body.design #header h1 a	 	{	background: #3f316a url(../img/onderdeel_design.gif) no-repeat center top;	}



/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 61px;
	background			: #111212;
	position			: relative;
}

#menu ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	position			: absolute;
	top					: 25px;
	left				: 16px;
}

#menu ul li	{
	display				: block;
	float				: left;
}

#menu ul li a	{
	display				: block;
	height				: 14px;
	overflow			: hidden;
	text-indent			: -900em;
}

#menu a.collectie	{	width: 179px; background: url(../img/menu_collectie.gif) left top;	}
#menu a.design		{	width: 236px; background: url(../img/menu_design.gif) left top;	}
#menu a.techniek	{	width: 194px; background: url(../img/menu_techniek.gif) left top;	}
#menu a.daarom		{	width: 156px; background: url(../img/menu_daarom.gif) left top;	}
#menu a.jij			{	width: 124px; background: url(../img/menu_jij.gif) left top;	}
#menu a.contact		{	width: 70px; background: url(../img/menu_contact.gif) left top;	}

#menu a:hover, #menu li.actief a	{	background-position: left bottom;	}


/* --------------------------------	*/
/* frontpage					 	*/
/* --------------------------------	*/
#frontpage	{
	position			: relative;
	background			: url(../img/frontpage_foto.jpg) no-repeat left bottom;
	padding-bottom		: 404px;
}

#frontpage .inhoud	{
	_height				: 129px;
	min-height			: 129px;
	padding				: 25px 0 0 25px;
	line-height			: 1.7em;
}

#frontpage .inhoud a	{
	color				: #d9344a;
}

#frontpage .inhoud h2	{
	margin				: 0 0 13px 0;
	font-size			: 1.8em;
	font-weight			: normal;
	color				: #d9344a;
	text-transform		: uppercase;
}

#frontpage .inhoud h3	{
	margin				: 0 0 13px 0;
	font-size			: 2.1em;
	font-weight			: normal;
	color				: #000;
	text-transform		: uppercase;
}

/* Banners */
/*#frontpage .banner {
	display				: block;
	position			: absolute;
	text-indent			: -900em;
}

#frontpage .karwei {
	left				: 25px;
	bottom				: 180px;
	width				: 158px;
	height				: 159px;
	background			: url(../img/banner-nieuw-karwei.png) no-repeat left top;
}

#frontpage .verkooppunten {
	left				: 510px;
	bottom				: 203px;
	width				: 462px;
	height				: 85px;
	background			: url(../img/banner-alle-verkooppunten.png) no-repeat left top;
}*/

#frontpage .banner1,
#frontpage .banner2 {
	display				: block;
	position			: absolute;
	font-size			: 1.5em;
}

#frontpage .banner1 a,
#frontpage .banner2 a {
	text-decoration		: none;
}

#frontpage .banner1 {
	left				: 25px;
	bottom				: 180px;
	width				: 158px;
	height				: 129px;
	padding				: 30px 0 0 0;
	text-align			: center;
	line-height			: 1.8em;
	color				: #FFF;
	background			: url(../img/banner-ster.png) no-repeat left top;
}

#frontpage .banner2 {
	left				: 510px;
	bottom				: 190px;
	width				: 430px;
	padding				: 10px 15px;
	border				: 1px solid #000;
	background			: url(../img/banner-home-bg.png);
}


/* --------------------------------	*/
/* collecties					 	*/
/* --------------------------------	*/
#collecties	{
	/*background			: url(../img/frontpage_foto.jpg) no-repeat left bottom;*/
	padding-bottom		: 404px;
}

#collecties .inhoud	{
	_height				: 129px;
	min-height			: 129px;
	padding				: 25px 0 0 25px;
	line-height			: 1.7em;
}

#collecties .inhoud a	{
	color				: #d9344a;
}

#collecties .inhoud h2	{
	margin				: 0 0 13px 0;
	font-size			: 1.8em;
	font-weight			: normal;
	color				: #d9344a;
	text-transform		: uppercase;
}

#collecties .inhoud h3	{
	margin				: 0 0 13px 0;
	font-size			: 2.1em;
	font-weight			: normal;
	color				: #000;
	text-transform		: uppercase;
}

#collecties .afb1 { 	float: left; }
#collecties .afb2 { 	float: left; padding-left: 1px; }
#collecties .afb3 { 	float: left; padding-left: 1px; }


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	border-top			: solid 1px #fff;
	background			: #111212;
	height				: 61px;
	position			: relative;
}

/* menutje */
#footer ul	{
	position			: absolute;
	top					: 24px;
	left				: 18px;
	margin				: 0;
	padding				: 0;
	list-style			: none;			
}

#footer ul li	{
	display				: block;
	float				: left;	
	padding				: 0 35px 0 0;	
}

#footer ul li a	{
	display				: block;
	height				: 11px;
	overflow			: hidden;
	text-indent			: -900em;
}

#footer ul li a.home	{ width: 57px; background: url(../img/footer_menu_home.gif) no-repeat left top;	}
#footer ul li a.tip		{ width: 142px; background: url(../img/footer_menu_tip.gif) no-repeat left top;	}
#footer ul li a.buurt	{ width: 247px; background: url(../img/footer_menu_buurt.gif) no-repeat left top;	}

/* zoeken */
#footer form	{
	position			: absolute;
	top					: 20px;
	right				: 20px;
	margin				: 0;
}

#footer form input.text	{
	background			: #fff url() no-repeat left top;
	border				: none;
	padding				: 3px 0 0 3px;
	margin				: 0;
	width				: 119px;
	height				: 17px;
	font				: 1em Arial;
	vertical-align		: middle;
}

#footer form input.button	{
	background			: #575556 url(../img/zoeken_button.gif) no-repeat left top;
	border				: none;
	padding				: 0;
	margin				: 0;
	height				: 20px;
	width				: 62px;
	vertical-align		: middle;
	line-height			: 100em;
	overflow			: hidden;
	text-indent			: -900em;
	cursor				: pointer;
}


/* --------------------------------	*/
/* copyright					 	*/
/* --------------------------------	*/
#copyright	{
	margin				: 0 auto;
	padding				: 17px 20px;
	width				: 950px;
}

#copyright ul	{
	margin				: 0 auto;
	padding				: 0;
	list-style			: none;			
	width				: 536px;
	height				: 11px;
	background			: url(../img/copyright_bg.gif) no-repeat left top;
}

#copyright ul li	{
	display				: block;
	float				: left;
}

#copyright ul li a, #copyright ul li.copyright	{
	display				: block;
	height				: 11px;
	overflow			: hidden;
	text-indent			: -900em;
}

#copyright ul li.copyright		{ width: 166px;	}
#copyright ul li.home			{ width: 51px;	}
#copyright ul li.contact		{ width: 65px;	}
#copyright ul li.sitemap		{ width: 65px;	}
#copyright ul li.disclaimer		{ width: 79px;	}
#copyright ul li.privacy		{ width: 109px;	}

#copyright div.amimpact	{
	float				: right;
	color				: #B6B6B6;
	font-size			: 0.9em;
	padding				: 5px 0;
}

#copyright div.amimpact a	{
	color				: #B6B6B6;
	text-decoration		: none;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: url(../img/main_bg.gif) repeat-y left top;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	width				: 258px;
	float				: left;
}

#zijbalk ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}


/* --------------------------------	*/
/* onderdelen					 	*/
/* --------------------------------	*/
#onderdelen	{
	background			: #fff;
	height				: 151px;
	width				: 258px;
	border-top			: solid 1px #fff;
	border-bottom		: solid 1px #fff;
}

#onderdelen li	{
	float				: left;
}

#onderdelen li a	{
	display				: block;
	height				: 151px;
	overflow			: hidden;
	text-indent			: -900em;
}

#onderdelen li a.design	{	border-right: solid 1px #fff; width: 85px; background : url(../img/onderdeel_design.gif) no-repeat left top;	}
#onderdelen li a.trend	{	border-right: solid 1px #fff; width: 85px; background : url(../img/onderdeel_trend.gif) no-repeat left top;	}
#onderdelen li a.basic	{	width: 86px; background : url(../img/onderdeel_basic.gif) no-repeat left top;	}

/*body.basic #onderdelen li a.basic, body.trend #onderdelen li a.trend, body.design #onderdelen li a.design 	{	
	background: url(../img/onderdeel_logo.gif) no-repeat left top;	
}*/


/* --------------------------------	*/
/* submenu						 	*/
/* --------------------------------	*/
#submenu	{
	width				: 258px;
}

#submenu li	{
	border-bottom		: solid 1px #ECECEC;
}

#submenu li.even	{
	background			: #DBDBDB;
}

#submenu a	{
	display				: block;
	padding				: 10px 25px;
	width				: 208px;
	background			: url(../img/submenu_item_bg.gif) no-repeat 15px;
	color				: #767676;
	text-decoration		: none;
}

#submenu li.actief a, #submenu a:hover	{
	background			: #000 url(../img/submenu_item_bg_a.gif) no-repeat 15px;
	color				: #fff;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content 	{
	width				: 679px;
	float				: right;
	padding				: 25px;
	line-height			: 1.7em;
}

#content h2	{
	margin				: 0 0 15px 0;
	font-size			: 2.2em;
	line-height			: 1.2em;
	font-weight			: normal;
	color				: #d9344a;
	text-transform		: uppercase;
	width				: 590px;
}

#content a	{
	color				: #d9344a;
}

#content input, #content select, #content textarea	{
	border				: solid 1px #000;
	font				: 1em Arial;
}

#content input.radio, #content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: #111212;
	color				: #fff;
	font-weight			: bold;
	padding				: 3px;
}


/* --------------------------------	*/
/* bestellen					 	*/
/* --------------------------------	*/
#bestellen	{
	width				: 540px;
}

#bestellen .template	{
	display				: none;
}

#bestellen h4	{
	margin				: 0 0 5px 0;
	font-size			: 1.2em;
	font-weight			: bold;
	color				: #D9344A;
}

#bestellen ol, #bestellen ul {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#bestellen ol li	{
	padding				: 0 0 10px 0;
	margin				: 0 0 10px 0;
}

#bestellen a.verwijderen	{
	margin				: 0 0 0 295px;
	font-weight			: normal;
	font-size			: 0.8em;
	text-decoration		: none;
}

#bestellen a.verwijderen img	{
	vertical-align		: middle;
}

#bestellen .clear	{
	clear				: both;
}

#bestellen ol li ul	{
	float				: left;
	width				: 50%;
}

#bestellen ol li ul li	{
	border				: none;
	padding				: 0;
	margin				: 0 0 2px 0;
}

#bestellen ol li div.label	{
	float				: left;
	width				: 120px;
}

#bestellen li.postcode	{
	float				: left;
	width				: 70px;
}

#bestellen li.plaats	{
	float				: left;
	width				: 230px;
}

#bestellen li.telefoon	{
	clear				: both;
}


/* --------------------------------	*/
/* tip							 	*/
/* --------------------------------	*/
#tip 	{
	width				: 729px;
	float				: right;
	_height				: 255px;
	min-height			: 255px;
	color				: #fff;
	line-height			: 1.7em;
}

body.basic #tip 		{ 	background : url(../img/tip_foto_basic.jpg) no-repeat left top;  }
body.trend #tip 		{ 	background : url(../img/tip_foto_trend.jpg) no-repeat left top;  }
body.design #tip 		{ 	background : url(../img/tip_foto_design.jpg) no-repeat left top;  }

#tip h2	{
	margin				: 0 0 5px 0;
	font-size			: 1.3em;
	font-weight			: normal;
	color				: #fff;
	text-transform		: uppercase;
}

#tip h3	{
	margin				: 0;
	padding				: 0;
	font-size			: 2.0em;
	line-height			: 1.0em;
	font-weight			: normal;
	color				: #fff;
	text-transform		: uppercase;
}

#tip div.inhoud 	{
	width				: 314px;
	float				: right;
	_height				: 185px;
	min-height			: 185px;
	padding				: 8px 25px;
}

body.basic #tip div.inhoud 		{	background: #0fabde url(../img/tip_basic_bg.jpg) no-repeat left top;	}
body.trend #tip div.inhoud 		{	background: #e44d90 url(../img/tip_trend_bg.jpg) no-repeat left top;	}
body.design #tip div.inhoud 	{	background: #3f3069 url(../img/tip_design_bg.jpg) no-repeat left top;	}

#tip a 	{
	color				: #fff;
}

/* --------------------------------	*/
/* sfeerbeelden					 	*/
/* --------------------------------	*/
#sfeerbeelden 	{
	width				: 729px;
	float				: right;
	_height				: 255px;
	min-height			: 255px;
	color				: #fff;
	line-height			: 1.7em;
}

#sfeerbeelden div.foto1 {
	float				: left;
}

#sfeerbeelden div.foto2 {
	float				: left;
	padding-left		: 1px;
}

#sfeerbeelden div.foto3 {
	float				: left;
}



/* --------------------------------	*/
/* sifr							 	*/
/* --------------------------------	*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


.sIFR-hasFlash #frontpage h2 {
	visibility: hidden;
	line-height: 1.2em;
	font-size: 22px;
	margin: 0 0 5px 0;
}

.sIFR-hasFlash #collecties h2 {
	visibility: hidden;
	line-height: 1.2em;
	font-size: 22px;
	margin: 0 0 5px 0;
}

.sIFR-hasFlash #frontpage h3 {
	visibility: hidden;
	line-height: 1.2em;
	font-size: 30px;
	margin: 0 0 5px 0;
}

.sIFR-hasFlash #content h2 {
	letter-spacing: -15px;
	visibility: hidden;
	line-height: 1.2em;
	font-size: 33px;
	margin: 0 0 5px 0;
}

.sIFR-hasFlash #tip h2 {
	visibility: hidden;
	line-height: 1.2em;
	font-size: 17px;
	margin: 0;
}

.sIFR-hasFlash #tip h3 {
	visibility: hidden;
	line-height: 1.0em;
}

/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap	{
	margin				: 0 0 20px 0;
}

#sitemap ul	{
	margin				: 0 0 0 1.5em;
	padding				: 0;
	list-style			: square;
}

#sitemap ul ul	{
	margin				: 0 0 0 2.5em;
}

#sitemap li	{
	margin				: 0 0 2px 0;
}

#sitemap a	{
	text-decoration		: none;
}

#sitemap a:hover	{
	text-decoration		: underline;
}

#sitemap a.map	{
	font-weight			: bold;
}

/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	margin				: 0;
}

.contactform input, .contactform select, .contactform textarea   {
	border				: solid 1px #999;
	font				: 1em Arial;
}

.contactform input.button   {
	cursor				: pointer;
	background			: #999;
	color				: #fff;
	font-weight			: bold;
	margin-top			: 10px;
}

.contactform ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactform fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

.contactform .veldFout 	{
	border				: 1px solid red !important;
}

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 230px;
}

.contactform li.telefoon	{
	clear				: both;
}

/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
#zoeken .resultaten 	{
	position			: relative;
}

#zoeken p.aantal	{
	margin				: 0 0 20px 0;
	position			: relative;
	top					: 0;
	right				: 0;
	padding				: 5px 10px 0 0;
	width				: 530px;
}

#zoeken dl	{
	margin				: 0 0 1.5em 0;
	position			: relative;
	width				: 530px;
}

#zoeken dl dt	{
	background			: #000000;
	color				: #FFFFFF;
	padding				: 3px 10px 1px 10px;
	font-size			: 0.95em;
	position			: relative;
	zoom				: 1;
}

#zoeken dl dt #inhoud {
	display: block;
	width : 450px;
}

#zoeken dl dt a	{
	color				: #ffffff;
}

#zoeken dl dt span.datum	{
	position			: absolute;
	right				: 10px;
	top					: 3px;
}

#zoeken dl dd	{
	border				: solid 1px #000000;
	padding				: 10px;
	margin				: 0 0 1em 0;
	zoom				: 1;
}

/* --------------------------------	*/
/* pagina navigatie				 	*/
/* --------------------------------	*/
#navigatie	{
	margin				: 0 0 1.5em 0;
	text-align			: right;
}

#navigatie h4	{
	margin				: 0;
	padding				: 0 2px;
	font-size			: 1em;
	display				: inline;
}

#navigatie ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	display				: inline;
}

#navigatie ul li	{
	display				: inline;
	padding				: 0 2px;
}