html { padding: 0; margin: 0; height: 100%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    font-size: 62.5%; /* resets 1em to 10px */
    background: ;
}

html>body { }

.page {	}

* html .page { }
.nofoot { }
* html .nofoot { }
.foot { display: none;  }
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html .foot {display: none;  }

/* standard elements */
h1          { font-size: 1.6em; margin: 0 0 0.5em 0; padding: 0; color: #B5191A; }
h2, h2 a    { font-size: 1.4em; margin: 0; } /* h2 a with color is for toc*/
h3  { }
h4  { }
h5  { }
a   { color: #B5191A; }

div.ttlayer img { border: 1px solid #B5191A; }

img { border: 0; }
.error, .alert { color: #ff0000; }

/* to center the website */

div.main { margin-top: 8em; }
br.noshow { height: 1em; font-size: 0.2em; display: block; }

div.hruler { position: absolute; width: 90%; top: 7em; left: 0em; border-top: 1px solid #000000; }
img.inzet { display: none; }
img.inzets { display: none;  }

div.servicemenu { display: none; }
div.servicemenu ul { display: none; }
div.servicemenu form { display: none; }
img.logo { position: absolute; top: 0em; left: 0; }
div.footbox { display: none; }
div.foot  { display: none;  }

div.hpselect { }
div.hpgroup { width: 16em; float: left; overflow: hidden; padding-top: 3em; margin-bottom: 3em; }
div.hpgroup h1 { color: #B5191A; font-size: 1.8em; margin-bottom: 0.20em; padding-top: 0.45em;}
div.hpgroup h2 { color: #B5191A; padding-top: 1.6em; font-size: 1.8em; margin-bottom: 0.20em;}
div.hpgroup img.hpgroup { width: 16em; height: 16em; }

div.hpgroup ul { list-style-type: none; margin: 0.3em 0 0 0; padding: 0; }
div.hpgroup ul li { width: 16em; }
div.hpgroup ul li a { font-weight: bold; color: #5B6365; line-height: 1.4em; display: block; width: 14em; }
div.hpgroup ul li a:hover { color: #000000; }

div.hpnews { display: block; }
div.hpnews div.item { float: left; padding-right: 1.9em; }
div.hpnews div.item h3, div.hpnews div.item h3 a { margin: 0; padding: 0; font-size: 1.1em; color: #B5191A }
div.hpnews div.item p, div.hpnews div.item p a  { font-size: 1.1em; color: #000000; text-decoration: none;}

div.newsitem { margin-bottom:20px; font-size: 1.2em; }
div.newsitem div.date { font-style: italic; }
div.newsitem div.title { font-weight: bold; }
div.newsitem div.description { }

div.contentcontainer { width: 90%; }
div.content { font-size: 12px;  }
div.content p  {  }
div.content ul, div.content ol { margin: 0; padding: 0 0 0 1.6em; }
div.content li { list-style-type: square; margin: 0; padding: 0; }

a.back { display: none; }


img.vignet { display: none; }

/* menu */
div.menu { display: none;  }
ul.menu  { display: none; }

ul.categories { list-style-type: none; margin: 3em 0 0 3.5em; padding: 0; }
ul.categories li { width: 13em;  }
ul.categories li a { font-weight: bold; color: #5B6365; line-height: 1.4em; display: block; width: 13em; }
ul.categories li a:hover { color: #000000; }

/* breadcrumbs */
div.breadcrumbs { position: relative; }

div.openform { cursor: pointer; background: #f4f5fa url('../../images/default/toggle_corner.gif') no-repeat right; height: 1.8em; border: 0.1em solid #e5e6e7; margin-top: 3.6em; }
div.openform:hover { border: 0.1em solid #585a5d; }
div.openform a { font-size: 1.1em; background: url('../../images/default/toggle.gif') no-repeat right 0.4em; padding: 0em 1em 0em 0.6em; font-weight: bold; color: #000000; line-height: 1.4em; text-decoration: none; }


a.colapse { font-size: 1em; color: #000000; padding-right: 1em; background: url('../../images/default/toggle.gif') no-repeat right 0.3em; text-decoration: none;  }

/* form styles */
form.response                       { margin: 0; font-size: 1.1em; width: 53.3em; background: #f4f5fa; padding: 0.6em; margin-top: 0.1em; border-top: 0.1em solid #585a5d; border-bottom: 0.1em solid #585a5d; }
form.response span.formerror        { color: #ff0000; }
form.response span.formrequired     { color: #ff0000; font-weight: bold; }
form.response label                 { width: 10em; display: block; float: left; font-weight: bold; margin-top: 0.6em;  }
form.response input.text            { margin-top: 0.3em; width: 28em; }
form.response textarea              {  margin-top: 0.3em; width: 28em; }
form.response input.file            { margin-top: 0.3em;  }
form.response input.button, button  { margin-top: 0.6em; }
form.response input.radio           { }
form.response input.checkbox        { }

/* form styles */
form                        { margin: 0; }
form input.button, button   { background-color: #B5191A; color: #ffffff; font-weight :bold; border: 0.1em groove #ffffff; }
form input.text             { width: 26em; }
form input.radio            { }
form input.checkbox         { }
form select                 { }
form option                 { }
form textarea               { width: 18em; font-size: 1.2em; }


form label                  { width: 10em; text-align: right; display: block; padding-right: 1em; font-weight: bold; }
form div.required           { text-align: right; color :#B5191A; }
form table tr td            { padding: 0.2em; vertical-align :top; }
form table                  { background: #F3F4FA; padding: 1em; }


/* content preformatted table styles */
table.standardtable { width: 100%; background-color :#F4F5FA; border-top: 1px solid #B5191A; border-bottom: 1px solid #B5191A; }

table.standardtable tr th { padding: 0.3em; border-right: 1px solid #ffffff; vertical-align: top; font-weight: bold; color: #B5191A; width: 100%; }
table.standardtable tr td { padding: 0.3em; border-right: 1px solid #ffffff; vertical-align: top; }
table.standardtable tr.alt { background-color: #EDD4D9; }

table.standardtable tfoot tr td { padding: 0.2em; border-right: 1px solid #ffffff; font-weight: bold;  }
table.standardtable tfoot tr th { padding: 0.2em; border-right: 1px solid #ffffff; }


/* form preformatted styles */
form span.formerror         { color: #ff0000; }
form span.formrequired      { color: #ff0000; font-weight: bold; }


/* custom styles in wysiwyg */
.red { color: #ff0000; }


/* wysiwyg styles */
div.ttlayer { display: inline; }
div.ttlayer p.document { margin: 0px; }
div.ttlayer p.document img { margin: 0px 8px 0px 0px; border-width: 0px; width: 16px; height: 16px; }
div.ttlayer p.imagecaption { display: block; margin: 0px; text-align: center; }



