/* ------------------------------------------------------------------- Kunstmaan - LIJN - 24/02/2010 UZ BRUSSEL updated 06/08/2010 1. Page Structure 2. Miscellaneous 3. Typo 4. Searchbox 5. Menu 6. Elements @ home 7. Navigation @ sub 8. News 9. Search results 10. Calendar 11. Minisite 12. Additions ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- 0. Testing ------------------------------------------------------------------- */ #language #bg { background:url(../img/css_bg/shadows-language.jpg) no-repeat 50% 0; } #language #container { margin-top:45px; background:url(../img/css_bg/bg-container-language.jpg) no-repeat 0 0; } #language #menu { background:url(../img/css_bg/bg-menu-head-language.jpg) no-repeat 0 0; min-height:250px; margin:0; } #language #menu #menu_head .columns { background:none; } #language #menu #menu_head .last a { color:#fff; } #language #menu #menu_body .columns { background:url(../img/css_bg/bg-menu-body-language.jpg) no-repeat 0 100%; } #language #menu #menu_body .column { min-height:210px; } #language #menu #menu_body .last { background:none; } #language #menu #menu_body .column p { padding:9px 14px; } /* ------------------------------------------------------------------- 1. Page Structure ------------------------------------------------------------------- */ #bg_searchbox { background:#fff url(../img/css_bg/bg-searchbox.gif) repeat-x 0 0; } body#subpage #bg_searchbox { background-image:url(../img/css_bg/bg-searchbox-subpage.gif); } body#subpage_minisite #bg_searchbox { background-image:url(../img/css_bg/bg-searchbox-subpage-minisite.gif); } body#subpage_minisite_oranje #bg_searchbox { background-image:url(../img/css_bg/bg-searchbox-subpage-minisite-oranje.gif); } #bg { background:transparent url(../img/css_bg/shadows.jpg) no-repeat 50% 0; min-height:741px; } body#subpage #bg { background-image:url(../img/css_bg/shadows-subpage.jpg); } body#subpage_minisite #bg { background-image:url(../img/css_bg/shadows-subpage-minisite.jpg); } body#subpage_minisite_oranje #bg { background-image:url(../img/css_bg/shadows-subpage-minisite-oranje.jpg); } #header { width:900px; height:115px; overflow:hidden; margin:0 auto; position:relative; } #logo { position:absolute; top:15px; left:30px; /*float:left; padding:15px 0 0 30px;*/ width:170px; z-index:1; } body#subpage_minisite #logo { width:300px; } body#subpage_minisite_oranje #logo { width:300px; } #nav_header { position:absolute; top:20px; right:20px; /*float:left;*/ width:680px; z-index:2; /*padding:20px 20px 0 0;*/ } /*body#subpage_minisite #nav_header { width:550px; } body#subpage_minisite_oranje #nav_header { width:550px; } */ ul#nav_top, ul#nav_language, ul#nav_style { float:right; } ul#nav_language { border:#5F604A 1px solid; border-width:0 1px; margin:0 6px; padding:0 6px; } ul#nav_style { padding-left:6px; margin-top:-3px; } ul#nav_top li, ul#nav_language li, ul#nav_style li { display:inline; text-transform:uppercase; padding:0 6px; } ul#nav_style li { padding:0; } #photo { width:900px; height:340px; overflow:hidden; margin:0 auto; background:no-repeat 0 0; position:relative; } body#subpage_minisite #photo { height:232px; } body#subpage_minisite_oranje #photo { height:232px; } #header_lnk { position:absolute; top:235px; left:545px; height:28px; line-height:28px; } #header_lnk a { display:block; color:#fff; text-decoration:none; /*background:url(../img/icons/arrow-header-lnk.gif) no-repeat 100% 60%;*/ padding-right:14px; } #header_lnk a:hover { text-decoration:underline; } body#subpage_minisite_oranje #header_lnk { position:absolute; top:170px; left:465px; height:28px; line-height:28px; } body#subpage_minisite_oranje #header_lnk a { display:block; font-size:1.08em; color:#fff; text-decoration:none; background:url(../img/icons/arrow-header-lnk-minisite.gif) no-repeat 100% 60%; padding-right:14px; } body#subpage_minisite_oranje #header_lnk { position:absolute; top:170px; left:465px; height:28px; line-height:28px; } body#subpage_minisite_oranje #header_lnk a { display:block; font-size:1.08em; color:#fff; text-decoration:none; background:url(../img/icons/arrow-header-lnk-minisite.gif) no-repeat 100% 60%; padding-right:14px; } .wrapper { width:950px; margin:0 auto; } #container { width:900px; margin:0 auto; background-color:#fff; } body#subpage #container { padding-bottom:1em; min-height:511px; } #footer .wrapper { width:900px; } #footer { border-top:#EDEDED 1px solid; padding:20px 0; } #footer a:link, #footer a:visited, #footer a:active { color:#333; } #footer a:hover { text-decoration:none; } /* Page Structure @ sub */ body#subpage #container .columns .column { float:left; width:253px; } body#subpage #container .columns #nav_side { width:189px; padding:0 42px 0 12px; } body#subpage #container .columns #content { width:647px; width:597px; padding-right:50px; } body#subpage_minisite #container .columns #nav_side { width:189px; padding:0 42px 0 12px; } body#subpage_minisite #container .columns #content { width:647px; width:597px; padding-right:50px; } body#subpage_minisite_oranje #container .columns #nav_side { width:189px; padding:0 42px 0 12px; } body#subpage_minisite_oranje #container .columns #content { width:647px; width:597px; padding-right:50px; } #nav_side ul li { width:189px; border-bottom:#ccc 1px solid; overflow:hidden; } #nav_side ul li a { display:block; min-height:40px; color:#464739; text-decoration:none; line-height:130%; } #nav_side ul li a span { display:block; padding:12px 30px 12px 10px; } #nav_side ul li a:hover { color:#fff; background:#AEB700 url(../img/css_bg/bg-nav-side-on.jpg) repeat-x 0 100%; } #nav_side ul li a:hover span { background:url(../img/icons/ico-nav-side.gif) no-repeat 95% 50%; } body#subpage_minisite #nav_side ul li a:hover { color:#fff; background:#12A1C3 url(../img/css_bg/bg-nav-side-on-blue.jpg) repeat-x 0 100%; } body#subpage_minisite #nav_side ul li a:hover span { background:url(../img/icons/ico-nav-side-blue.gif) no-repeat 95% 50%; } body#subpage_minisite_oranje #nav_side ul li a:hover { color:#fff; background:#FF9900 url(../img/css_bg/bg-nav-side-on-orange.jpg) repeat-x 0 100%; } body#subpage_minisite_oranje #nav_side ul li a:hover span { background:url(../img/icons/ico-nav-side-orange.gif) no-repeat 95% 50%; } #nav_side ul li ul.nav_side_sub { display:none; padding-left:21px; } #nav_side ul li ul.nav_side_sub li { width:168px; border-style:dotted; overflow:hidden; } #nav_side ul li ul.nav_side_sub li.last { border:0; padding-bottom:0; } #nav_side ul li.open ul.nav_side_sub { display:block; } #nav_side ul li.open a { color:#ABB201; } #nav_side ul li.open a:hover { color:#fff; } #nav_side ul li.open a span { background:url(../img/icons/ico-nav-side-open.gif) no-repeat 95% 50%; } #nav_side ul li.open a:hover span { background:url(../img/icons/ico-nav-side.gif) no-repeat 95% 50%; } #nav_side ul li.open ul.nav_side_sub li a { color:#464739; } #nav_side ul li.open ul.nav_side_sub li a:hover { color:#fff; } #nav_side ul li.open ul.nav_side_sub li a span { background:none; } #nav_side ul li.open ul.nav_side_sub li a:hover span { background:url(../img/icons/ico-nav-side.gif) no-repeat 95% 50%; } #nav_side ul li.open ul.nav_side_sub li.in { border:0; } #nav_side ul li.open ul.nav_side_sub li.in a span {background:url(../img/icons/ico-nav-side.gif) no-repeat 95% 50%;} body#subpage_minisite #nav_side ul li.open a { color:#12A0C3; } body#subpage_minisite #nav_side ul li.open a:hover { color:#fff; } body#subpage_minisite #nav_side ul li.open a span { background:url(../img/icons/ico-nav-side-open-blue.gif) no-repeat 95% 50%; } body#subpage_minisite #nav_side ul li.open a:hover span { background:url(../img/icons/ico-nav-side-blue.gif) no-repeat 95% 50%; } body#subpage_minisite #nav_side ul li.open ul.nav_side_sub li a span { background:none; } body#subpage_minisite #nav_side ul li.open ul.nav_side_sub li a:hover span { background:url(../img/icons/ico-nav-side-blue.gif) no-repeat 95% 50%; } body#subpage_minisite #nav_side ul li.open ul.nav_side_sub li.in a span {background:url(../img/icons/ico-nav-side-blue.gif) no-repeat 95% 50%;} body#subpage_minisite_oranje #nav_side ul li.open a { color:#FF9900; } body#subpage_minisite_oranje #nav_side ul li.open a:hover { color:#fff; } body#subpage_minisite_oranje #nav_side ul li.open a span { background:url(../img/icons/ico-nav-side-open-orange.gif) no-repeat 95% 50%; } body#subpage_minisite_oranje #nav_side ul li.open a:hover span { background:url(../img/icons/ico-nav-side-orange.gif) no-repeat 95% 50%; } body#subpage_minisite_oranje #nav_side ul li.open ul.nav_side_sub li a span { background:none; } body#subpage_minisite_oranje #nav_side ul li.open ul.nav_side_sub li a:hover span { background:url(../img/icons/ico-nav-side-orange.gif) no-repeat 95% 50%; } body#subpage_minisite_oranje #nav_side ul li.open ul.nav_side_sub li.in a span {background:url(../img/icons/ico-nav-side-orange.gif) no-repeat 95% 50%;} #nav_side ul li.in a { color:#fff; background:#AEB700 url(../img/css_bg/bg-nav-side-on.jpg) repeat-x 0 100%; } #nav_side ul li.in a span { background:url(../img/icons/ico-nav-side.gif) no-repeat 95% 50%; } #nav_side ul li ul.nav_side_sub li.in a { color:#fff; } body#subpage_minisite #nav_side ul li.in a { background:#12A1C3 url(../img/css_bg/bg-nav-side-on-blue.jpg) repeat-x 0 100%; } body#subpage_minisite #nav_side ul li.in a span { background:url(../img/icons/ico-nav-side-blue.gif) no-repeat 95% 50%; } body#subpage_minisite #nav_side ul li ul.nav_side_sub li.in a { color:#fff; } body#subpage_minisite_oranje #nav_side ul li.in a { background:#FF9900 url(../img/css_bg/bg-nav-side-on-orange.jpg) repeat-x 0 100%; } body#subpage_minisite_oranje #nav_side ul li.in a span { background:url(../img/icons/ico-nav-side-orange.gif) no-repeat 95% 50%; } body#subpage_minisite_oranje #nav_side ul li ul.nav_side_sub li.in a { color:#fff; } /* ------------------------------------------------------------------- 2. Miscellaneous ------------------------------------------------------------------- */ div.hr hr { display:none; } #content ul { list-style:disc; padding:15px; } #content ul li { list-style:disc; line-height:150%; } #content ol { list-style:decimal; padding:20px; } #content ol li { list-style:decimal; line-height:150%; } #content ul li a, #content ol li a { color:#ABB200; } .anchor_top { text-align:right; margin:0 0 1em; } .anchor_top a { color:#575844; background:url(../img/icons/ico-top.gif) no-repeat 0 50%; padding-left:19px; } .solo_photo { margin-bottom:1em; } .solo_photo .img { float:left; background-color:#ECECEC; font-size:0.85em; } .solo_photo .desc { padding:6px; font-weight:bold; } p.more { text-align:right; } p.more a { font-weight:bold; text-decoration:none; color:#242424; background:url(../img/icons/ico-news.gif) no-repeat 100% 60%; padding-right:20px; } p.more a:hover { text-decoration:underline; } .columns .column { float:left; } em { font-style:italic; } p.sort { border-bottom:#ccc 1px solid; } p.sort span { padding:0 5px; background:url(../img/icons/ico-down.gif) no-repeat 0 50%; padding-left:15px; margin:0 8px; } p.sort span.down { background-image:url(../img/icons/ico-up.gif); } p.sort span a { text-decoration:none; } /* ------------------------------------------------------------------- 3. Typo ------------------------------------------------------------------- */ /* Relative font sizes: - every other font size is derived from the base size (13px = 0.81em) - use the em calculator to calculate your font size : http://riddle.pl/emcalc/ */ body { font-family:Verdana, Geneva, sans-serif; font-size:0.81em; color:#333; } p { color:#242424; line-height:150%; margin:0 0 1em; } /*p */a { color:#ABB200; } body#subpage_minisite p a { color:#12A0C3; } body#subpage_minisite_oranje p a { color:#FF9900; } ul#nav_top, ul#nav_language, ul#nav_style { font-size:0.69em; font-weight:bold; } ul#nav_top a, ul#nav_language a, ul#nav_style a { text-decoration:none; } ul#nav_top a { color:#000; } ul#nav_language a, ul#nav_style a { color:#333; } ul#nav_style a.large { font-size:1.33em; } #header_lnk a { font-size:1.38em; } .input_submit { font-size:1.38em; } #searchbar label { font-size:1.38em; } #searchbar label.small { font-size:0.92em; } #searchbar .input_submit input { font-size:1em; } #menu #menu_head { font-size:1.38em; } #menu #menu_body .column ul li { font-size:0.92em; } #lnk_jobs { font-size:1.38em; } #banner_news_acts p { font-size:1.38em; } #banner_news_acts p.all { font-size:1em; } #banner_news_acts .column .carousel li a { font-size:1.38em; } #footer { font-size:0.85em; } #nav ul li a { font-size:1.08em; } #crumb p { font-size:0.85em; } h1 { font-size:2.31em; color:#ABB200; margin:0 0 1em; } h2 { font-size:1.38em; color:#545541; margin:0 0 1em; } h3 { font-size:1.15em; color:#99A000; margin:0 0 1em; } h4 {} h5 {} h6 {} body#subpage_minisite h1 { color:#12A0C3; } body#subpage_minisite h3 { color:#12A0C3; } body#subpage_minisite_oranje h1 { color:#FF9900; } body#subpage_minisite_oranje h3 { color:#FF9900; } table { width:100%; background-color:#ECECEC; } table caption { font-size:0.85em; font-weight:bold; padding:6px 0; } td, th { font-size:0.85em; /*vertical-align:middle;*/ padding:6px; /*text-align:center;*/ border:#E0E0E0 1px solid; border-width:0 1px 1px 0; } th { font-weight:bold; } tr.odd { background-color:#F8F8F8; } .paginator { font-size:0.85em; } .calendar_item p { font-size:0.92em; } .calendar_item p em { font-size:1.08em; } table.calendar_month caption { font-size:1.45em; } #subpage_minisite #logo h1 { font-size:2.08em; } body#subpage_minisite_oranje h1 { font-size:2.08em; } /* ------------------------------------------------------------------- 4. Searchbox ------------------------------------------------------------------- */ #searchbar { padding-left:14px; padding-top:6px; height:39px; width:886px; margin:0 auto; } body#subpage #searchbar { padding-left:20px; width:880px; } #searchbar div { float:left; padding-top:5px; } #searchbar .input_txt { height:22px; } #searchbar label { color:#fff; padding:0 5px 0 0; } #searchbar label.small { padding:0 5px 0 15px; } #searchbar .label { padding-top:10px; } #searchbar input { background:none; border:0; } #searchbar .input_txt input { display:inline; width:360px; border:#ccc 1px solid; background-color:#FFF; } #searchbar .selectbox { padding-right:10px; } #searchbar .selectbox select { width:170px; } #searchbar .input_submit { padding:0 0 0 5px; } #searchbar .input_submit input { border:0; background:transparent url(../img/btns/btn-send.jpg) no-repeat 0 0; color:#fff; width:96px; height:29px; } /* ------------------------------------------------------------------- 5. Menu ------------------------------------------------------------------- */ #menu { margin-bottom:9px; } #menu .column { float:left; width:225px; } #menu #menu_head .columns { height:40px; background:url(../img/css_bg/bg-menu-head.jpg) no-repeat 0 0; } #menu #menu_head .column { line-height:40px; } #menu #menu_head a { color:#fff; text-decoration:none; display:block; width:211px; padding-left:14px; } #menu #menu_head a:hover { text-decoration:underline; } #menu #menu_head .last a { color:#2A8AA5; } #menu #menu_body .columns { background:#fff url(../img/css_bg/bg-menu-body.jpg) repeat-x 0 100%; } #menu #menu_body .column ul { padding-left:14px; padding-top:9px; } #menu #menu_body .column ul li {} #menu #menu_body .column ul li a:link, #menu #menu_body .column ul li a:visited, #menu #menu_body .column ul li a:active { display:block; width:211px; padding:0.50em 0; color:#333; text-decoration:none; } #menu #menu_body .column ul li a:hover { text-decoration:underline; } #menu #menu_body .last { background:url(../img/css_bg/bg-menu-item-children.jpg) no-repeat 0 0; } #menu #menu_body .last a { display: inline-block; } /* ------------------------------------------------------------------- 6. Elements @ home ------------------------------------------------------------------- */ #lnk_jobs { background:url(../img/css_bg/bg-lnk-jobs.gif) no-repeat 0 0; height:56px; padding-left:22px; color:#fff; margin-bottom:5px; line-height:39px; } #lnk_jobs span { padding-left:52px; } #lnk_jobs a:link, #lnk_jobs a:visited, #lnk_jobs a:active { display:block; width:878px; color:#fff; text-decoration:none; } #lnk_jobs a:hover span { text-decoration:underline; } #banner_news_acts { margin-bottom:10px; } #banner_news_acts .column { float:left; width:450px; overflow:hidden; } #banner_news_acts .last { width:430px; padding-left:20px; } #banner_news_acts p { margin:0 0 1em; } #banner_news_acts .column ul li {} #banner_news_acts .column ul li a { display:block; width:430px; padding:1em 0 0 0; text-decoration:none; color:#333; } #banner_news_acts .column ul li a strong { color:#5F5F4A; float:left; width:45px; margin-right:10px; font-weight:normal; } #banner_news_acts .column ul li a span { float:left; float:left; width:375px; padding-bottom:10px; border-bottom:#ccc 1px solid; } #banner_news_acts .column ul li.last { padding-left:0; } #banner_news_acts .column ul li.last a span { border:0; } #banner_news_acts .column ul li a:hover span { text-decoration:underline; } #banner_news_acts .hr { background-color:#666; height:3px; margin:0 0 1em; } #banner_news_acts p.all { text-align:right; } #banner_news_acts p.all a { color:#333; font-weight:bold; text-decoration:none; } #banner_news_acts p.all a:hover { text-decoration:underline; } /** Carousel */ #banner_news_acts .column .carousel li { display:block; width:434px; height:344px; overflow:hidden; background:url(../img/css_bg/bg-carousel.gif) no-repeat 0 0; padding:9px; position:relative; } #banner_news_acts .column .carousel li a { position:absolute; display:block; z-index:2; /*width:434px;*/ width:354px; height:43px; overflow:hidden; left:9px; top:268px; display:block; background:url(../img/css_bg/bg-lnk-carousel.png) no-repeat 0 0; color:#fff; text-align:right; padding:20px 40px 0 40px; } #banner_news_acts .externalControl button { display:block; width:13px; height:12px; float:left; margin-right:8px; border:0; background:transparent url(../img/icons/carousel-off.gif) no-repeat 0 0; text-indent:-8888px; } #banner_news_acts .externalControl button.on { background-image:url(../img/icons/carousel-on.gif); } body#subpage_minisite #banner_news_acts .column .carousel li { height:193px; background-image:url(../img/css_bg/bg-carousel-minisite.gif); } body#subpage_minisite #banner_news_acts .column .carousel li p { display:block; margin:0; height:126px; background-color:#12A1C3; color:#fff; padding:0 9px; font-size:1.77em; } body#subpage_minisite #banner_news_acts .column .carousel li p span { display:block; color:#A7DCE9; font-size:0.57em; } body#subpage_minisite #banner_news_acts .column .carousel li a { height:38px; top:135px; background-image:url(../img/css_bg/bg-lnk-carousel-minisite.gif); padding:10px 40px 0 40px; } body#subpage_minisite #banner_news_acts .externalControl button.on { background-image:url(../img/icons/carousel-on-blue.gif); } /* ------------------------------------------------------------------- 7. Navigation @ sub ------------------------------------------------------------------- */ #nav { width:900px; margin:0 auto; } #nav ul { width:900px; height:30px; overflow:hidden; } #nav ul li { float:left; } #nav ul li a { display:block; padding:0 20px; line-height:30px; color:#fff; text-decoration:none; border-left:#39392C 1px solid; border-right:#87886D 1px solid; } #nav ul li.first a { border-left:0; } #nav ul li.last a { border-right:0; } #nav ul li a:hover { border-left-color:#878877; background:url(../img/css_bg/bg-nav.gif) repeat-x 0 0; } #nav ul li a.in { border-left-color:#878877; background:url(../img/css_bg/bg-nav.gif) repeat-x 0 0; } #crumb { width:874px; margin:0 auto; background-color:#fff; padding:13px; } #crumb span { padding:0 0 0 10px; } #crumb a { background:url(../img/icons/ico-crumb.gif) no-repeat 100% 50%; padding:0 15px 0 0; color:#333; text-decoration:none; } #crumb a:hover { text-decoration:underline; } /* ------------------------------------------------------------------- 8. News ------------------------------------------------------------------- */ #container #content #news .news_item { border-bottom:#ccc 1px solid; margin:0 0 1em; } #container #content #news .news_item .column01 { width:62px; } #container #content #news .news_item .column01 p { color:#5F5F4A; } #container #content #news .news_item .column02 { width:471px; } #container #content #news .news_item .column02 p a { text-decoration:none; color:#242424; } #container #content #news .news_item .column02 p a:hover { text-decoration:underline; } #container #content #news .news_item .column03 {} /* ------------------------------------------------------------------- 9. Search results ------------------------------------------------------------------- */ #search { padding:13px; } #search h2 span { font-size:0.72em; } #search h2 span a { color:#545541; } #search #search_categories { background:#F7F7F7 url(../img/css_bg/bg-search-cat-repeat.jpg) repeat-y 0 0; } body#subpage #search #search_categories .columns { background:url(../img/css_bg/bg-search-cat.jpg) no-repeat 0 100%; } body#subpage #search #search_categories .columns .column { width:192px; padding:13px; } body#subpage #search #search_categories .columns .column01 { width:411px; } body#subpage #search #search_categories .columns .column03 {} #search #search_categories .column01 ul { display:block; width:205px; float:left; } #search #search_categories ul li { line-height:130%; margin:0 0 1em; } #search #search_categories ul li a { color:#52523F; } #search #search_categories ul li a:hover { text-decoration:none; } #search #search_categories ul li.in { color:#ABB200; } #search #search_categories ul li.in a { color:#ABB200; } #search .search_item { border-bottom:#ccc 1px solid; margin:0 0 1em; } #search .last { border:0; } #search .search_item h2 { color:#ABB200; font-size:1.47em; } #search .search_item h2 a { color:#ABB200; text-decoration:none; } #search .search_item h2 a:hover { text-decoration:underline; } #search .search_item p a { text-decoration:none; color:#242424; } #search .search_item p a:hover { text-decoration:underline; } #search .search_item #crumb { padding:0; } #search .search_item #crumb a { color:#8D8D8D; background-image:url(../img/icons/ico-search.gif); } #search .search_item #crumb span.first { padding:0; } #search .search_item #crumb span.last a { background:none; } .zoeknav .volgende { float:right; } .zoeknav .vorige { float:left; } .paginator { text-align:center; border-bottom:#ABB201 1px solid; padding:6px; margin:3em 0; } .bottom { border:0; border-top:#ABB201 1px solid; } .paginator a { color:#414133; padding:6px; text-decoration:none; } .paginator a.prev { color:#fff; background:url(../img/icons/ico-prev.gif) no-repeat 100% 50%; padding-right:10px; } .paginator a.next { color:#fff; background:url(../img/icons/ico-next.gif) no-repeat 0 50%; padding-left:10px; } .paginator span { padding:6px; } .paginator span strong { padding:6px; background-color:#ABB201; color:#fff; } /* ------------------------------------------------------------------- 10. Calendar ------------------------------------------------------------------- */ #calendar .calendar_item { border-bottom:#ccc 1px solid; margin:0 0 1em; } #calendar .last { border:0; } .calendar_item p { color:#858585; line-height:140%; } .calendar_item h3 { line-height:125%; } .calendar_item p em { color:#333; font-weight:bold; } .calendar_item .date { margin:0 0 1em; } .calendar_item .date div { float:left; background:#FCFCFC url(img/css_bg/bg-date-calendar.jpg) repeat-x 0 100%; border:#ccc 1px solid; min-height:35px; line-height:35px; margin-right:5px; padding:0 8px; } .calendar_item .date div.no { background:none; border:0; line-height:24px; } body#subpage #container .calendar_item .columns .column { width:412px; } body#subpage #container .calendar_item .columns .column02 { width:222px; padding:0 0 0 13px; } body#subpage #calendars .columns .column { width:auto; margin-right:20px; background:url(../img/css_bg/shadow.jpg) no-repeat 0 100%; padding-bottom:10px; } #calendars { margin:0 0 1em; } #calendars .bg_calendar { border:#ccc 1px solid; background:#FCFCFC url(../img/css_bg/bg-calendar.jpg) repeat-x 0 100%; padding:13px; } #calendars table caption { text-align:center; color:#545541; margin:0 0 20px; padding:10px 0; } #calendars table caption a.prev { display:block; float:left; height:20px; width:7px; background:url(../img/icons/ico-calendar-prev.gif) no-repeat 0 50%; text-indent:-9999px; padding-left:7px; } #calendars table caption a.next { display:block; float:right; height:20px; width:7px; background:url(../img/icons/ico-calendar-next.gif) no-repeat 0 50%; text-indent:-9999px; padding-right:7px; } #calendars table caption span { display:block; float:left; height:20px; width:181px; text-align:center; font-weight:bold; line-height:20px; } #calendars table.calendar_month caption span { font-weight:normal; } #calendars table { background-color:#fff; border:#F3F3F3 1px solid; width:211px; } #calendars table td.today { background-color:#ABB201; color:#fff; } #calendars table td.grayedout { color:#CCC; } #calendars table td.activity a { color:#333; } #calendars table.calendar_month td { padding:7px 0; } /* ------------------------------------------------------------------- 11. Minisite ------------------------------------------------------------------- */ #subpage_minisite #logo h1 { color:#333; } #intro { background:#FBFBFC url(../img/css_bg/bg-intro.jpg) repeat-x 0 100%; margin:0 0 1em; } #intro h2 { color:#333; } #intro .column { width:438px; padding:13px; } #intro .column02 { width:410px; } #intro .column02 ul { width:313px; margin:0 0 1em; } #intro .column02 li { padding:12px 0; border-bottom:#ccc 1px solid; font-size:0.92em; } #intro .column02 li a { color:#333; text-decoration:none; } /* share */ p.a_right { text-align:right; } /* .a2a_dd { background:url(../img/icons/ico-share.gif) no-repeat 0 50%; padding-left:20px; color:#575844; text-decoration:none; } */ /* print */ p.print a { display:block; height:22px; float:right; border:1px solid; border-color:#7E8064 #22221A #22221A #7E8064; text-decoration:none; padding:0 6px; background: url(../img/css_bg/bg-btn.gif) repeat-x 0 0; color:#fff; line-height:22px; } p.print a span { background:url(../img/icons/ico-print.gif) no-repeat 0 50%; padding-left:25px; color:#fff; } /* ------------------------------------------------------------------- 12. Additions ------------------------------------------------------------------- */ span.formr table { width:auto; } h2 a { color:#ABB200; } .paragraaf { display:table; width:100%; line-height:150%; margin:0 0 1em; } .formrow { margin-left:8px; padding:2px; } .formrow .forml { float:left; padding-top:3px; width:150px; } #sitemap ul li a { color:#333; } #sitemap ul li ul { padding:0 15px; } #sitemap ul li ul li ul li ul { padding-bottom:15px; } .zoekbox { margin:0 0 1em; } .zoekbox .zoek-l { float:left; width:298px; } .zoekbox .zoek-r { float:left; width:298px; } .zoekbox label { font-size:1.38em; color:#52533F; } .zoekbox input.inputtxt_medium { width:250px; height:20px; line-height:20px; border:#A7A7A7 1px solid; margin:0 0 1em; background:url(../img/css_bg/bg-input.gif) repeat-x 0 0; } .zoekbox select.dropdown_small { width:250px; height:22px; border:#A7A7A7 1px solid; margin:0 0 1em; background:url(../img/css_bg/bg-input.gif) repeat-x 0 0; } .zoekbox .knop_box { padding-right:48px; margin:0 0 1em; } .zoekbox .knop { border:0; background:none; display:block; height:22px; float:right; border:1px solid; border-color:#7E8064 #22221A #22221A #7E8064; background-color:#7E8064; color:#fff; cursor:pointer; } input.inputtext { width:190px; height:20px; line-height:20px; border:#A7A7A7 1px solid; background:url(../img/css_bg/bg-input.gif) repeat-x 0 0; } textarea.inputtextarea { width:390px; height:120px; border:#A7A7A7 1px solid; background:url(../img/css_bg/bg-input.gif) repeat-x 0 0; } input.inputsubmit { border:0; background:none; display:block; height:22px; float:right; border:1px solid; border-color:#7E8064 #22221A #22221A #7E8064; background-color:#7E8064; color:#fff; cursor:pointer; margin-right:44px; } .error p { color:#FF0000; font-size:0.8em; } p.mute { font-size:0.8em; color:#333; } #enews { width:360px; } #enews #function .formrow span { display:block; } #enews #function .formrow .forml { float:none; width:auto; } #enews #function .formrow .forml label { color:#52523F; font-size:1.15em; font-weight:bold; } #enews #function table { background-color:transparent; } #enews #function table td { border:0; padding:3px 0; } #enews #function table td label { padding:0 25px 0 12px; } #enews input.inputsubmit { margin-right:0; } .links .item { border-bottom:#ccc 1px solid; } .links .item h2 a { text-decoration:none; } .links .item h2 a:hover { text-decoration:underline; } #content div.list_double { border-bottom:#666 3px solid; margin:0 0 2em; } #content div.list_double ul { float:left; display:block; width:268px; margin:0 0 1em; } #content div.list_double ul li { list-style:url(../img/icons/ico-bull-arrow.gif); } #who .zoekbox { width:298px; float:left; } #who .zoekbox .knop { margin-right:48px; } .list_double .paragraaf { width:298px; float:left; } #address { display:block; background:url(../img/css_bg/bg-thin-box.jpg) no-repeat 0 0; min-height:120px; width:220px; padding:15px 30px 15px 15px; } #address address { font-style:normal; } #address address span { display:block; margin:0 0 0.55em; } #address address span.name { font-weight:bold; } #address address span.mail { margin:0; } #address address span.mail a:link, #address address span.mail a:visited, #address address span.mail a:active { color:#242424; } #address address span.mail a:hover { text-decoration:none; } .box_grey { background-color:#EDEDED; padding:7px 15px; margin:0 0 1em; } .box_grey p { margin:0; font-size:0.9em; } .persberichten .item { border-bottom:#ccc 1px solid; margin:0 0 1em; } .persberichten .item div { float:left; } .persberichten .item .date { width:112px; } .persberichten .item .copy { width:485px; } .persberichten .item .copy h2 { color:#ABB200; } .box_big_grad { background:url(../img/css_bg/bg-box-grad.jpg) no-repeat 0 0; padding:15px; } .box_big_grad h2 { color:#242424; font-size:1.4em; } .box_big_grad .kader h2 { font-size:1.1em; } .box_big_grad .paragraaf { margin:0; } #content .dienstenlijst {} #content .dienstenlijst .row {} #content .dienstenlijst .even { background-color:#f0f0f0; } #content .dienstenlijst .row .colla, #content .dienstenlijst .row .collb { float:left; width:298px; } #content .dienstenlijst .row .colla a.blue, #content .dienstenlijst .row .collb a.blue { display:block; float:left; width:241px; padding:6px 10px; text-decoration:none; color:#333; background:url(../img/icons/bull_lgow.gif) no-repeat 100% 50%; line-height:120%; } #content .dienstenlijst .row .colla a.blue:hover, #content .dienstenlijst .row .collb a.blue:hover { text-decoration:underline; } #content .dienstenlijst .row .colla a.info, #content .dienstenlijst .row .collb a.info { position:relative; display:block; float:left; width:17px; height:16px; background:none; padding:6px 5px; position:relative; text-decoration:none; } #content .dienstenlijst .row .colla a.info span.infoBox, #content .dienstenlijst .row .collb a.info span.infoBox { display:block; overflow:hidden; position:absolute; display:none; z-index:20000; width:273px; color:#FFFFFF; font-size:12px; left:25px; top:-14px; cursor:default; } #content .dienstenlijst .row .colla a.info:hover span.infoBox, #content .dienstenlijst .row .collb a.info:hover span.infoBox { display:block; } #content .dienstenlijst .row .colla a.hover span.infoBox, #content .dienstenlijst .row .collb a.hover span.infoBox { display:block; } a.info span.infoBox span.infoBoxTop {display:block; width:273px; height:11px; background:url(../img/css_bg/bg_top_info.gif) no-repeat bottom right;} a.info span.infoBox span.infoBoxMid {display:block; width:273px; min-height:26px; background:url(../img/css_bg/bg_mid_info.gif) no-repeat top left;} a.info span.infoBox span.infoBoxMidTxt {display:block; margin-left:12px; width:241px; padding:5px 10px; background-color:#5C5D48; text-decoration:none;} a.info span.infoBox span.infoBoxBot {display:block; width:273px; height:11px; background:url(../img/css_bg/bg_bot_info.gif) no-repeat top right;} .consultation { margin:0 0 1em; } .consultation .what { background-color:#ECECEC; line-height:30px; } .consultation .what a { color:#313131; text-decoration:none; background:url(../img/icons/ico-consult-close.gif) no-repeat 16px 50%; padding-left:40px; } .consultation .what a:hover { text-decoration:underline; } .consultation .when { margin-left:40px; display:none; } .consultation .when .copy { border-bottom:#EDEDED 1px solid; padding:1.5em 0; } .consultation .when .copy p { margin:0; } .consultation .when caption { padding:1.5em 0; } .consulting .what { background-color:#FF9900; } .consulting .what a { color:#fff; background-image:url(../img/icons/ico-consult-open.gif); } .consulting .when { display:block; } #content ul.appointments { padding:0; margin:0 0 1em; } #content ul.appointments li { list-style:none; } #content ul.appointments li span { display:block; float:left; padding:0 6px 0 0; width:190px; } /* frank */ /* Inhoud Blokken */ div.spacer { line-height: 1px; } img.smlright { float: right; margin-left: 12px; margin-bottom: 6px; margin-top: 0em; border-color: #ccc; border-width: 1px; border-style: solid; padding: 5px; } img.smlleft { float: left; margin-right: 12px; margin-bottom: 6px; margin-top: 0em; border-color: #ccc; border-width: 1px; border-style: solid; padding: 5px; } img.smltop { margin-left: 12px; margin-bottom: 6px; margin-top: .5em; border-color: #ccc; border-width: 1px; border-style: solid; padding: 5px; } img.smlbottom { margin-left: 12px; margin-bottom: 6px; margin-top: .5em; border-color: #ccc; border-width: 1px; border-style: solid; padding: 5px;} table.smlright{ float: right; margin-left: 12px; margin-bottom: 6px; margin-top: 0em; /*border-color: #ccc; border-width: 1px; border-style: solid;*/} table.smlleft { float: left; margin-right: 12px; margin-bottom: 6px; margin-top: 0em; /*border-color: #ccc; border-width: 1px; border-style: solid;*/} table.smltop{ margin-bottom: 6px; margin-top: .5em; /*border-color: #ccc; border-width: 1px; border-style: solid;*/} table.smlbottom{ margin-bottom: 6px; margin-top: .5em; /*border-color: #ccc; border-width: 1px; border-style: solid;*/} .legend { text-align:center; font-size: 0.8em;} /* ------------------------------------------------------------------- 13. Oncologie ------------------------------------------------------------------- */ .nieuws #content { font-family:Arial,Helvetica,sans-serif; } .nieuws #content ul.toc, .nieuws #content .toc { margin:0 0 20px; } .nieuws #content ul.toc, .nieuws #content .toc ul { padding:0; } .nieuws #content ul.toc li, .nieuws #content .toc ul li { list-style:none; height:30px; } .nieuws #content ul.toc li a, .nieuws #content .toc ul li a { display:block; background:url(../img/icons/ico-crumb.gif) no-repeat 0 50%; padding-left:12px; line-height:30px; color:#3D3D30; font-size:18px; font-weight:bold; text-decoration:none; } .nieuws #content ul.toc li a:hover, .nieuws #content .toc ul li a:hover { text-decoration:underline; } .nieuws div.hr hr { display:block; clear:both; float:none; with:100%; height:1px; margin: 0 0 25px; background:#CCC; color:#CCC; border:none; } .nieuws #content h1 { font-family:Verdana,Geneva,sans-serif; font-size:30px; } .nieuws #content h2 { background:url(../img/icons/ico-crumb.gif) no-repeat 0 50%; margin:0 0 25px 0; padding-left:12px; color:#FF9900; font-size:18px; font-weight:bold; } .nieuws #content p { font-size:12px; line-height:17px; } .nieuws .float-left { float:left; margin:0 15px 10px 0; } .nieuws .photo { text-align:center; } .nieuws .photo img { display:block; } .nieuws .photo .photocaption { display:block; padding: 9px; text-align:left; background-color:#ECECEC; color:#4C4C4C; font-size:11px; } .nieuws .links .item { border:none; } .nieuws .anchor_top, .nieuws .totop { clear:both; margin-bottom:20px; } .nieuws .anchor_top a, .nieuws .totop a { display:block; text-align:right; height:30px; line-height:30px; background:#ECECEC url(../img/arrow_gray_up.png) no-repeat 98% 55%; border-top:1px solid #CCC; color:#242424; font-size:13px; padding:0 30px 0 0; text-decoration:none; } .nieuws .anchor_top a:hover, .nieuws .totop a:hover { text-decoration:underline; /*background-color:#FF9900; border-top-color:#FF6600;*/ } .nieuws #content p.more, .nieuws .readmore { clear:both; float:left; width:100%; margin-bottom:15px;} .nieuws #content p.more a, .nieuws .readmore a { display:block; float:right; padding:0 12px 0 0; background:url(../img/arrow_orange_right.png) no-repeat 100% 65%; color:#FF6600; font-size:13px; font-weight:bold; text-decoration:underline; } .nieuws #content p.more a:hover, .nieuws .readmore a:hover { text-decoration:none; } .nieuws .paginator2 { clear:both; width:100%; margin-bottom:20px; text-align:center; } .nieuws .paginator2 a.prev, .nieuws .paginator2 a.next, .nieuws .paginator2 span.num strong, .nieuws .paginator2 span.num a { color:#333; font-size:13px; } .nieuws .paginator2 a.prev { float:left; } .nieuws .paginator2 a.next { float:right; } .nieuws .paginator2 span.num { } .nieuws .paginator2 a:hover { text-decoration:none; } .nieuws.detail #content h2 { color:#3D3D30; font-weight:bold;} .nieuws p.print { display:inline-block; float:right; } .nieuws p.print a { background:#404032 url(../img/print.png) repeat-x 0 0; text-transform:uppercase; height:21px; } .nieuws p.print a:hover { border-style:inset; } .nieuws.detail p.overzicht { display:inline-block; float:right; margin-right:10px; } body#subpage_minisite_oranje.nieuws.detail p.overzicht a, .nieuws.detail p.overzicht a { display:block; float:right; border:1px outset #22221A; background:#404032 url(../img/print.png) repeat-x 0 0; color:#FFF; text-decoration:none; padding:3px 7px 1px 7px; text-transform:uppercase; } body#subpage_minisite_oranje.nieuws.detail p.overzicht a span, .nieuws.detail p.overzicht a span{ color: #FFF; } body#subpage_minisite_oranje.nieuws.detail p.overzicht a:hover, .nieuws.detail p.overzicht a:hover { border-style:inset; } /* colors + images */ body#subpage_minisite.nieuws h2, body#subpage_minisite.nieuws h2 a, body#subpage_minisite.nieuws .nieuws .anchor_top a, body#subpage_minisite.nieuws .nieuws .totop a, body#subpage_minisite.nieuws #content p.more a, body#subpage_minisite.nieuws .readmore a { color:#12A0C3; } body#subpage_minisite.nieuws #content p.more a, body#subpage_minisite.nieuws .readmore a { background-image:url(../img/bull_arrow_bow.gif); } /* ------------------------------------------------------------------- Info Items Raadplegingen ------------------------------------------------------------------- */ #content #container_uren .consultation .what a.info { position:relative; display:block; float:left; width:17px; height:18px; background:none; padding:3px 5px; text-decoration:none; } #content #container_uren .consultation .what a.info img { margin: 4px; } #content #container_uren .consultation .what a.info span.infoBox { display:block; overflow:hidden; position:absolute; display:none; z-index:20000; width:273px; color:#FFFFFF; font-size:12px; left:25px; top:-14px; cursor:default; } #content #container_uren .consultation .what a.info:hover span.infoBox { display:block; } #content #container_uren .consultation .what a.hover span.infoBox { display:block; } a.info span.infoBox span.infoBoxTop {display:block; width:273px; height:11px; background:url(../img/css_bg/bg_top_info.gif) no-repeat bottom right;} a.info span.infoBox span.infoBoxMid {display:block; width:273px; min-height:26px; background:url(../img/css_bg/bg_mid_info.gif) no-repeat top left;} a.info span.infoBox span.infoBoxMidTxt {display:block; margin-left:12px; width:241px; padding:5px 10px; background-color:#5C5D48; text-decoration:none;} a.info span.infoBox span.infoBoxBot {display:block; width:273px; height:11px; background:url(../img/css_bg/bg_bot_info.gif) no-repeat top right;}