/*#############################################################################
# Reset CSS (http://developer.yahoo.com/yui/reset/)
#############################################################################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
strong {
  font-weight:                 bold;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym { 
  border:                      0;
}

/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  width:                       100%;
  height:                      100%;
  font:                        normal 1em verdana, sans-serif;
  line-height:                 1.5em;
  color:                       #93958A;
  text-align:                  justify;
  cursor:                      default;
  background-color:            #FFFFFF;
}

h1 {
  margin-bottom:               0.625em; /* 10px */
  font-weight:                 bold;
  font-size:                   1.273em;
}

h2 {
  margin-bottom:               0.625em; /* 10px */
  font-size:                   1.273em;
}

h3 {
  margin-bottom:               0.625em; /* 10px */
  font-weight:                 bold;
  font-size:                   1.091em;
}

h4 {
  margin-bottom:               0.625em; /* 10px */
  font-size:                   1.091em;
}

h5 {
  margin-bottom:               0.625em; /* 10px */
  font-weight:                 bold;
  font-size:                   1em;
}

h6 {
  margin-bottom:               0.625em; /* 10px */
  font-size:                   1em;
}

HR {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #58594F;
}

a {
  color:                       #58594F;
  text-decoration:             underline;
  cursor:                      pointer;
}

a:hover {
  color:                       #58594F;
  text-decoration:             none;
}

ol,ul {
  margin-left:                 1.04em;
  padding-left:                1.4em;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
}

p {
  margin-bottom:               1.5em;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

/*#############################################################################
# Form
#############################################################################*/
input.text {
  width:                       250px;
  height:                      19px;
  border:                      1px solid #93958A;
  font:                        normal 11px Verdana;
  vertical-align:              middle;
}

input.button {
  font:                        normal 11px Verdana;
  vertical-align:              middle;
}

select {
  width:                       250px;
  height:                      19px;
  border:                      1px solid #A5ACB2;
  font:                        normal 12px Arial;
  vertical-align:              middle;
}

textarea {
  width:                       250px;
  height:                      80px;
  border:                      1px solid #93958A;
  font:                        normal 11px Verdana;
}

/*#############################################################################
# Exphair CSS
#############################################################################*/
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

div#shim {
  visibility:                  hidden;
  width:                       100%;
  height:                      50%;
  margin:                      0 auto;
  margin-top:                  -18.688em; /* 299px */
  float:                       left;
}

div#site {
  clear:                       both;
  width:                       59.5em; /* 952px */
  height:                      37.5em; /* 598px */
  margin:                      0 auto;
  background-color:            #FFFFFF;
  background-image:            none;
}

div#header {
  width:                       59.5em; /* 952px */
  height:                      6.625em; /* 106px */
  text-align:                  right;
  background:                  #FFFFFF url('../images/exphair/exphair_header.jpg') no-repeat bottom left;
}
div#header img {
  height:                      6.625em; /* 106px */
  float:                       right;
}

div#menu {
  width:                       59.5em; /* 952px */
  height:                      1.688em; /* 27px */
  background:                  #93958A url('../images/exphair/exphair_menu_bg.gif') repeat-x top left;
}

div#contentright {
  float:                       right;
  width:                       24.125em; /* 386px */
  height:                      19.938em; /* 319px */
}

div#content {
  width:                       35.2em; /* 565px */
  height:                      19.938em; /* 319px */
  margin-right:                24.125em; /* 386px */
  text-align:                  left;
  overflow:                    auto;
  z-index:                     1; /* For exphair scrollbarColor */
}

table#contentblock { /* factor 11 */
  width:                       46em; /* 506px */
  height:                      9.091em; /* 100px */
  margin:                      2.273em 0em 2.273em 2.727em; /* 25px 0px 25px 30px */
  font-size:                   0.688em; /* 11px */
  text-align:                  justify;
  line-height:                 2.182em; /* 24px */
}
table#contentblock table { /* factor 11 */
  font-size:                   1em; /* 11px */
  line-height:                 2.182em; /* 24px */
}

div#contentbottom {
  /* width:                    59.5em; /* 952px */
  height:                      2.7em; /* 1.688em: 27px */
  padding-left:                3em;
  font-size:                   0.625em; /* 10px */
  color:                       #DEDDD9;
  line-height:                 2.455em; /* 27px */
  text-align:                  left;
  background:                  #93958A url('../images/exphair/exphair_contentbottom_bg.gif') repeat-x top left;
}
div#contentbottom a {
  color:                       #DEDDD9;
}

div#footer {
  width:                       59.5em; /* 952px */
  height:                      6.625em; /* 106px */
}
div#footer div {
  float:                       left;
  border-right:                0.063em solid #93958A; /* 1px */
}
div#footer div.last {
  border-right:                0em;
}
div#footer a.button {
  display:                     block;
  height:                      6.625em; /* 106px */
  width:                       11.75em; /* 188px */
}
div#footer a.joico {
  background:                  url('../images/exphair/exphair_button_joico.jpg') no-repeat top left;
}
div#footer a.joico:hover, div#footer img.joico_over {
  background:                  url('../images/exphair/exphair_button_joico_over.jpg') no-repeat top left;
}
div#footer a.ice {
  background:                  url('../images/exphair/exphair_button_ice.jpg') no-repeat top left;
}
div#footer a.ice:hover, div#footer img.ice_over {
  background:                  url('../images/exphair/exphair_button_ice_over.jpg') no-repeat top left;
}
div#footer a.renu {
  background:                  url('../images/exphair/exphair_button_renu.jpg') no-repeat top left;
}
div#footer a.renu:hover, div#footer img.renu_over {
  background:                  url('../images/exphair/exphair_button_renu_over.jpg') no-repeat top left;
}
div#footer a.senscience {
  background:                  url('../images/exphair/exphair_button_senscience.jpg') no-repeat top left;
}
div#footer a.senscience:hover, div#footer img.senscience_over {
  background:                  url('../images/exphair/exphair_button_senscience_over.jpg') no-repeat top left;
}
div#footer a.baindeterre {
  background:                  url('../images/exphair/exphair_button_baindeterre.jpg') no-repeat top left;
}
div#footer a.baindeterre:hover, div#footer img.baindeterre_over {
  background:                  url('../images/exphair/exphair_button_baindeterre_over.jpg') no-repeat top left;
}
div#footer a.haircontrast {
  background:                  url('../images/exphair/exphair_button_haircontrast.jpg') no-repeat top left;
}
div#footer a.haircontrast:hover, div#footer img.haircontrast_over {
  background:                  url('../images/exphair/exphair_button_haircontrast_over.jpg') no-repeat top left;
}
div#footer a.button img {
  height:                      6.625em; /* 106px */
  width:                       11.75em; /* 188px */
}
div#footer div.last a,
div#footer div.last a.button img {
  width:                       12.25em; /* 196px */
}

div#powered {
  width:                       59.5em; /* 952px */
  height:                      0.938em; /* 15px */
}
div#powered p { /* factor 9 */
  font-size:                   0.563em; /* 9px */
  line-height:                 1.667em; /* 15px */
  color:                       #DEDDD9;
}
div#powered p.left {
  float:                       left;
  margin-left:                 4.444em; /* 40px */
}
div#powered p.right {
  float:                       right;
  margin-right:                4.444em; /* 40px */
}
div#powered a {
  color:                       #DEDDD9;
  text-decoration:             none;
}
div#powered a:hover {
  color:                       #DEDDD9;
  text-decoration:             none;
}

/*#############################################################################
# Listmenu Exphair
#############################################################################*/
ul.mainmenu {
  width:                       59.5em; /* 952px */
  height:                      1.688em; /* 27px */
  margin:                      0em;
  padding:                     0em;
  padding-left:                0.313em; /* 5px */
}

ul.mainmenu li {
  height:                      1.688em; /* 27px */
  list-style-type:             none;
  float:                       left;
}
ul.mainmenu li.menuspacer {
  height:                      1.688em; /* 27px */
  width:                       0.125em; /* 2px */
  background:                  url('../images/menuspacer_bg.gif') no-repeat top left;
}
ul.mainmenu li img {
  width:                       0.125em; /* 2px */
}

a.mainitem, a.mainitem:hover, a.mainitem_on { /* factor 10 */
  display:                     block;
  width:                       11.6em; /* 116px */
  height:                      2.5em; /* 25px */
  padding-top:                 0.1em; /* 1px */
  font-size:                   0.625em; /* 10px */
  text-align:                  center;
  text-decoration:             none;
  text-transform:              uppercase;
  color:                       #FFFFFF;
  white-space:                 nowrap;
}

a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover { /* factor 10 */
  width:                       11.4em; /* 114px */
  height:                      2.5em; /* 25px */
  padding-top:                 0em;
  color:                       #FFFFFF;
  background-color:            #DFDDDA;
  background-image:            none;
  border:                      0.1em solid #FFFFFF; /* 1px */
}

ul.mainmenu li:hover ul.submenu {
  display:                     block;
}

ul.submenu, ul.subsubmenu {
  position:                    absolute;
  display:                     none;
  width:                       7.188em; /* 115px */
  margin:                      0em;
  padding:                     0em;
  background:                  url('../images/spacer.gif');
}
ul.subsubmenu {
  border-top:                  0.063em solid #FFFFFF; /* 1px */
}

ul.submenu li, ul.subsubmenu li {
  display:                     block;
  width:                       7.188em; /* 115px */
  height:                      1.688em; /* 27px */
  list-style:                  none;
  float:                       left;
}

a.subitem, a.subitem:hover, a.subitem_on, a.subitem_on:hover { /* factor 10 */
  display:                     block;
  width:                       11.4em; /* 114px */
  height:                      2.6em; /* 26px */
  font-size:                   0.625em; /* 10px */
  text-align:                  center;
  text-decoration:             none;
  color:                       #FFFFFF;
  white-space:                 nowrap;
  background-color:            #93958A;
  border:                      0.1em solid #FFFFFF; /* 1px */
  border-top:                  0em;
}

a.subitem:hover, a.subitem_on, a.subitem_on:hover {
  color:                       #76776E;
  background-color:            #DFDDDA;
  background-image:            none;
}

ul.submenu li:hover ul.subsubmenu {
  display:                     block;
  margin-top:                  -1.75em; /* 28px */
  margin-left:                 3.594em; /* 115px */
}

li#item1 a.mainitem:hover, li#item6 a.mainitem:hover,
li#item1 a.mainitem_on,    li#item6 a.mainitem_on,
li#item1 a.subitem:hover,  li#item6 a.subitem:hover,
li#item1 a.subitem_on,     li#item6 a.subitem_on,
li#item2 a.mainitem:hover, li#item7 a.mainitem:hover,
li#item2 a.mainitem_on,    li#item7 a.mainitem_on,
li#item2 a.subitem:hover,  li#item7 a.subitem:hover,
li#item2 a.subitem_on,     li#item7 a.subitem_on,
li#item3 a.mainitem:hover, li#item8 a.mainitem:hover,
li#item3 a.mainitem_on,    li#item8 a.mainitem_on,
li#item3 a.subitem:hover,  li#item8 a.subitem:hover,
li#item3 a.subitem_on,     li#item8 a.subitem_on,
li#item4 a.mainitem:hover, li#item9 a.mainitem:hover,
li#item4 a.mainitem_on,    li#item9 a.mainitem_on,
li#item4 a.subitem:hover,  li#item9 a.subitem:hover,
li#item4 a.subitem_on,     li#item9 a.subitem_on,
li#item5 a.mainitem:hover, li#item10 a.mainitem:hover,
li#item5 a.mainitem_on,    li#item10 a.mainitem_on,
li#item5 a.subitem:hover,  li#item10 a.subitem:hover,
li#item5 a.subitem_on,     li#item10 a.subitem_on {
  background-color:            #DFDDDA;
  background-image:            none;
}

/* CONDOLEANCE */

div#guest_fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
}
div#guest_site {
  width:                       530px;
  min-height:                  100%;
  _height:                     100%;
  margin:                      0 auto;
  padding:                     0px 9px;
  font:                        normal 11px Verdana;
  line-height:                 24px;
  color:                       #93958A;
  border-left:                 solid 1px #93958A;
  border-right:                solid 1px #93958A;
}

div.guest_logo {
  padding:                     10px 10px 0px 12px;
  _display:                    none;
}
div.guest_logo_ie {
  padding:                     10px 10px 10px 12px;
  display:                     none;
  _display:                    block;
}
div.guest_header {
  width:                       528px;
  height:                      142px;
  overflow:                    hidden;
  padding-bottom:              10px;
}

div.guest_block {
  width:                       528px;
  margin-bottom:               12px;
  font-weight:                 normal;
  line-height:                 18px;
  border:                      solid 1px #93958A;
  background:                  url('../images/guest_titlebg.gif') repeat-x left top;
}
div.guest_name {
  float:                       left;
  width:                       316px;
  padding-left:                12px;
  color:                       #FFFFFF;
  line-height:                 22px;
  text-transform:              uppercase;
}
div.guest_date {
  float:                       left;
  width:                       188px;
  padding-right:               12px;
  color:                       #FFFFFF;
  line-height:                 22px;
  text-align:                  right;
}
div.guest_content {
  clear:                       both;
  width:                       504px;
  padding:                     14px 12px;
  text-align:                  justify;
  border-top:                  solid 1px #93958A;
}
div.guest_spacer {
  height:                      46px;
}

a.reaction_btn, a.reaction_btn:hover {
  display:                     inline-block;
  height:                      26px;
  padding:                     0px 10px;
  font:                        normal 10px Verdana;
  line-height:                 26px;
  color:                       #93958A;
  text-decoration:             none;
  text-transform:              uppercase;
  background-color:            #DFDDDA;
}
a.reaction_btn:hover {
  color:                       #FFFFFF;
  background-color:            #93958A;
}

div.guest_footer {
  width:                       530px;
  height:                      36px;
  margin:                      -46px auto 0px auto;
  padding-top:                 10px;
}

/* /CONDOLEANCE */
/*###########################################################################*/
/*# Form CSS */

fieldset {
  border:                      0px;
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       220px;
  line-height:                 18px;
  font-weight:                 normal;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('/images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       220px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 11px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #93958A;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #93958A;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       410px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       223px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 11px verdana, sans-serif;
  border:                      1px solid #93958A;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       220px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 11px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #93958A;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.multilinein {
  margin-left:                 200px;
}

li.buttons {
  clear:                       both;
  width:                       425px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 220px;
  margin-top:                  4px;
  height:                      20px;
}

div.fielderror_left {
	color:                       #FF0000;
  margin-left:                 0px;
}

div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       79px;
}

input#city {
  width:                       133px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}
div#captcha2 a {
  text-decoration:             none;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit, input#inschrijven  {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

input#inschrijven {
  width:											 102px;
  margin-left:								 20px;
}

div#requiredtext {
  float:                       left;
  font-weight:                 normal;
}

/*# Form CSS */