html { padding: 0em; margin: 0em; height: 100.01%; }
body {
margin: 0em;
padding: 0em;
height: 100%;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%; /* resets 1em to 10px */
behavior: url("htc/csshover.htc");
}
img { border: 0; behavior: url("htc/pngbehavior.htc"); }
/* standard elements */
p { margin: 0; }
table { }
.error, .alert { color: #ff0000; }
div.bgmainwrap { position:absolute; left: 24em; width: 72.2em; height: 100%; background: #efefef; border-left: 1px solid #999999; border-right: 1px solid #999999; }
div.mainwrap { position:absolute; left: 24em; width: 72.3em; background: #efefef; border-left: 1px solid #999999; border-right: 1px solid #999999; }
/* IE does not like this one... */
/*
* html div.mainwrap { width: 72.2em; overflow-x: hidden; }
*/
/* to center the website */
div.wrapper { position: relative; margin: 0 0 0 -24.1em; padding: 0em; text-align: left; width: 96.4em; }
* html div.wrapper { width: 96.3em; margin-right: -3px; }
div.leftcolumn { float: left; width: 24em; }
div.rightcolumn { float: right; width: 72.3em; }
* html div.rightcolumn { width: 72.2em; }
div.side a { color: red; }
img.logo { position: absolute; width: 24em; height: 30.7em; }
img.payoff { position: absolute; top: 2.2em; left: 26em; width: 20em; height: 2.4em; }
/* menu */
/* level 1 */
div.menu { margin: 32em 0 0 4em; padding: 0; }
ul.menu { margin: 0 0 2.4em 0; padding: 0; }
ul.menu li { background: url('../../images/default/bg_menu.gif') no-repeat bottom left; list-style-type: none; }
ul.menu li a { font-weight: normal; text-decoration: none; color: #000000; display: block; padding: 0.3em 0; font-size: 1.3em; width: 100%; }
ul.menu li a:hover { color: #6c6b6a; }
ul.menu li.selected a { font-weight: bold; }
ul.strong li a { font-weight: bold; }
/* level 2 */
ul.menu li.selected ul { margin: 0; padding: 0 0 0 2.0em; font-weight: normal; }
ul.menu li.selected ul li a { font-weight: normal; }
ul.menu li.selected ul li.selected a { font-weight: bold; }
/* level 3 */
ul.menu li.selected ul li.selected ul { font-weight: normal; }
ul.menu li.selected ul li.selected ul li a { font-weight: normal; }
ul.menu li.selected ul li.selected ul li.selected a { font-weight: bold; }
/* level 4 */
ul.menu li.selected ul li.selected ul li.selected ul { margin: 0; padding: 0; font-weight: normal; } /* no extra indent from previous level */
ul.menu li.selected ul li.selected ul li.selected ul li a { font-weight: normal; font-size: 0.9em; } /* smaller font */
ul.menu li.selected ul li.selected ul li.selected ul li.selected a { font-style: italic; } /* some way of indicating somthing is selected */
/*Ticker*/
div.tickerbox { position: absolute; left: 24.3em; top: 6.3em; width: 47.5em; height: 17px; background: #999999;}
div.ticker { position: absolute; left: 4px; top:0px; overflow: hidden; width: 47.5em; height: 25px; }
div.tickerhtml { position: absolute; visibility: hidden; width: 47.5em; color: #ffffff; font-size:1em;}
div.tickerhtml a { color:#FFFFFF; text-decoration:none; }
/*Einde ticker*/
/* top */
a.sitemap { position: absolute; right: 1.4em; top: 5.6em; text-decoration: none; color: #ffffff; font-size: 1.1em; }
form.topsearch { position: absolute; top: 2.4em; right: 5em; }
form.topsearch div { display:inline; }
form.topsearch input.text { border: none; background: #ffffff; width: 11em; height: 1.3em; position: absolute; font-size: 1.1em; margin: 0.1em 0.3em; }
form.topsearch input.button { margin: 0; padding: 0; border: none; background: #efefef; }
div.language { position: absolute; right: 1.2em; top: 2.4em; margin: 0; padding: 0; background: url(../../images/default/bg_worldwide.gif) no-repeat top left; width: 17.5em; text-align: left; height: 3em; line-height: 1.8em; font-size: 1em; font-weight: bold; color: #999999; }
div.language:hover { color: #000000; z-index: 1000; }
div.language img.language { float:right; }
ul.language { padding: 1em; margin: 0.3em 0 0 0; display: none; }
div.language:hover ul.language { display: block; border: 1px solid #999999; background: #ffffff; width: 13em; }
ul.language li { margin: 0; padding: 0; list-style-type: none; }
ul.language li a { color: #999999; text-decoration: none; display: block; width: 13em; height: 1.6em; font-weight: normal; font-size: 1.1em; }
ul.language li a img { margin-right: 0.6em; }
ul.language li a:hover { color: #000000; }
div.language2 { position: absolute; right: 0.5em; top: 2.4em; margin: 0; padding: 0; text-align: left; height: 2.0em; font-size: 1em; font-weight: bold; color: #999999; width: 17.0em; line-height: 1.9em;} /* right 1.2em, width 17.0em */
ul.language2 { display: block; margin: 0; padding: 0; }
ul.language2 li { position: relative; float: left; list-style-type: none; margin: 0; padding: 0; }
ul.language2 li a { text-decoration: none; margin: 0; padding: 0; }
ul.language2 li img { height: 1.9em; width: 1.9em; border: 0; margin-left: 0.4em; } /* 0.5em */
div.content { float: left; width: 37.2em; padding: 2.4em 0 0 4.8em; /* background-color: #ff0000; */ }
div.side { float: right; width: 21.6em; padding: 5.9em 1.2em 0 1.4em; background: url(../../images/default/bg_side.gif) no-repeat top left; min-height: 24em; }
* html div.side { height: 24em; }
div.side h2 { margin-top: 0em; margin-bottom: 1em; }
div.side a { text-decoration: none; color: #000000; }
div.side a:hover { text-decoration:underline; }
div.side strong { font-size: 0.9em; }
div.banners { text-align: right; }
div.banners img { border: 1px solid #dedede; margin-bottom: 1em;}
/* margin-top: 5.6em; */
div.intro { background: #ffffff url(../../images/default/bg_intro.gif) repeat-x bottom left; }
/* removed border-tops: border-top: 2.2em solid #XXXXXX; */
/* this has become a separate bar for the breadcrumbs */
div.introcompany { border-bottom: 2.2em solid #999999; background: #999999; }
div.introventilation { border-bottom: 2.2em solid #000000; background: #000000; }
div.introalu { border-bottom: 2.2em solid #b2181a; background: #b2181a; }
div.introtooling { border-bottom: 2.2em solid #2a3e97; background: #2a3e97; }
div.introbox { float: left; width: 23.99em; height: 100%; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; overflow: auto; }
/* div.intronav { background: url('../../images/default/arrow.png') no-repeat bottom right; padding: 0.5em 2em 1em 1em; margin: -0.2em 0 0 0; min-height: 6em; overflow: auto; } */
div.intronav { padding: 0.5em 2em 1em 1em; margin: -0.2em 0 0 0; min-height: 6em; }
* html div.intronav { height: 6em; }
div.intronav h2 { margin: 0 0 0.2em 0; padding: 0; color: #ffffff; font-size: 1.2em; }
div.intronav h2 a { color: #ffffff; text-decoration: none;}
div.intronav h3 { margin: 0; padding: 0; color: #ffffff; font-size: 1em; }
div.intronav h3 a { color: #ffffff; text-decoration: none;}
div.intronav { color: #ffffff; }
div.intronav a { color: #ffffff; text-decoration: none; font-size: 1.1em; }
div.intronav a:hover { text-decoration: underline; }
img.brand { position: absolute; top: 24.5em; left: 4.2em; }
/* img.vmimage { width: 24em; height: 16em; } */
img.vmimage { width: 24em; height: 16em; border-right: 1px solid #ffffff; }
.clearall { clear:both; }
span.gogo { color: #d30000; }
/* colors */
span.item { float: left; width: 0.8em; height: 0.8em; margin-right: 0.6em; margin-top: 0.2em; }
* html span.item { height: 0.3em; }
div.ventilation { background: #000000 url('../../images/default/bg_ventilation.jpg') no-repeat bottom right; }
div.alu { background: #B2181A url('../../images/default/bg_alu_foundries.jpg') no-repeat bottom right; }
div.tooling { background: #2A3E97 url('../../images/default/bg_tooling_prototyping.jpg') no-repeat bottom right; }
div.group { position: absolute; margin: 1.8em 0 0 6.8em; }
div.group img { width: 11em; height: 11em; }
.panel { position: absolute; margin: 1.8em 0 0 6.8em; width: 11em; height: 11em; }
/* breadcrumbs - bgimage bc IE is confused */
div.breadcrumbs { margin-top: 5.6em; line-height: 2.4em; color :#ffffff; padding: 0 2.4em; background-image: none; }
div.breadcrumbs a { color: #ffffff; font-size: 1.1em; text-decoration: none; }
div.breadcrumbs a:hover { text-decoration: underline; }
/* are these classes used in other parts? */
div.breadcrumbs.company { background-color: #999999; }
div.breadcrumbs.ventilation { background-color: #000000; }
div.breadcrumbs.alu { background-color: #b2181a; }
div.breadcrumbs.tooling { background-color: #2a3e97; }
/* searchengine */
div.searchengine { }
div.searchengine p.searchstars { font-size: 1.8em; margin-bottom: -0.5em; color: #999999; }
div.searchengine span.searchresulthead { font-weight: bold; }
div.searchengine span.searchresultlocation { color: #999999; font-style:italic; line-height: 1em; display: block; margin: 0.3em 0;}
div.content div.searchengine form input.textsearch { width: 15em; border: 1px solid #999999; }
div.searchengine span.page,
div.searchengine a.page { display: block; float: left; padding: 0.3em 0.5em; font-weight: bold; text-decoration: none; margin: 0.3em; }
div.searchengine a.page { background: #ffffff; }
div.searchengine hr { clear:both; }
/* content */
.mceContentBody p { margin: 0em; }
.mceContentBody blockquote { margin: 0px 0px 0px 2em; }
.mceContentBody hr { border: 0.1em solid; border-color: silver white white white; }
.mceContentBody ul,
.mceContentBody ol,
.mceContentBody p { margin: 0em; }
/* form styles */
div.content form { margin: 0em; font-size: 1.3em; }
div.content form span.formerror { color: #ff0000; }
div.content form span.formrequired { color: #000000; font-weight: bold; }
div.content form input.text { width: 20em; border: 1px solid #999999; }
div.content form textarea { width: 20em; border: 1px solid #999999; }
div.content form select { width: 20em; border: 1px solid #999999; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form input.button { color: #ffffff; background: url(../../images/default/bg_button.gif) no-repeat; border: none; font-weight: bold; width: 12em; margin-right: -10px; }
/* 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; }
.imagecaption { font-style: italic; }
/* FAQ */
.pulldownmenu dt{ margin: 0; color:#000000; line-height:1.6em; background:url(../../images/default/faq_arrow.gif) left 6px no-repeat; border-bottom:1px solid #dcdede; padding: 0 1em 0.3em 1.5em; cursor:pointer;}
.pulldownmenu dd{ overflow: auto; margin:0 0 1em 0; padding:1em 1em 1em 1.5em; background:url(../../images/default/faq_background.gif) repeat-x left bottom; border-bottom: 1px solid #dcdede; cursor:pointer; }
.pulldownmenu p{ cursor:pointer; }
.pulldownmenu dt.active p{ color:#999999; font-weight:bold; cursor:pointer; }