/*
rood: #c44745
lichtgroen: #f7fffc
donkergroen: #4e915e
*/
h2
{
  background-color  : #4e915e;
}

ul.menu a.answered, ul.menu a.currentanswered, ul.menu a.answerednonav
{
  background-image        : url('Images/check_green.gif');
}

ul.menu a.answered:hover, ul.menu a.currentanswered:hover, ul.menu a.current:hover, ul.menu a.navigatable:hover
{
  background-color        : #231b5c;
}

div.content
{
  background-color        : #f6f6f5;
  background-image        : url(images/content_bg.gif);
}

div.toolbar
{
  border-bottom           : none;
}

a.openbutton:hover,
a.faqbutton:hover,
a.manualbutton:hover
{
  color                   : #ff7d00;
  background-image        : url('Images/openIcon_red.gif');
}

a.savebutton:hover
{
  color                   : #ff7d00;
  background-image        : url('Images/saveIcon_red.gif');
}

a.printbutton:hover
{
  color                   : #ff7d00;
  background-image        : url('Images/printIcon_red.gif');
}

a.previousstep
{
  background-image        : url('images/arrow_left_red.gif');
  background-color        : #fff;
  color                   : #231b5c;
  border                  : solid 1px #eee;
}

a.nextstep
{
  background-image        : url('images/arrow_right_red.gif');
  background-color        : #fff;
  color                   : #231b5c;
  border                  : solid 1px #eee;
}

a.previousstep:hover
{
  background-color        : #fff;
  color                   : #231b5c;
  background-image        : url('images/arrow_left_green.gif');
}

a.nextstep:hover
{
  background-color        : #fff;
  color                   : #231b5c;
  background-image        : url('images/arrow_right_green.gif');
}

.required-a
{
  background-image    : url('images/required_a_red.gif');
}

.alertmessage
{
  border-top          : solid 1px #c44745;
  border-bottom       : solid 1px #c44745;
}

span.lijn
{
  background-color    : #ff7d00;
}

.change, input.change 
{
  background-image    : url('images/arrow_left_red.gif') !important;
  background-color    : #fff;
  color               : #231b5c;
  border              : solid 1px #eee;
}

a.change:hover, input.change:hover 
{
  background-color    : #fff;
  color               : #231b5c;
  background-image    : url('images/arrow_left_green.gif') !important;
}

a.next, input.next 
{
  background-image    : url('images/arrow_right_red.gif');
  background-color    : #fff;
  color               : #231b5c;
}

a.next:hover, input.next:hover 
{
  background-image    : url('images/arrow_right_green.gif');
}