@charset "iso-8859-1"; * { margin: 0px; padding: 0px; } html { height: 100%; } body { margin: 0px; padding: 0px; font-family : Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; } ul { margin: 0px; padding: 0px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; } li { padding: 0px; margin-top: 4px; margin-left: 10px; } img { border: none; } a:link, a:visited { text-decoration: none; color: #f00; } a:hover { text-decoration: underline; color: #f00; } #supercontainer { position: absolute; margin: -328px 0px 0px -465px; top: 50%; left: 50%; text-align: center; overflow: hidden; } #container { position: relative; margin: 0px auto; width: 930px; height: 656px; text-align: left; overflow: hidden; background: url(../images/bg/default.jpg) no-repeat; } #languages { position: absolute; z-index: 1; top: 5px; left: 739px; font-family: Courier; font-size: 11px; color: white; } #footer { position: relative; width: 900px; margin: 0px auto; font-family: Courier; font-size: 10px; color: #ccc; text-align: right; } #footer .logo_jr { display: block; float: right; width: 21px; height: 21px; margin: -5px 0px 0px 20px; cursor: pointer; background: url(/images/logos/logo_jr_small.png) no-repeat; } #footer .logo_msf { display: block; float: right; width: 78px; height: 27px; margin: -8px 0px 0px 10px; cursor: pointer; background: url(/images/logos/logo_msf_small.png) no-repeat; } #footer a:link, #footer a:visited { color: #ccc; text-decoration: none; } #footer a:hover { color: #cc0000; text-decoration: none; } .fr #languages span.fr, .nl #languages span.nl, .en #languages span.en, .pt #languages span.pt, #languages span:hover { color: red; } #languages span { cursor: pointer; } #map_container { position: relative; margin: 14px 0px 0px 13px; width: 900px; height: 625px; overflow: hidden; } #map_mask { position: relative; width: 900px; height: 625px; background-color: #000; } #map_maks .border { z-index: 10000; } #map_mask_top { position: absolute; top: 0px; left: 0px; width: 900px; height: 30px; background: url(/images/map_mask.png) no-repeat 0px 0px; } #map_mask_left { position: absolute; top: 30px;left: 0px; width: 32px; height: 560px; background: url(/images/map_mask.png) no-repeat 0px -30px; } #map_mask_right { position: absolute; top: 30px; right: 0px; width: 95px; height: 560px; background: url(/images/map_mask.png) no-repeat -805px -30px; } #map_mask_bottom { position: absolute; bottom: 0px; left: 0px; width: 900px; height: 35px; background: url(/images/map_mask.png) no-repeat 0px -590px; color: red; font-family: Courier; font-size: 11px; } #map_image { position: relative; /* cursor: move; */ z-index: 0; } #map_image img.mask { cursor: pointer; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; } #map_image img.enabled { z-index: 1; /* cursor: move; */ } #map_image img.disabled { cursor: default; } #map_image #project_mask { position: absolute; top: 42px; left: 62px; } #map_image #exhibition_mask { position: absolute; top: 250px; left: 370px; } #map_image #women_mask { position: absolute; top: 335px; left: 350px; } #map_image #brazil_mask { position: absolute; top: 435px; left: 200px; } #zoom_in { position: absolute; top: 140px; left: 25px; width: 21px; height: 21px; background: url(/images/maps/zoom_in.png) no-repeat; } #zoom_out { position: absolute; top: 420px; left: 25px; width: 21px; height: 21px; background: url(/images/maps/zoom_out.png) no-repeat; } #title { float: left; margin: 15px 0px 0px 50px; } #links { float: right; margin: 17px 100px 0px 0px; } #press { color: white; } #press:hover { color: red; } #women { margin-left: 100px; } #women_map, #brazil_map { position: relative; } #women_map_controls, #brazil_map_controls { display: none; width: 100%; height: 100%; } #women_map .close, #brazil_map .close { position: absolute; z-index: 2; top: 40px; right: 90px; height: 24px; width: 24px; background: url(/images/close_2.png) no-repeat; cursor: pointer; } .country { position: absolute; z-index: 2; width: 200px; height: 48px; font-family: Courier; font-size: 12px; color: white; } .country a.portrait { color: white; } .country a.action { color: red; } .fr #women_map .sl { background: url(/images/titles/fr_country_sl.png) no-repeat; left: 143px; top: 285px; padding: 25px 0px 0px 20px; } .fr #women_map .lr { background: url(/images/titles/fr_country_lr.png) no-repeat; left: 190px; top: 360px; padding: 25px 0px 0px 10px; } .fr #women_map .sd { background: url(/images/titles/fr_country_sd.png) no-repeat; left: 505px; top: 168px; padding: 23px 0px 0px 20px; } .fr #women_map .ke { background: url(/images/titles/fr_country_ke.png) no-repeat; left: 700px; top: 383px; padding: 23px 0px 0px 10px; } .en #women_map .sl { background: url(/images/titles/en_country_sl.png) no-repeat; left: 143px; top: 285px; padding: 25px 0px 0px 20px; } .en #women_map .lr { background: url(/images/titles/en_country_lr.png) no-repeat; left: 190px; top: 360px; padding: 25px 0px 0px 10px; } .en #women_map .sd { background: url(/images/titles/en_country_sd.png) no-repeat; left: 505px; top: 168px; padding: 23px 0px 0px 20px; } .en #women_map .ke { background: url(/images/titles/en_country_ke.png) no-repeat; left: 700px; top: 383px; padding: 23px 0px 0px 10px; } .nl #women_map .sl { background: url(/images/titles/nl_country_sl.png) no-repeat; left: 143px; top: 285px; padding: 25px 0px 0px 20px; } .nl #women_map .lr { background: url(/images/titles/nl_country_lr.png) no-repeat; left: 190px; top: 360px; padding: 25px 0px 0px 10px; } .nl #women_map .sd { background: url(/images/titles/nl_country_sd.png) no-repeat; left: 505px; top: 168px; padding: 23px 0px 0px 20px; } .nl #women_map .ke { background: url(/images/titles/nl_country_ke.png) no-repeat; left: 700px; top: 383px; padding: 23px 0px 0px 10px; } .pt #women_map .sl { background: url(/images/titles/pt_country_sl.png) no-repeat; left: 143px; top: 285px; padding: 25px 0px 0px 20px; } .pt #women_map .lr { background: url(/images/titles/pt_country_lr.png) no-repeat; left: 190px; top: 360px; padding: 25px 0px 0px 10px; } .pt #women_map .sd { background: url(/images/titles/pt_country_sd.png) no-repeat; left: 505px; top: 168px; padding: 23px 0px 0px 20px; } .pt #women_map .ke { background: url(/images/titles/pt_country_ke.png) no-repeat; left: 700px; top: 383px; padding: 23px 0px 0px 10px; } .fr #brazil_map .br { background: url(/images/titles/fr_country_br.png) no-repeat; left: 603px; top: 260px; padding: 25px 0px 0px 10px; } .en #brazil_map .br { background: url(/images/titles/en_country_br.png) no-repeat; left: 603px; top: 260px; padding: 25px 0px 0px 10px; } .nl #brazil_map .br { background: url(/images/titles/nl_country_br.png) no-repeat; left: 603px; top: 260px; padding: 25px 0px 0px 10px; } .pt #brazil_map .br { background: url(/images/titles/pt_country_br.png) no-repeat; left: 603px; top: 260px; padding: 25px 0px 0px 10px; } #brazil_map .content { position: absolute; z-index: 2; top: 133px; left: 62px; width: 316px; height: 406px; background: url(/images/bg_brazil_content.png) no-repeat; font-family: Courier; font-size: 12px; color: white; overflow: hidden; } #brazil_map .content div { width: 280px; height: 368px; overflow: auto; margin: 20px 0px 0px 22px; } .overlay_content { position: absolute; z-index: 3; top: 0px; left: 0px; height: 620px; width: 832px; cursor: default; display: none; padding-left: 38px; } .overlay_content .close, #women_content .close { position: absolute; top: 40px; right: 65px; height: 22px; width: 22px; background: url(/images/close.png) no-repeat; cursor: pointer; } #women_content { position: absolute; z-index: 3; top: 0px; left: 0px; height: 620px; width: 832px; cursor: default; display: none; background: url(/images/bg_content.jpg) no-repeat 0px 10px; } #women_content .left { float: left; width: 420px; height: 100%; padding: 20px 0px 0px 30px; } #women_content .right { float: left; padding: 140px 0px 0px 30px; width: 300px; height: 100%; font-family: Courier; } #women_content .arrow { position: absolute; top: 70px; cursor: pointer; width: 43px; height: 45px; } #women_content .nav_left { left: 40px; background: url(/images/arrows/arrow_women_left.png) no-repeat; } #women_content .nav_right { left: 470px; background: url(/images/arrows/arrow_women_right.png) no-repeat; } #women_content .left img { margin: 85px 0px 0px 90px; } #women_content .title { font-size: 15px; font-weight: bold; } #women_content .location { font-size: 13px; color: red; margin-top: 10px; } #women_content .description { font-size: 11px; overflow: auto; height: 80px; width: 290px; margin-top: 20px; } #women_content .video { margin-top: 25px; height: 240px; width: 290px; overflow: hidden; } #women_content .close { right: 25px; } #women_content.br .description { height: 25px; } #project_content { padding-top: 110px; background: url(/images/bg_project.jpg) no-repeat 15px 20px; } #project_content .left { float: left; width: 430px; } #project_content .right { float: left; margin-left: 25px; width: 320px; height: 480px; } #project_content #project_video { width: 420px; height: 340px; margin: 13px 10px 0px 10px; } #project_content .title { height: 24px; margin-bottom: 15px; } #project_content .description { font-family: Courier; font-size: 12px; height: 410px; width: 295px; overflow: auto; margin-bottom: 25px; } #project_content .founders { display: none; font-family: Courier; font-size: 11px; height: 90px; width: 100%; margin-bottom: 20px; } #project_content .helpers { display: none; font-family: Courier; font-size: 11px; height: 80px; width: 100%; } .fr #project_content .title { background: url(/images/titles/fr_project.png) no-repeat; } .nl #project_content .title { background: url(/images/titles/nl_project.png) no-repeat; } .en #project_content .title { background: url(/images/titles/en_project.png) no-repeat; } .pt #project_content .title { background: url(/images/titles/pt_project.png) no-repeat; } #logo_jr { width: 53px; height: 53px; background: url(/images/logos/logo_jr.png) no-repeat; margin: 15px 20px 0px 0px; } #logo_msf { width: 150px; height: 52px; background: url(/images/logos/logo_msf.png) no-repeat; margin: 10px 20px 0px 0px; } #logo_demorgen { width: 88px; height: 17px; background: url(/images/logos/logo_demorgen.png) no-repeat; margin: 10px 20px 0px 0px; } #logo_lesoir { width: 96px; height: 17px; background: url(/images/logos/logo_lesoir.png) no-repeat; margin: 10px 20px 40px 0px; } #logo_auvicom { width: 76px; height: 21px; background: url(/images/logos/logo_auvicom.png) no-repeat; margin: 25px 20px 0px 0px; } #logo_brussel { width: 37px; height: 43px; background: url(/images/logos/logo_brussel.png) no-repeat; margin: 10px 20px 0px 0px;} #logo_halles { width: 150px; height: 32px; background: url(/images/logos/logo_halles.png) no-repeat; margin: 10px 20px 0px 0px; } #exhibition_content .helpers { position: absolute; height: 300px; width: 180px; left: 40px; top: 380px; font-family: Courier; font-size: 11px; } #exhibition_content .logo { float: left; cursor: pointer; } #exhibition_content .header { padding: 55px 0px 0px 10px; width: 750px; height: 365px; overflow: hidden; } #exhibition_content .header .left { float: left; width: 130px; height: 100%; } #exhibition_content .header .right { float: left; width: 610px; height: 100%; padding-left: 10px; } #exhibition_content .header .nav_left { float: left; width: 30px; height: 100%; cursor: pointer; background: url(/images/arrows/arrow_white_left_2.png) no-repeat 10px 180px; visibility: hidden; } #exhibition_content .header .nav_container { float: left; width: 540px; height: 360px; background-color: #000; border: 1px solid black; } #exhibition_content .header .nav_right { float: left; width: 30px; height: 100%; cursor: pointer; background: url(/images/arrows/arrow_white_right_2.png) no-repeat 5px 180px; } #exhibition_content .header .title { padding-top: 40px; height: 35px; overflow: hidden; font-family: Courier; font-size: 16px; color: #fff; } #exhibition_content .footer { width: 700px; height: 130px; margin: 20px 0px 0px 130px; } #exhibition_content .footer .nav_left { visibility: hidden; float: left; width: 30px; height: 100%; cursor: pointer; background: url(/images/arrows/arrow_white_left_2.png) no-repeat 10px 45px; } #exhibition_content .footer .nav_container { float: left; width: 580px; height: 100%; margin: 0px 10px; overflow: hidden; } #exhibition_content .footer .nav_carroussel { width: 10000px; height: 100%; padding-left: 7px; } #exhibition_content .footer .nav_right { visibility: hidden; float: left; width: 30px; height: 100%; cursor: pointer; background: url(/images/arrows/arrow_white_right_2.png) no-repeat 5px 45px; } #exhibition_content .footer .video { float: left; width: 174px; height: 118px; border: 1px solid black; margin-right: 15px; } #exhibition_content .footer .active { background: url(/images/bg_video.jpg) no-repeat; cursor: pointer; } #exhibition_content .cover { background: url(/images/photos/flyer_cover.jpg) no-repeat; height: 177px; width: 118px; } #exhibition_content .nav_disabled { background: none; } #exhibition_content { background: url(/images/bg_exhibition.jpg) no-repeat 0px 0px; } #video_player { background-color: #000; padding: 30px; text-align: center; height: 357px; width: 420px; } #video_close { position: absolute; right: 10px; top: 10px; cursor: pointer; } #action_close { position: absolute; right: 10px; top: 10px; cursor: pointer; } #action_photos { background-color: #000; border: 1px solid black; padding: 10px; text-align: center; } #action_photos #action_photo_container { padding-left: 30px; height: 502px; text-align: center; display: table-cell; vertical-align: middle; } #action_photos #action_thumb { text-align: center; width: 730px; margin: 20px auto 0px auto; } #action_photos #action_thumb img.thumbnail { margin: 0px 3px 4px 0px; border: 1px solid black; cursor: pointer; } #action_photos #action_thumb img.enabled { border: 1px solid red; } .fr #exhibition_content .title { background: url(/images/titles/fr_exhibition.png) no-repeat; } .nl #exhibition_content .title { background: url(/images/titles/nl_exhibition.png) no-repeat; } .en #exhibition_content .title { background: url(/images/titles/en_exhibition.png) no-repeat; } .pt #exhibition_content .title { background: url(/images/titles/pt_exhibition.png) no-repeat; } .dl_flyer_red { display: none; margin: 8px 0px 0px 10px; padding: 4px 0px 0px 17px; font-family: Courier; font-size: 12px; color: red; background: url(/images/arrows/arrow_red_down.png) no-repeat; cursor: pointer; } .dl_flyer_white { padding: 4px 0px 0px 14px; margin-top: 10px; font-family: Courier; font-size: 12px; background: url(/images/arrows/arrow_white_down.png) no-repeat; width: 80px; cursor: pointer; } .dl_flyer_white a { color: #fff; } .red { color: red; } .white { color: white; }