/****************************************************************************/
/********************* CASCADING STYLE SHEET VAN FINESSE ********************/
/****************************************************************************/

body {
	background:url(images/bg.png) #fff5db repeat-x;
	font-family:"Arial";
	line-height:20px;
	font-size:12px;
	color:#7d8d18;
	margin:0;
}

html,
body {
	height:100%;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	position:relative;
	min-height:100%;
	width:100%;
}

/****************************************************************************/
/********************************** HEADER **********************************/
/****************************************************************************/

#header {
	background:url(images/header.jpg) top center no-repeat;
	position:relative;
	height:466px;
	width:100%;
}

body.homepage #header {
	background:url(images/header_home.jpg) top center no-repeat;
	height:647px;
}

#header .inner {
	background:url(images/header_inner.png) no-repeat;
	padding:14px 0 0 0;
	margin:0 auto;
	margin-bottom:28px;
	height:156px;
	width:955px;
}

body.homepage #header .inner {
	margin-bottom:303px;
}

/****************************************************************************/
/*********************************** TOP ************************************/
/****************************************************************************/

#header .top {
	margin-bottom:25px;
	height:75px;
}

/****************************************************************************/
/*********************************** LOGO ***********************************/
/****************************************************************************/

#header h1.finesse,
#header h1.sunsation {
	text-indent:-6000px;
	display:block;
	float:left;
	padding:0;
	margin:0;
}

#header h1.finesse {
	background:url(images/logo_finesse.png) no-repeat;
	margin:0 18px 0 27px;
	height:75px;
	width:175px;
}

#header h1.finesse a {
	display:block;
	height:75px;
	width:175px;	
}

#header h1.sunsation {
	background:url(images/logo_sunsation.png) no-repeat;
	margin-top:8px;
	height:63px;
	width:63px;
}

#header h1.sunsation a {
	display:block;
	height:63px;
	width:63px;
}

/****************************************************************************/
/****************************** WELKOMSBERICHT ******************************/
/****************************************************************************/

#header .welkomsbericht {
	background:url(images/welkomsbericht.png) no-repeat;
	margin:20px 65px 0 0;
	text-indent:-6000px;
	height:45px;
	width:357px;
	float:right;
}

/****************************************************************************/
/*********************************** MENU ***********************************/
/****************************************************************************/

#header ul.menu {
	list-style-type:none;
	padding:0 0 0 18px;
	margin:0;
}

#header ul.menu li {
	text-indent:-6000px;
	float:left;
}

#header ul.menu li a {
	cursor:pointer;
	display:block;
	height:50px;
}

#header ul.menu li.welkom a {
	background:url(images/menu_welkom.png) no-repeat;
	width:90px;
}

#header ul.menu li.finesse a {
	background:url(images/menu_finesse.png) no-repeat;
	width:83px;
}

#header ul.menu li.behandelingen a {
	background:url(images/menu_behandelingen.png) no-repeat;
	width:139px;
}

#header ul.menu li.producten a {
	background:url(images/menu_producten.png) no-repeat;
	width:107px;
}

#header ul.menu li.geschenken a {
	background:url(images/menu_geschenken.png) no-repeat;
	width:116px;
}

#header ul.menu li.prijslijst a {
	background:url(images/menu_prijslijst.png) no-repeat;
	width:96px;
}

#header ul.menu li.zonnestudio_sunsation a {
	background:url(images/menu_zonnestudio_sunsation.png) no-repeat;
	width:203px;
}

#header ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;
	width:85px;
}

#header ul.menu li.current a,
#header ul.menu li a:hover {
	background-position:left bottom;
}

/****************************************************************************/
/********************************* WITTEBALK ********************************/
/****************************************************************************/

#header .wittebalk {
	background:url(images/wittebalk.png) top center no-repeat;
	height:233px;
	width:100%;
}

body.homepage #header .wittebalk {
	background:url(images/wittebalk_home.png) top center no-repeat;
	height:138px;
}

#header .wittebalk .center {
	padding-top:14px;
	margin:0 auto;
	width:952px;
}

body.homepage #header .wittebalk .center {
	padding-top:20px;
}

#header .wittebalk .thumbs {
	float:left;
}

#header .wittebalk .thumbs .img {
	border:#d4d7ab solid 1px;
	margin-right:18px;
	background:#fff;
	padding:4px;
	float:left;
}

#header .wittebalk .merken {
	margin-right:25px;
	text-align:center;
	float:right;
	width:148px;
}

#header .wittebalk .merken img {
	margin:7px 0 7px 0;
}

#header .wittebalk .foto {
	margin:0 auto;
	width:944px;
}

/****************************************************************************/
/*********************************** BODY ***********************************/
/****************************************************************************/

#body {
	padding:0 0 70px 0;
	position:relative;
	margin:0 auto;
	width:940px;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body .content {
	width:630px;
	float:left;
}

body.subpagina #body .content {
	width:610px;
}

body.subpagina_2 #body .content {
	width:315px;
}

#body h1,
#body h2 {
	background:url(images/dots.png) left bottom no-repeat;
	font-family:"Georgia";
	font-weight:normal;
	position:relative;
	margin:0 0 20px 0;
	font-size:30px;
	display:block;
	height:40px;
	padding:0;
}

#body h1 {
	color:#7d8d18;
	z-index:2;
}

#body h2 {
	color:#4f5907;
	z-index:2;
}

#body h1 a.meer,
#body h2 a.meer {
	background:url(images/pijltjes.png) right no-repeat;
	text-transform:uppercase;
	font-family:"Arial";
	letter-spacing:1px;
	padding-right:24px;
	position:absolute;
	font-size:10px;
	color:#a7b815;
	bottom:0px;
	left:0;
}

#body h1 a:hover.meer,
#body h2 a:hover.meer {
	font-weight:bold;
}

#body h4 {
	margin:0 0 16px 0;
	font-size:12px;
	color:#4f5907;
	padding:0;
}

#body .donkergroen {
	color:#4f5907;
}

#body .hoger_lineheight {
	line-height:22px;
}

/****************************************************************************/
/********************************* KOLOMMEN *********************************/
/****************************************************************************/

#body .kolommen {
	margin-bottom:20px;
}

#body .kolommen  strong{
	color: #673B15;
}

#body .kolommen h3 {
	background:url(images/h3.png) left center no-repeat;
	padding:0 0 0 16px;
	font-style:italic;
	margin:0 0 12px 0;
	font-size:14px;
	color:#dc9b00;
}

#body .links {
	position:relative;
	width:315px;
	float:left;
}

#body .kolommen .links .sterren {
	background:url(images/sterren.png) no-repeat;
	position:absolute;
	height:109px;
	width:139px;
	top:-38px;
	right:0;
}

#body .content .kolommen .links .behandelingen {
	background:url(images/behandelingen.png) no-repeat;
	margin-bottom:26px;
	width:279px;
}

#body .content .kolommen .links .behandelingen .bottom {
	background:url(images/behandelingen_bottom.png) left bottom no-repeat;
	padding:16px 16px 16px 16px;
}

#body .content .kolommen .links .behandelingen ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#body .content .kolommen .links .behandelingen ul li a {
	border-top:#e6e1b6 solid 1px;
	padding:3px 0 3px 22px;
	display:block;
	color:#4f5907;
}

#body .content .kolommen .links .behandelingen ul li:first-child a {
	border-top:none;
}

#body .content .kolommen .links .behandelingen ul li.current a,
#body .content .kolommen .links .behandelingen ul li a:hover {
    background:url(images/behandelingen_arrow.png) left center no-repeat;
    font-weight:bold;
    color:#7d8d18;
}



#body .rechts {
	width:278px;
	float:right;
}

#body .rechts h3 {
	background:url(images/h3.png) left center no-repeat;
	padding:0 0 0 16px;
	font-style:italic;
	margin:0 0 12px 0;
	font-size:14px;
	color:#dc9b00;
}

#body .rechts .lichtgroen {
	color:#a7b815
}

/****************************************************************************/
/********************************** NIEUWS **********************************/
/****************************************************************************/

#body .content .nieuws {
	list-style-type:none;
	width:281px;
	padding:0;
	margin:0;
}

#body .content .nieuws .bericht {
	margin-bottom:14px;
	position:relative;
}

#body .content .nieuws .bericht a {
	padding:0 0 0 57px;
	line-height:18px;
	min-height:43px;
	font-size:11px;
	display:block;
}

#body .content .nieuws .bericht h4 {
	font-family:"Arial";
	font-size:12px;
	color:#4f5907;
	padding:0;
	margin:0;
}

#body .content .nieuws .bericht .datum {
	font-family:"Georgia";
	padding:5px 0 0 3px;
	background:#ffd102;
	position:absolute;
	line-height:16px;
	font-size:12px;
	color:#7d8d18;
	height:37px;
	width:40px;
	top:4px;
	left:0;
}

#body .content .nieuws .bericht .datum span {
	font-size:11px;
}

/****************************************************************************/
/*********************************** FOTOS **********************************/
/****************************************************************************/

#body .content .fotos {
	margin-bottom:30px;
	width:300px;
}

#body .content .fotos .img {
	border:#d4d39b solid 1px;
	margin:0 12px 12px 0;
	background:#fff;
	padding:4px;
	float:left;
}

/****************************************************************************/
/********************************** MERKEN **********************************/
/****************************************************************************/

#body .content .merken {
	text-align:center;
	padding-top:20px;
	width:200px;
}

#body .content .merken img {
	margin:0 0 30px 0;
}

/****************************************************************************/
/********************************** SIDEBAR *********************************/
/****************************************************************************/

#body .sidebar {
	width:279px;
	float:right;
}

body.subpagina_2 #body .sidebar {
	width:620px;
}

#body .sidebar a.contactbutton {
	background:url(images/contactbutton.png) no-repeat;
	font-family:"Georgia";
	padding:18px 0 0 23px;
	margin-bottom:8px;
	font-size:20px;
	display:block;
	height:58px;
	color:#fff;
}

body.subpagina_2 #body .sidebar  h3 {
	background:url(images/h3.png) left center no-repeat;
	padding:0 0 0 16px;
	font-style:italic;
	margin:0 0 12px 0;
	font-size:14px;
	color:#dc9b00;
}

body.subpagina_2 #body .sidebar strong{
	color: #673B15;
}

/****************************************************************************/
/********************************** BLOCK ***********************************/
/****************************************************************************/

#body .sidebar .block {
	background:url(images/sidebar_block.png) no-repeat;
	padding:10px 0 0 24px;
}

#body .sidebar .block.nobg {
	background:none;
}

#body .sidebar .block a:hover {
	font-weight:bold;
}

#body .sidebar .block  strong{
	color: #673B15;
}

#body .sidebar .block .naam {
	font-size:14px;
	color:#4f5907;
}

#body .sidebar .block p.volg_facebook {
	margin-bottom:30px;
	margin-top:10px;
}

#body .sidebar .block p.volg_facebook a {
	background:url(images/volg_facebook.png) right center no-repeat;
	padding:8px 34px 8px 0;
	font-size:15px;
	cursor:pointer;
	color:#4f5907;
}

#body .sidebar .block p.volg_facebook a:hover {
	font-weight:bold;
}

/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/

#footer {
	background:#a9b05b;
	position:absolute;
	text-align:right;
	line-height:35px;
	color:#fff5db;
	height:37px;
	width:100%;
	bottom:0;
}

#footer .inner {
	margin:0 auto;
	width:942px;
}

#footer p {
	margin:0;
}

#footer a {
	color:#fff5db;
}

#footer a:hover {
    text-decoration:underline;
	color:#fff5db;
}

/****************************************************************************/
/********************************** OVERIG **********************************/
/****************************************************************************/

.clearfix:after {
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#7d8d18;
    outline: none;  
}

p {
	margin-top:0;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 14px;
	font-family: Georgia;
	padding: 3px;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #673B15;
}

a.contact:hover
{
	text-decoration:none;
	color: #673B15;
}