*{
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	color:#e57617;
}
html{
	width:100%;
	height:100%;
}

body {
	Z-INDEX: 0;
	background: url(../images/achtergrond-verloop.gif);
	WIDTH: 100%;
	height: 100%;
	margin:auto;
	POSITION: relative;
	color:#e57617;
	font-size: 11px;
	font-style: normal;
	font-family: verdana, arial, sans-serif;
	overflow: auto;
	SCROLLBAR-FACE-COLOR: #e57617;
	SCROLLBAR-HIGHLIGHT-COLOR: #dad6cf;
	SCROLLBAR-SHADOW-COLOR: #dad6cf;
	SCROLLBAR-3DLIGHT-COLOR: #dad6cf;
	SCROLLBAR-ARROW-COLOR:  #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #dad6cf
}

.ie .hoofdknop {
   top: 0px;
}
.ie7 .hoofdknop {
   top: 0px;
}
.gecko .hoofdknop {
   top: 12px;
}
.gecko .hoofdknop-actief {
   top: 12px;
}
.gecko div#subknop {
   top: 22px;
}
.win.gecko .hoofdknop {
   padding-top: 12px;
   padding-bottom: 22px;
}
.win.gecko .hoofdknop-actief {
   padding-top: 12px;
   padding-bottom: 22px;
}
.linux.gecko .hoofdknop {
   top: 12px;
}
.opera .hoofdknop {
  top: 0px;
}
.konqueror .hoofdknop {
   top: 0px;
}
.webkit .hoofdknop {
   top: 12px;
   padding-top: 12px;
   padding-bottom: 22px;
}

.webkit .hoofdknop-actief {
   top: 12px;
   padding-top: 12px;
   padding-bottom: 22px;
}

.webkit div#subknop {
   top: 22px;
}

#tekst {
	z-index:3;
	left: -60px;
	top: 135px;
	width: 560px;
	height: 380px;
	position: absolute;
}

p {
	top: 0px;
	left: 0px;
	color:#67675e;
	line-height: 16px;
	font-style:normal;
	POSITION: relative;
	text-align: left;
	height: 280px;
	padding-right: 200px;
	overflow: auto;
}

b {
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM: none;
	COLOR: #e57617;
	LETTER-SPACING: 0px;
	TEXT-DECORATION: none;
}

h3 {
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	TEXT-TRANSFORM: none;
	COLOR: #e57617;
	LETTER-SPACING: 0px;
	TEXT-DECORATION: none;
}


a {
	z-index:6;
	TEXT-TRANSFORM: none;
	COLOR: #67675e;
	LETTER-SPACING: 0px;
	}

a:hover {
	COLOR: #e57617;
	}
	
li {
	top: 0px;
	left: -320px;
	width: 900px;
	height: 230px;
	color:#012E20;
	line-height: 16px;
	font-style:normal;
	POSITION: relative;
	text-align: left;
	overflow: auto;
}

#achtergrond-home {
	Z-INDEX: 0;
	background: url(../images/achtergrond-home.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#achtergrond-inbalans {
	Z-INDEX: 0;
	background: url(../images/achtergrond-inbalans.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 539px;
}

#achtergrond-collectie {
	Z-INDEX: 0;
	background: url(../images/achtergrond-collectie.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#achtergrond-oplossingen {
	Z-INDEX: 0;
	background: url(../images/achtergrond-oplossingen.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#achtergrond-oplossingen-vital-hair {
	Z-INDEX: 0;
	background: url(../images/achtergrond-oplossingen-vital-hair.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}
#achtergrond-oplossingen-cyber-hair {
	Z-INDEX: 0;
	background: url(../images/achtergrond-oplossingen-cyber-hair.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}
#achtergrond-oplossingen-echt-haar {
	Z-INDEX: 0;
	background: url(../images/achtergrond-oplossingen-echt-haar.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}
#achtergrond-oplossingen-hoofdaccessoires {
	Z-INDEX: 0;
	background: url(../images/achtergrond-oplossingen-hoofdaccessoires.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}
#achtergrond-advies {
	Z-INDEX: 0;
	background: url(../images/achtergrond-advies.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#achtergrond-thuisservice {
	Z-INDEX: 0;
	background: url(../images/achtergrond-thuisservice.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}
#achtergrond-vragen {
	Z-INDEX: 0;
	background: url(../images/achtergrond-vragen.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#achtergrond-reacties {
	Z-INDEX: 0;
	background: url(../images/achtergrond-reacties.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#achtergrond-contact {
	Z-INDEX: 0;
	background: url(../images/achtergrond-contact.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	HEIGHT: 489px;
}

#inhoudpositie {
	z-index:1;
	left: 50%;
	position: absolute;
		}

#haaranimatie {
	z-index:1;
	top: -30px;
	left: -500px;
	position: relative;
	width: 569px;
	HEIGHT: 469px;
}

#haarwerk-logo{
	background: url(../images/haarwerk-specialist-in-balans-logo.gif);
	background-repeat: no-repeat;
	z-index:5;
	left: 242px;
	top: 35px;
	width: 265px;
	height: 65px;
	position: absolute;
}

#achtergrond-home-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-home-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-inbalans-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-inbalans-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-collectie-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-collectie-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-oplossingen-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-oplossingen-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-advies-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-advies-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-thuisservice-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-thuisservice-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}
#achtergrond-vragen-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-vragen-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-reacties-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-reacties-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#achtergrond-contact-spiegeling {
	Z-INDEX: 0;
	background: url(../images/achtergrond-contact-spiegeling.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
	top: 488px;
	position: absolute;
	width: 100%;
	HEIGHT: 156px;
}

#navigatiebalk {
	z-index:7;
	left: 50%;
	top: 514px;
	height: 39px;
	width: 1000px;
	position: relative;
	text-align: center
}

#hoofdknop {
	z-index:6;
	left: -50%;
	top: 0px;
	height: auto;
	position: relative;
	text-align: center;
	}

a.hoofdknop {
	background-position: center center;
	background: url(../images/hoofdknop.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #ffffff;
	height: 39px;
	width: 110px;
	position: relative;
	padding-top: 12px;
	TEXT-DECORATION: none;
	display: inline;
	}
	
a.hoofdknop:hover {
	background-position: center center;
	background: url(../images/hoofdknop-grijs.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	position: relative;
	}

b.hoofdknop {
	font-style: normal;
	background-position: center center;
	background: url(../images/hoofdknop-grijs-actief.jpg);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #ffffff;
	height: 39px;
	width: 110px;
	position: relative;
	padding-top: 13px;
	}

a.hoofdknop-actief {
	font-weight: bold;
	background-position: center center;
	background: url(../images/hoofdknop-grijs-actief.jpg);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #ffffff;
	height: 39px;
	width: 110px;
	position: relative;
	padding-top: 13px;
	text-decoration:none;
	}


#subknop {
	z-index:6;
	left: -50%;
	top: 0px;
	height: 26px;
	position: relative;
	text-align: center;
	color: #9d968e;
	font-family:Arial Narrow, Arial;
	font-size: 26px;
	margin-top: -5px;
	}

a.subknop {
	font-size: 13px;
	color: #ffffff;
	height: 26px;
	width: 110px;
	position: relative;
	padding-top: 7px;
	TEXT-DECORATION: none;
	display: inline;
	}
	
a.subknop:hover {
	font-size: 12px;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-top: 9px;
	color: #ffffff;
	position: relative;
	}

b.subknop {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	height: 26px;
	width: 110px;
	position: relative;
	padding-top: 9px;
	}

#foto1 {
	z-index:6;
	left: 330px;
	top: 178px;
	position:absolute;
	width: 120px;
	height: 120px;
	border: 1px solid;
	border-color: #dad6cf;
}

#foto2 {
	z-index:6;
	left: 330px;
	top: 333px;
	position:absolute;
	width: 120px;
	height: 120px;
	border: 1px solid;
	border-color: #dad6cf;
}

#foto2-home {
	z-index:7;
	left: 330px;
	top: 333px;
	position:absolute;
	width: 120px;
	height: 66px;
}