@charset "UTF-8";
img, td, div { 
behavior: url("/pngshit.htc");
}

td, div { 
behavior: background("/pngshit.htc");

}

html, body {
	background-color: #FFFFFF;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	background-position:top center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
}
.balk_left, .balk_right {
	background-image: url(images/balk_zwart.png);
	background-repeat: no-repeat;
}
.balk_left {
	background-position:right 70px;
}
.balk_right {
	background-position:left 70px;
}
#logo_left {
	top: 87px;
	right: 20px;
	position: relative;
}
#contact_left {
	background-image:url(images/contact_left.gif);
	background-position: top right;
	width:100%;
	height:100px;
	top: 430px;
	right: 0px;
	position: relative;
}

/* Force vertical scrollbar in Gecko browsers */
#mozscroll { 
	position: absolute; 
	top: 0px; 
	bottom: 0px;
	 } 
	 
#fullheight{
	min-height:100%}

/* STYLES */

.title {
	font-size:14px;
	color:#000000;
	padding:0px 0px 8px 0px;
	}

	
.text {
	color:#666666;
	padding:0px 30px 0px 10px;
	margin: 0px 0px 30px 0px;
	border-left: 5px solid #DDD;
	line-height:14px;
	}
	
.textreg {
	color:#666666;
	padding:0px 30px 0px 15px;
	margin: 0px 0px 0px 0px;
	line-height:14px;
	}
	
.textalt1, .textalt2 {
	padding:0px 30px 0px 10px;
	margin: 15px 0px 6px 0px;
	line-height:14px;
	}	
	
.textalt1 {
	color:#888;
	border-left:5px solid #BBB;
	}
	
.textalt2 {
	color:#666;
	border-left:5px solid #DDD;

	}
		
	
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;

}

	
.smallletres {
	font-size:9px;
	}
	
.prices {
	color:#000000;
	}

/* SPRY */
#page {
	width:490px;
	text-align: left;
	padding:0px 0px 0px 0px;
	z-index:1;
}
#fullpage {
   min-height:100%;
   position:relative;
   padding-bottom:1px;
   margin-bottom:20px;
}
#body {
	height:100%;
    padding-bottom:20px;   /* Height of the footer */
}


#container {
	position:relative;
	margin-top:73px;
	padding:0px 0px 0px 0px;
	z-index:2;
	background-image:url(images/background_shadows.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#bottom {
	position:fixed;
	width:100%;
	bottom:0px;
	height:12px;
	padding:9px 0px 0px 0px;
	z-index:10;
	background-image: url(images/balk_zwart.png);
	background-position:left top;
	background-repeat:repeat-x;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#AAA;
	text-align:center;
}

.HL	{
	color:#FFF;
	background-repeat:no-repeat;
	background-position: left top;
	width:484px;
	height:34px;
	cursor:pointer;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

.HLO	{
	color:#000;
	background-image:url(images/tab_gold.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width:484px;
	height:34px;
	cursor:pointer;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;



}
.HL HLO {
	height:30px;

}

/*.HL1 .HL:after {
	content:url(/test/images/formules_black.gif);
	}
.HL2 .HL:after {
	content:url(images/prijzen_black.gif);
	}
.HL3 .HL:after {
	content:url(images/service_black.gif);
	}
.HL4 .HL:after {
	content:url(images/contact_black.gif);
	}
.HL5 .HL:after {
	content:url(images/galerij_black.gif);
	}
	
.HL1 .HLO:after {
	content:url(images/formules_gold.png);
	}
.HL2 .HLO:after {
	content:url(images/prijzen_gold.png);
	}
.HL3 .HLO:after {
	content:url(images/service_gold.png);
	}
.HL4 .HLO:after {
	content:url(images/contact_gold.png);
	}
.HL5 .HLO:after {
	content:url(images/galerij_gold.png);
	}
*/


.HL1, .HL2, .HL3, .HL4, .HL5, .HL6, .HL7, .HL8	{
	background-image:url(images/tab_black.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width:484px;
	height:34px;
	cursor:pointer;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	

}

#accordian {
	padding-left:3px;
}
.accordion_child{
	margin: 0px 0px 2px 2px;
	padding: 10px 10px 10px 20px;
/*	background: rgba(204, 204, 204, 0.4); */
	background-image:url(images/background_content.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-size: 100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#666666;
	width:450px;
}

.accordion_child .text table {
	padding-top:8px;
	width:220px;
	
}

.accordion_child .text td {
	border-top: 1px solid #CCCCCC;
}

.accordion_child .textreg table {
	padding-top:8px;
	width:100%;
	
}
.accordion_child .textreg td {
	border-top: 1px solid #CCCCCC;
	padding:2px 0px 2px 0px;
}

/* ----------------- */

#pics {
	margin: 0px 0px 0px 15px;
	width:414px;
	padding: 0px 0px 7px 0px;
	overflow:visible;
	/*border-bottom: 1px solid #999;*/
}

.slides {
	border: 5px solid #000000;
}

.slides_th {
	border: 0px solid #000000;
	margin: 10px 2px 0px 0px;
}

#imageContainer {
	position:relative;
	margin:10px 0px 15px 15px;
	width:410px;
	height:270px;
}

#imageContainer img {
	position:absolute;
	top:0; left:0;
}

/* Form Fields */
.field {
	height:12px;
	padding: 1px 2px 1px 3px;
	margin: 1px 0px 1px 0px;
	color:#000000;
	background-color:#CCC;
	border: 0px;
	width: 170px;
	font-size:10px;

}

.button {
	height:34px;
	padding: 1px 2px 3px 3px;
	margin: 0px 0px 0px 0px;
	color:#000;
	background-image:url(images/button_gold.gif);
	border: 0px;
	font-size:10px;
	width:229px;
	font-weight:bold;
	cursor:pointer;
	/*border-bottom:1px solid #000000;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	border-right:1px olid #000;*/
}

.fieldmulti {
	font-family: Helvetica, Arial, sans-serif;
	height:50px;
	padding: 2px 2px 2px 3px;
	margin: 1px 0px 1px 0px;
	color:#000000;
	background-color:#CCC;
	border: 0px;
	width: 170px;
	font-size:11px;

}

.dropdown {
	height:14px;
	padding: 0px 2px 1px 3px;
	margin: 1px 0px 1px 0px;
	color:#000000;
	background-color:#CCC;
	border: 0px;
	width: 175px;
	font-size:10px;

}

