
.h1style  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; padding: 0px; color:#606060; font-weight:bold;}
.h2style  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding: 0px; color:#858585; font-weight:bold; line-height: 1px;}

.style1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal; line-height: 14pt}
.style2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:##000000; font-weight:normal; line-height: 10pt}
.style3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal;}
.style4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal;}
.style5{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#647f10; font-style:italic;}
.style6{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold;}
.style7{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#5a5a5a; font-weight:bold; line-height: 14pt}
.style8{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#c7c7c7; font-weight:normal;}
.style9{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
.style10{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; line-height: 14pt}
.style11{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#606060; font-weight:bold;}
.style12{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal; line-height: 14pt}
.style13{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;}
.style14{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal; line-height: 14pt}
.style15{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#F00F00; font-weight:normal; line-height: 14pt}
.style16{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#606060; font-weight:normal;}

/* main page */
body,html,th {
	margin: 0; padding: 0;
	margin-top:0;
	padding:0;
	background:#FFFFFF;
	color:#000;
	font-size: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../schoonheidssalon/background.gif); 
	background-repeat:repeat-x;

}

body{
min-width:760px; margin-top: 0px;
}

#container{
background-repeat:repeat-y; margin:0 auto; width:760px;
}

#sitetop{
background-color:#FFFFFF; margin:0 auto; width:730px; height:100px; border-right: 15px solid #dedede; border-left: 15px solid #dedede;
}

#greentop{
margin-bottom:5px; margin-left:5px; margin-right:5px; background-color:#ffffff; height:89px; background-image:url(../schoonheidssalon/headertop.gif);
}

#header{
width:730px; height:220px; border-right:15px solid #dedede; background-color:#606060; border-left: 15px solid #dedede; border-top:4px solid #dedede;
}

#headerleft{
width:10px; height:220px; border-bottom:4px solid #dedede; float:left;
}

#headerright{
width:567px; float:left; height:220px; border-bottom:4px solid #dedede; background-color:#606060; background-image:url(../schoonheidssalon/backgroundheaderright.gif); background-repeat:no-repeat; background-position:left;
}

#headertekst{
float:left; width:267px;
}

#headerfoto{
float:left; width:300px; padding-top:10px;
}

#menu{
width:150px; float:left;
}

#baroktop{
width:150px; height:110px; background-color:#606060; background-image:url(../schoonheidssalon/backgroundheaderrlefttop.gif); background-repeat:no-repeat; 
}

#menutop{
width:148px; background-color:#d2ec50; height:113px; border-left:1px solid #969696; border-right:1px solid #969696; border-top:1px solid #969696;
}

#menubottom{
float:left; margin-left:5px; width:150px;
}

#buttonbottom{
background-color:#d2ec50; height:auto; border-left:1px solid #969696; border-right:1px solid #969696; border-bottom:1px solid #969696;
}

#content{
border-left:15px solid #dedede; border-right:15px solid #dedede; border-bottom:15px solid #dedede; height:100%;
}

#balklinks{
float:left; width:5px;
}

#tekstvak{
float:left; width:550px; margin-left:10px; margin-top:10px;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: navy;
	margin: 3px 8px;
}


#footer{
	width:750px; 
	height:1px;
	font-size:1px;
/*	padding-top:3px; 
	height:auto; */
	clear: both;
}

.linkskop{
	text-align:center;
	height:15px;
	width:187px;
	padding-top:2px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	background-color:#cef06e;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;
}

/*********************************************/
/*KOPPEN BOVEN DE VAKKEN**********************/
/*********************************************/

.button{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;
}


.contact{
border:1px solid #D9D9D9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal;}

/*********************************************/
/*TEKSTVAKKEN ********************************/
/*********************************************/
.tekstvak{
width::auto; padding:3px; border-bottom:1px solid #a6d320;}

/*********************************************/
/*ADVERTENTIE 1 - BOVENAAN SITE **************/
/*********************************************/
.ad1{
float:left; margin-left:10px; width:728px; height:90px;}

/*********************************************/
/* Standaard link */
/*********************************************/

a.link:link{
color: #606060; font-weight:600; border-bottom:1px dashed #606060; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

a.link:visited{
color: #606060; font-weight:600; border-bottom:1px dashed #606060; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

a.link:active{
color: #606060; font-weight:600; border-bottom:1px dashed #606060; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

a.link:hover{
color: #ffffff; font-weight:600; border-bottom:1px dashed #888d78; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-color:#606060; }

/*********************************************/
/* Link Dermalogica */
/*********************************************/

a.linkdermalogica:link{
color: #606060; font-weight:11px; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

a.linkdermalogica:visited{
color: #606060; font-weight:11px; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

a.linkdermalogica:active{
color: #606060; font-weight:11px; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

a.linkdermalogica:hover{
color: #a6c800; font-weight:11px; text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

/*********************************************/
/* Menu link */
/*********************************************/

a.linkmenu:link{
width:127px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#969696; font-weight:bold; color:#606060;  text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../schoonheidssalon/menubuttonone.gif); }

a.linkmenu:visited{
width:127px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#969696; font-weight:bold; color:#606060; text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../schoonheidssalon/menubuttonone.gif); }

a.linkmenu:active{
width:127px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#969696; font-weight:bold; color:#606060; text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../schoonheidssalon/menubuttonone.gif); }

a.linkmenu:hover{
width:122px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#ffffff; font-weight:bold; background-color:#b3dc00; border-right:5px solid #ffffff; text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../schoonheidssalon/menubuttontwo.gif); }


/*********************************************/
/* Link Top */
/*********************************************/

a.linktop:link{
float:right; color:#818181; border-left:1px solid #818181; padding-left:5px; padding-right:5px; height:14px; padding-top:1px; margin-top:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
color: #606060; text-decoration:none; display:block; 
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}

a.linktop:visited{
float:right; color:#818181; border-left:1px solid #818181; padding-left:5px; padding-right:5px; height:14px; padding-top:1px; margin-top:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
color: #606060; text-decoration:none; display:block; 
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}

a.linktop:active{
float:right; color:#818181; border-left:1px solid #818181; padding-left:5px; padding-right:5px; height:14px; padding-top:1px; margin-top:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
color: #606060; text-decoration:none; display:block; 
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}

a.linktop:hover{
float:right; color:#818181; border-left:1px solid #818181; padding-left:5px; padding-right:5px; height:14px; padding-top:1px; margin-top:60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
color: #ffffff; text-decoration:none; display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; }

/*********************************************/
/* Link behandelingen */
/*********************************************/

a.linkafspraak:link{
color: #a6c800; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;}

a.linkafspraak:visited{
color: #a6c800; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }

a.linkafspraak:active{
color: #a6c800; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }

a.linkafspraak:hover{
color: #a6c800; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }

/*********************************************/
/* Link behandelingen */
/*********************************************/

a.linkbehandelingen:link{
color: #606060; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

a.linkbehandelingen:visited{
color: #606060; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a.linkbehandelingen:active{
color: #606060; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a.linkbehandelingen:hover{
color: #4b4b4b; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }

/*********************************************/
/* Link Nieuws */
/*********************************************/

a.linknieuws:link{
color: #eeeeee; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight:bold; }

a.linknieuws:visited{
color: #eeeeee; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight:bold; }

a.linknieuws:active{
color: #eeeeee; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight:bold; }

a.linknieuws:hover{
color: #ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight:bold; }

/*********************************************/
/* Link Banner */
/*********************************************/

a.linkbanner:link{
color: #2e2e2e; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight:bold; }

a.linkbanner:visited{
color: #2e2e2e; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight:bold; }

a.linkbanner:active{
color: #2e2e2e; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight:bold; }

a.linkbanner:hover{
color: #000000; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight:bold; }

/*********************************************/
/* Link wegwijzer */
/*********************************************/

a.linkwegwijzer:link{
color: #606060; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; font-weight:normal; }

a.linkwegwijzer:visited{
color: #606060; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; font-weight:normal; }

a.linkwegwijzer:active{
color: #606060; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; font-weight:normal; }

a.linkwegwijzer:hover{
color: #d6ee59; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px; font-weight:normal; }

.forumactueel{
padding:3px; border:1px solid #ffffff;
}

.forumactueel:hover{
background-color:#efffc0; border:1px solid #a6d320; padding:3px;
}

/*********************************************/
/* Links in de hoofdbalk - Top Menu*/
/********************************************/

a.menutophrm:link{
float:right; height:14px; width:110px; padding:7px; border-right:1px solid #A6D320; border-left:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#9cc420; background-image:url(../hrm/button_hrm.gif);
color: #536812; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }

a.menutophrm:visited{
float:right; height:14px; width:110px; padding:7px; border-right:1px solid #A6D320; border-left:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#9cc420; background-image:url(../hrm/button_hrm.gif);
color: #536812; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }

a.menutophrm:active{
float:right; height:14px; width:110px; padding:7px; border-right:1px solid #A6D320; border-left:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#9cc420; background-image:url(../hrm/button_hrm.gif);
color: #536812; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }

a.menutophrm:hover{
float:right; height:14px; width:110px; padding:7px; border-right:1px solid #A6D320; border-left:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#9cc420; background-image:url(../hrm/button_hrm_dark.gif);
color: #ffffff; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/*********************************************/
/* Links in de hoofdbalk - Main Menu */
/*********************************************/

a.menumainhrm:link{
float:left; height:18px; padding-top:7px; border-right:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#e7f4be; background-image:url(../hrm/button_hrm_mainmenu.gif);
color: #ffffff; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }

a.menumainhrm:visited{
float:left; height:18px; padding-top:7px; border-right:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#e7f4be; background-image:url(../hrm/button_hrm_mainmenu.gif);
color: #ffffff; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; }

a.menumainhrm:active{
float:left; height:18px; padding-top:7px;  border-right:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#e7f4be; background-image:url(../hrm/button_hrm_mainmenu_light.gif);
color: #536812; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  font-weight:bold; }

a.menumainhrm:hover{
float:left; height:18px; padding-top:7px;  border-right:1px solid #A6D320; border-bottom:1px solid #A6D320; background-color:#e7f4be; background-image:url(../hrm/button_hrm_mainmenu_light.gif);
color: #536812; text-decoration:none; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  font-weight:bold; }

/*********************************************/
/* Aanmeldbuttons */
/*********************************************/

a.aanmeldbutton:link{
float:left; margin-left:5px; padding-left:5px; padding-top:5px; border:1px solid #d5f088; background-color:#a6d320; background-image:url(../hrm/aanmelden_button.gif); width:143px; height:35px;
color: #ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

a.aanmeldbutton:visited{
float:left; margin-left:5px; padding-left:5px; padding-top:5px; border:1px solid #d5f088; background-color:#a6d320; background-image:url(../hrm/aanmelden_button.gif); width:143px; height:35px;
color: #ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

a.aanmeldbutton:active{
float:left; margin-left:5px; padding-left:5px; padding-top:5px; border:1px solid #d5f088; background-color:#a6d320; background-image:url(../hrm/aanmelden_button.gif); width:143px; height:35px;
color: #ffffff; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

a.aanmeldbutton:hover{
float:left; margin-left:5px; padding-left:5px; padding-top:5px; border:1px solid #d5f088; background-color:#a6d320; background-image:url(../hrm/aanmelden_button.gif); width:143px; height:35px;
color: #617a18; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/*********************************************/
/* Links in HRM Vacatures blok */
/*********************************************/

a.sitebottom:link{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#84a107; font-weight:normal; line-height: 14pt} 

a.sitebottom:visited{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#84a107; font-weight:normal; line-height: 14pt} 

a.sitebottom:active{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#84a107; font-weight:normal; line-height: 14pt} 

a.sitebottom:hover{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#84a107; font-weight:normal; line-height: 14pt} 

.vacatureblok{
padding:4px; background-color:#f4f4f4;}

.vacatureblok:hover{
padding:4px; background-color:#dcdcdc;}

/*********************************************/
/* csshover */
/*********************************************/
/*********************************************/
/* csshover */
/*********************************************/


/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:relative;	
	z-index: 10;
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 0;						/* expands menu box vertically*/
	padding-bottom: 0.2em;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: white;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent  	/* attaches parent-arrow on all parents */
	{
width:123px; padding-left:24px; padding-top:7px; height:21px; display:block;
color:#969696; font-weight:bold; color:#606060;  text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../schoonheidssalon/menubuttonone.gif);
border-right:1px solid #969696; 
	}

#menuv a.parent:hover
{
width:122px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#ffffff; font-weight:bold; background-color:#b3dc00; border-right:5px solid #ffffff; text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-image:url(../schoonheidssalon/menubuttontwo.gif);
 }
 
 
 #menuv a.shop  	/* attaches parent-arrow on all parents */
	{
width:122px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#ffffff; font-weight:bold; background-color:#a7cd00; border-right:5px solid #a7cd00; text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-color:#bee02a;
	}

#menuv a.shop:hover
{
	width:122px; padding-left:21px; padding-top:7px; height:21px; display:block;
color:#969696; font-weight:bold; color:#ffffff;  text-decoration:none;  
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; background-color:#606060;
border-right:5px solid #ffffff; 
 }


#menuv a:hover				             /* all menus on mouse-over */
	{
	color: white;
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 149px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 8em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
