/* CSS Document */
html, body {
	margin: 0;	
	color: #4e4f50;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
.background_default {
	background-color: #bdc4bc; /* standaard bg groen */
}
.background_producten {
	background-color: #afc4cc;
}
.hydroactive {
	background-color: #c7ddf2;
}
.background_producten_hydroactive {
	background-color: #c7ddf2;
}
.background_producten_intense_comfort {
	background-color: #d7b9cc;
}
.background_producten_ultra_pure {
	background-color: #dad7cb;
}
.background_producten_biosensitive {
	background-color: #d6dbec;
}
.background_producten_ultimate_care {
	background-color: #e6cece;
}
.background_producten_minilift {
	background-color: #9fb8db;
}
.background_producten_eyebright {
	background-color: #d7d9bd;
}
.background_producten_biobalance {
	background-color: #abafaf;
}
/* div {
	border: 1px solid red;
} */

a {
	text-decoration: none;
	font-weight: normal;
	color: #4e4f50; /* donker grijs */ 
}
a:hover, a:active{
	text-decoration: none;
	color: #4e4f50;
	font-weight: bold;
}
h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #4e4f50; /* donker grijs */
	text-transform: uppercase;	
	margin: 0 0 20px 0;
	font-weight: normal;
}
h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4f50;
	font-weight: bold;
	text-transform:uppercase;
}
h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4f50;
	font-weight: normal;
	text-transform: uppercase;
}
hr {
	1px solid #4e4f50;
	
}
table {
	border: 0px solid white;
}
td {
	vertical-align: top;
}
#wrapper {
	position:relative;
	margin: 20px auto 10px auto;	/* ORG: margin: 20px auto;	*/
	width: 870px;
	text-align: left;
}

#wrapper_home {
	position:relative;
	margin: 0 auto;
	width: 980px;
	text-align: left;
	background-image: url(../../images/structure/home.jpg);
	background-repeat: no-repeat;
	min-height: 620px;
	height: auto !important;
	height: 620px;
}

#left_leeg {
	float: left;
	width: 424px;
	margin-right: 8px;
	margin-bottom: 8px;
	height: 568px;
}
#left_skincare_center {
	float: left;
	width: 384px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 528px;
	padding: 20px;
	overflow: auto;

	color: #4e4f50;
	background-color: #B6B099;
}
#left_veelgesteldevragen {
	float: left;
	width: 384px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 528px;
	padding: 20px;
	overflow: auto;

	color: #ffffff;
	background-color: #9d928e;
}
#left_uw_huid {
	float: left;
	width: 384px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 528px;
	padding: 20px;
	overflow: auto;
	
	color: #ffffff;
	background-color: #CDA790;
}
#left_behandelingen {
	float: left;
	width: 382px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 526px;
	padding: 20px;
	overflow: auto;
	
	color: #4e4f50;
	background-color: #bdc4bc;
	border: 1px solid white;
	position: relative;
}
#left_arrangementen {
	float: left;
	width: 382px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 526px;
	padding: 20px;
	overflow: auto;
	
	color: #4e4f50;
	background-color: #bdc4bc;
	border: 1px solid white;
	position: relative;
	
}
#left_producten {
	float: left;
	width: 382px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 306px;
	padding: 20px;
	overflow: auto;
	
	color: #4e4f50;
	background-color: #ffffff;
	position: relative;
}
#left_veelgestelde_vragen {
	float: left;
	width: 384px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 528px;
	padding: 20px;
	overflow: auto;
	
	color: #ffffff;
	background-color: #9D928D;
}
#left_contact {
	float: left;
	width: 384px; /* totaal incl margin: 424px; */
	margin-right: 8px;
	margin-bottom: 8px;
	height: 528px;
	padding: 20px;
	overflow: auto;
	
	color: #ffffff;
	background-color: #A4B9C0;
}

#left_uw_huid h1, #left_uw_huid h2, #left_uw_huid h3,  #left_veelgesteldevragen h1, #left_veelgesteldevragen h2, #left_veelgesteldevragen h3 {
	color: #ffffff;
}
#left_uw_huid a, #left_behandelingen a, #left_veelgesteldevragen a, #left_contact a {
 color: #ffffff;
 }
#left_contact h1, #left_contact h2, #left_contact h3 {	
	color: #ffffff;
}

#content {
	min-height: 283px;
	height: auto !important;
	min-height: 283px;
}
#price {
	position: relative;
	text-align: right;
	/* bottom: 20px;
	right: 20px; */
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}
#nav_gaterug {
	color: #4e4f50;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 5px;
}
#nav_gaterug a:hover{
	font-weight: normal;
}


#right {
	position: relative;
	float: left;
	width: 438px;
	margin-bottom: 8px;
	height: 588px; 

}
#right_home {
	position: absolute;
	top: 20px;
	left: 490px;
	width: 438px;
	margin-bottom: 8px;
	height: 588px; 

}
#google_maps {
	width: 433px;
	height: 346px;
	margin-bottom: 8px;
}
#slide {
	width: 433px;
	height: 346px;
	margin-bottom: 8px;
	float: left;
}
#faq {
	width: 393px;
	height: 306px;
	margin-bottom: 8px;
	float: left;
	background-color: #bdc4bc;
	color: #ffffff;
	text-transform: uppercase;
	border: 1px solid white;
	padding: 20px;
}
#faq h1 {
	color: #ffffff;
}
.link_faq {
	color: #ffffff;
	font-size: 11px;
}
a.link_faq:hover {
	color: #ffffff;
}
#logo {
	float: left;
	width: 212px;
	height: 214px;

}
#menu {
	float: left;
	height: 184px; /* totaal 214px; */
	width: 183px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color: #4e4f50;
	padding: 15px ;
	
}
#menu h1  {
	color: #A9B8C0;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin: 0 0 20px 0;
}
#menu a {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	line-height: 17px;
	letter-spacing: 0.08em;
}
#menu a:hover {
	font-weight: bold;
	font-size: 11px;
}
#submenu {
	float: left;
	width: 182px;
	height: 184px;
	background-color: #A9B7BF;
	padding: 15px;
	text-transform: uppercase;
}
#submenu a {
	color: #4E4F50;
	font-size: 10px;
	font-weight: normal;
	line-height: 17px;
	letter-spacing: 0.08em;
}
#submenu a:hover {
	font-weight: bold;
	font-size: 11px;
}
#submenu h1 {
	color: #4E4F50;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin: 0 0 20px 0;	
}
#disclaimer_spacer {
height: 12px;
}

#disclaimer {
	position: absolute;
	bottom: 0px; 
	right: 8px;
	color: #ffffff;
	text-transform: uppercase;
}
#disclaimer a, #disclaimer a:hover {
	color: #ffffff;
	font-weight: normal;
}
#slideshowdiv {
	width: 845px;
	height: 346px;
	margin-bottom: 8px;
	margin-left: -38px;
}

#blokken {
	width: 874px;
	height: 346px;
	margin-bottom: 8px;
}
#blok {
	width: 147px;
	height: 147px;
	border: 1px solid white;
	background-color: #bdc4bc;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
	padding: 10px;
}
#blok_team_thumb {
	width: 167px;
	height: 167px;
	border: 1px solid white;
	background-color: #bdc4bc;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
}
#blok_team_text {
	width: 147px;
	height: 37px;
	border: 1px solid white;
	background-color: #bdc4bc;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
	padding: 95px 10px 24px 10px;
	color: #4e4f50;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.08em;
	line-height: 17px;
	vertical-align: bottom;
}
#blok_team_text a {
	font-weight: normal;
}
#blok_team_text a:hover {
	font-weight: normal;
}
#onderblokken {
	position: relative;
	width: 870px;
	height: 234px;
	float: left;
}
#left_onderblokken {
	float: left;
	width: 424px;
	margin-right: 8px;
}
#left_onderblokken_product {
	float: left;
	width: 392px;
	height: 184px;
	margin-right: 8px;
	padding: 15px;
	position: relative;
}
.left_onderblokken_product_hydroactive {
	background-color: #8fbbe6;
}
.left_onderblokken_product_intense_comfort {
	background-color: #af739a;
}
.left_onderblokken_product_ultra_pure {
	background-color: #b5b098;
}
.left_onderblokken_product_biosensitive {
	background-color: #adb7d9;
}
.left_onderblokken_product_ultimate_care {
	background-color: #ce9d9d;
}
.left_onderblokken_product_minilift {
	background-color: #4071b8;
}
.left_onderblokken_product_eyebright {
	background-color: #b0b47b;
}
.left_onderblokken_product_biobalance{
	background-color: #575f5f;
}


/* nieuwsbrief button op de homepage */ 
div#aanmelden_nieuwsbrief_home {
	margin-top: 40px;
	width: 350px;
}
div#aanmelden_nieuwsbrief_home div.button {
	float: left;

}
div#aanmelden_nieuwsbrief_home div.tekst {
	width: 300px;
	font-size: 11px;
	margin-top: 7px;
}
div#aanmelden_nieuwsbrief_home div.header {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
div#aanmelden_nieuwsbrief_home span.header_groot {
	font-size: 18px;
}
div#aanmelden_nieuwsbrief_home div.header a,
div#aanmelden_nieuwsbrief_home div.header a:hover {
	font-weight: normal;
}
div#aanmelden_nieuwsbrief_home div.link {
	float: left;
	margin: 15px 0 0 10px;
}
div#aanmelden_nieuwsbrief_home div.link a,
div#aanmelden_nieuwsbrief_home div.link a:hover{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
img {
border:0 none;
}
/* behandelingen */
#blok_behandeling {
	width: 147px;
	height: 147px;
	border: 1px solid white;
	background-color: #bdc4bc;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
#blok_behandeling h1 {
	color: #ffffff;
	letter-spacing: 0em;
	font-weight: normal;
}
#blok_behandelingen h3 {
	color: #4e4f50;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 17px;
	font-style: normal;
}
#price_behandelingen {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}
.euro_price {
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
}

/* behandelingen */
.blok_behandeling {
	width: 147px;
	height: 147px;
	border: 1px solid white;
	background-color: #bdc4bc;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
.blok_behandeling h1 {
	color: #ffffff;
	letter-spacing: 0em;
	font-weight: normal;
}
.blok_behandelingen h3 {
	color: #4e4f50;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 17px;
	font-style: normal;
}

.behandelingen_introductie {
	position: absolute;
	top: 72px;
	left: 10px;
}

.behandelingen_raquo {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.price_behandelingen {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}
.euro_price {
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
}	

/* producten */
#blok_product_thumb {
	width: 167px;
	height: 167px;
	border: 1px solid white;
	background-color: #afc4cc;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
}
#subsubmenu {
	width: 260px;
	float: left;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
}
#subsubmenu a:hover {
	font-size: 11px;
	font-weight: bold;
}
#thumb_product_detail {
	position: absolute;
	bottom: 15px;
	right: 15px;
	float: left;
}	
a.subsubmenu_hydroactive, a.subsubmenu_ultra_pure, a.subsubmenu_biosensitive, a.subsubmenu_eyebright{
	color: #4e4f50;
}
a.subsubmenu_hydroactive:hover, a.subsubmenu_ultra_pure:hover, a.subsubmenu_biosensitive:hover, a.subsubmenu_eyebright:hover {
	color: #4e4f50;
}
a.subsubmenu_intense_comfort, a.subsubmenu_minilift, a.subsubmenu_biobalance, a.subsubmenu_ultimate_care{
	color: #ffffff;
}
a.subsubmenu_intense_comfort:hover, a.subsubmenu_minilift:hover, a.subsubmenu_biobalance:hover,a.subsubmenu_ultimate_care:hover{
	color: #ffffff;
}

/* formulier */

.form_contact_key {
	font-weight: bold;
	width: 130px;
	color: #ffffff;
}
.form_contact_key_nowidth {
	font-weight: bold;
	color: #ffffff;
}
.input_contact {
	height: 13px;
	border: 0px solid white;
	font-size: 10px;
	padding: 2px;
	width: 250px;
}
.select_contact {
	border: 0px solid white;
	font-size: 10px;
	padding: 2px;
	width: 250px;
}
.button_wit {
	background-color: #ffffff;
	color: #4e4f50;
	font-size: 11px;
	text-transform: uppercase;
	border: 0px solid white;
	height: 22px;
}
.textarea_contact {
	height: 50px;
	border: 0px solid white;
	font-size: 10px;
	padding: 2px;
	width: 250px;
}


.table_voorkeursdatum {
	background-color: #ffffff;
	font-size: 9px;
	line-height: 14px;
	text-align: center;
	width: 117px;
	vertical-align: middle;
}
.table_voorkeursdatum td {
	border: 1px solid #a4b9c0;
}
.key_voorkeursdatum_day {
	background-color: #dbe3e6;
	color: #67686a;
	width: 15px;
	height: 15px;
}	
.value_voorkeursdatum_date {
	color: #67686a;
}
.value_voorkeursdatum_date_selected {
	color: #67686a;
	background-color: #D9B0B6;
}
.value_voorkeursdatum_date_inactive {
	color: #a4b9c0;
}
.value_voorkeursdatum_date_link {
	color: #67686a !important;
}
.arrow_voorkeursdatum {
	background-color: #ffffff; 
	color: #000000;
}
.heading_voorkeursdatum {
	color: #67686a;
}
.nieuwsbrief {
line-height: 16px;	
}
.clear {
clear: both;
}