/* CREDITS Title: Astyre - CSS Expanding Stylesheet Author: David Candreva Date: 03/01/08 Last Edit: 12/04/10 Bart Geraerts */ /* Algemene Styles ---------------------------------------------------------- */ body{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;} html,body{min-height:100%;height:auto !important;height:100%;} strong{font-weight:bold;} em{font-style:italic;} strong em{font-weight:bold; font-style:italic;} em strong{font-weight:bold; font-style:italic;} a{color:#FFF;} a:hover{text-decoration:none;} /* HR Workaround ---------------------------------------------------------- */ div.hr { height: 20px; background: #F1FAFF url(/design/images/nieuwsoverlay/hr.gif) repeat-x scroll center; } div.hr hr {display: none;} /* Extras -----------------------------------------------------------*/ #container{width:976px; margin:28px auto 0;} #vokaButton{ width:277px; height:79px; display:block; position:absolute; margin-left:0px; margin-top:10px; margin-right: 0px; white-space: normal; outline:none;} /* #vokaButton a{width:277px; height:79px; display:block; } */ #jobsButton_nl{width:130px; height:21px; display:block; background:url(/design/images/layout/jobs_nl.gif) no-repeat top left; text-indent:-9000px; position:absolute; margin-left:140px; margin-top:-40px;} #jobsButton_fr{width:70px; height:21px; display:block; background:url(/design/images/layout/jobs_fr.gif) no-repeat top left; text-indent:-9000px; position:absolute; margin-left:140px; margin-top:-40px;} #jobsButton_en{width:65px; height:21px; display:block; background:url(/design/images/layout/jobs.gif) no-repeat top left; text-indent:-9000px; position:absolute; margin-left:140px; margin-top:-40px;} #jobsButton_nl:hover, #jobsButton_fr:hover, #jobsButton_en:hover{background-position:bottom left;} #applicationButton_nl{width:150px; height:21px; display:block; background:url(/design/images/layout/application_nl.gif) no-repeat top left; text-indent:-9000px; position:absolute; margin-left:290px; margin-top:-40px;} #applicationButton_fr{width:150px; height:21px; display:block; background:url(/design/images/layout/application_fr.gif) no-repeat top left; text-indent:-9000px; position:absolute; margin-left:230px; margin-top:-40px;} #applicationButton_en{width:150px; height:21px; display:block; background:url(/design/images/layout/application.gif) no-repeat top left; text-indent:-9000px; position:absolute; margin-left:230px; margin-top:-40px;} #applicationButton_nl:hover, #applicationButton_fr:hover, #applicationButton_en:hover{background-position:bottom left;} /* Left menu / Top ---------------------------------------------------------- */ #left_menu{width:243px; float:left;} #container {position:relative;} #container .languagestop{position:absolute; z-index:99; height:21px; left:14px; width:229px; top:140px; font-size:11px; font-weight:bold;} #container .languagestop ul {float:left;} #container .languagestop li{float:left; height:21px; line-height:21px; color:#04547f} #container .languagestop li img{margin:0 4px} #left_menu .languages{float:right; padding:0 8px; } #left_menu .languages li{float:left;height:21px; line-height:21px; color:#4E91B7} #left_menu .languages li img{margin:0 4px} #footer .languages{float:left; padding:0 8px;margin-left:95px} #footer .languages li{float:left;height:21px; line-height:21px; color:#4E91B7} #footer .languages li img{margin:0 4px} #top{width:100%; overflow:hidden; clear:both; height:166px;} /*logo*/ div.logo{width:243px; float:left; height:166px; margin-top:-20px; padding-bottom:20px; background:url(../images/layout/logo_background_shadow.gif) no-repeat right bottom;} div.logo a{display:block;} div.logo img{margin:0 0 0 43px;} /*menu*/ div.menu{clear:both;} div.menu ul li{line-height:32px; float:left; width:243px; background:url(../images/layout/menu_background_repeat.gif) repeat-x 0 0;} div.menu ul li a{padding:0 0 0 14px; font-weight:bold; text-decoration:none; display:block; background:url(../images/layout/menu_background.gif) no-repeat 0 0; } div.menu ul li a.background_1{background-image:url(../images/layout/menu_background_1.gif);} div.menu ul li a.background_2{background-image:url(../images/layout/menu_background_2.gif);} div.menu ul li a.background_3{background-image:url(../images/layout/menu_background_3.gif);} div.menu ul li a.background_4{background-image:url(../images/layout/menu_background_4.gif);} div.menu ul li a.background_5{background-image:url(../images/layout/menu_background_5.gif);} div.menu ul li a:hover, div.menu ul li a.active{background-position:0 100%; color:#d5effd;} div.menu ul ul{padding:0 0 2px; background:url(../images/layout/menu_bottom_list.gif) repeat-x left bottom; overflow:hidden;} div.menu ul li li{line-height:24px; background:#4e93b9;} div.menu ul li li a{padding:0 0 0 28px; font-weight:normal; text-decoration:underline; background:url(../images/layout/menu_bullet.gif) no-repeat 17px center;} div.menu ul li li a:hover{text-decoration:none; color:#FFF; background:url(../images/layout/menu_bullet.gif) no-repeat 17px center;} div.menu ul ul ul{background:none;} div.menu ul li li li{line-height:18px;} div.menu ul li li li a{padding:0 0 5px 47px; font-size:10px; font-weight:normal; text-decoration:underline; background:url(../images/layout/menu_bullet_2.gif) no-repeat 38px center; line-height:14px;} div.menu ul li li li a:hover{background:url(../images/layout/menu_bullet_2.gif) no-repeat 38px center;} div.menu ul ul ul ul{background:none;} div.menu ul li li li li{line-height:18px;} div.menu ul li li li li a{padding:0 0 5px 74px; font-size:10px; font-weight:normal; text-decoration:underline; background:url(../images/layout/menu_bullet_4.gif) no-repeat 65px 9px; line-height:14px;} div.menu ul li li li li a:hover{background:url(../images/layout/menu_bullet_4.gif) no-repeat 65px 9px;} /*buttons*/ a.button_shop{width:92px; height:37px; padding:39px 0 0 31px; display:block; float:left; background:url(../images/layout/a_button_shop.gif) no-repeat 0 0; font-size:10px;} a.button_shop:hover{background:url(../images/layout/a_button_shop.gif) no-repeat 0 100%;} a.button_login{width:87px; height:32px; padding:44px 0 0 33px; display:block; float:left; background:url(../images/layout/a_button_login.gif) no-repeat 0 0; font-size:10px;} a.button_login:hover{background:url(../images/layout/a_button_login.gif) no-repeat 0 100%;} a.button_login_white{width:87px; height:32px; padding:44px 0 0 33px; display:block; float:left; background:url(../images/layout/a_button_login_white.gif) no-repeat 0 0; font-size:10px; color: #579cc3; } a.button_login_white:hover{background:url(../images/layout/a_button_login_white.gif) no-repeat 0 100%;} a.button_shop_alpha{width:92px; height:37px; padding:39px 0 0 31px; display:block; float:left; background:url(../images/layout/a_button_shop_alpha.gif) no-repeat 0 0; font-size:10px; text-indent:-9000px !important;} a.button_shop_alpha:hover{background:url(../images/layout/a_button_shop_alpha.gif) no-repeat 0 100%;} a.button_shop_thalento { width:92px; height:37px; padding:39px 0 0 31px; display:block; float:left; background:url(../images/layout/a_button_shop_thalento.gif) no-repeat 0 0; font-size:10px; text-indent:-9000px !important; } a.button_shop_thalento:hover { background:url(../images/layout/a_button_shop_thalento.gif) no-repeat 0 100%; } a.button_shop_thalento_white { width:92px; height:37px; padding:39px 0 0 31px; display:block; float:left; background:url(../images/layout/a_button_shop_thalento_white.gif) no-repeat 0 0; font-size:10px; text-indent:-9000px !important; } a.button_shop_thalento_white:hover { background:url(../images/layout/a_button_shop_thalento_white.gif) no-repeat 0 100%; } .button_shop_temp{width:92px; height:32px; padding:44px 0 0 31px; display:block; float:left; background:url(../images/layout/a_button_shop_temp.gif) no-repeat 0 0;} .button_login_temp{width:87px; height:32px; padding:44px 0 0 33px; display:block; float:left; background:url(../images/layout/a_button_login_temp.gif) no-repeat 0 0;} /*header*/ #header{ width:733px; position:relative; float:left; height:133px; background:url(../images/layout/header_background.jpg) no-repeat 0 0;} #header form{position:absolute; top:99px; right:0;} #header form input{border:0; float:left; margin-right:5px;} #header form input.field{border:2px solid #8bc5e6; background:#f0faff; color:#1872a3; height:17px; width:118px; padding:0 2px;} #header form input.submit{width:26px; cursor:pointer; height:21px; background:url(../images/layout/submit_go.gif) no-repeat 0 0;} #header form input.submit:hover{width:26px; height:21px; background:url(../images/layout/submit_go.gif) no-repeat 0 100%;} /* Main container ---------------------------------------------------------- */ #main_container{width:733px; float:left; position:relative;} /*navigation*/ div.navigation{height:33px; width:733px; float:left; position:relative; background:url(../images/layout/navigation_bottom_repeat.gif) repeat-x left bottom;} div.navigation ul{overflow:hidden; float:left;} div.navigation ul li{float:left; background:url(../images/layout/navigation_bullet.gif) no-repeat right top;} div.navigation ul li.last{background:none;} div.navigation ul li a{padding:0 28px 0 28px; height:29px; float:left; text-decoration:none; color:#4d7694;} div.navigation ul li a:hover{border-bottom:4px solid #ec6800; color:#EC6800;} div.navigation ul li a.active{border-bottom:4px solid #ec6800; color:#EC6800;} /*icons*/ div.icons{float:left; width:80px; margin:3px 0 0;} div.icons a:hover{background-position:0 100%;} div.icons a{margin:0 0 0 16px; text-indent:-9000px; font-size:0; float:left;} div.icons a.sitemap{width:11px; height:9px; background-image:url(../images/layout/icon_sitemap.gif);} div.icons a.contact{width:10px; margin:1px 0 0 16px; height:7px; background-image:url(../images/layout/icon_contact.gif);} div.icons a.home{width:11px; height:9px; background-image:url(../images/layout/icon_home.gif);} /*breadcrumbs*/ #breadcrumbs{height:16px; clear:both; font-size:9px; padding:2px 6px 0; color:#FFF; background:#ec6800;} /*content*/ .content{padding:21px 31px; clear:both; color:#084a6c; overflow:hidden;} .content h1{font-size:22px; color:#0b6a9c; margin-bottom:12px;} .content h2{font-size:18px; color:#EC6800; margin-bottom:8px;} .content p{margin: 0 0 12px 0;} .content a{font-weight:bold; color:#ec6800;} .content .text{width:460px; float:left;} .content .text img {border: 2px solid #D4E4F2 ;} .content .text ul {list-style-type:disc;} .content .text ol {list-style-type:decimal;} .content .text ul, .content .text ol {margin-bottom:10px;} .content .text ul li, .content .text ol li {margin-left:15px;} .content .full {width:99% !important;} .content p.justify{text-align:justify;} /*testimonial*/ .testimonial{margin:0 0 0 15px; padding:7px 8px; width:172px; border:1px solid #f0c19c; float:left; background:#fffffe; text-align:right;} .testimonial.bottom { float:none; clear:both; margin:0; width:auto; text-align:left; } .testimonial img{border:2px solid #d4e4f2; width:170px;} .testimonial .extra_1{padding:40px 0 0; position:relative; background:url(../images/layout/testimonial_background_top.gif) no-repeat left 8px;} .testimonial .extra_2{padding:0 0 40px; background:url(../images/layout/testimonial_background_bottom.gif) no-repeat right bottom;} .testimonial span.name{float:right; font-size:11px; clear:both; font-weight:bold; text-decoration:underline;} .testimonial.bottom span.name { float:left; } .testimonial span.function{float:right; clear:both; font-size:11px; font-style:italic;} .testimonial span.company{float:right; clear:both; font-size:11px; font-weight:bold;} .testimonial p{margin:6px 0; text-align:right; font-size:10px;} .testimonial a.readmore{text-align:right; font-size:9px; font-style:italic; font-weight:normal; background:url(/design/images/layout/li_icon.gif) no-repeat left center; padding-left:8px;} .pageimage{margin:125px 0 10px 10px; width:190px; float:left; text-align:right;} .pageimage img{border:2px solid #d4e4f2; width:188px;} #page_background{width:100%; clear:both; overflow:hidden; background:url(../images/layout/page_background.gif) repeat-y 0 0;} #page_ornament{width:100%; overflow:hidden; background:url(../images/layout/page_ornament.gif) no-repeat right bottom;} /*home*/ div.home{position:relative; clear:both; height:467px; background:url(../images/layout/home/content_background_aurora.jpg) no-repeat 0 0;} /*astyre*/ div.home .astyre{width:150px; padding:12px; color:#FFF; float:right;} div.home .astyre h1{font-size:14px; text-align:right; font-weight:bold; visibility:visible;} div.home .astyre p{text-align:right; font-size:11px;} /*newsbox*/ div.home div.newsbox{width:300px; height:91px; padding:5px 10px; position:absolute; right:10px; top:360px; background:url(../images/layout/home_newsbox_background.gif) no-repeat 0 0;} div.home div.newsbox h2{color:#0b6a9c; margin:0; font-size:15px; font-weight:bold;} div.home div.newsbox h3{color:#ec6800; margin:0 0 3px; font-weight:bold;} div.home div.newsbox span{ clear:both; font-size:10px; color:#000;} div.home div.newsbox p{color:#084a6c;} div.home div.newsbox a{ padding-left:8px; font-size:11px; font-style:italic; color:#084a6c; background:url(../images/layout/menu_bullet.gif) no-repeat 0 3px;} div.home div.newsbox #wrap{margin-top:10px; overflow:hidden; height:60px; position:relative;} div.home div.newsbox #wrap ul li {height:60px; display:block; clear:both;} /* Footer ---------------------------------------------------------- */ div#footer{height:21px; line-height:24px; position:relative; width:100%; clear:both; /*top:-24px;*/ font-size:9px; color:#90adc3; margin:0 0 20px 0;} div#footer a{color:#90adc3;} div#footer a#inventis{text-decoration:none; display:block; position: absolute; top:3px; right:7px; text-indent:-9000px; line-height:16px; height:16px; width:67px; background:url(../images/layout/webdesign.gif) no-repeat 0 0;} div#footer a#inventis:hover{background:url(../images/layout/webdesign.gif) no-repeat left bottom;} div#footer p{width:719px; height:24px; padding:0 7px; line-height:24px; float:right; background:#d4e4f2;} /* Sitemap ---------------------------------------------------------- */ ul#sitemap ul { margin:0;} ul#sitemap li{ list-style-type:none; } ul#sitemap li.level1 { margin-left:25px; line-height:20px;} ul#sitemap li.level1 a {font-weight:bold; text-decoration:none; color:#0B6A9C;} ul#sitemap li.level1 a:hover { text-decoration:underline;} ul#sitemap li.level2 { margin-left:25px; background:url(../images/layout/menu_bullet.gif) no-repeat 0px 7px; padding-left:12px; line-height:20px; } ul#sitemap li.level2 a {font-weight:normal; text-decoration:underline; color:#0B6A9C;} ul#sitemap li.level2 a:hover {text-decoration:none;} ul#sitemap li.level3 { margin-left:25px; background:url(../images/layout/menu_bullet_3.gif) no-repeat 0px 8px; padding-left:12px; line-height:20px; } ul#sitemap li.level3 a { font-weight:normal; text-decoration:underline; color:#0B6A9C; font-size:9px; } /* Offices ---------------------------------------------------------- */ div.office { width:140px; border:1px solid #f0c2a0; background-color:#FFFFFF; padding:9px; float:left; margin: 0 20px 20px 0; height:440px;} div.office h3 { font-weight:bold; color:#0B6A9C; font-size:13px; margin-bottom:5px;} div.office h4 { font-weight:bold; color:#EC6800 ; font-size:12px; margin-bottom:5px;} div.office span.tel { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/tel.jpg) no-repeat center left;} div.office span.fax { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/fax.jpg) no-repeat center left;} div.office span.email { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/mail.jpg) no-repeat center left;} div.office span.map { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/map.jpg) no-repeat center left;} div.office span.pdf { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/pdf.jpg) no-repeat center left;} div.office img {border: 2px solid #d4e6f4; margin-bottom:5px;} div.lasto {margin:0px;} div#map { border:1px solid #f0c2a0; float:left; width:490px; height:458px; } /* Taalkeuze ---------------------------------------------------------- */ a#langEN {margin-left:25px; background:url(../images/layout/en.gif) no-repeat 0px 3px; color:#0B6A9C; padding-left:24px; font-weight:normal; line-height:16px; display:block; margin-top:5px;} a#langFR {margin-left:25px; background:url(../images/layout/fr.gif) no-repeat 0px 3px; color:#0B6A9C; padding-left:24px; font-weight:normal; line-height:16px; display:block; margin-top:5px;} a#langNL {margin-left:25px; background:url(../images/layout/nl.gif) no-repeat 0px 3px; color:#0B6A9C; padding-left:24px; font-weight:normal; line-height:16px; display:block; margin-top:5px;} /* Newsarchive ---------------------------------------------------------- */ ul#newsArchive {list-style-type:none; margin:0; border-bottom:1px solid #aed3e9; margin-top:5px;} ul#newsArchive li {border-top:1px solid #aed3e9; padding: 10px 6px; margin:0; overflow:hidden;} ul#newsArchive li.active {background-color:#dbf3ff;} ul#newsArchive li.active a.title { color: #084a6c; } ul#newsArchive li span.date { color:#0b6a9c ; font-size:9px; padding-right:10px; background:url(/design/images/layout/li_icon.gif) no-repeat left center; padding-left:8px; } ul#newsArchive li a.title { font-size:11px; font-weight:bold; color: #ec6800; text-decoration:none; } ul#newsArchive li a.title:hover { color: #084a6c; } ul#newsArchive li a.readmore {text-align:right; float:right; font-size:9px; font-style:italic; color:#084a6c; font-weight:normal; background:url(/design/images/layout/li_icon.gif) no-repeat left center; padding-left:8px;} /* person ---------------------------------------------------------- */ div.person { width:165px; border:1px solid #f0c2a0; background-color:#FFFFFF; padding:9px; float:left; margin: 0 10px 10px 0; height:215px;} div.person h3 { font-weight:bold; color:#0B6A9C; font-size:11px; margin-bottom:5px;} div.person h3 span{ font-weight:normal; color:#0B6A9C; font-size:10px;} div.person span.email { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/mail.jpg) no-repeat center left; font-size:9px;} div.person span.career { line-height:20px; display:block; padding-left:20px; background:url(../images/layout/career.gif) no-repeat center left; font-size:9px;} /*div.right {margin:0;}*/ div.person img {border: 2px solid #d4e6f4; margin-bottom:5px;} div.office img {border: 2px solid #d4e6f4; margin-bottom:5px;} div.lasto {margin:0px;} div#route {clear:both; padding-top:10px;} div#route li{background:transparent url(../images/layout/menu_bullet.gif) no-repeat scroll 0px center; list-style:none; padding-left:12px;} /* search ---------------------------------------------------------- */ ul#search {list-style-type:none; margin:0; border-bottom:1px solid #aed3e9; margin-top:5px;} ul#search li {border-top:1px solid #aed3e9; padding: 10px 6px; margin:0; overflow:hidden;} ul#search li a.readmore {text-align:right; float:right; font-size:11px; font-style:italic; color:#084a6c; font-weight:normal; background:url(/design/images/layout/li_icon.gif) no-repeat left center; padding-left:8px;} /* pagePictures ---------------------------------------------------------- */ #pagePictures {overflow:hidden; margin:10px 0px; clear:both} #pagePictures a {margin:4px 8px 4px 0; float:left;} #pagePictures a img {border: 2px solid #d4e6f4;} #pagePictures a:hover img {border: 2px solid #0B6A9C;} /* pageFiles ---------------------------------------------------------- */ #pageFiles {overflow:hidden; margin:10px 0px; clear:both} #pageFiles a {color: #0B6A9C; font-weight:normal; text-decoration:none; background:url(/design/images/layout/li_icon.gif) no-repeat left center; padding-left:8px; } #pageFiles a:hover {text-decoration:underline;} /* job ---------------------------------------------------------- */ #job {overflow:hidden;} #job h1{margin-top:15px; margin-bottom:0px;} #job h2{margin-top:15px; margin-bottom:0px;} #job h2.center{margin-top:5px; margin-bottom:0px;} #job h3{margin-top:15px; clear:both;} #job h4{margin-top:15px;} /************************* * Nice Form ************************/ .niceForm{width:650px;} .niceForm fieldset { border: 3px solid #30B3E0; background-color:#DCF2F9; padding: 1em; margin: 1em 0; color:#000000; } .contentEntry .content .niceForm fieldset legend { font-size: 12px; color:#666666; font-style:italic; } .niceForm .entry { overflow: hidden; width: 100%; margin: 0 0 1em 0; } .niceForm .entry a:hover{ color:#FF0066; } .niceForm label { display: block; color: #534844/*30B3E0*/; } .niceForm input { width: 380px; } .niceForm .error input { color: #ff0000; } .niceForm .error label { color: #ff0000; } /*.error { color: #FF1B23; padding: 2px 0 2px 18px; height:25px; background: transparent url(../images/icons/exclamation.gif) no-repeat 0 1px; }*/ .niceForm .error textarea { color: #ff0000 !important; } .niceForm input.button { width: 130px; height: 21px; cursor:pointer; border:0; } .niceForm .errorMsg { color: #FF1B23; padding: 2px 0 2px 18px; height:25px; background: transparent url(../images/icons/exclamation.gif) no-repeat 0 1px; } .niceForm .errorMsgLogin { color: #ff0066; line-height:12px; font-size:11px; } input.niceField { background: #DFDFDF; border-color: #BBBBBB; border-style: solid; border-width: 2px 1px 1px; font-size: 11px; font-weight: bold; padding: 5px 2px; width: 95%; } input.niceField:focus { background: #ffffff; } textarea.niceField { font-family: arial, sans-serif; font-size: 12px; width: 95%; height: 200px; background: #DFDFDF; border-color: #BBBBBB; border-style: solid; border-width: 2px 1px 1px; padding: 5px 2px; } textarea.niceField:focus { background: #ffffff; } .error textarea.niceField { color: #ff0000 !important; } /* ====== CHECKBOXES */ .niceForm div.checkboxes { overflow: hidden; width: 100%; margin: 1em 0; } .niceForm div.checkboxes .entry { margin: 0.5em 0; } .niceForm div.checkboxes .title { color: #8EB4B4; } .niceForm div.checkboxes label { display: inline; padding: 0; color: #ffffff; font-weight: normal; } .niceForm div.checkboxes input { margin: 0; width: auto; } #jobButtons {clear:both; overflow:hidden;} #applyBtnen, #printBtnen, #sendtoafriendBtnen, #backBtnen, #applyBtnfr, #printBtnfr, #sendtoafriendBtnfr, #backBtnfr, #applyBtnnl, #printBtnnl, #sendtoafriendBtnnl, #backBtnnl, #sendBtnnl, #sendBtnfr, #sendBtnen {width:130px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #applyBtnen { background: url(/design/images/layout/buttons/apply_btn_en.gif) no-repeat top left; } #printBtnen { background: url(/design/images/layout/buttons/print_btn_en.gif) no-repeat top left; } #sendtoafriendBtnen { background: url(/design/images/layout/buttons/tellafriend_btn_en.gif) no-repeat top left; } #backBtnen { background: url(/design/images/layout/buttons/back_btn_en.gif) no-repeat top left; } #applyBtnfr { background: url(/design/images/layout/buttons/apply_btn_fr.gif) no-repeat top left; } #printBtnfr { background: url(/design/images/layout/buttons/print_btn_fr.gif) no-repeat top left; } #sendtoafriendBtnfr { background: url(/design/images/layout/buttons/tellafriend_btn_fr.gif) no-repeat top left; } #backBtnfr { background: url(/design/images/layout/buttons/back_btn_fr.gif) no-repeat top left; } #applyBtnnl { background: url(/design/images/layout/buttons/apply_btn_nl.gif) no-repeat top left; } #printBtnnl { background: url(/design/images/layout/buttons/print_btn_nl.gif) no-repeat top left; } #sendtoafriendBtnnl { background: url(/design/images/layout/buttons/tellafriend_btn_nl.gif) no-repeat top left; } #backBtnnl { background: url(/design/images/layout/buttons/back_btn_nl.gif) no-repeat top left; } #sendBtnen { background: url(/design/images/layout/buttons/send_btn_en.gif) no-repeat top left; } #sendBtnnl { background: url(/design/images/layout/buttons/send_btn_nl.gif) no-repeat top left; } #sendBtnfr { background: url(/design/images/layout/buttons/send_btn_fr.gif) no-repeat top left; } #btnSearchnl { background: url(/design/images/layout/buttons/search_nl.gif) no-repeat top left; width:87px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #btnSearchfr { background: url(/design/images/layout/buttons/search_fr.gif) no-repeat top left; width:87px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #btnSearchen { background: url(/design/images/layout/buttons/search_en.gif) no-repeat top left; width:87px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #btnShowAllnl { background: url(/design/images/layout/buttons/show_all_nl.gif) no-repeat top left; width:87px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #btnShowAllfr { background: url(/design/images/layout/buttons/show_all_fr.gif) no-repeat top left; width:87px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #btnShowAllen { background: url(/design/images/layout/buttons/show_all_en.gif) no-repeat top left; width:87px !important; height:21px !important; float:left; margin-right:10px; text-indent:-9000px; border:0px; cursor:pointer; display:block;} #applyBtnen:hover, #printBtnen:hover, #sendtoafriendBtnen:hover, #backBtnen:hover, #applyBtnfr:hover, #printBtnfr:hover, #sendtoafriendBtnfr:hover, #backBtnfr:hover, #applyBtnnl:hover, #printBtnnl:hover, #sendtoafriendBtnnl:hover, #backBtnnl:hover, #sendBtnen:hover, #sendBtnnl:hover, #sendBtnfr:hover, #btnSearchnl:hover, #btnSearchfr:hover, #btnSearchen:hover, #btnShowAllnl:hover, #btnShowAllfr:hover, #btnShowAllen:hover {background-position:bottom left;} .niceTable th { background-color:#0a6a9c; padding:10px 5px; } .niceTable th a {color:#FFFFFF; text-decoration:none;} .niceTable th a:hover {color:#ee6900;} .niceTable tr { border-bottom:1px solid #afd1ea; } .niceTable tr.odd { background-color:#f7fbfd; } .niceTable tr.even { background-color:#f0faff; } .niceTable tr td {padding:10px 5px;} .niceTable tr td a{ color:#0a486f;} .niceTable tr td span {color:#ee6900; font-weight:bold; } #overlay{background:#000000; opacity:0.65; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0pt; top: 0pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; filter:alpha(opacity=65);} #flashMessage {position: absolute; left: 50%; margin-left: -262px; top: 50%; margin-top:-188px; z-index: 888;} #flashMessage #flashIntro {width: 500px; padding:8px 12px; height: 360px; z-index: 999; border:10px solid #d4e4f2; color:#084A6C; background:#f0faff url(/design/images/layout/page_ornament.gif) no-repeat scroll right bottom; font-size:12px;} #flashMessage #flashIntro a#closeFlashMessage{right:20px; position:absolute; font-weight:bold; color:#084A6C; text-decoration:none;} #flashMessage #flashIntro a#closeFlashMessage:hover{color:#ee710a;} #flashMessage #flashIntro a#btnClients{width:150px; height:21px; background:url(/design/images/btnClients.gif) no-repeat top left; text-indent:-9000px; float:left; margin:30px 20px 0px 90px;} #flashMessage #flashIntro a#btnCandidates{width:150px; height:21px; background:url(/design/images/btnCandidates.gif) no-repeat top left; text-indent:-9000px; float:left; margin:30px 0 0 0;} #flashMessage #flashIntro p {margin:10px 0 0 0;} #flashMessage #flashIntro a#btnClients:hover, #flashMessage #flashIntro a#btnCandidates:hover{background-position:bottom left;} /* Fix for Firefox 3 */ .x-date-middle { width: 160px; } .x-date-left, .x-date-right { width:20px !important; } #companyMap { width:662px; height:250px; border:1px solid #EC6800; margin:0; } #companyLat, #companyLon { display:none } ul#accordion li {margin:2px 0; overflow:hidden; border:1px solid #084A6C !important;} ul#accordion li li {border:none !important; padding:0 !important; padding-top:3px !important;} ul#accordion li h5.toggler {font-size:12px; font-weight:bold; color:#FFFFFF; background:#67a5c9; padding:3px 5px; cursor:pointer;} ul#accordion li h5.toggler:hover {background:#347ca3 !important;} ul#accordion li .description { padding:5px; overflow:hidden;} /*tickertape*/ div.tickertapewrapper { width:567px; height:16px; position:absolute; top:442px; overflow:hidden;} #tickertape { white-space:nowrap; width:570px;} #tickertape a {color:#fff; text-decoration:underline; white-space:nowrap; padding:0px 10px 0px 3px;} #tickertape a:hover {color:#fff; text-decoration:none;} .mooquee { height:20px; margin:0; overflow:hidden; padding:0; position:absolute; } .mooquee-text { position:absolute; } ul.files li {list-style-image:url(/design/images/li.png); list-style-position:inside;} ul.files li a{ *padding-left:10px;} ul.files li.non {list-style:none !important; list-style-image:none !important;} /* Bart Geraerts' changes */ div#main_container a.print { line-height: 16px; float: right; color: #084A6C; text-decoration: underline; padding: 0 0 0 20px; background: url(../images/icons/printer.gif) no-repeat; display: block; margin: 5px 5px 0 0; position: relative; } div#main_container a.print:hover { text-decoration: none; } div.text div#sharethis_0 { margin: 20px 0 0 0; }