/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  color:                       #FFFFFF;
  background-color:            #000000;
}

h1, h2, h3, h4, h5, h6 {
  color:                       #FFFFFF;
}

HR {
  border-color:                #FFFFFF;
}

a {
  color:                       #958C7D;
}

a:hover {
  color:                       #958C7D;
}

/*#############################################################################
# Company CSS
#############################################################################*/
div#site {
  background-color:            #000000;
  background-image:            none;
}

div#header {
  background:                  #000000 url('../images/joico/joico_header.gif') no-repeat bottom left;
}

div#menu {
  background:                  #000000 url('../images/joico/joico_menu_bg.gif') repeat-x top left;
}

div#content {
  z-index:                     2; /* For scrollbarColor */
}

div#contentbottom {
  background:                  #000000 url('../images/joico/joico_contentbottom_bg.gif') repeat-x top left;
}
div#contentbottom, div#contentbottom a {
  color:                       #B3A899;
}

div#footer div {
  border-color:                #655B4A;
}
div#footer a.joico {
  background:                  url('../images/joico/joico_button_joico_over.jpg') no-repeat top left;
}
div#footer a.joico:hover, div#footer img.joico_over {
  background:                  url('../images/joico/joico_button_joico_over.jpg') no-repeat top left;
}
div#footer a.ice {
  background:                  url('../images/joico/joico_button_ice.jpg') no-repeat top left;
}
div#footer a.ice:hover, div#footer img.ice_over {
  background:                  url('../images/joico/joico_button_ice_over.jpg') no-repeat top left;
}
div#footer a.renu {
  background:                  url('../images/joico/joico_button_renu.jpg') no-repeat top left;
}
div#footer a.renu:hover, div#footer img.renu_over {
  background:                  url('../images/joico/joico_button_renu_over.jpg') no-repeat top left;
}
div#footer a.senscience {
  background:                  url('../images/joico/joico_button_senscience.jpg') no-repeat top left;
}
div#footer a.senscience:hover, div#footer img.senscience_over {
  background:                  url('../images/joico/joico_button_senscience_over.jpg') no-repeat top left;
}
div#footer a.baindeterre {
  background:                  url('../images/joico/joico_button_baindeterre.jpg') no-repeat top left;
}
div#footer a.baindeterre:hover, div#footer img.baindeterre_over {
  background:                  url('../images/joico/joico_button_baindeterre_over.jpg') no-repeat top left;
}
div#footer a.haircontrast {
  background:                  url('../images/joico/joico_button_haircontrast.jpg') no-repeat top left;
}
div#footer a.haircontrast:hover, div#footer img.haircontrast_over {
  background:                  url('../images/joico/joico_button_haircontrast_over.jpg') no-repeat top left;
}

div#powered {
  background-color:            #000000;
}

div#powered p ,div#powered a, div#powered a:hover {
  color:                       #655B4A;
}

/*#############################################################################
# Listmenu Bladen Unie
#############################################################################*/
a.mainitem, a.mainitem:hover, a.mainitem_on {
  color:                       #FFFFFF;
}

a.mainitem:hover, a.mainitem_on, a.mainitem_on:hover {
  color:                       #000000;
  background-color:            #FFFFFF;
  background-image:            none;
  border-color:                #655B4A;
}

ul.subsubmenu {
  border-color:                #655B4A;
}

a.subitem, a.subitem:hover, a.subitem_on, a.subitem_on:hover {
  color:                       #FFFFFF;
  background-color:            #000000;
  border-color:                #655B4A;
}

a.subitem:hover, a.subitem_on, a.subitem_on:hover {
  color:                       #000000;
  background-color:            #FFFFFF;
  background-image:            none;
}

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;
}

/*###########################################################################*/