html, body
{
  margin: 0;
  color: #4f001f;
  background-color: #d2d7db;
}

/* Global font settings */
html, body, .button, .tollium-button, .tollium-button-disabled
{
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

html
{
  overflow-y: scroll;
}

h1
{
  font-weight: bold;
  font-size: 190%;
  margin: 5px 0;
}

h2
{
  font-weight: bold;
  font-size: 150%;
  margin: 5px 0 10px 0;
}

h3
{
  font-weight: bold;
  font-size: 120%;
  margin: 5px 0 10px 0;
}

img
{
  border: 0;
}

a
{
  text-decoration: none;
  color: #4f001f;
}

a:hover
{
  text-decoration: underline;
}

p
{
  xline-height: 145%;
  margin: 1px 0;
}

form
{
  margin: 0;
  padding: 0;
}

#loginbox
{
  background-color: #FFFFFF;
  margin: 170px auto 0 auto;
  border: 1px dashed black;
  width: 320px;
  padding: 10px 10px 20px 10px;
}

#loginbox td.formquestion
{
  padding: 5px 8px 5px 0;
}

#loginbox td.formanswer
{
  padding: 5px 0;
}

#loginbox td.formanswer input.textedit
{
  width: 230px;
  border: 1px solid black;
  padding: 2px;
}

.button, .tollium-button
{
  padding: 2px 5px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background-color: #782842;
  border: 0;
}

.tollium-button-disabled
{
  padding: 2px 5px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background-color: #808080;
  border: 0;
}

.tollium-button, .tollium-button-disabled
{
  margin: 0 4px 0 0;
}

.button:hover
{
  text-decoration: none;
}

.formerrors
{
  padding: 3px 0 6px 0;
}

.formerrors .error
{
  color: #DD0000;
  font-style: italic;
}

#forgotpassword
{
  margin: 0 auto;
  width: 180px;
  padding: 5px 0 0 0;
}

#forgotpassword a
{
  color: #000000;
  text-decoration: underline;
}

#mainbody
{
  margin: 0 auto;
  width: 960px;
  padding: 0;
}

table.pagecolumns
{
  width: 960px; /* same as #mainbody width */
}

table.pagecolumns td.leftcolumn, #mainbody table.pagecolumns td.rightcolumn
{
  width: 210px;
}

#centercolumn
{
  width: 450px; /* #mainbody (width) - leftcolumn (width) - rightcolumn (width) - padding */
  border-bottom: 1px dashed #6e7d89;
  border-left: 1px dashed #6e7d89;
  border-right: 1px dashed #6e7d89;
  padding: 25px 45px 25px 45px;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  min-height: 500px;
  _height: 500px; /* For IE6 */
}

div.sidebarblock, div.sidebarbannerblock
{
  background-color: #FFFFFF;
  border: 1px dashed #6e7d89;
  margin: 10px 0 20px 0;
}

div.sidebarblock
{
  text-align: left;
  width: 170px; /* 190 - padding */
  padding: 10px;
}

div.sidebarbannerblock
{
  width: 190px; /* 190 - padding */
  padding: 0;

}

#logindata
{
  font-size: 125%;
  font-weight: bold;
}

#mainmenublock
{
  padding-right: 0;
  width: 180px;
}
#mainmenublock a
{
  width: 100%;
  display: block;
  line-height: 20pt;
  font-size: 110%;
  text-indent: 10px;
  color: #782842;
  margin: 4px 0 4px 0;
  font-weight: bold;
}

#mainmenublock a.selected
{
  background-color: #782842;
  color: white;
}

#mainmenublock a:hover
{
  text-decoration: none;
  background-color: #782842;
  color: white;
}

#fullsearchblock, #partsearchblock
{
  text-align: center;
}

  #fullsearchblock .header
, #socialmedialinks .header
, #partsearchblock .header
, #newsfiltersblock .header
, #recentnewsblock .header
{
  font-size: 110%;
  padding: 0 0 5px 0;
  font-weight: bold;
}

#fullsearchblock .searchformfield, #partsearchblock .searchformfield
{
  margin: 0 0 7px 0;
}

#socialmedialinks
{
  text-align: center;
  margin-bottom: 0;
}

#newsfiltersblock .header, #recentnewsblock .header
{
  text-align: center;
}

#newsfiltersblock .newsfilters .checkboxcell
{
  padding: 0 5px 0 0;
}

#newsfiltersblock .submitbutton
{
  padding: 15px 0 0 0;
  text-align: center;
}

#intranetlogo
{
  padding: 20px 20px 10px 0;
}

.framedthumb
{
  display:      block;
  position:     relative;
  padding:      4px 0 0 0;
  width:        135px;
  background:   transparent url('../images/newsthumb_frame_middle.o.png') repeat-y scroll bottom left;
}

.framedthumb .top
{
  position:     absolute;
  top:          0px;
  left:         0px;
  width:        135px;
  height:       7px;
  background:   transparent url('../images/newsthumb_frame_top.o.png') no-repeat scroll top left;
}

.framedthumb img
{
  position:     relative;
  display:      block;
  width:        125px;
  padding:      0 6px 6px 4px;
  background:   transparent url('../images/newsthumb_frame_bottom.o.png') no-repeat scroll bottom left;
}

.newsitemcontainer .newsinfo
{
  width: 275px;
}

.newsitemcontainer .newspicture
{
  padding: 0 15px 0 0;
}

.newsitemcontainer .newsinfo .description
{
  margin: 10px 0 15px 0;
}


.newsitemcontainer .newsinfo .title
{
  font-weight: bold;
  font-size: 130%;
}

.newsitemcontainer .newsinfo .author
{
  font-weight: bold;
}

div.newsitemcontainer .readmore
{
  text-align: right;
}

.hr
{
  height:       1px;
  border:       0;
  background:   transparent url('../images/dashedline.o.png') repeat-x top left;
  margin:       20px 0;
}

table.overviewtable div.arrow
{
  background: transparent url('../images/arrow.gif') no-repeat center left;
  width: 20px;
  height: 22px;
}

table.overviewtable td.contents
{
  text-align: left;
  vertical-align: middle;
  padding: 6px 50px 6px 0;
}

table.overviewtable td.contents a
{
  color: #4f001f;
}

#nextbirthdayblock
{
  text-align: center;
  padding-bottom: 25px;
}

#nextbirthdayblock div.image
{
  padding: 20px 0 20px 0;
}

#nextbirthdayblock div.name
{
  font-size: 110%;
  font-weight: bold;
}

.pagenavigation
{
  padding: 20px 0 0 0;
  text-align: center;
}

.pagenavigation, .pagenavigation a
{
  font-size: 110%;
  color: #460012;
}

.pagenavigation span
{
  margin: 0 3px;
}

.pagenavigation a
{
  text-decoration: none;
}

.pagenavigation a:hover
{
  text-decoration: underline;
}

.pagenavigation a.selected
{
  font-weight: bold;
}

.smoel-name
{
  color: #ff5200;
  font-size: 110%;
  font-weight: bold;
}
.page-smoelen
{
  overflow: hidden;
  width: 450px; /* 3 x (single_width + single_margin) */
}

/*

.smoelen-navigation
{
  width: 685px; /* 3 x single_width + 2 x single_margin * /
}
*/

.page-smoelen a
{
  xcolor: #1e117f;
  xfont-weight: normal !important;
}
.page-smoelen a img
{
  position: relative;
  bottom: 1px;
  vertical-align: middle;
}
.page-smoelen .singlesmoel
{
  float: left;
  height: 200px;
  margin: 0 50px 10px 0;
  width: 100px;
}
.page-smoelen .singlesmoel .userimage
{
  padding: 0 0 5px 0;
}
.page-smoelen .singlesmoel .userimagecell
{
  text-align: center;
  height: 150px;
  vertical-align: middle;
}

table.table-layout
{
  border-width: 0;
  /*border-collapse: collapse;*/
  margin: 0;
  padding: 0;
}
table.table-layout td
{
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#usergroups
{
  padding: 0 0 15px 0;
}

#usergroups a.selected
{
  text-decoration: underline;
}

#userprofile a
{
  text-decoration: underline;
}

#userprofile a:hover
{
  text-decoration: none;
}

#userprofile .subheader
{
  font-size: 130%;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#userprofile .websites .contents .title
{
  font-size: 115%;
}

#userprofile .socialmedia .contents a
{
  text-decoration: none;
}

#userprofile .socialmedia .contents a:hover
{
  text-decoration: underline;
}

#alldownloads .overviewtable .contents a
{
  font-weight: bold;
}

#alldownloads .overviewtable .contents a.linktoproduction
{
  color: #939393;
}

#userprofile .group
{
  font-weight: bold;
  font-size: 150%;
  margin: 0 0 20px 0;
}

#userprofile .userimage
{
  padding: 0 15px 0 0;
}

#userprofile a.button
{
  text-decoration: none;
}

fieldset.tollium-box legend
{
  border:2px solid #CCCCCC;
  background-color:#EEEEEE;
  padding:5px 10px 5px 10px;
  margin: 0 0 10px 0;
}

td.tollium-tablecell table.tollium-panel td.tollium-panelcell
{
  padding-top: 20px;
}

td.tollium-panelcell img.tollium-image
{
  padding-right: 10px;
}

textarea.tollium-textarea
{
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #4f001f;
}

div.tollium-modaloverlay
{
  background-color: #000000 !important;
  opacity: 0.6 !important;
}

#profilesaved a
{
  text-decoration: underline;
}

#profilesaved a:hover
{
  text-decoration: none;
}

div.tollium-popupdialog
{
  padding: 10px;
}

div#newscontents
{
  margin: 10px 0 0 0;
}

#whc .result_header
{
  font-weight: bold;
  font-size: 110%;
  padding: 0 0 7px 0;
}

#whc .result_header a
{
  text-decoration: underline;
}

#whc .result_header a:hover
{
  text-decoration: none;
}

#whc .resultitem
{
  padding: 0 0 25px 0;
}

table.tollium-list td.tollium-listcell
{
  padding-right: 4px;
}

div.whwp-survey form fieldset
{
  margin: 15px 0 0 0;
}

div.whwp-survey p
{
  padding: 2px 0;
}

/* 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 */

/* 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 #000000 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
{
  font-style: italic;
  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
{
  color: #FF0000;
}

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

/* End of the standard webpack CSS definitions */