/* previously #000000 is now #6A6250 */
html { padding: 0; margin: 0; height: 100.01%; }
body { margin: 0; padding: 0; height: 100%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; background: #bfbfbe; /* resets 1em to 10px */
behavior: url('htc/csshover.htc'); /*needed for hovermenu*/
}
img { border-width: 0em; }
/* standard elements */
p { margin: 0px; }
table { }
td { vertical-align: top; }
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
/* to center the website */
div.wrapper { position: relative; width: 98em; margin: 0em auto; padding: 29.5em 0 0 0; text-align: left; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
/* ie7 correct width of topmenu */
div.menucor { position: absolute; top: 5.5em; left: 73.5em; height: 6.96em; overflow: hidden; background-color: #BFBFBE; }
/* menu */
ul.menu { margin: 0; padding: 0; position: absolute; top: 5.5em; left: 0; width: 78em; height: 6.96em; overflow: hidden; }
ul.menu li { margin: 0; padding: 0; list-style:none; display: block; float: left; }
ul.menu li a { color: #ffffff; font-size: 1.5em; font-weight: bold; text-decoration: none; display: block; padding: 0.2em 1.3em; outline: none; }
ul.menu li ul { position: absolute; height: 5em; top: 2.4em; left: 0; }
ul.menu li.bc { background: #f18e00 url(../../images/default/tab_tc.gif) top right no-repeat; width: 25em; height: 2.4em; text-align: left; }
ul.menu li.tc { background: #dc002e url(../../images/default/tab_bc.gif) top left no-repeat; width: 25em; height: 2.4em; text-align: right; }
ul.menu li.os { background: #6442A0 url(../../images/default/tab_os.gif) top left no-repeat; width: 25.2em; height: 2.4em; text-align: right; }
ul.menu li.selected { background-image: none; width: 23.5em; }
ul.menu li.bc:hover { background: #f18e00 url(../../images/default/tab_bc.gif) top right no-repeat; }
ul.menu li.tc:hover { background: #dc002e url(../../images/default/tab_tc.gif) top left no-repeat; }
ul.menu li.os:hover { background: #6442A0 url(../../images/default/tab_os_hover.gif) top left no-repeat; }
ul.menu li.selected:hover { background-image: none; }
ul.menu li.bc ul { position: absolute; width: 71.8em; height: 5em; top: 2.4em; background: #f18e00; padding: 0 0 0 1.7em; margin: 0; }
ul.menu li.tc ul { position: absolute; width: 71.8em; height: 5em; top: 2.4em; background: #dc002e; padding: 0 0 0 1.7em; margin: 0; }
ul.menu li.os ul { position: absolute; width: 71.8em; height: 5em; top: 2.4em; background: #6442A0; padding: 0 0 0 1.7em; margin: 0; }
ul.menu li ul li { margin: 0; padding: 0; }
ul.menu li.selected ul { z-index: 10; }
ul.menu li.bc:hover ul { z-index: 20; }
ul.menu li.tc:hover ul { z-index: 15; }
ul.menu li.os:hover ul { z-index: 25; }
ul.menu li:hover ul { z-index: 100; display: block; border: -1px solid #ffffff; } /* tricking ie7 to show up menu */
ul.menu li ul li { text-align: left; }
ul.menu li ul li a { text-align: left; padding: 0 0.3em; margin-top: 0.8em; font-size: 1.2em; }
ul.menu li.bc ul li a:hover { color: #3c382e; }
ul.menu li.bc ul li.active a { color: #3c382e; }
ul.menu li.tc ul li a:hover { color: #3c382e; }
ul.menu li.tc ul li.active a { color: #3c382e; }
img.logo { position: absolute; left:2em; top:1.2em; width:9.8em; height:3.1em; }
img.printlogo { display: none; }
ul.servicemenu { position: absolute; right: 0; top: 10.5em; margin: 0; padding: 0; }
ul.servicemenu li { display: inline; }
ul.servicemenu li a { font-size: 1.2em; text-decoration: none; color: #ffffff; font-weight: bold; padding: 0 0.3em; }
ul.servicemenu li a:hover { color: #6A6250; }
div.submenu { width: 24.5em; float: left; margin: 0; padding: 0; }
/* submenu with orange background */
div.bccolor div.submenu { background: #f18e00; }
div.bccolor ul.submenu { margin: 0; padding: 0; }
div.bccolor ul.submenu li { list-style: none; padding: 0; margin: 0 0 0 2em; }
div.bccolor ul.submenu li a { color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration: none; line-height: 1.6em; width: 100%; display: block; }
div.bccolor ul.submenu li a:hover {color: #3c382e; }
div.bccolor ul.submenu li.active a { color: #3c382e; }
div.bccolor ul.submenu li ul { margin: 0 0 0.6em 0; padding: 0; }
div.bccolor ul.submenu li ul li { list-style: none; padding: 0; margin: 0 0 0 0.8em; }
div.bccolor ul.submenu li ul li a { color :#ffffff; line-height: 1.1em; font-size: 1.1em; padding: 0.1em 0 0.4em 0; font-weight: normal; }
div.bccolor ul.submenu li ul li a:hover { color: #3c382e; }
div.bccolor ul.submenu li.active ul li a { color: #3c382e; } /* to reset color when an item from a higher level is selected */
div.bccolor ul.submenu li.active ul li a:hover { color: #3c382e; } /* to re-enable hovercolor */
div.bccolor ul.submenu li ul li.active a { color: #3c382e; font-weight: bold; }
/* submenu with red background */
div.tccolor div.submenu { background: #DC002E; }
div.tccolor ul.submenu { margin: 0; padding: 0; }
div.tccolor ul.submenu li { list-style: none; padding: 0; margin: 0 0 0 2em; }
div.tccolor ul.submenu li a { color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration: none; line-height: 1.6em; width: 100%; display: block; }
div.tccolor ul.submenu li a:hover {color: #3c382e; }
div.tccolor ul.submenu li.active a { color: #3c382e; }
div.tccolor ul.submenu li ul { margin: 0 0 0.6em 0; padding: 0; }
div.tccolor ul.submenu li ul li { list-style: none; padding: 0; margin: 0 0 0 0.8em; }
div.tccolor ul.submenu li ul li a { color :#ffffff; line-height: 1.1em; font-size: 1.1em; padding: 0.1em 0 0.4em 0; font-weight: normal; }
div.tccolor ul.submenu li ul li a:hover { color: #3c382e; }
div.tccolor ul.submenu li.active ul li a { color: #3c382e; } /* to reset color when an item from a higher level is selected */
div.tccolor ul.submenu li.active ul li a:hover { color: #3c382e; } /* to re-enable hovercolor */
div.tccolor ul.submenu li ul li.active a { color: #3c382e; font-weight: bold; }
/* top */
div.top { position: absolute; top: 12.5em; left: 0; background: #6a6250; }
div.top img.topimage { width: 73.5em; height: 17em; float: left; }
div.top div.topflash { float: right; width: 24em; height: 17em; }
/* content */
div.bccolor div.bgcontent { background: #ffffff url(../../images/default/bg_bc_content.gif) 25% 0; padding: 1.2em 0 0 0; }
div.tccolor div.bgcontent { background: #ffffff url(../../images/default/bg_tc_content.gif) 25% 0; padding: 1.2em 0 0 0; }
div.content { width: 49em; float: left; min-height: 22.8em; } /* 3 pixels shorter than frontpage? */
* html div.content { height: 22.8em; }
div.content div.padbox { padding: 1em 2em 0 5em; }
div.content p.newsdate { color: #f18e00; font-size: 1.1em; }
/* homepage */
div.hpcontent { margin: -17em 0 0 0; padding: 0; }
div.hpintro { float: left; width: 73.5em; height: 44em; background: #F18E00; overflow: hidden; }
div.hpside { float: left; width: 24.2em; height: 44em; background: #ffffff; overflow: hidden; }
div.hpside div.padbox { padding: 0 0 8em 0; color: #F18E00; font-size: 1.1em; }
div.hpside div.padbox div.header { clear: both; margin: 1.4em 0.5em 0.2em 2em; height: 1.4em; }
div.hpside div.padbox div.header a.hpmore { float: right; color: #6A6250; font-weight: normal; padding: 0; text-decoration: none; }
div.hpside div.padbox div.header h2 { color: #6A6250; font-size: 1.1em; margin: 0; padding: 0; font-weight: bold; float: left; } /* #F18E00 */
div.hpside div.padbox div.item { padding: 1px 1px 1px 2em; background: #E2E2E2; clear:both; border-bottom: 1px solid #ffffff; margin: 0; min-height: 4.7em; }
* html div.hpside div.padbox div.item { height: 4.5em; }
div.hpside div.padbox div.item div.photo { width: 7.2em; height: 4.7em; overflow: hidden; float: right; margin-left: 0.5em; }
div.hpside div.padbox div.item a { color: #F18E00; text-decoration: none; display: block; line-height: 1em; font-weight: bold; padding: 0.5em 0.5em 0.5em 0; }
div.hpside div.padbox div.item a:hover { color: #6A6250; }
div.hpside div.padbox div.vacature { min-height: 1em; }
* html div.hpside div.padbox div.vacature { height: auto; }
div.hpside div.padbox a.hpnewsbc { color: #F18E00; }
div.hpside div.padbox a.hpnewstc { color: #DC002E; }
div.hpside div.padbox a.hpnewsbc:hover, div.hpside div.padbox a.hpnewstc:hover { color: #6A6250; }
div.hpbanner { background: #6a6250; position: absolute; right: 0.25em; top: 49.45em; width: 24.25em; height: 7em; }
div.hpbanner div.padbox div.mceContentBody { padding: 0.6em 2em; color: #ffffff; font-size: 1.2em;}
div.hpbanner div.padbox div.mceContentBody h2 { font-size: 1.5em; color: #ffffff; margin: 0; padding: 0; font-weight: normal; }
/* side */
div.side { width: 21.5em; float: right; }
div.side div.padbox { padding: 4.5em 1em 0 0; }
div.side ul.sidemenu { margin: 0 0 1em 0; padding: 0; }
div.side ul.sidemenu li { margin: 0; padding: 0; list-style: none; }
div.side ul.sidemenu li a { font-size: 1.1em; font-weight: bold; line-height: 1.6em; display: block; width: 100%; }
div.side ul.sidemenu li a:hover { color: #DC002E; }
div.side ul.sidemenu li.active a { color: #DC002E; }
div.side div.item { font-size: 1.1em; padding: 0.5em 0; }
div.side h4,
div.side h4 a { color: #6a6250; margin: 0 0 0.5em 0; padding: 0; font-size: 1em; }
div.side a { color: #6a6250; text-decoration: none; }
div.side a:hover { color: #DC002E; }
div.side span.date { display: block; color: #f18e00; }
div.side ul.sideabc { margin: 0 0 2em 0; padding: 0; width: 18em; clear: both; }
div.side ul.sideabc li { float: left; list-style-type: none; display: block; width: 1.2em; height: 1.4em; font-size: 1.1em; color: #BFBFBE; font-weight: bold; }
div.side ul.sideabc li a { color: #6A6250; }
div.side ul.sideabc li a:hover { color: #DC002E; }
div.side ul.sideabc li.active a { color: #DC002E; }
div.side div.itemper { font-size: 1.1em; padding: 0 0 0.8em 0; color: #F18E00; }
div.side div.itemper h4,
div.side div.itemper h4 a { color: #6a6250; margin: 0; padding: 0; font-size: 1em; }
div.side div.itemper a:hover { color: #DC002E; }
div.side div.itemper a.active { color: #DC002E; }
div.side div.itemper span.active { color: #DC002E; }
div.person { margin-top: 1.2em; }
div.person div.image { float: left; width: 47%; overflow: hidden; }
div.person div.quote { float: right; width: 47%; }
div.footnav { text-align: right; font-size: 1.1em; font-weight: bold; color: #DC002E; margin: 0; padding: 2em 0 1em 0; }
div.footnav a { text-decoration: none; color: #DC002E; padding: 0 0.3em; }
div.footnav a.toplink { font-weight: bold; font-size: 2.8em; line-height: 0em;}
div.footnav a:hover { color: #6A6250; }
div.bumper { height: 3em; }
/* foot */
div.foot { clear: both; color: #ffffff; font-size: 1.1em; padding: 1em 0 6em 0; }
div.foot a { color: #6a6250; text-decoration: none; line-height: 1.8em; font-weight: bold; }
div.foot a.tel { font-weight: normal; line-height: 1.2em; }
div.foot a:hover { color :#ffffff; }
div.foot img.ecco { float: right; }
div.printfoot { display: none; }
div.mceContentBody a.rss, div.mceContentBody span.rss a { background: url(../../images/default/rss_feed.gif) no-repeat 0em 0em; padding-left: 1.8em; line-height: 2em; font-weight: bold; text-decoration: none; color: #dd4100; }
/* form styles */
div.content form label { font-weight: bold; color: #6A6250; }
div.content form { margin: 0; background: #ededec; padding: 2em 1em; margin: 1em 0;}
div.content form span.formerror { color: #DC002E; }
div.content form span.formrequired { color: #DC002E; font-weight: bold; }
div.content form input { border: 1px solid #6A6250; }
div.content form input.radio { border: none; }
div.content form input.checkbox { border: none; }
div.content form select { border: 1px solid #6A6250; }
div.content form textarea { border: 1px solid #6A6250; }
button, input.button { background: #F18E00; border: 1px solid #6A6250; color: #ffffff; font-weight: bold; font-size: 0.9em; padding: 0.2em; }
/* searchengine */
div.searchengine p.searchstars { margin-top: 1em; color :#DC002E; font-size: 2em; font-weight: bold; border-top : 1px solid #EDEDEC; padding-top: 0.3em; }
div.searchengine span.searchresulthead, div.searchengine span.searchresulthead a { font-weight: bold; color: #6A6250; text-decoration: none; }
div.searchengine span.searchresultlocation { font-style:italic; color: #6A6250; }
div.searchengine a.searchresultlink { color: #6A6250; text-decoration: none; }
div.searchengine a.searchresultlink:hover { color: #6A6250; }
div.searchengine span.searchpages { display: block; float: left; width: 1.6em; height: 1.6em; color: #6A6250; text-align: center; font-weight: bold; margin: 0.5em 0.2em; }
div.searchengine a.searchpages { display: block; float: left; width: 1.6em; height: 1.6em; background: #EDEDEC; text-align: center; font-weight: bold; margin: 0.5em 0.2em; text-decoration: none; }
/* 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; }
div.news_frontpage_box_news { width: 42.0em; background-color: #EDEDEC; }
div.news_frontpage_box_news_tc { width: 42.0em; background-color: #EDEDEC; }
div.news_frontpage_left { float: left; width: 15.0em; } /* should be width of image */
div.news_frontpage_left img { width: 15.0em; border: 0; }
div.news_frontpage_right { float: left; width: 24.0em; margin: 1em 0 0 1.0em; }
div.news_frontpage_right a.title { font-weight: bold; text-decoration: none; }
div.news_frontpage_right a.intro { color: #6A6250; text-decoration: none; }
div.mceContentBody ul.contentlist { margin: 0; padding: 0; }
div.mceContentBody ul.contentlist li { margin: 0; padding: 0.2em 0; list-style: none; border-bottom: 1px solid #EDEDEC; }
div.mceContentBody ul.contentlist li a { color: #F18E00; font-weight: bold; text-decoration: none; width: 100%; }
div.mceContentBody ul.contentlist li a:hover { color :#DC002E; }
div.mceContentBody ul.contentlist li.active { color :#DC002E; font-weight: bold; }
div.mceContentBody a.newslink { text-decoration: none; font-weight: bold; }
/* employees */
div.mceContentBody ul.abc { margin: 0; padding: 0; }
ul.abc li { float: left; list-style-type: none; display: block; width: 1.2em; height: 1.4em; color: #BFBFBE; font-weight: bold; margin: 0; padding: 0; text-align: center; }
ul.abc li a { color: #6A6250; text-decoration: none; }
ul.abc li a:hover { color: #DC002E; }
ul.abc li.active a { color: #DC002E; }
div.employees { z-index: 1; }
div.employees img.employeeimage { width: 13.5em; }
div.employees a span.employeename { display: block; margin: 0.3em 0 1em 0; height: 2.4em; font-size: 1.1em; color: #6A6250; font-weight: bold; width: 10em; text-decoration: none; line-height: 1.2em; }
div.employees a { width: 13.5em; text-decoration: none; }
div.employeedescription { display:none; margin-left: 13.5em; position: absolute; width: 22em; min-height: 12.6em; padding: 1em; background-color: #ffffff; color: #6A6250; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
* html div.employeedescription { height: 12.6em; }
div.employeedescription div { font-size: 1.2em; }
div.employeedescription strong { display: block; font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0; color: #6a6250; font-style:italic; }
div.employeedescription em {display: block; margin-bottom: 0.5em; color: #F18E00; }
/* extra saus */
/*
.matglas { -moz-opacity:0.6; filter:alpha(opacity=60); }
.focus { -moz-opacity:1.0; filter:alpha(opacity=100); z-index: 100;}
*/
div.ticker_item_hide { display: none; visibility: hide; }
div.ticker_item_show { display: inline; visibilty: visible; }
/* banner/imagelayer frontpage */
div.bgsplashbanner { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; }
div.bgsplashbanner img { width:100%; height:100%; }
div.imagelayer { position: absolute; top: 125px; margin-left: 105px; left: 50%; margin-left: -310px; width: 654px; border:3px solid #000000; height: 231px; padding:90px 0 0 0; z-index: 100; background:#FFFFFF; }
div.imagelayer a.banner { display:block; text-align:center; margin:0 0 30px; }
div.imagelayer div.gotoschool { text-align:right; font-size:1.8em; font-weight:bold; color:#000000; margin:0 105px 0 0; }
div.imagelayer div.gotoschool a { text-decoration:none; color:#000000; }
div.imagelayer div.gotoschool a:hover{ text-decoration:underline; }
div.imagelayer div.closethis { position: absolute; width:669px; top:-2px; }
div.imagelayer div.closethis a { color: #FFFFFF; text-decoration: none; padding: 2px 16px; margin-top: 2px; }
div.imagelayer div.closethis a.close { float: right; margin-right: 15px; background-color: #000000; color:#FFFFFF; font-size:1.2em; }
div.imagelayer div.closethis a:hover { background-color: #F18E00; }
/*
div.imagelayer img { border: none; }
div.imagelayer img.somethingelse { position: absolute; margin-left: 1px; margin-top: 21px; }
div.imagelayer form { background: #EFEEEE; height: 3em; }
div.imagelayer form input.button { float: right; }
*/