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: #F0F2F9 url('../../images/default/bg_wrapp.jpg') no-repeat 57em 0em;
}
html>body { background: #F0F2F9 url('../../images/default/bg_wrapp.jpg') no-repeat 92em 0em; }
.page { min-height: 100%; text-align: left; width: 92em; border-right :1px solid #000000; background: #ffffff url('../../images/default/bg_main.jpg') no-repeat right top; }
* html .page { height: 100%; }
.nofoot { position: relative; min-height: 100%; }
* html .nofoot { height: 100%; }
.foot { position: relative; margin: -7em auto 0 auto; background: #B5191A; width: 100%; }
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html .foot { margin-top: -7em; }
/* 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; }
ul, ol, p { }
ul, ol { }
ul ul, ol ul, ul ol, ol ol { font-size: 1em; }
li { }
p, td, th, li, dt, dd { font-size: 1.2em; }
ul.toc { }
p td,
p th,
p li,
p dt,
li li,
p dd { font-size: 1em; }
dt { font-weight: bold; margin-top: 1em;}
img { border: 0; }
.error, .alert { color: #ff0000; }
/* to center the website */
div.main { margin-top: 8em; background: #ffffff; border-bottom: 12em solid #ffffff; }
br.noshow {height: 1em; font-size: 0.2em; display: block; }
div.hruler { position: absolute; width: 100%; top: 8em; left: 0em; border-top: 1px solid #000000; }
img.inzet { position: absolute; width: 17.5em; height: 50em; top: 5.8em; left: 0em; }
img.inzets { position: absolute; width: 15.2em; height: 42.5em; top: 6.3em; left: 0em; }
div.servicemenu { position: absolute; top: 0.5em; text-align: right; width: 91.5em; }
div.servicemenu ul { margin: 0; padding: 0; list-style-type: none; }
div.servicemenu ul li { display: inline; padding: 0 0.5em 0 0.5em; }
div.servicemenu ul img { width: 2em; height: 1.2em; }
div.servicemenu ul li a { color: #000000; text-decoration: none; font-weight: bold; }
div.servicemenu ul li a:hover { color: #B5191A; }
div.servicemenu form { margin: 1.5em 0.5em 0 0; }
div.servicemenu form input.text { border: 1px solid #000000; font-size: 1.1em; padding: 0.1em; width: 10em;}
div.servicemenu form input.button { border: none; font-weight: bold; background: transparent; color: #000000; font-size: 1.2em; font-family: arial, helvetica, sans-serif; margin: 0; padding: 0;}
div.servicemenu form input.button:hover { color: #B5191A; }
img.logo { position: absolute; top: 2.8em; left: 20em; width: 31em; height: 5em; }
div.footbox { background: #B5191A; height: 7em; width: 92em; }
div.footbox p { margin: 0; }
div.foot img.vignet { position: absolute; left: 43.3em; width: 5.3em; height: 5.3em; margin-top: -2.6em; }
div.foot div.telfax { float: left; padding: 0.5em 2em 0 2em; color :#ffffff; font-weight: bold; }
div.foot div.address { float: left; color: #ffffff; padding: 0.5em 3em 0 2em; }
div.foot div.telfax a { color: #ffffff; }
div.foot div.telfax p { font-size:1.1em; }
div.foot div.address p { font-size:1.1em; }
div.foot div.telfax_be p { font-size:1.1em; }
div.foot div.address_be p { font-size:1.1em; }
div.foot div.telfax_be { float: right; padding: 0.5em 2em 0 0; color :#ffffff; font-weight: bold; }
div.foot div.telfax_be a { color: #ffffff; }
div.foot div.address_be { float: right; color: #ffffff; padding: 0.5em 2em 0 0; }
div.hpselect { margin-left: 19.8em; }
div.hpgroup { width: 18em; 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: 18em; height: 18em; }
div.hpgroup ul { list-style-type: none; margin: 0.3em 0 0 0; padding: 0; }
div.hpgroup ul li { width: 18em; }
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; width: 34em; 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.minheight { height: 240px; background-color: #ffffff; }
html>body div.minheight { height: auto; min-height: 240px; background-color: #ffffff; }
div.contentcontainer { float: left; width: 70em; }
div.content { padding: 4em 0 0 10em; }
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 { font-size: 1.2em; display: block; text-align: right; font-weight: bold; text-decoration: none; margin-top: 2em; }
img.vignet { position: absolute; width: 11em; height: 11em; top: 0em; left: 4em; }
/* menu */
div.menu { float: left; width :20em; }
ul.menu { margin: 0em; padding: 0; margin-top: 4em; margin-left: 2em; border-bottom: 1px solid #B5191A; width: 17em; list-style-type: none; }
ul.menu li { display: block; border-top: 1px solid #B5191A; list-style-type: none; }
ul.menu li a { display: block; padding: 0.3em 0em 0.3em 1em; font-weight: bold; width: 10.8em; font-size: 1.2em; text-decoration: none; color: #B5191A; border-top: 1px solid #ffffff; }
ul.menu li a:hover { background-color: #EDD4D9; color: #B5191A; border-top: 1px solid #EDD4D9; }
ul.menu li a.selected { background-color: #B5191A; color: #ffffff; border-top: 1px solid #B5191A; }
ul.menu li a.selected:hover { }
ul.menu li ul { width: 12em; margin: 0; padding: 0 0 0.8em 1.2em; }
ul.menu li ul li { width: 10em; border: none; }
ul.menu li ul li a { padding: 0.1em 0.1em 0.1em 1em; background: url('../../images/default/bg_li.gif') no-repeat 0em 0.4em; font-weight: bold; font-size: 1em; border: none; }
ul.menu li ul li a:hover { border: none; color: #000000; background: #ffffff url('../../images/default/bg_li2.gif') no-repeat 0em 0.4em; }
ul.menu li ul li a.selected { border: none; color: #000000; background: #ffffff url('../../images/default/bg_li2.gif') no-repeat 0em 0.4em; }
ul.menu li ul li a.selected:hover { border: 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; }
/* ttlayer for wysiwyg */
div.ttlayer { }
div.ttlayer p.document { margin: 0px; display: inline; }
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; }
/* custom styles in wysiwyg */
.red { color: #B5191A; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
/* anything missing? */