/* CSS Document demo */
div{
	border: solid 0px #CCCCCC;
}

form{
	padding: 0px;
	margin: 0px;
}

a:link {
	color: #D59B34;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #D59B34;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}
a:active,
a.active {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}


.wit:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.wit:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.wit:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}
.wit:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.detailfoto{
	border: solid 0px #CCCCCC;
	width: 470px;
	overflow: hidden;
}



.kop, h1 {
	font-weight: bold;
	color:#D59B34;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
}

HR{
	background-color: #D59B34;
	height: 1px;
}

#TPL1-BODY {
	width:100%;
	background-image: url(/xlntcms/user/images/bg_kindertekeningen.gif);
	background-color: #FEFFE5;
	padding: 0px;
	margin:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	display: inline;
	overflow:visible;
	
}

/* Container */
#TPL1-CONTAINER-SITE-DIMENSIONS,
#TPL2-CONTAINER-SITE-DIMENSIONS,
#TPL3-CONTAINER-SITE-DIMENSIONS,
#TPL4-CONTAINER-SITE-DIMENSIONS,
#TPL5-CONTAINER-SITE-DIMENSIONS {
	width: 996px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	background-image: url(../images/bg_algemeen.gif);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}

#TPL6-CONTAINER-SITE-DIMENSIONS {
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 20px;
	border: solid 1px #FFCC00;
}

#TPL2-CONTAINER-SITE-DIMENSIONS{
	background-image: url(../images/bg_tuinhout.gif);
}

#TPL3-CONTAINER-SITE-DIMENSIONS{
	background-image: url(../images/bg_tuinhuizen.gif);
}

#TPL4-CONTAINER-SITE-DIMENSIONS{
	background-image: url(../images/bg_speeltoestellen.gif);
}

#TPL5-CONTAINER-SITE-DIMENSIONS{
	background-image: url(../images/bg_bouwprojecten.gif);
}

	/* Header */
	#TPL1-A {
	width: 991px;
	height: 110px;
	overflow: visible;
	float: left;
	background-color: #FEFFE5;
	display: inline;
	}
	
	/* Header */
	#TPL6-A {
	width: 600px;
	height: 110px;
	overflow: hidden;
	float: left;
	background-color: #FEFFE5;
	display: inline;
	border: solid 1px #FFCC00;
	}
	
		/* Logo */
		#TPL1-A1{
		width: 180px;
		height: 110px;
		overflow: hidden;
		float: left;
		margin: 0px;
		padding: 0px;
		background-color: #FEFFE5;
		display: inline;
		}
		
		/* Flash animatie */
		#TPL1-A2{
		width: 540px;
		height: 110px;
		overflow: hidden;
		float: left;
		margin: 0px;
		padding: 0px;
		background-color: #FEFFE5;
		display: inline;
		background-repeat: no-repeat;
		background-position: left center;
		}
		
		/* Rechterzijde */
		#TPL1-A3{
		display:inline;
		float:left;
		height:10px;
		margin:0px 1px;
		overflow:visible;
		padding:10px;
		width:220px;
		}
		
		/* Login */
		#TPL1-A4 {
		background-image:url(/xlntcms/user/images/rechterzijde_groen.gif);
		background-position:left -30px;
		background-repeat:no-repeat;
		display:inline;
		float:right;
		font-size:10px;
		height:100px;
		margin:0px;
		overflow:visible;
		padding:0px 10px;
		width:250px;
		}
		
		.loginfield{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	height: 15px;
	width: 50px;
	border: 0px solid #333333;
	margin-top: 2px;
		}
		
		.loginbutton{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		background-color: #996600;
		height: 20px;
		width: 50px;
		border: 0px solid #333333;
		font-weight: bold;
		margin-top: 2px;
		}
	
	/* Links+midden */
	#TPL1-B {
	width: 720px;
	overflow: visible;
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
	/* Links+midden */
	#TPL6-B {
	width: 600px;
	overflow: visible;
	float: left;
	margin: 0px;
	padding: 20px;
	display: inline;
	border: solid 1px #FFCC00;
	}
	
		/* hoofdnavigatie+breadcrums */
		#TPL1-B1,
		#TPL2-B1,
		#TPL3-B1,
		#TPL4-B1,
		#TPL5-B1 {
		background-image: url(/xlntcms/user/images/balk_vooroptimaal.gif);
		background-repeat:no-repeat;
		height: 35px;
		width: 720px;
		overflow: hidden;
		float: left;
		margin: 0px;
		padding: 0px;
		padding-bottom: 2px;
		background-color: #FEFFE5;
		display: inline;
		border-bottom: solid 0px #E8C52B;
		}
		
		#TPL2-B1 {
		border-bottom: 0px solid #D59B34;
		}
		
		#TPL3-B1 {
		border-bottom: 0px solid #CC0000;
		}
		
		#TPL4-B1 {
		border-bottom: 0px solid #8AB844;
		}
		
		#TPL5-B1 {
		border-bottom: 0px solid #006699;
		}
		
		#TPL1-B1 A {
		font-weight: bold;
		color: #333333;
		text-decoration: none;			
		}
		
			/* Navigatie */
			#TPL1-B1a {
			width: 720px;
			height: 35px;
			overflow: hidden;
			float: left;
			margin: 0px;
			padding: 0px;
			display: inline;
			}
			
			/* Breadcrumbs prefix */
			#TPL1-B1b{
			overflow: hidden;
			float: left;
			margin: 0px;
			display: inline;
			padding-top: 0px;
			padding-right: 10px;
			padding-bottom: 0px;
			padding-left: 0px;
			}
			
		/* inhoud linkerzijde */
		#TPL1-B2 {
		width: 180px;
		overflow: visible;
		float: left;
		margin: 0px;
		padding: 0px;
		display: inline;
		}
			/* submenu 1 */
			#TPL1-B2a,
			#TPL2-B2a,
			#TPL3-B2a,
			#TPL4-B2a,
			#TPL5-B2a {
			width: 180px;
			overflow: hidden;
			float: left;
			display: inline;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			background-image: url(../images/allerlei_geel.gif);
			background-repeat: no-repeat;
			background-position: center top;
			padding-top: 40px;
			}
			
			#TPL2-B2a {
			background-image: url(../images/allerlei_bruin.gif);
			}
			
			#TPL3-B2a {
			background-image: url(../images/allerlei_rood.gif);
			}
			
			#TPL4-B2a {
			background-image: url(../images/allerlei_groen.gif);
			}
			
			#TPL5-B2a {
			background-image: url(../images/allerlei_blauw.gif);
			}
			
			#TPL1-B2a A,
			#TPL2-B2a A,
			#TPL3-B2a A,
			#TPL3-B2a A {
			color: #333333;			
			}
			
			/* Zoeken */
			#TPL1-B2aa {
	width: 180px;
	height: 80px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	border:0px solid #E8C52B;
	clear:both;
	background-image: url(../images/bg_zoek_een_product.gif);
			}
			
	/* Snel bestellen */
	#TPL1-B2ab {

	height: 35px;
	overflow: visible;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	padding-left: 0px;
	border:0px solid #D59B34;
	clear:both;
	}	
	
	.snelbestel-input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	width: 65px;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #D59B34;
	padding: 0px;
	}
			
			
			
			/* spacer */
			#TPL1-B2b {
			width: 180px;
			overflow: hidden;
			float: left;
			display: inline;
			margin: 0px;
			padding-bottom: 20px;
			background-image: url(../images/allerlei_bottom.gif);
			background-repeat: no-repeat;
			background-position: center top;
			}
			
			/* illustratie linkerzijde */
			#TPL1-B2c {
			width: 180px;
			float: left;
			margin: 0px;
			padding: 0px;
			display: inline;
			background-repeat: no-repeat;
			background-position: left top;
			overflow:hidden;
			}
		
		/* inhoud */
		#TPL1-B3 {
		width: 490px;
		float: right;
		margin: 0px;
		padding: 20px 10px 10px 20px;
		display: inline;
		overflow: visible;
		}
		
		/* Productlijst */
		#TPL1-B31 {
		width: 470px;
		overflow: visible;
		float: left;
		margin: 20px;
		padding: 0px;
		background-color: #FEFFE5;
		display: inline;
		border: 0px solid #FFCC66;
		overflow:visible;
		}
		
			#TPL6-2A3C-links-producten,
			.TPL6-2A3C-links-producten {
				width: 490px;
				overflow: visible;
				float: left;
				margin: 20px;
				padding: 0px;
				background-color: #FEFFE5;
				display: inline;
				border: 0px solid #FF0000;
			}
			
			#TPL6-2A3D-links-productomschr,
			.TPL6-2A3D-links-productomschr {
				width: 470px;
				overflow: visible;
				float: left;
				margin: 0px;
				margin-bottom: 25px;
				padding-bottom: 25px;
				background-color: #FEFFE5;
				display: inline;
				border: solid 0px #FF0000;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #DDD1A4;
			}
			
			 			
			#TPL6-2A3E-foto-productomschr,
			.TPL6-2A3E-foto-productomschr{
				width: 200px;
				border: 0px solid #00FF00;
				float:left;
				margin-right: 10 px;
			}
			
		
			
			#TPL6-2A3E-tekst-productomschr,
			.TPL6-2A3E-tekst-productomschr{
				width: 260px;
				text-align: left;
				border: 0px solid #0000FF;
				float:right;
				padding-left: 0px;
				overflow: visible;
			}
			
			#TPL6-2A3F-winkelwagen,
			.TPL6-2A3F-winkelwagen{
				text-align: left;
				border: 0px solid #0000FF;
				/* float:right; */
				clear: both;
				padding-right: 15px;
			}


	/* rechterzijde */
	#TPL1-C {
	width: 256px;
	overflow: visible;
	float: right;
	margin: 0px;
	display: inline;
	background-image: url(/xlntcms/user/images/rechterzijde_vogel.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 45px 0px 0px 20px;
	}
	
		/* shoppingcard */
		#TPL2-C1,
		#TPL3-C1,
		#TPL4-C1{
		width: 198px;
		overflow: hidden;
		float: left;
		display: inline;
		border: 1px solid #D59B34;
		background-image: url(../images/uw_bestelling_bruin.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 30px;
		margin: 0px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		}
		
		#TPL3-C1{
		border: 1px solid #CC0000;
		background-image: url(../images/uw_bestelling_rood.gif);
		}
		
		#TPL4-C1{
		border: 1px solid #8AB844;
		background-image: url(../images/uw_bestelling_groen.gif);
		}
		
		.COMPONENT-CONTENT{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 15px;
		text-align: left;		
		}
		
		/* Productcategorien */
		#TPL2-C2,
		#TPL3-C2,
		#TPL4-C2,
		#TPL4-C2_2{
		width: 208px;
		overflow: hidden;
		float: left;
		display: inline;
		border: 1px solid #D59B34;
		background-image: url(../images/assortiment_bruin.gif);
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 30px;
		padding-left: 10px;
		}
		
		#TPL3-C2{
		border: 1px solid #CC0000;
		background-image: url(../images/assortiment_rood.gif);
		}
		
		#TPL4-C2{
		border: 1px solid #8AB844;
		background-image: url(../images/assortiment_groen.gif);
		}
		
		#TPL4-C2_2{
		border: 1px solid #8AB844;
		background-image: url(../images/assortiment_groen_2.gif);
		}
		

	/* Footer */
	#TPL1-D,
	#TPL2-D,
	#TPL3-D,
	#TPL4-D,
	#TPL5-D {
	width: 960px;
	height: 35px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	}
	
	#TPL6-D {
	width: 600px;
	height: 25px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #333333;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	border: solid 1px #FFCC00;
	}
	
	#TPL1-D{
	background-image: url(../images/onderzijde_geel.gif);
	color: #333333;
	}
	
	#TPL1-D A{
	color: #333333;
	}
	
	#TPL2-D{
	background-image: url(../images/onderzijde_bruin.gif);
	}
	
	#TPL3-D{
	background-image: url(../images/onderzijde_rood.gif);
	}
	
	#TPL4-D{
	background-image: url(../images/onderzijde_groen.gif);
	}
	
	#TPL5-D{
	background-image: url(../images/onderzijde_blauw.gif);
	}
	
		/* adresgegevens */
		#TPL1-D1{
		overflow: hidden;
		float: left;
		margin: 0px;
		display: inline;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 0px;
		}
		
		#TPL1-D1-rechten{
	width: 940px;
	text-align: center;
	
	clear: both;
		}
		
		/*adres knoppen*/
		#TPL1-D2{
		overflow: hidden;
		float: left;
		margin: 0px;
		padding: 0px;
		display: inline;
		}

		#lines {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D59B34;
	margin-bottom: 5px;		
	padding-bottom: 5px;		
		}
		
/* -------------------- Contact formulier ------------------ */

				
				.CONTACT-FORMULIER {
				padding-top: 20px;
				}
					
				.CONTACT-INPUT-LABEL {
				width: 225px;
				float: left;
				margin-bottom: 10px;
				clear: left;
				}
				
				.CONTACT-INPUT-FIELD {
				border: solid 1px #D59B34;
				height: 18px;
				width: 240px;
				margin-bottom: 10px;
				font-family:arial,verdana,helvetica;
				font-size:8pt;
				color: #000000;
				}
				
				.CONTACT-SELECT-FIELD {
				border: 1px solid #D59B34;
				height: 18px;
				width: 240px;
				background-image: url(/xlntcms/user/images/input-bg.gif);
				margin-bottom: 10px;
				font-family:arial,verdana,helvetica;
				font-size:8pt;
				color: #000000;
				border: solid 1px #D59B34;
				}
				
				.CONTACT-INPUT-FIELD-VRAAG {
				border: solid 1px #D59B34;
				height: 100px;
				width: 240px;
				margin-bottom: 10px;
				font-family:arial,verdana,helvetica;
				font-size:8pt;
				color: #000000;
				}
				
				.CONTACT-TEXTAREA-FIELD{
				border: solid 1px #D59B34;
				width: 340px;
				margin-bottom: 10px;
				font-family:arial,verdana,helvetica;
				font-size:8pt;
				color: #000000;
				}
		
				.BUTTON-SUBMIT {
				height:24px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #FFFFFF;
				background-color: #D59B34;
				border: 0px solid #D59B34;
				margin-left: 225px;
				}
				
/* -------------------- Nieuwsbrief ------------------ */

#TPLmail-BODY{
	width:100%;
	background-color: #FFFFFF;
	padding: 0px;
	margin:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	display: inline;
	overflow:visible;
}

/* Container */
#TPLmail-CONTAINER-SITE-DIMENSIONS {
	width: 560px;
	background-color:#FEFFE5;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 20px;
	padding-top:55px;
	text-align: left;
	overflow: hidden;
	background-image: url(../images/nieuwsbrief_kop.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}	

#TPLmail-MINHEIGHT{
	width: -1px;
	height: 600px;
	float:left;
}	

#TPLmail-LOGO{
	float:left;
	width: 300px;
	border: solid 0px #FF0000;
	margin-bottom: 20px;
}

#TPLmail-ADRES{
	float:right;
	width: 250px;
	padding-top: 20px;
	text-align: right;
	font-size: 10px;
	border: solid 0px #FF0000;
	margin-bottom: 20px;
}

#TPLmail-INHOUD{
	width: 554px;
	text-align: left;
	border: solid 0px #FF0000;
}

/* Container */
#TPLmail-FOOTER {
	width: 600px;
	height: 20px;
	background-color:#FEFFE5;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
	background-image: url(../images/nieuwsbrief_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;	
}	

/* -------------------- Zoeken ------------------ */

.zoek-resultaat{
	width: 100%;
	border-bottom: 1px solid #D59B34;
	margin-bottom: 30px;
}

.zoek-input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	width: 100px;
	height: 20px;
	margin-left: 10px;
	margin-right: 0px;
	border: 1px solid #D59B34;
	padding: 0px;
}

.zoek-submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D59B34;
	width: 50px;
	height: 20px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}	

/* -------------------- Mailinglist ------------------ */

#TPL1-MAILINGLIST_algemeen,
#TPL1-MAILINGLIST_tuinhout,
#TPL1-MAILINGLIST_tuinhuizen,
#TPL1-MAILINGLIST_speeltpart,
#TPL1-MAILINGLIST_speeltprof,
#TPL1-MAILINGLIST_bouwprojecten{
	width: 180px;
	height: 160px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 55px;
	border:0px solid #E8C52B;
	clear:both;
	background-image: url(../images/bg_nieuwsbrief_algemeen.gif);
	font-size: 11px;
}	

#TPL1-MAILINGLIST_tuinhout{
	background-image: url(../images/bg_nieuwsbrief_tuinhout.gif);
}

#TPL1-MAILINGLIST_tuinhuizen{
	background-image: url(../images/bg_nieuwsbrief_tuinhuizen.gif);
}

#TPL1-MAILINGLIST_speeltpart{
	background-image: url(../images/bg_nieuwsbrief_speeltoestellen_particulier.gif);
}

#TPL1-MAILINGLIST_speeltprof{
	background-image: url(../images/bg_nieuwsbrief_speeltoestellen_professioneel.gif);
}

#TPL1-MAILINGLIST_bouwprojecten{
	background-image: url(../images/bg_nieuwsbrief_bouwprojecten.gif);
}


.nieuws-input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	width: 80px;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #D59B34;
	padding: 0px;
}

.nieuws-submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D59B34;
	width: 70px;
	height: 20px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}

.sub{
	margin-left: 7px;
}	
			
#projecten td img{
	margin-right: 20px;
	margin-bottom: 20px;
}

.categorie_item:link {
	color: #D59B34;
	font-weight: bold;
	text-decoration: none;
}

.categorie_item:active {
	color: #D59B34;
	font-weight: bold;
	text-decoration: none;
}

.categorie_item:visited {
	color: #D59B34;
	font-weight: bold;
	text-decoration: none;
}

.categorie_item:hover {
	color: #D59B34;
	font-weight: bold;
	text-decoration: underline;
}

categorie_item_active,
categorie_item_active:link,
categorie_item_active:active,
categorie_item_active:visited,
categorie_item_active:hover,
categorie_item_active a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}

.LIST-NAVIGATION{
	border: 0px solid #FFCC66;
	width: 470px;
}