body, td, input, select, textarea { font-family: Arial; font-size: 12px } body, form { margin: 0px } body { background: url('images/header3.jpg') top center no-repeat } img { border: 0px } a { color: #4892bf; text-decoration: underline } a:hover { color: #4892bf; text-decoration: none } .clear { clear: both } #container { width: 1020px } #header { text-align: left; position: relative; width: 1020px; height: 206px } #logo { position: absolute; display: block; left: 0px; top: 44px } .menuitem { z-index: 10; display: block; position: absolute } #menu_15197 { left: 311px; top: 6px; } /* About us */ #menu_15196 { left: 421px; top: 30px; } /* Expert Group for Cooperation on Children at Risk */ #menu_15195 { left: 548px; top: 17px; } /* Friends and partners */ #menu_15194 { left: 639px; top: 43px; } /* Projects and publications */ #menu_10803 { left: 746px; top: 4px; } /* News archive */ #menu_search { left: 843px; top: 11px; } #menu_cbss { left: 902px; top: 44px; } .projects a:hover img, .menuitem_selected, .menuitem:hover, .footbuttons a:hover img { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .submenu { display: none; position: absolute; z-index: 10000000; font-size: 12px; width: auto } .sub_bg { background: url('images/sub_bg.png'); z-index: 10000000; } .sub_bg a { display: block; max-width: 200px; width: 200px; padding: 9px 14px; z-index: 10000000; text-decoration: none; color: #4b4b8b; border-bottom: 1px solid #d1d1d1 } .sub_bg_in { margin-left: 3px; margin-right: 5px; } .sub_bg a span { } .sub_bg a:hover { background: #f1f1f1 } .sub_bg a.subitem_last { border: 0px } #submenu_15197 { left: 306px; top: 102px; } /* About us */ #submenu_15196 { left: 421px; top: 145px; } /* Expert Group for Cooperation on Children at Risk */ #submenu_15195 { left: 538px; top: 95px; } /* Friends and partners */ #submenu_15194 { left: 636px; top: 144px; } /* Projects and publications */ #submenu_10803 { left: 735px; top: 84px; } /* News archive */ div.widget_nav_menu { display:none } ul.sidebar-submenu { clear: both; margin: 0px; padding: 0px; list-style: none; margin-bottom: 40px} ul.sidebar-submenu li { list-style: none; padding: 10px; margin: 0px; border-bottom: 1px solid #d9d9d9; padding-left: 0px; padding-right: 0px } ul.sidebar-submenu li a { text-decoration: none } ul.sidebar-submenu li a:hover { text-decoration: underline } ul.main-submenu { padding-left: 10px } #submenu_search { left: 753px; top: 63px; background: url('images/searchbox.png'); height: 71px; width: 170px } #submenu_search form { padding-top: 36px; padding-right: 15px; padding-left: 20px } .search_kw { border: none; background: none; color: #4b4b8b; width: 110px; outline: 0; } .searchbutton { display: block; float: right; background: url('images/searchbutton.png'); width: 16px; height: 16px; margin-top: 0px } .searchbutton:hover { background: url('images/searchbutton.png') 0px 16px; } h1, h1 a { text-decoration: none; color: #4892bf; font-weight: normal; font-size: 32px; line-height: 32px } h1 a:hover { text-decoration: none; color: #336686; } #news_container { width: 100%; text-align: left } .news_item { margin-right: 10px; display: block; float: left; color: #1b415e; text-decoration: none; background: #defff4 } .news_item:hover { background: #d2f1e6; color: black } .news_item div.art_title { display: block; height: 100px } .news_item div.art_title div { display: block; padding: 20px; padding-bottom: 0px; font-size: 14px } .news_item img { display: inline-block; } .news_item span { display: block; margin-bottom: 0px; } .news_item_v2 { background: #f1f8ff } .news_item_v2:hover { background: #f3faff } #makeMeScrollable { width:100%; height: 385px; position: relative; z-index: 1 } /* Replace the last selector for the type of element you have in your scroller. If you have div's use #makeMeScrollable div.scrollableArea div, if you have links use #makeMeScrollable div.scrollableArea a and so on. */ #makeMeScrollable div.scrollableArea img { position: relative; float: left; margin: 0; padding: 0; /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } #howwework { text-align: left; margin-top: 30px } .work { width: 237px; float: left; color: #3c4741 } .work b { color: #30617f; font-weight: normal; display: block; font-size: 17px; font-style: italic; margin-bottom: 3px } .work_mid { width: 23px; height: 100px; float: left } .work_elem { line-height: 0px } .work_txt { text-align: justify; line-height: 17px; padding: 0px 20px; background: #8ae2ff; font-size: 12px; height: 394px } .work_2 .work_txt, .work_4 .work_txt { background: #84d8f4 } /*.work_1_v2 .work_txt, .work_3_v2 .work_txt { background: #b3e8ff } .work_2_v2 .work_txt, .work_4_v2 .work_txt { background: #9fddea } .work_1_v3 .work_txt, .work_3_v3 .work_txt { background: #80d9ff } .work_2_v3 .work_txt, .work_4_v3 .work_txt { background: #74bdd5 } */ .work_1 .work_txt, .work_3 .work_txt { background: #defff4} .work_2 .work_txt, .work_4 .work_txt { background: #d2f1e6 } .work_1 .work_txt, .work_3 .work_txt { background: #e9f8ff } .work_2 .work_txt, .work_4 .work_txt { background: #f3faff } #events { margin-top: 30px; text-align: left } .event { padding-bottom: 5px } .event span { padding-right: 5px; color: #222222 } .event a { text-decoration: none; color: #0056a9 } .event a:hover { text-decoration: underline; color: #0056a9 } .projects { float: left; margin-top: 30px; margin-bottom: 30px } .projects a { display: inline-block; margin-right: 20px } .footbuttons { float: right; text-align: center; margin-bottom: 30px; margin-top: 50px; } .footbuttons a { display: block; float: right; text-decoration: none; width: 50px; margin-left: 10px; font-size: 10px; } .footbuttons a:hover { color: #4892bf; } #artcontainer { text-align: left } #art_content { float: left; width: 780px; line-height: 18px } #art_navi { float: right; width: 200px; height: 700px; overflow-y: scroll } #art_navi_in { } .newsnav { padding: 10px; border-bottom: 1px solid #d9d9d9 } .newsnav .newsdate { color: #555555; font-size: 11px; } .newsnav a.selected { font-weight: bold } .newsnav a { color: #3e7fb6; text-decoration: none } .newsnav a:hover { color: black; text-decoration: none } .art_date { margin-bottom: 30px; margin-top: -20px; font-size: 11px; color: #555555 } #art_submenu { float: right; width: 200px; } .menunav { padding: 10px; border-bottom: 1px solid #d9d9d9 } .menunav a.selected, li.current_page_item { font-weight: bold } .menunav a { color: #3e7fb6; text-decoration: none } .menunav a:hover { color: black; text-decoration: none } .subnav, .subnav2 { padding: 10px; padding-left: 30px; font-size: 11px; border-bottom: 1px solid #d9d9d9 } .subnav a.selected, .subnav2 a.selected { font-weight: bold } .subnav a, .subnav2 a { color: #333333; text-decoration: none } .subnav a:hover, .subnav2 a:hover { color: #3e7fb6; text-decoration: none } .subnav2 { padding-left: 50px } .sub_top { line-height: 0px } h1.contentheadline { color: #8f8f8f; margin-bottom: 0px } h2 { color: #4892bf; font-style: italic; font-size: 17px; margin-bottom: 20px; margin-top: 30px; font-weight: normal } #SitemapContainer { text-align: left } .art_tags { font-style: italic; background: #e6fffe; padding: 8px 12px } #searchres { text-align: left } #searchres ul { line-height: 22px } #artres { float: left; width: 60% } #kwres { float: right; width: 35% } #ArticleListContainer { text-align: left; line-height: 17px } .ArticleList li{ margin-top: 15px }