@charset "UTF-8";
/* CSS Document created by Accessko Media www.accessko.nl   */


body {font: 0.7em "Helvetica", "Arial", "Verdana";
color: #e2e2e2; background: #000 url(../images/bg-body-3.jpg) repeat-x;
color:#fff;
width: 960px;
margin: 0px auto;}

#container {
color:#fff;width: 900px;
margin: 0px auto;}
	

#nav {
height: 46px;
width: 889px;
position: relative;
margin: 0;
padding: 0;
background: url(../images/nav_main.png);}


#menu {margin-top: 5px;}
#nav li {
float: left;
}
/* navigation */
#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 46px;
background: url(../images/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 110px;
background-position: 0 0;
}

li#nav_parfums a {
left: 110px;
width: 96px;
background-position: -110px 0;
}

li#nav_huid a {
left: 207px;
width: 129px;
background-position: -207px 0;
}

li#nav_makeup a {
left: 335px;
width: 96px;
background-position: -335px 0;
}

li#nav_salons a {
left: 429px;
width: 114px;
background-position: -429px 0;
}

li#nav_nieuw a {
left: 544px;
width: 109px;
background-position: -544px 0;
}

li#nav_acties a {
left: 654px;
width: 117px;
background-position: -654px 0;
}

li#nav_contact a {
left: 771px;
width: 119px;
background-position: -771px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -47px;
}

li#nav_parfums a:hover {
background-position: -110px -47px;
}

li#nav_huid a:hover {
background-position: -207px -47px;
}

li#nav_makeup a:hover {
background-position: -335px -47px;
}

li#nav_salons a:hover {
background-position: -429px -47px;
}

li#nav_nieuw a:hover {
background-position: -544px -47px;
}

li#nav_acties a:hover {
background-position: -654px -47px;
}

li#nav_contact a:hover {
background-position: -771px -47px; 
}

/*current state*/
li#nav_home a.none {
background-position: 0 0;
}

 li#nav_parfums a.active {
background-position: -110px -94px;
}

li#nav_huid a.active {
background-position: -207px -94px;
}

li#nav_makeup a.active {
background-position: -335px -94px;
}

li#nav_salons a.active {
background-position: -429px -94px;
}
li#nav_nieuw a.active {
background-position: -544px -94px;
}
li#nav_acties a.active {
background-position: -654px -94px;
}
li#nav_contact a.active {
background-position: -771px -94px;
}

a.orange {color: #ff9900;text-decoration: none}

#main-content { color:#cfcfcf;  margin-bottom:10px;}
.logo {padding-left:275px; padding-bottom:0px; margin: 0px}
#box-1 {color: #cfcfcf; width:440px;float:left;height:370px; background:#000 ;   margin-bottom:10px; margin-left: 5px;}
#box-2 {width:440px;height:500px; margin-left:450px; background:#131313 ; margin-bottom:20px; color:cfcfcf; }
#box-3 {width:865px; background:#131313; color:#cfcfcf; margin-left:5px; margin-bottom: 10px; padding: 10px }
#box-4 {color: #cfcfcf; width:440px;float:left;height:2250px; background:#000 ;   margin-bottom:10px; margin-left: 5px;}
#box-5 {width:440px;height:2250px; margin-left:450px; background:#131313 ; margin-bottom:20px; color:cfcfcf;}
	
#footer {border-top:1px solid #fff; 
text-align:center; 
margin-top:5px; 
padding-top:5px; 
font-size: 0.9em;}

#footer a {color: #fff; text-decoration: none}
#footer a:hover {color: #0084ff; }

p {padding-left:20px; padding-top: 10px; padding-right: 20px; color: #cccccc; font-size: 1.1em; line-height: 120%;}
p.dis {padding:2px; font-size: 1.1em; text-align: center; }

ul.box {padding-left:20px; list-style: circle; color: #7a7878;}
li.acties {font-size: 1.1em; list-style: circle; color: #e2e2e2; margin-left: 25px; padding: 5px;}

h2.nieuw {font-size: 1.2em; padding: 10px; color: #4175eb}
h2.pink {font-size: 1.7em; color: #cc00cc; padding: 8px 8px 8px 20px; text-shadow: 1px 0 #000; letter-spacing: 2px}
h2.green {font-size: 1.7em; color: #00ff33; padding: 8px 8px 8px 20px; text-shadow: 1px 0px #000;letter-spacing: 2px }
h2.yellow {font-size: 1.7em; color: #ffff00; padding: 8px 8px 8px 20px; text-shadow: 1px 0px #000; letter-spacing: 2px }
h2.orange {font-size: 1.7em; color: #ff9900; padding: 8px 8px 8px 20px; text-shadow: 1px 0px #000; letter-spacing: 2px }
h2.blue {font-size: 1.7em; color: #0099ff; padding: 8px 8px 8px 20px; text-shadow: 1px 0px #000; letter-spacing: 2px }
h2.red {font-size: 1.7em; color: #ff0000; padding: 8px 8px 2px 20px; text-shadow: 1px 0px #000; letter-spacing: 2px}
h2.white {font-size: 1.7em; color: #ffffff; padding: 8px 8px 8px 20px; text-shadow: 1px 0px #000; letter-spacing: 2px}

table.nieuw { margin-bottom: 20px; margin-left: 20px;}
td {vertical-align: middle; padding-left: 10px;} 
td.img {width: 60px; height: 60px;}


span.orange {color:#ff8000}
span.red {color:red;}
span.pink {color: fuchsia}
span.green {color: #33ff33}

img.salon {float:right; padding:5px;}
img.winkel {float:right;}
img.mini {border: solid 2px silver;padding: 1px;}
img.front {border: 1px solid silver;}