html
{
  overflow-y:     scroll;
  height:         100%;
  width: 100%;
}

body
{
  min-height:     100%;
  margin:         0 0 0 0;
  padding:        0 0 26px 0;

  font-family:    Arial, helvetica, sans-serif;
  font-size:      90%;
  width: 100%;
}

body.comfoor
{
  background:     transparent url('../images/background.png') no-repeat fixed bottom center;
}

body.totalcareplus
{
  background:     transparent url('../images/background_totalcareplus.gif') no-repeat fixed top center;
}

#centeredcontent
{
  xposition:       relative;
  width:          937px;
  margin:         0 auto;
}

#header
{
  margin-bottom:     23px;
}

h1
{
  font-size:    120%;
  color:        #c00418;
}

h2
{
  color:        #f29400;
  margin-bottom: 0;
}

img
{
  border: 0;
}

a
{
  text-decoration: none;
  color: #c00418;
}

a:hover
{
  text-decoration: underline;
}

/*********************************************

Header Gallery

*********************************************/

#headerslidecontainer
{
  position:       relative;
  width:          937px;
  height:         175px;
  overflow:       hidden;
}

/*********************************************

Header Menu

*********************************************/

#headermenu
{
  border-collapse: collapse;
}

#headermenu td
{
  vertical-align: top;
  padding:        0;
  background:     transparent url('../images/menutop_grey_bg.png') repeat-x scroll top left;
}

#headermenu a
{
  display:         block;

  height:          26px;
  line-height:     26px;
  padding:         0 18px;
  border-left:     1px solid #fff;
  border-right:    1px solid #000;

  color:           #585858;
  font-family:     Arial;
  font-weight:     bold;
  font-size:       0.8em;
  text-decoration: none;
  text-transform:  uppercase;
  white-space:     nowrap;
}

#headermenu img
{
  display:         block;
}

#headermenu td.leftside
{
  background:      transparent url('../images/menutop_left.t.png') no-repeat scroll top left;
}
#headermenu td.leftside div
{
  width:           25px;
}

#headermenu td.last a
{
  border-right:    0px;
}

#headermenu td.rightside
{
  background:      transparent url('../images/menutop_right.t.png') no-repeat scroll top left;
}
#headermenu td.rightside div
{
  width:           28px;
}

#headermenu td.orangered
{
  background:      transparent url('../images/menutop_orangered_bg.png') repeat-x scroll top left;
}
#headermenu td.orangered a
{
  color:           #FFFFFF;
}



#headermenu td.space
{
  width:           100%; /* consume space */
}
#headermenu td.space div
{
/*  width:           1px;*/
  height:          26px;
  border-right:    1px solid #000;
  margin:          0 0 0 auto; /* position at right */
}

#headermenu td.orangeredselected a
{
  background-color: #f19101;
}


#headermenu td.rightside_selected
{
  background:      transparent url('../images/menutop_right.t.selected.png') no-repeat scroll top left;
}
#headermenu td.leftside_selected
{
  background:      transparent url('../images/menutop_left.t.selected.png') no-repeat scroll top left;
}


#headermenu td.selected a
{
  background-color: #A6A6A6;
  border:           0;
  padding:          0 19px;
}
#headermenu td.last.selected a
{
  padding:          0 18px 0 19px;
}



/*
left menu right aligned


#headermenu td.empty
{
  width:           63px;
}
*/

#headermenu td.first a
{
  border-left:      0;
}
#headermenu td.first.selected a
{
  padding:          0 19px 0 18px;
}


/*********************************************

Header

*********************************************/

.pagelayout
{
  border-collapse:   collapse;
  width:             937px;
}

.colleft
{
  vertical-align:    top;
  width:             251px;
  padding:           0;
}

.colmiddle
{
  vertical-align:    top;
  padding:           0;
  width:             400px;
}

.colmiddle .content
{
  width:             340px;
  padding:           25px 15px;
  overflow:          hidden;
}

.colright
{
  vertical-align:    top;
  padding:           0;
  width:             244px;
}

.colspace div
{
  width:             21px;
}

.content
{
  padding:           25px 15px;
  background:        #FFFFFF url('../images/content_bgfade.png') repeat-x scroll top;
}

.colleft .panelatleft,
.colright .panelatright
{
  /* prevent pushing down the bottom (rounded part)
     works by creating an 'border' which according to W3C rules causes margins on children
     to be applied between the child and our border instead of to the border of our next element
  */
  padding-bottom:    1px;
  background-color:  #FFFFFF;

  min-height:        350px;
}

.contentwithoutpadding
{
  text-align:        center;
  background-color:  #FFFFFF;
  padding-bottom:    25px;
}

.colleft .contentbottom
{
  width:             251px;
  height:            26px;
  background:        transparent url('../images/menuleft_bottom.png') no-repeat scroll top;
}

.colright .contentbottom
{
  width:             244px;
  height:            20px;
  background:        transparent url('../images/menuright_bottom.png') no-repeat scroll top;
}

#comfoorlogo
{
  display:           block;
  margin:            0 auto 15px auto;

  width:             179px;
  height:            85px;
}

div.logo-comfoor
{
  background:        transparent url('../images/comfoorlogo.png') no-repeat scroll top left;
}

div.logo-totalcareplus
{
  background:        transparent url('../images/comfoorlogo_totalcareplus.png') no-repeat scroll top left;
}

.colmiddle .content
{
  padding:           20px 30px 30px 30px;
}

.colright .content a.banner
{
  display:        block;
  font-size:      16px;
  font-weight:    bold;
  color:          #f29400;
  margin-bottom:  15px;
}

/*********************************************

Left menu

*********************************************/

#mainmenu
{
  position:      relative;
  padding: 0 22px 0 0;
}

#mainmenu.newssummary
{
  font-size:     90%;
}

#mainmenu a,
#mainmenu div.selected
{
  display:        block;
  padding:        3px 0;

  color:          #e65600;
/*  color:          #c00418;*/

  font-weight:    bold;
  text-align:     right;
  text-decoration: none;
}

#mainmenu div.selected
{
  color:          #c00418;
}

#mainmenu.news a,
#mainmenu.news div.selected
{
  margin-bottom:  8px;
}

#menubar a
{
  display:      block;
  padding:      5px 10px 5px 20px;
  color:        #FFFFFF;
  font-size:    150%;
  text-decoration: none;
}

#menubar a:hover
{
  background-color: rgba(255,255,255,0.15);
}

/*********************************************

Nieuws items

*********************************************/

.ruler
{
  margin:           15px 0;

  height:           1px;
  font-size:        0;  /* IE */
  background-color: #ED6B07;
}

#newsitemoverview p.date
{
  color: #f29400;
  padding: 0;
  margin: 0 0 10px 0;
}

#newsitemoverview p.title
{
  padding: 0;
  margin: 0 0 15px 0;
}

#newsitemoverview p.title a
{
  color: #c00418;
  font-size: 120%;
  font-weight: bold;
}

#newsitemoverview span.location
{
  font-weight: bold;
}

#newsitemoverview p.description
{
  margin: 0 0 15px 0;
  padding: 0;
  color: #343434;
  font-size: 80%;
}

#newssummary2
{
  color:       #c00418;
  padding:     0 20px;
}

#newssummary2 a
{
  color:       #000;
}


#caseslist
{
  color:       #F29400;
  padding:     0 20px;
  font-size:   85%;
}

#caseslist a
{
  color:       #000;
}

#popupoverlay
{
  display: none;
  opacity: 0.8;
  filter:alpha(opacity=80); /* IE patch */
  z-index:100;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  width:100%;
  background-color:#333333;
}

#newspopupholder
{
  display: none;
  position: absolute;
  width: 100%;
  z-index: 101;
  text-align: center;
  top: 80px;
  left: 0;
  height: 100%;
}

div.newspopup
{
  display: none;
  margin: 0 auto;
  width: 800px;
  height: 390px;
  background-color: white;
  border: 1px solid #c2c2c2;
  opacity: 0;
  xfilter:alpha(opacity=100); /* IE patch */
}

div.newspopup h1
{
  font-size: 125%;
  color: #a3b103;
  font-style: italic;
  font-size: 18px;
  font-family: Lucida Sans, Arial, Sans-Serif;
  padding: 0 0 0 15px;
}

.closepopup
{
  padding: 0 20px 0 0;
}
/*********************************************

Webpack

*********************************************/

/* The standard webpack CSS. This CSS is shared by all webpacks and
   modifying it allows you to easily adapt all webpack types to your
   site design. We recommend that you remove this CSS from the individual
   webpack demos, and instead move it to your site's central CSS files */

/* Global tag, containing the complete webpack item */
.whwp
{
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
}

/* Webpack item title */
.whwp .whwp-title
{
  font-weight: bold;
}

/* All links */
.whwp a
{
  color: #0000AA;
}

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover
{
  width: 100px;
  background-color: #A0A0A0;
  text-align: center;
  color: #FFFFFF;
  border: outset 2px;
  border-right-color: #808080;
  border-bottom-color: #808080;
  margin: 3px 3px 3px 0px;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover
{
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-family: arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup
{
  border: 1px #B0B0B8 solid;
  padding: 10px;
  margin: 20px 0px;
  background-color: #FFFFFF;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label
{
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.whwp .whwp-entry
{
  border: 1px solid #000000;
  margin: 10px 0px;
}

.whwp .whwp-entry .whwp-header
{
  background-color: #D0D0D0;
  font-weight: bold;
  padding: 4px;
}

.whwp .whwp-entry .whwp-message
{
  padding: 4px;
}

.whwp .whwp-entry .whwp-message blockquote
{
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp .whwp-entry .whwp-footer
{
  padding: 5px;
}

.whwp table.whwp-table
{
  border: solid 1px #000000;
  border-collapse: collapse;
  width: 100%;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

.whwp table.whwp-table th
{
  text-align: left;
  padding: 2px 5px;
  background-color: #D0D0D0;
  vertical-align: top;
  white-space: nowrap;
  color: #000000;
}

.whwp table.whwp-table td
{
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp .whwp-odd
{
  background-color: #EEEEEE;
}

.whwp .whwp-even
{
  background-color: #FFFFFF;
}

.whwp .whwp-errors
{
  font-style: italic;
  color: #FF0000;
}

.whwp table.whwp-attachments
{
  font-size: 100%;
}

/* End of the standard webpack CSS definitions */