@charset "utf-8";
/* CSS Document */

img {
	border:none;
}

body {
	background:url(images/huisstijl/b.gif) repeat-x left top #ffffff;
	font-family:verdana;
}

#container {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:927px;
}


#header {
	width:927px;
	height:89px;
	background:url(images/huisstijl/header-bg.png) left top no-repeat;
}

#header-2 {
	margin-bottom:16px;
}

#content-container {
	width:927px;
	height:auto;
	margin-top:10px;
	min-height:500px;
	_height:500px;
}

#menu {
	width:929px;
	height:41px;
	background:url(images/huisstijl/menu-bg.png) no-repeat left top;
	margin-top:-20px;
}

/* ----- Hier komen de content styles -------- */
/*#content p {
	width:857px;
	margin-left:33px;
	font-size:11px;
}*/
.content-inner {
	width:857px;
	position:relative;
	margin-left:33px;
	margin-top:20px;
	font-size:11px;
}

.links-boven {
	background:url(images/huisstijl/content-lb.gif) no-repeat left top;
}

.rechts-boven {
	background:url(images/huisstijl/content-rb.gif) no-repeat left top;
}


.content-boven {
	background:#ffffff;
}

.content-links {
	background:url(images/huisstijl/content-l.gif) repeat-y left top;
	height:auto;
	
}

.content-rechts {
	background:url(images/huisstijl/content-r.gif) repeat-y left top;
	height:auto;
}

.content-inhoud {
	height:600px;
	background:#FFFFFF;
	position:relative;
}

.balk-onder {

	height:52px;
	background:url(images/huisstijl/balk-onder-bg.gif) repeat-x left top;

}

.balk-onder-l {
	height:52px;
	background:url(images/huisstijl/balk-onder-l.gif) repeat-x left top;

}

.balk-onder-r {
	height:52px;
	background:url(images/huisstijl/balk-onder-r.gif) repeat-x left top;

}

#beschrijvende-tekst {

	font-size:11px;
	line-height:1.4em;
}

/* Footer */

#footer {
	width:100%;
	text-align:center;
	height:50px;
	font-color:#000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	margin-top:6px;
}

.no-u a {
	
	text-decoration:none;
	color:#000000;

}

/* ------- Hier komen de menu-stijlen --------- */

#menu-inner {

	width:919px;
	height:31px;
	position:absolute;
	overflow:hidden;
	margin-top:3px;
	margin-left:5px;

}

#menu-catagorieen {
}

#menu-catagorieen a {
	text-decoration:none;
	color:#000033;
	display:block;
	background:#ffe3a6;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:-4px;
	text-align:center;
	height:31px;
	padding-top:6px;
	margin-right:4px;
}

#menu-catagorieen a:hover {

	background:url(images/huisstijl/menu-active.png) repeat-x left top;

}

.menu-active {
		background:url(images/huisstijl/menu-active.png) repeat-x left top;

}

/* --- De verschillende breedtes van de menuitems --- */

.breedte1 { width:95px; }
.breedte2 { width:95px; }
.breedte3 { width:109px; }
.breedte4 { width:118px; }
.breedte5 { width:70px; }
.breedte6 { width:77px; }
.breedte7 { width:180px; }
.breedte8 { width:147px; }

/*  De Header Menu Styles  */

#header-menu {
	width:429px;	
	position:absolute;
	margin-left:436px;
	
	margin-top:7px;
} 

#header-menu img {
	bordeR:none;
}

/* Style van de knop "Home" */

#knop-home {
	width:60px;
	height:37px;
	overflow:hidden;
}
#knop-home a {
	display:block;
	height:37px;
	width:60px;
	background:url(images/knoppen/huisstijl/home.png)
}
#knop-home a:hover {
	background:url(images/knoppen/huisstijl/home.png) -60px 0;
}
.knop-home-active {
	background:url(images/knoppen/huisstijl/home.png) -120px 0;
}

/* Style van de knop "Verkooppunten" */

#knop-verkoop {
	width:109px;
	height:37px;
	overflow:hidden;
	margin-left:10px;
}
#knop-verkoop a {
	display:block;
	height:37px;
	width:109px;
	background:url(images/knoppen/huisstijl/verkooppunten.png)
}
#knop-verkoop a:hover {
	background:url(images/knoppen/huisstijl/verkooppunten.png) -109px 0;
}
.knop-verkoop-active {
	background-position: -218px 0;
}

/* Style van de knop "Assortiment" */

#knop-ass {
	width:107px;
	height:37px;
	overflow:hidden;
	margin-left:10px;
}

#knop-ass a {
	display:block;
	height:37px;
	width:107px;
	background:url(images/knoppen/huisstijl/assortiment.png)
}
#knop-ass a:hover {
	background:url(images/knoppen/huisstijl/assortiment.png) -107px 0;
}
.knop-ass-active {
	background:url(images/knoppen/huisstijl/assortiment.png) -214px 0;
}

/* Style van de knop "Folder"  */

#knop-folder {
	width:88px;
	height:37px;
	overflow:hidden;
}
#knop-folder a {
	display:block;
	height:37px;
	width:88px;
	background:url(images/knoppen/huisstijl/folder.png)
}
#knop-folder a:hover {
	background:url(images/knoppen/huisstijl/folder.png) -88px 0;
}
.knop-folder-active {
	background:url(images/knoppen/huisstijl/folder.png) -172px 0;
}

/* Hier staan de content-zaken */

#titel-balk {
	margin-top:-13px;
	height:25px;
	width:100%;
	background:url(images/huisstijl/titel-balk-1.gif) repeat-x left top;
	overflow:hidden;
}

#lijn-content {

	background:url(images/huisstijl/lijncontent.gif) repeat-x left top;
	width:100%;
	height:10px;
	margin-top:12px;
}

/* -------De Header Styles-------- */


h1 {	
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:2px; 
	margin-left:55px;
}

#content #paginas ul {
	list-style:none;
	width:300px;
	display:inline;
	height:20px;
	margin-left:0;
}

#content #paginas ul li {
	list-style:none;
	display:inline;
	height:18px;
	width:18px;
	overflow:hidden;
}

#content #paginas a {
	display:inline-block;
	width:22px;
	height:19px;
	padding-top:3px;
	background:#58585a;
	line-height:19px;
	color:#fff;
	text-decoration:none;
	margin:1px;
	text-align:center;
	font-weight:bold;
}

#content #paginas a:hover {
	background:url(images/huisstijl/paginas-hover.gif);
	color:#58585a;
}

#kleur1 {

	width:93px;
	height:58px;
	overflow:hidden;
	border:1px dotted #ffb20e;

}

#kleur2 {

		width:93px;
	height:58px;
	overflow:hidden;
	border:1px dotted #ffb20e;

}

/* Vestigingen pagina styles */


.routekader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border-top: 5px none #FFB20E;
	border-right: 5px none #FFB20E;
	border-bottom: 5px none #FFB20E;
	border-left: 5px solid #FFB20E;
	padding-left:10px;
}

.routekader a {
	color:#000000;
	font-size:11px;
	text-decoration:underline;
}



.routekader-td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border-top: 5px none #FFB20E;
	border-right: 5px none #FFB20E;
	border-bottom: 5px none #FFB20E;	
	padding-left:10px;
}

h2 {
	color:#000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;	
}



#product-beschrijving {
	color:#000000;
	font-size:11px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}

#waar-kan-ik-kopen-balk {

	height:7px;
	width:256px;
	background:#ffb20e;
	margin-bottom:10px;
	margin-right:5px;

}

#waar-kan-ik-kopen {
	height:13px;
	width:250px;
	overflow:hidden;
}

#waar-kan-ik-kopen a {

	display:block;
	height:13px;
	width:255px;
	background:url(images/huisstijl/content-li.gif) no-repeat left 2px;
	padding-left:14px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;

}

#vlechtwerk {

	margin-left:30px;
	margin-bottom:-25px;

}

#vlechtwerk a {

	display:block;
	height:13px;
	width:190px;
	background:url(images/huisstijl/content-li.gif) no-repeat left 2px;
	padding-left:14px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;

}

#waar-kan-ik-kopen-home {
	height:15px;
	width:250px;
	overflow:hidden;
}

#waar-kan-ik-kopen-home a {

	display:block;
	height:13px;
	width:255px;
	background:url(images/huisstijl/content-li.gif) no-repeat left 2px;
	padding-left:20px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;

}


#overzicht-alle-verkooppunten {
	height:17px;
	width:250px;
	overflow:hidden;
	margin-left:20px;
}

#overzicht-alle-verkooppunten a {

	display:block;
	height:13px;
	width:255px;
	background:url(images/huisstijl/content-li.gif) no-repeat left 2px;
	padding-left:14px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;

}
#overzicht-alle-verkooppunten a:hover {

		background:url(images/huisstijl/content-li-hover.gif) no-repeat left 2px;
		text-decoration:underline;

}

#waar-kan-ik-kopen a:hover, #vlechtwerk a:hover {

		background:url(images/huisstijl/content-li-hover.gif) no-repeat left 2px;
		text-decoration:underline;

}


#waar-kan-ik-kopen-home a:hover {

		background:url(images/huisstijl/content-li-hover.gif) no-repeat left 2px;
		text-decoration:underline;

}


/* test max*/

tr {
vertical-align: top;

}


#beschrijving-tekst ul {

	list-style:none;

}

#beschrijving-tekst li {

	display:block;
	background:url(images/huisstijl/content-li-hover.gif) no-repeat left 3px;
	padding-left:25px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	margin-bottom:3px;

}

#footer a {

	text-decoration:none;
	color:#000;
}

#footer a:hover {

	color:#ffb20e;

}




#div-folder {

	min-height:550px;
	height:auto !important;
	height:550px;
	position:relative;

}
.folder {
font-size: 12px;
color:#67121F;
}

.folder a {
color:#67121F;
}

.folder a:hover{
text-decoration:underline;
}










/*.contentinner table.tabelassortiment tr td beschrijving-imgassortiment {
	float:left;
	margin-left:30px;
	width:550px;
	text-align:right;
}

.contentinner table.tabelassortiment {
	float:left;
	width:830px;
}


.contentinner table.tabelassortiment tr td #beschrijving-tekst {
	float:left;
	width:250px;
}


.contentinner table.tabelassortiment tr td #beschrijving-tekst p {
	float:left;
	margin-left:-20px;
	width:250px;
}*/

#assortiment-home a {
	float:left;	
	background:url(images/huisstijl/content-li.gif) no-repeat left center;
	padding-left:20px;
	text-decoration:none;
	font-size:12px;
	font-family:"Arial";
	color:#000000;
}

#assortiment-home a:hover {
	background:url(images/huisstijl/content-li-hover.gif) no-repeat left center;
	text-decoration:underline;
	
}

#waar-kan-ik-kopen-home a:hover {
	text-decoration:none;
}

#content {
	position:relative;
	min-height:550px;
	height:auto !important;
	height:550px;
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#content p {
	margin-top:5px;
	margin-left:33px;
	font-size:12px;
	line-height:16px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#content a {
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#content table {
	font-size:12px;
	color:#000000;
}

#content table tr {
	font-size:12px;
	color:#000000;
}

#content table tr td {
	font-size:12px;
	color:#000000;
}

#content table tr td ul li {
	float:left;	
	list-style:none;
	background:url(images/huisstijl/content-li.gif) left 2px no-repeat;
	padding-left:20px;
	line-height:16px;
	text-decoration:none;
	font-size:12px;
	font-family:"Arial";
	color:#000000;
}

#content table tr td ul li:hover {
	background:url(images/huisstijl/content-li-hover.gif) left 2px no-repeat;
}

.routekader a:hover {
	text-decoration:none;
}

#sitemap ul {
	float:left;
	margin-top:5px;
	margin-left:15px;
	width:510px;
	padding-bottom:2px;
}

#sitemap ul li {
	float:left;
	width:100%;
	list-style:none;
}

#sitemap ul li a:link, #sitemap ul li a:visited {
	float:left;
	display:block;
	background:url(images/bullet-sitemap.gif) left center no-repeat;
	width:100%;
	padding-left:15px;
	line-height:16px;
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

#sitemap ul li a:active, #sitemap ul li a:hover {
	background:url(images/bullet-sitemaphover.gif) left center no-repeat;
	text-decoration:underline;
}

#slideshowcontainer {
	position:absolute;
	margin-top:-500px;
	margin-left:450px;
}

.slideshow {
	float:left;
	text-align:center;
	vertical-align:middle;
	width:448px;
	height:299px;
	background:#ffffff;
	overflow:hidden;
}