*{margin:0px;padding:0px;} body{font-family:Futura Std,Verdana,Arial;background:transparent url('../img/bg-body3.jpg') no-repeat;background-position:center top;} /* ----------------------------------------------------- */ /* WRAPPER STYLES /* ----------------------------------------------------- */ #wrapper { display:block; width:100%; margin:0px; min-height:100%; height:auto; } #inner-wrapper { height:auto; display:block; margin:0px auto 0px auto; width:784px; text-align:left; overflow:hidden;} * html #inner-wrapper{width:840px;} /* ----------------------------------------------------- */ /* NAVIGATION STYLES /* ----------------------------------------------------- */ /* ENGLISH */ #navigation-en{margin-top:39px;width:400px;height:70px;float:left;} ul.navigation-row-en{height:20px;} ul.navigation-row-en li{height:22px;display:inline;float:left;} ul.navigation-row-en li a{display:block;height:22px;} ul.navigation-row-en li a span,ul.navigation-row li span{display:none;} ul.navigation-row-en li#menu-static{width:62px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px 0px;} ul.navigation-row-en li#home{width:69px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -62px 0px } ul.navigation-row-en li#pearle{width:73px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -132px 0px } ul.navigation-row-en li#agenda{width:92px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -206px 0px } ul.navigation-row-en li#news{width:47px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -298px 0px } ul.navigation-row-en li#projects{width:93px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px -22px } ul.navigation-row-en li#policy-areas{width:125px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -93px -22px } ul.navigation-row-en li#position-papers{width:126px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -219px -22px } ul.navigation-row-en li#publications{width:126px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px -44px } ul.navigation-row-en li#social-dialogue{width:150px;background:transparent url('../img/navigation/navigatie-en.png') no-repeat -126px -44px } ul.navigation-row-en li#contact{width:69px; background:transparent url('../img/navigation/navigatie-en.png') no-repeat -275px -44px} ul.navigation-row-en li#home:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -62px -71px } ul.navigation-row-en li#pearle:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -132px -71px } ul.navigation-row-en li#agenda:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -206px -71px } ul.navigation-row-en li#news:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -298px -71px } ul.navigation-row-en li#projects:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px -93px } ul.navigation-row-en li#policy-areas:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -93px -93px } ul.navigation-row-en li#position-papers:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -219px -93px } ul.navigation-row-en li#publications:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px -115px } ul.navigation-row-en li#social-dialogue:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -126px -115px } ul.navigation-row-en li#contact:hover{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -275px -115px} ul.navigation-row-en li#home.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -62px -71px } ul.navigation-row-en li#publications.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px -115px } ul.navigation-row-en li#pearle.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -132px -71px } ul.navigation-row-en li#agenda.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -206px -71px } ul.navigation-row-en li#news.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -298px -71px } ul.navigation-row-en li#projects.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat 0px -93px } ul.navigation-row-en li#policy-areas.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -93px -93px } ul.navigation-row-en li#position-papers.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -219px -93px } ul.navigation-row-en li#social-dialogue.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -126px -115px } ul.navigation-row-en li#contact.current{background:transparent url('../img/navigation/navigatie-en.png') no-repeat -275px -115px} /* FRENCH */ #navigation-fr{margin-top:39px;width:450px; height:70px;float:left;} ul.navigation-row-fr{height:20px;} ul.navigation-row-fr li{height:22px;display:inline;float:left;} ul.navigation-row-fr li a{display:block;height:22px;} ul.navigation-row-fr li a span,ul.navigation-row li span{display:none;} ul.navigation-row-fr li#menu-static{width:62px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px 0px;} ul.navigation-row-fr li#home{width:69px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -62px 0px } ul.navigation-row-fr li#pearle{width:70px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -132px 0px } ul.navigation-row-fr li#agenda{width:102px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -203px 0px } ul.navigation-row-fr li#news{width:100px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -305px 0px } ul.navigation-row-fr li#projects{width:82px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px -22px } ul.navigation-row-fr li#policy-areas{width:200px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -82px -22px } ul.navigation-row-fr li#position-papers{width:160px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -282px -22px } ul.navigation-row-fr li#publications{width:126px;background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px -44px } ul.navigation-row-fr li#contact{width:200px; background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -126px -44px} ul.navigation-row-fr li#home:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -62px -71px } ul.navigation-row-fr li#pearle:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -132px -71px } ul.navigation-row-fr li#agenda:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -203px -71px } ul.navigation-row-fr li#news:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -305px -71px } ul.navigation-row-fr li#projects:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px -93px } ul.navigation-row-fr li#policy-areas:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -82px -93px } ul.navigation-row-fr li#position-papers:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -282px -93px } ul.navigation-row-fr li#publications:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px -115px } ul.navigation-row-fr li#social-dialogue:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -126px -115px } ul.navigation-row-fr li#contact:hover{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -126px -115px} ul.navigation-row-fr li#home.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -62px -71px } ul.navigation-row-fr li#publications.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px -115px } ul.navigation-row-fr li#pearle.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -132px -71px } ul.navigation-row-fr li#agenda.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -203px -71px } ul.navigation-row-fr li#news.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -305px -71px } ul.navigation-row-fr li#projects.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat 0px -93px } ul.navigation-row-fr li#policy-areas.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -82px -93px } ul.navigation-row-fr li#position-papers.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -282px -93px } ul.navigation-row-fr li#contact.current{background:transparent url('../img/navigation/navigatie-fr.png') no-repeat -126px -115px} /* ----------------------------------------------------- */ /* HEADER STYLES /* ----------------------------------------------------- */ #header-content{height:357px;float:left;width:784px;} #header1-en{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header1-en.png') no-repeat top left;} #header2-en{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header2-en.png') no-repeat top left;} #header3-en{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header3-en.png') no-repeat top left;} #header4-en{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header4-en.png') no-repeat top left;} #header5-en{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header5-en.png') no-repeat top left;} #header1-fr{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header1-fr.png') no-repeat top left;} #header2-fr{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header2-fr.png') no-repeat top left;} #header3-fr{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header3-fr.png') no-repeat top left;} #header4-fr{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header4-fr.png') no-repeat top left;} #header5-fr{width:784px;height:357px;position:absolute;top:100px;background: transparent url('../img/header/header-portal/bg-header5-fr.png') no-repeat top left;} * html #header1{width:820px;} #header-text{width:371px;height:212px;margin-top:64px;margin-left:23px;float:left;} #header-text h1{font-size:26px;color:#FFF;font-weight:bold;line-height:30px;} #header-text p{margin-top:0px;font-family: Lucida,Arial;font-size:12px;line-height:16px;color:#FFF;} #header-text p.read-more{float:left;margin-right:0px;margin-top:10px;} #header-text p.read-more a span{display:none;} #header-text p.read-more a#en{background: transparent url('../img/header/bg-read-more-en.png') no-repeat top left;width:73px;height:14px;display:block;} #header-text p.read-more a#en:hover{background: transparent url('../img/header/bg-read-more-en.png') no-repeat 0px -14px;} #header-text p.read-more a#fr{background: transparent url('../img/header/bg-read-more-fr.png') no-repeat top left;width:110px;height:14px;display:block;} #header-text p.read-more a#fr:hover{background: transparent url('../img/header/bg-read-more-fr.png') no-repeat 0px -14px;} #search-balk{margin-left:216px;float:left;} * html#search-balk{margin-left:-140px;margin-top:312px;} #search-balk input{float:left;margin-top:7px;padding-top:4px;padding-left:4px;} #search-balk button#en{border:none;float:left;margin-left:15px;margin-top:8px;width:69px;height:22px;background: transparent url('../img/header/bg-button.png') no-repeat top left;} #search-balk button#en:hover{background-position:0px -22px;cursor:pointer;} #search-balk button#en span{display:none;} #search-balk button#fr{border:none;float:left;margin-left:15px;margin-top:8px;width:90px;height:22px;background: transparent url('../img/header/bg-button-pearlesub-fr.png') no-repeat top left;} #search-balk button#fr:hover{background-position:0px -22px;cursor:pointer;} #search-balk button#fr span{display:none;} #slideshow{width:390px;position:absolute;top:149px;margin-left:350px;} #slideshow object{margin-top:0px;float:left;} * html #slideshow object{margin-left:;z-index:1;position:relative;} /* ----------------------------------------------------- */ /* CONTENT STYLES /* ----------------------------------------------------- */ #content{position:relative;margin-top:0px;} #content-left{width:584px;float:left;margin-top:0px;} * html #content-left{width:620px;} * html #content-right{width:180px;float:right;} #content-right{width:198px;float:right;margin-top:3px;} /* ----------------------------------------------------- */ /* CONTENT LEFT STYLES /* ----------------------------------------------------- */ #content-left div.content-left-item{width:159px;height:221px;float:left;margin-right:35px;margin-bottom:20px;} * html #content-left div.content-left-item{margin-right:10px;margin-left:0px;} #content-left div.content-left-item div.content-text{float:left;margin-left:17px;margin-top:12px;height:148px;overflow:hidden;} * html #content-left div.content-left-item div.content-text{float:left;margin-left:10px} #content-left div.content-left-item div.content-text h3{font-size:14px;font-weight:bold;color:#000;text-transform:uppercase;margin-bottom:20px;} #content-left div.content-left-item div.content-text p{font-family:Lucida, Arial, Verdana;font-size:11px;margin-bottom:6px;line-height:14px;} #content-left div.content-left-item div.content-text p.content-text-intro{font-size:12px;font-weight:bold;line-height:14px;} #content-left div.content-left-item div.content-text p.news-intro{color:#31504d;} #content-left div.content-left-item div.content-text p.projects-intro{color:#8cc8c2;} #content-left div.content-left-item div.content-text p.policy-intro{color:#cfbc6e;} #content-left div.content-left-item div.content-text p.position-intro{color:#31504d;} #content-left div.content-left-item div.content-text p.publications-intro{color:#aa8aa8;} #content-left div.content-left-item div.content-text p.social-intro{color:#9d7e70;} #content-left div.content-left-item p.read-more{margin-top:10px;} #content-left div.content-left-item p.read-more span{display:none;} #content-left div.content-left-item p.read-more a{height:14px;background-color:#FFF000;display:block;position:relative;margin-top:165px;margin-left:17px;} * html #content-left div.content-left-item p.read-more a{margin-top:20px;} #content-left div.content-left-item p.read-more a#en:hover{background-position:0px -14px;} #content-left div.content-left-item p.read-more a#fr:hover{background-position:0px -14px;} * html #content-left div.content-left-item p.read-more a:hover{background-position:0px -13px;} #content-left div.content-left-item p.read-more-news a#en{background: transparent url('../img/content/bg-read-more-news-en.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-news a#fr{background: transparent url('../img/content/bg-read-more-news-fr.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-projects a#en{background: transparent url('../img/content/bg-read-more-projects-en.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-projects a#fr{background: transparent url('../img/content/bg-read-more-projects-fr.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-policy a#en{background: transparent url('../img/content/bg-read-more-policy-en.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-policy a#fr{background: transparent url('../img/content/bg-read-more-policy-fr.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-position a#en{background: transparent url('../img/content/bg-read-more-position-en.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-position a#fr{background: transparent url('../img/content/bg-read-more-position-fr.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-publications a#en{background: transparent url('../img/content/bg-read-more-publications-en.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-publications a#fr{background: transparent url('../img/content/bg-read-more-publications-fr.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-social a#en{background: transparent url('../img/content/bg-read-more-social-en.png') no-repeat 0px 0px;} #content-left div.content-left-item p.read-more-social a#fr{background: transparent url('../img/content/bg-read-more-social-fr.png') no-repeat 0px 0px;} /* ----------------------------------------------------- */ /* CONTENT RIGHT STYLES /* ----------------------------------------------------- */ #content-right div#language{background-color:#81ada8;margin-bottom:26px;padding:5px 0px 5px 18px;width:197px;} #content-right div#language a{font-family:Futura Std,Verdana,Arial;font-size:14px;text-transform:uppercase;text-decoration:none;font-weight:bold;color:#ffffff;} #content-right #member-login{width:197px;background-color:#e5f0ef;margin-bottom:26px;padding:14px 0px 15px 18px;float:left;} #content-right h2{font-family:Futura Std,Verdana,Arial;font-size:16px;text-transform:uppercase;font-weight:bold;color:#8a2529;width:150px;margin-bottom:7px;} #content-right #member-login label{font-family:Lucida, Arial, Verdana;font-size:11px;color:#31504d;float:left;} #content-right #member-login input{width:152px;height:18px;border:1px solid #cde0de;padding-top:4px;padding-left:4px;margin-bottom:3px;} #content-right #member-login p a{font-family:Lucida, Arial, Verdana;font-size:11px;color:#31504d;float:left;text-decoration:none;margin-bottom:0px;} #content-right #member-login p a:hover{text-decoration:underline;} #content-right #member-login button{background:transparent url('../img/content/bg-button-login.png') no-repeat top left;width:156px;height:28px;border:none;} #content-right #member-login button:hover{background-position:0px -28px;cursor:pointer;} #content-right #member-login button span{display:none;} #content-right .agenda{width:197px;background-color:#FF0000;background-color:#e5f0ef;float:left;padding:14px 0px 14px 18px;} #content-right .agenda h2.month{color:#81ada8;} #content-right .agenda div.agenda-item{margin-top:10px;margin-bottom:0px;width:166px;color:#8a2529;font-family:Lucida,Arial,Verdana;font-size:12px;line-height:14px;} #content-right .agenda div.agenda-item p.day{font-size:25px;color:#81ada8;font-weight:bold;width:43px;float:left;padding-top:5px;padding-bottom:5px;} #content-right .agenda div.agenda-item p.activity {margin-bottom:14px;font-weight:bold;float:left;width:120px;} #content-right .agenda div.agenda-item p.activity a{margin-bottom:14px;float:left;width:120px;text-transform:none;font-size:12px;font-style:normal;} #content-right .agenda div.agenda-item p.place{float:left;margin-left:43px;width:100px;} #content-right #information p{float:left;font-family:Lucida, Arial, Verdana;font-size:11px;color:#FF0000;} #content-right .agenda a{font-family:Futura Std,Verdana,Arial;font-size:16px;text-transform:uppercase;font-weight:bold;color:#8a2529;width:150px;margin-bottom:7px;text-decoration:none;} /*LOGGED IN*/ #content-right #logged-in{width:197px;background-color:#e5f0ef;margin-bottom:26px;padding:14px 0px 0px 18px;float:left;} #content-right #logged-in p{font-family:Lucida, Arial, Verdana;font-size:11px;color:#31504d; margin-bottom:10px;} #content-right #logged-in h2{font-size:12px;} #content-right #logged-in p a#en{background:transparent url('../img/content/bg-button-logout-en.png') no-repeat top left;width:156px;height:28px;border:none;display:block;} #content-right #logged-in p a#en:hover{background-position:0px -28px;} #content-right #logged-in p a#fr{background:transparent url('../img/content/bg-button-logout-fr.png') no-repeat top left;width:156px;height:28px;border:none;display:block;} #content-right #logged-in p a#fr:hover{background-position:0px -28px;} #content-right #logged-in p a span{display:none;} /* ----------------------------------------------------- */ /* FOOTER STYLES /* ----------------------------------------------------- */ #footer-bg{background:transparent url('../img/footer/bg-footer.png') bottom left;height:191px;margin-top:-190px;z-index:-1;position:relative;} #footer{height:249px;width:784px;float:left;z-index:5;} #footer-left{float:left;margin-top:110px;} #footer-right{float:right;width:430px;height:149px;text-transform:uppercase;font-family:Futura Std,Verdana,Arial;font-size:12px;font-weight:bold;color:#797979;margin-top:98px;} * html #footer-right{width:440px;} #footer-right p{float:right;width:395px;text-align:right;} #footer-right ul.footer-row li{display:inline;} #footer-right ul.footer-row{text-align:right;} #footer-right ul.footer-row li a.link-mail-to{text-decoration:none;color:#81ada8;border:none;} #footer-right ul.footer-row li a.link-mail-to:hover{text-decoration:underline;} #footer-right ul.footer-row li a.link-mail-to:active{outline:none;} #footer-right ul.footer-row li img{padding-left:3px;padding-right:3px;}