/*
** Source: http://ryanfait.com/sticky-footer/
*/html{
	overflow-y: scroll;
}
html,
body{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body{
	text-align: center; /*ie debug*/
	
	font-family: "Courier New",Courier,monospace;
	font-size: 11px;
	line-height: 1em;
	color: #4d534c;
}

a{
	text-decoration: none;
	color: #4d534c;
}

a:hover{
	text-decoration: underline;
	color: #4d534c;
}

img{
	border: 0;
}

/*img{
	border: 0;
}*/

/*a{
	text-decoration: none;
	color: #003399;
}*/

/*a:hover{
	text-decoration: underline;
}*/

div#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left; /*ie debug*/
}

/*address{
	font-style: normal;
}*/

ul.no-make-up,
li{
	margin: 0;
	padding: 0;
	border: 0;
}

ul.no-make-up li{
	list-style-type: none;
}

ul.language-menu li a span,
ul.language-menu li span.seperator span{
	display: none;
}

ul.language-menu li span.seperator{
	display: block;
	
	width: 7px;
	height: 14px;
	
	background: #ffffff url('../img/language.png') no-repeat -20px 0px;
}

ul.language-menu li a{
	outline: 0;
}

ul.language-menu li.eng a{
	display: block;
	
	width: 27px;
	height: 14px;
	
	background: #ffffff url('../img/language.png') no-repeat -28px -14px;
}

ul.language-menu li.eng a:hover,
ul.language-menu li.eng.active a{
	background-position: -28px 0px;
}

ul.language-menu li.nl a{
	display: block;
	
	width: 18px;
	height: 14px;
	
	background: #ffffff url('../img/language.png') no-repeat 0px -14px;
}

ul.language-menu li.nl a:hover,
ul.language-menu li.nl.active a{
	background-position: 0px 0px;
}

ul.menu li a span{
	display: none;
}

ul.menu li h2{
	margin: 0;
	padding: 0;
	border: 0;
}

ul.menu li a{
	outline: 0;
	
	display: block;
	
	width: 213px;
	height: 30px;
	
	background: #ffffff url('../img/menu.png') no-repeat 0px 0px;
}

ul.menu li.home a{
	background-position: 0px 0px;
}

ul.menu li.philosophy a{
	background-position: 0px -30px;
}

ul.menu li.products a{
	background-position: 0px -60px;
}

ul.menu li.treatments a{
	background-position: 0px -90px;
}

ul.menu li.online-shop a{
	background-position: 0px -120px;
}

ul.menu li.friends a{
	background-position: 0px -150px;
}

ul.menu li.contact a{
	background-position: 0px -180px;
}

ul.menu li.home.active a,
ul.menu li.home a:hover{
	background-position: -213px 0px;
}

ul.menu li.philosophy.active a,
ul.menu li.philosophy a:hover{
	background-position: -213px -30px;
}

ul.menu li.products.active a,
ul.menu li.products a:hover{
	background-position: -213px -60px;
}

ul.menu li.treatments.active a,
ul.menu li.treatments a:hover{
	background-position: -213px -90px;
}

ul.menu li.online-shop.active a,
ul.menu li.online-shop a:hover{
	background-position: -213px -120px;
}

ul.menu li.friends.active a,
ul.menu li.friends a:hover{
	background-position: -213px -150px;
}

ul.menu li.contact.active a,
ul.menu li.contact a:hover{
	background-position: -213px -180px;
}

div#wrapper{
	position: relative;
}

div#wrapper h1{
	margin: 0;
	padding: 0;
	border: 0;
}

div#wrapper h1 img{
	position: absolute;

	left: 56px;
	top: 59px;
}

ul.language-menu{
	position: absolute;
	
	display: block;
	
	top: 42px;
	right: 123px;
}

ul.menu{
	position: absolute;

	top: 247px;
	left: 56px;
}

div.content{
	position: relative;

	left: 312px;
	top: 60px;
	
	width: 416px;
	min-height: 416px;
	
	border: 32px solid #eae9e8;
	
	background-color: #eae9e8;
}

ul.language-menu li,
ul.language-menu li span,
ul.language-menu li a{
	float: left;
	margin-left: 2px;
}

img.overlay-illustration{
	position: absolute;
	
	right: 0px;
	bottom: -82px;
}

img.overlay-illustration.philosophy_background{
	right: -40px;
	bottom: -82px;
}

img.overlay-illustration.products_background{
	right: -54px;
	bottom: -82px;
}

img.overlay-illustration.treatments_background{
	right: -64px;
	bottom: -89px;
}

img.overlay-illustration.friends_background{
	right: -99px;
	bottom: -89px;
}

img.overlay-illustration.contact_background{
	right: -63px;
	bottom: -96px;
}

div.content a.thumblist{
	display: block;
	width: 25%;
	height: 135px;
	float: left;
	text-align: center;
}

div.content div.navigation{
	position: absolute;
	bottom: 0px;
	height: auto;
	width: 416px;

	clear: both;
	
	text-align: center;
	font-size: 1.4em;
	
	color: #9d9fa2;
}

div.content a{
	outline: 0;
	color: #9d9fa2;
}

div.content a:hover,
div.content a.active{
	color: #4d534c;
	text-decoration: none;
}

div.content ul,
div.content ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

div.content p em{
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
}

div.content p.small em{
	font-size: 1em;
}

div#txtImgLightboxContainer div.txtImgLightbox{
	display: none;
}

div#txtImgLightboxContainer div.txtImgLightbox{
	width: 100%;
	height: 100%;
}

div#txtImgLightboxContainer div.txtImgLightbox,
div#txtImgLightboxContainer div.txtImgLightbox div.hitArea{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;	
}

div#txtImgLightboxContainer div.txtImgLightbox div.hitArea{
	background-color: #000;

	opacity: .8; /* Firefox, Safari(WebKit), Opera     -moz-opacity was just an alias, so there's no use to it anymore */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8     put -ms-filter before filter */
	filter: alpha(opacity=80);	/* IE 4-7 */	
}

div#txtImgLightboxContainer table.txtImgLightboxCenter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#txtImgLightboxContainer td{
	 text-align: center;
	 vertical-align: middle;
}

div#txtImgLightboxContainer td.txtImgLightboxPlacer{
	 width: 100%;
	 height: 100%;
	 text-align:center;
}

div#txtImgLightboxContainer table.txtImgLightboxCenter table{
	margin-left: auto;
	margin-right: auto;
}

div#txtImgLightboxContainer td.txtImgLightboxContent{
	background-color: #eae9e8;
}

div#txtImgLightboxContainer table,
div#txtImgLightboxContainer tr,
div#txtImgLightboxContainer td{
	margin: 0;
	padding: 0;
	border: 0;
}

div#txtImgLightboxContainer td.txtImgLightboxContent{
	padding: 25px;
	text-align: left;
	vertical-align: top;
	width: 545px;
}

div#txtImgLightboxContainer img{
	max-width: 545px;
}

.close,
.slash,
.next,
.previous{
	display: block;
	float: right;
}

.close{
	margin-right: 2px;
}
.next{
	margin-right: 12px;
}
.slash{
	margin-right: 5px;
}
.previous{
	margin-right: 2px;
}

div.content ul, div.content ul.sitemap,
div.content ul, div.content ul.sitemap li,
div.content ul, div.content ul.sitemap li ul,
div.content ul, div.content ul.sitemap li ul li,
div.content ul, div.content ul.normal-li,
div.content ul, div.content ul.normal-li li,
div.content ul, div.content ul.normal-li li ul,
div.content ul, div.content ul.normal-li li ul li{
	color: #9D9FA2;
	margin-left: 1em;
	list-style-type: disc;
}

div.content ul, div.content ul.normal-li li{
	color: #4D534C;
}	

#terms-etc{
	position: absolute;
	left: 325px;
	bottom: -100px;
	height: 3em;
}

#terms-etc,
#terms-etc a{
	color: #E0DFDF;
}
#terms-etc a:hover{
	color: #4D534B;
	text-decoration: none;
}

a#join-us_vacatures_contact span,
a#join-us_vacatures_contact2 span{
	display: none;
}

a#join-us_vacatures_contact,
a#join-us_vacatures_contact2{
	background:#ffffff url('../img/join-us_vacatures_contact.png') no-repeat -190px 0px;
	display: block;
	width: 190px;
	height: 26px;
	color: #9D9FA2;
}

a#join-us_vacatures_contact:hover{
	background-position: 0px 0px;
}

a#join-us_vacatures_contact2{
	background-position: -191px -26px;
}

a#join-us_vacatures_contact2:hover{
	background-position: -1px -26px;
}

.txtImgLightboxContent{
	position: relative;
}

span.right{
	display: block;
	float: right;
}