/*------------------------------------------------------------------  
# CSS geschreven voor PR Kapper te Soest
# CSS geschreven door Jeroen Loffeld, april 2009
# [Color codes]  
# Brown (menu) #938785
# Textcolor (standaard) #231f20
# */ 
 
/*------------------------------------------------------------------  
# [Reset css]  
# */ 
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

body, html {
height:100%;
width: 100%;
}

li {
margin: 0;
padding: 0;
position: relative;
left: 15px;
}

p li {
margin-left: 15px;
}

small {
font-size: 7pt;
}
/*------------------------------------------------------------------ */ 

#wrapper {
padding-top: 10px;
position:relative;
min-height:100%;
height:auto !important; /* ie fix */
height:100%;
vertical-align: middle;
text-align: center;
}

#alignmentDIV {
}

#content {
margin: auto;
margin-top: auto;
margin-bottom: auto;
text-align: center;
height: 714px;
width: 1023px;
vertical-align: middle;
}

/*------------------------------------------------------------------ */ 

.DivLogo {
width: 350px;
text-align: center;
padding-top: 25px;
float: left;
height: 105px;
background-color: #FFFFFF;
}

.DivMenu {
height: 130px;
background-color: #938785;
}

.DivFill {
width: 100%;
height: 8px;
background-color: #FFFFFF;
}

.iframeMenu {
width: 650px;
height: 125px;	
}

.iframeNieuwsbrief {
width: 300px;
height: 140px;
}

.DivHeader {
width: 100%;
height: 45px;
padding-top: 5px;
background-color: #938785;
}

.DivBottom {
width: 100%;
height: 25px;
background-color: #938785;
}

.home {
float: left;
width: 380px;
}

.previous {
float: left;
width: 535px;
}

.next {
float: left;
}

/*------------------------------------------------------------------ */ 

.DivColLeft {
width: 720px;
height: 486px;
background-image: url("../images/items/home.jpg");
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
float: left;
}

.DivColRight {
height: 486px;
background-image: url("../images/items/home_text.gif");
background-repeat: no-repeat;
background-position: top right;
background-color: #938785;
}

.DivColRight {
font-size: 10pt;
font-family: Verdana, Arial;
color: #231f20;
}

.DivColRight H1 {
line-height: 25pt;
font-weight: bold;
}

.DivColLeft H1 {
line-height: 25pt;
font-weight: bold;
}

.DivColRight A:link { color: #938785; text-decoration: underline; }
.DivColRight A:active { color: #938785; text-decoration: underline; }
.DivColRight A:visited { color: #938785; text-decoration: underline; }
.DivColRight A:hover { color: #231f20; text-decoration: none; }

/*------------------------------------------------------------------ */ 

.bodyoverons .DivColRight {
height: 560px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodyoverons .DivColLeft {
width: 383px;
height: 560px;
background-image: url("../images/items/overons.jpg");
background-repeat: no-repeat;
background-position: bottom left;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodyproducten .DivColRight {
height: 495px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodyproducten .DivColLeft {
width: 263px;
height: 495px;
background-image: url("../images/items/producten.jpg");
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodyprijzen .DivColRight {
height: 460px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
padding-left: 20px;
}

.bodyprijzen .DivColLeft {
width: 330px;
height: 460px;
background-image: none;
background-color: #938785;
float: left;
color: #FFFFFF;
font-size: 13px;
font-family: Verdana, Arial;
margin-right: 35px;
padding-left: 20px;
}

.bodyprijzen .DivColLeft TABLE {
border-collapse: collapse;
}

.bodyprijzen .DivColLeft TABLE .soort {
width: 260px;
}

.bodyprijzen .DivColLeft TABLE .prijs {
text-align: right;
}

.bodyprijzen .DivColLeft TABLE TD {
height: 22px;
}

.bodyprijzen #subtext {
font-size: 9px;
font-family: Verdana, Arial;
}

table.speciale_behandelingen {
border-collapse: collapse;
}
table.speciale_behandelingen td.mogelijkheid {
width: 420px;
}
table.speciale_behandelingen td.prijs {
width: 100px;
}

table.makeup {
border-collapse: collapse;
}
table.makeup td.mogelijkheid {
width: 250px;
}
table.makeup td.prijs_soort {
width: 50px;
}

/*------------------------------------------------------------------ */ 

.bodycontact .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodycontact .DivColLeft {
width: 344px;
height: 456px;
background-image: none;
float: left;
margin-right: 20px;
padding-left: 20px;
line-height: 12pt;
font-size: 8pt;
font-family: Verdana, Arial;
padding-top: 30px;
}

.bodycontact .DivColLeft A:link { color: #938785; text-decoration: underline; }
.bodycontact .DivColLeft A:active { color: #938785; text-decoration: underline; }
.bodycontact .DivColLeft A:visited { color: #938785; text-decoration: underline; }
.bodycontact .DivColLeft A:hover { color: #231f20; text-decoration: none; }

.contactpic {
border: 1px solid #000000;
}

.DivColRight .td_left, .DivColRight .td_right, .DivColRight .td_text {
line-height: 16pt;
}

.DivColRight .td_text {
padding-top: 16pt;
}

.DivColRight {
line-height: 14pt;
font-size: 10pt;
font-family: Verdana, Arial;
color: #231f20;
}

.DivColRight H1 {
line-height: 25pt;
font-weight: bold;
}

/*------------------------------------------------------------------ */ 

.bodysalons .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;

}

.bodysalons .DivColLeft {
width: 305px;
height: 456px;
background-image: none;
float: left;
margin-right: 30px;
padding-left: 20px;
padding-top: 30px;
margin-bottom: -30px;
line-height: 16pt;
font-size: 10pt;
font-family: Verdana, Arial;
}

.Tb_intfotos TD {
padding: 15px 15px 15px 0;
}

.Tb_intfotos .sec {
padding: 15px 15px 15px 15px;
}

.Tb_intfotos TD IMG {
border: 1px solid #000000;
}

.bodysalons H1 {
line-height: 25pt;
font-weight: bold;
}

.special_p {
margin-top: 8px;
}
/*------------------------------------------------------------------ */ 

.bodygreatlengths .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodygreatlengths .DivColLeft {
width: 470px;
height: 486px;
background-image: url("../images/items/greatlengths.jpg");
background-repeat: no-repeat;
background-position: bottom left;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodynioxin .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodynioxin .DivColLeft {
width: 385px;
height: 486px;
background-image: url("../images/items/nioxin.jpg");
background-repeat: no-repeat;
background-position: bottom left;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodytrends .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodytrends .DivColLeft {
width: 385px;
height: 486px;
background-image: url("../images/items/trends.jpg");
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodyagenda .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;
}

.bodyagenda .DivColLeft {
width: 385px;
height: 486px;
background-image: none;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodyvacatures .DivColRight {
height: 500px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodyvacatures .DivColLeft {
width: 385px;
height: 500px;
background-image: url("../images/items/vacatures.jpg");
background-repeat: no-repeat;
background-position: top left;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 


.bodyhaarverzekering .DivColRight {
height: 486px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodyhaarverzekering .DivColLeft {
width: 385px;
height: 486px;
background-image: url("../images/items/haarverzekering.jpg");
background-repeat: no-repeat;
background-position: bottom left;
background-color: #FFFFFF;
float: left;
}

.tbl_haarverz_prijzen .td_left {
width: 300px;
}

.tbl_haarverz_prijzen .td_mid {
width: 100px;
}

.frontpage_aktie {
position: relative;
top: 432px;
left: 352px;
}

/*------------------------------------------------------------------ */ 

.bodyhaarabon .DivColRight {
height: 475px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodyhaarabon .DivColLeft {
width: 383px;
height: 475px;
background-image: url("../images/items/haarabo.jpg");
background-repeat: no-repeat;
background-position: bottom right;
background-color: #FFFFFF;
float: left;
}

table.haarabo {
border-collapse: collapse;
}
table.haarabo td.mogelijkheid {
width: 350px;
}
table.haarabo td.prijs {
width: 100px;
}

/*------------------------------------------------------------------ */ 

.bodyinfoenacties .DivColRight {
height: 1260px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
padding-left: 20px;
}

.bodyinfoenacties .DivColLeft {
width: 330px;
height: 1260px;
background-image: none;
background-color: #938785;
float: left;
color: #FFFFFF;
font-size: 13px;
font-family: Verdana, Arial;
margin-right: 35px;
padding-left: 20px;
}

.bodyinfoenacties .DivColLeft h1 {
line-height: 18px;
}

#Div_VaderdagVoucher {
position: relative;
left: -15px;
}

.bodyinfoenacties .DivColLeft p {
padding-right: 20px;
line-height: 25px;
}

.bodyinfoenacties .DivColLeft a {
color: #FFF;
}

.bodyinfoenacties .DivColLeft li {
left: 30px;
}

.bodyinfoenacties .DivColLeft TABLE {
border-collapse: collapse;
}

.bodyinfoenacties .DivColLeft TABLE .soort {
width: 260px;
}

.bodyinfoenacties .DivColLeft TABLE .prijs {
text-align: right;
}

.bodyinfoenacties .DivColLeft TABLE TD {
height: 22px;
}

.bodyinfoenacties #subtext {
font-size: 9px;
font-family: Verdana, Arial;
}

/*------------------------------------------------------------------ */ 

.bodymakeup .DivColRight {
height: 460px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodymakeup .DivColLeft {
width: 383px;
height: 460px;
background-image: url("../images/items/makeup.jpg");
background-repeat: no-repeat;
background-position: top right;
background-color: #FFFFFF;
float: left;
}

/*------------------------------------------------------------------ */ 

.bodychronologiste .DivColRight {
height: 480px;
background-image: none;
background-color: #FFFFFF;
line-height: 16pt;
}

.bodychronologiste .DivColLeft {
width: 383px;
height: 480px;
background-image: url("../images/items/chronologiste.jpg");
background-repeat: no-repeat;
background-position: top right;
background-color: #FFFFFF;
float: left;
}

#img_chronologiste {
position: relative;
top: -83px;
left: 450px;
margin-bottom: -134px;
}

#img_chronologiste img {
border: none;
}

#img_nieuwsbrief {
border: 1px solid #939598;
}