body{text-align: center;background: #E8E9EB url(images/bg.gif) repeat-x;font: 12px Arial, Helvetica, sans-serif;} .clear{clear: both;font-size: 1px;height: 1px;overflow: hidden;} a,a:link{color: #0a4678;} a:hover{} /* start: container */ #container{width: 1016px;margin: 0px auto;text-align: left;background: url(images/topnav-bg.gif) repeat-x;} /* start: header */ #container #header{background: url(images/topnav-left.gif) no-repeat;position: relative;} /* logo */ #container #header #logo{position: absolute;top: 60px;left: 30px;} /* topnav */ #container #header #topnav{background: url(images/topnav-right.gif) no-repeat right;height: 40px;} #container #header #topnav .wrapper{float: right;} /* siteSelector */ #container #header #topnav #siteSelector{float: left;} #container #header #topnav #siteSelector ul{position: relative;} #container #header #topnav #siteSelector ul li{} #container #header #topnav #siteSelector ul li a{} #container #header #topnav #siteSelector ul li a span.left{width: 33px;height: 36px;float: left;display: block;} #container #header #topnav #siteSelector ul li a span.center{float: left;height: 28px;padding-top:8px;color: #FFF;position: relative;display: block;padding-right: 33px;font-size: 11px;} #container #header #topnav #siteSelector ul li a span.center .arrow{position: absolute;right:0px;top: 10px;background: url(images/topnav-arrow.gif) no-repeat;width: 23px;height: 10px;} #container #header #topnav #siteSelector ul li a span.right{width: 33px;height: 36px;float: left;display: block;} #container #header #topnav #siteSelector ul li.hover a span.left{background: url(images/topnav-hover-left.png) no-repeat;} #container #header #topnav #siteSelector ul li.hover a span.center{background: url(images/topnav-hover-center.png) repeat-x;color: #19619D;} #container #header #topnav #siteSelector ul li.hover a span.center .arrow{background: url(images/topnav-arrow-hover.gif) no-repeat;} #container #header #topnav #siteSelector ul li.hover a span.right{background: url(images/topnav-hover-right.png) no-repeat;} #container #header #topnav #siteSelector ul li .submenu{display: none;padding-top: 10px;position: absolute;top: 36px;left: 0px;width: 272px;background: url(images/siteSelectorListTop.png) no-repeat;} #container #header #topnav #siteSelector ul li .submenu ul{background: url(images/siteSelectorListBg.png) no-repeat left bottom;padding-bottom: 25px;} #container #header #topnav #siteSelector ul li .submenu ul li{background: url(images/list-nav-li-dots.gif) repeat-x left bottom;margin: 0px 30px;} #container #header #topnav #siteSelector ul li .submenu ul li a{display: block;background: url(images/siteSelectorListArrow.png) no-repeat right 11px;padding: 6px 10px;text-decoration: none;color: #19619D;} #container #header #topnav #siteSelector ul li .submenu ul li a:hover{font-weight: bold;} #container #header #topnav #siteSelector ul li.hover .submenu{display: block;} /* networkError */ #container #header #topnav #networkError{float: left;background: url(images/networkError-icon.png) no-repeat right 3px;padding-right: 35px;margin: 8px 35px 0px 0px;color: #6F92B0;font-size: 11px;} #container #header #topnav #networkError a{color: #6F92B0;font-size: 11px;text-decoration: none;} /* Search */ #container #header #search{position: absolute;right: 13px;top: 55px;} #container #header #search form{} #container #header #search form .searchInput{background: url(images/globalSearch.gif) no-repeat;width: 127px;height: 20px;padding: 4px 10px 0px 10px;float: left;margin-top: 1px;} #container #header #search form .searchInput input{background: none;border:0;width: 117px;font-size: 11px;color: #919191;} #container #header #search form #globalSearchBtn{background: url(images/globalSearchBtn.gif) no-repeat;width: 45px;height: 24px;padding: 0px;float: left;border: 0;font-size: 1px;color: #FFF;text-align: left;cursor: pointer;} /* pnav */ #container #header #pnav{background: url(images/pnav-bg.gif) repeat-x;margin-top: 60px;margin-left: 4px;margin-right: 5px;} #container #header #pnav ul{background: url(images/pnav-left.gif) no-repeat;height: 56px;padding-left: 60px;} #container #header #pnav ul li{float: left;background: url(images/pnav-sep.gif) no-repeat 0px 9px;} #container #header #pnav ul li a{float: left;display: block;height: 38px;padding: 17px 15px 0px 15px;text-decoration: none;color: #00417D;} #container #header #pnav ul li a:hover, #container #header #pnav ul li.last a:hover{color: #77AA21;} #container #header #pnav ul li.active{} #container #header #pnav ul li.active a{color: #636363;font-weight: bold;} #container #header #pnav ul li.last{float: right;background: url(images/pnav-sep-login.gif) no-repeat 0px 9px;padding-left: 25px;} #container #header #pnav ul li.last a{float: left;display: block;height: 38px;padding: 17px 35px 0px 15px;background: url(images/pnav-right.gif) no-repeat right;font-weight: bold;color: #666666;} #container #header .servicedesk { position: absolute; display: block; left: 670px; top: 118px; } #container #header .servicedesk .servicedesk_title { float: left; display: block; color: #0A4678; padding-right: 10px; } #container #header .servicedesk .servicedesk_number { float: left; display: block; color: #0A4678; font-weight: bold; } /* end: header */ /* start: breadcrumble */ #breadcrumble{padding: 5px 0px 5px 17px;} #breadcrumble a{display: block;float: left;margin: 0px 8px 0px 8px;color: #CCCCCC;font-size: 11px;text-decoration: none;} #breadcrumble a:hover{color: #333333;} #breadcrumble span.sep{display: block;float: left;width: 8px;height: 15px;background: url(images/breadcrumble-sep.png) no-repeat;} #breadcrumble span.current{display: block;margin: 0px 8px 0px 8px;float: left;font-size: 11px;color: #CBCBCB;font-weight: bold;} /* end: breadcrumble */ /* start: main */ #container #main{padding-left: 9px;} #container #main #left{float: left;width: 194px;margin-right: 7px;} #container #main #left .block-galaxy_menu{margin-bottom: 15px;} /* uitzondering voor galaxy_menu.list-nav */ #container #main #center{float: left;width: 593px;} #container #main #center.large{float: left;width: 797px;} #container #main #right{float: left;width: 194px;margin-left: 7px;} /* blocks */ /* sidebar */ #container #main .sidebar .block{} #container #main .sidebar .block .header{height: 13px;background: url(images/block-sidebar-header-bg.png) no-repeat;overflow: hidden;} #container #main .sidebar .block .header.title{height: 24px;background: url(images/block-sidebar-title-bg.png) no-repeat;color: #77AA21;font-size: 13px;padding: 11px 0px 0px 17px;font-weight: normal;} #container #main .sidebar .block .body{background: url(images/block-sidebar-body-bg.png) repeat-y;padding: 7px;} #container #main .sidebar .block .footer{height: 17px;background: url(images/block-sidebar-footer-bg.png) repeat-y;overflow: hidden;} /* block-galaxy_content */ #container #main .content .block{background: url(images/block-content-body-bg.gif) repeat-y;} #container #main .content .block .header{height: 13px;overflow: hidden;font-size: 1px;} #container #main .content .block .header .left{background: url(images/block-content-header-left.png) no-repeat left top;height: 13px;overflow: hidden;width: 15px;float: left;} #container #main .content .block .header .center{background: url(images/block-content-header-bg.png) repeat-x;height: 13px;overflow: hidden;} #container #main .content .block .header .right{background: url(images/block-content-header-right.png) no-repeat left top;height: 13px;overflow: hidden;width: 15px;float: right;} #container #main .content .block .body{background: url(images/block-content-body-left.png) repeat-y left top;padding: 0px 0px 0px 3px;} #container #main .content .block .body .rightShadow{background: url(images/block-content-body-right.png) repeat-y right top;padding-right: 3px;} #container #main .content .block .body .gradient{background: #FFF url(images/block-content-body-gradient-bg.png) repeat-x left bottom;padding: 10px 20px;color: #585858;line-height: 130%;min-height: 253px;} #container #main .content .block .body h1{color: #77AA21;font-size: 16px;font-weight: normal;padding: 0px 0px 15px 0px; line-height: 19px;} #container #main .content .block .body .h1-subtitle{font-weight: bold; color: #8E8E8E; margin-top: -10px;padding-bottom: 10px;} #container #main .content .block .body p{} #container #main .content .block .body ul{padding-left: 30px;} #container #main .content .block .body ul li{list-style: disc;padding-left: 5px;} #container #main .content .block .body ol{padding-left: 30px;} #container #main .content .block .body ol li{list-style: decimal;padding-left: 5px;} #container #main .content .block .body a{} #container #main .content .block .footer{height: 22px;overflow: hidden;font-size: 1px;} #container #main .content .block .footer .left{background: url(images/block-content-footer-left.png) no-repeat left top;height: 22px;overflow: hidden;width: 26px;float: left;} #container #main .content .block .footer .center{background: url(images/block-content-footer-bg.png) repeat-x;height: 22px;overflow: hidden;} #container #main .content .block .footer .right{background: url(images/block-content-footer-right.png) no-repeat left top;height: 22px;overflow: hidden;width: 26px;float: right;} /* large block */ #container #main.large .content .block .header{height: 13px;background: url(images/block-content-header-bg-large.gif) no-repeat;overflow: hidden;} #container #main.large .content .block .body{background: url(images/block-content-body-bg-large.gif) repeat-y;padding: 10px 20px;color: #585858;line-height: 130%;} #container #main.large .content .block .footer{height: 17px;background: url(images/block-content-footer-bg-large.gif) repeat-y;overflow: hidden;} /* block-home */ /* home_tabs */ #home_tabs{position: relative;height: 235px;padding-top: 2px;} #home_tabs ul.ui-tabs-nav{position: absolute;right: 3px;top: 0px;z-index: 99;} #home_tabs ul.ui-tabs-nav a{display: block;width: 214px;text-indent: -9999px;} #home_tabs ul.ui-tabs-nav .tab1{height: 73px;background: url(images/home-banner1-tab.png) no-repeat;} #home_tabs ul.ui-tabs-nav .ui-state-active a.tab1{background: url(images/home-banner1-tab-hover.png) no-repeat;} #home_tabs ul.ui-tabs-nav .tab2{height: 72px;background: url(images/home-banner2-tab.png) no-repeat;} #home_tabs ul.ui-tabs-nav .ui-state-active a.tab2{background: url(images/home-banner2-tab-hover.png) no-repeat;} #home_tabs ul.ui-tabs-nav .tab3{height: 79px;background: url(images/home-banner3-tab.png) no-repeat;} #home_tabs ul.ui-tabs-nav .ui-state-active a.tab3{background: url(images/home-banner3-tab-hover.png) no-repeat;} #home_tabs .ui-tabs-hide{display: none;} /* home_news */ #home_news{margin-top: 1px;float: left;width: 355px;height: 125px;background: url(images/home_news_bg.png) no-repeat;margin-right: 9px;overflow: hidden;padding: 13px 15px 0px 23px;font-size: 11px;} #home_news h4{color: #6FA313;font-size: 14px;font-weight: normal;line-height: 1.2em;} #home_news .publishDate{font-weight: bold;font-size: 11px; color: #767676;padding-top: 2px;} #home_news .intro{height: 45px;padding-top: 12px;word-spacing: 1px;overflow: hidden;} #home_news .actions{margin-left: -15px;} #home_news .actions li{float: left;padding: 0px 15px;background: url(images/home_news_actions_sep.png) right 3px no-repeat;} #home_news .actions li a{text-decoration: none;font-weight: bold;} #home_news .actions li a:hover{text-decoration: underline;} /* home_banner */ #home_banner{float: left;width: 395px;height: 135px;overflow: hidden;} /* banner block */ #container .block.block-galaxy_banner img{margin-bottom: 15px;} /* zorgmobiel */ #zorgmob_home_content{width: 405px; float: left;} #zorgmob_home_content .gradient{min-height: 316px !important;} #zorgmob_home_media{width: 390px; float: left;} #zorgmob_home_media img{width: auto; height: auto; float: none;} #zorgmob_home_media #zorgmob_aanbiedingen .block{width: 188px; float: left; margin-left: 7px;} #zorgmob_home_media #zorgmob_aanbiedingen .block .gradient{min-height: inherit !important; height: 150px;} #zorgmob_home_media #zorgmob_banner .block{margin-left: 7px;} #zorgmob_home_media #zorgmob_banner .block h1{color: #024D91 !important;} #zorgmob_home_media #zorgmob_banner .block .gradient{min-height: inherit !important; height: 110px;} /* list-nav */ .list-nav{} .list-nav ul{} .list-nav ul li{background: url(images/list-nav-li-dots.gif) repeat-x left bottom;} .list-nav ul li a{color: #004C92;text-decoration: none;display:block;padding: 8px 10px;background: url(images/list-nav-arrow.gif) no-repeat right center;} .list-nav ul li a:hover{color: #77AA21;} .list-nav ul li.active{} .list-nav ul li.active a{font-weight: bold;} /* list-overview */ ul.list-overview{margin: 0 !important;padding:0 !important;} ul.list-overview li.list-item{list-style: none !important;padding: 1px 0px 0px 0px !important;margin:0 !important;background: url(images/list-nav-li-dots.gif) repeat-x left top;} ul.list-overview li.list-item .item-title{background: url(images/emForm-fieldset-bottom.png) no-repeat left top;height: 25px;padding: 11px 15px 0px 15px;} ul.list-overview li.list-item .item-title .primair{float: left;} ul.list-overview li.list-item .item-title .primair a{text-decoration: none;} ul.list-overview li.list-item .item-title .secundair{float: right;color: #929292;} ul.list-overview li.list-item .item-title h3{float: left;} ul.list-overview li.list-item .item-content{background: url(images/list-nav-li-dots.gif) repeat-x left top;} /* photos */ div.photos{} div.photos .item{float: left; width: 110px; height: 110px; border: 1px solid #929292;padding: 1px;margin: 5px;} div.photos .item:hover{border: 1px solid #024D91;} /* list-overview-news */ ul.list-overview li.list-item-news .item-content{padding: 15px 15px 15px 15px;} ul.list-overview li.list-item-news .item-content .media{float: left;margin-right: 15px;} /* list-overview-vacancy */ ul.list-overview li.list-item-vacancy .item-content{padding: 15px 0px 15px 15px;} ul.list-overview li.list-item-vacancy .item-content .intro{float: left;width: 300px;} ul.list-overview li.list-item-vacancy .item-content dl.specs{float: right;width: 220px;} ul.list-overview li.list-item-vacancy .item-content dl.specs dt{float: left;width: 100px;padding: 5px 5px;background: url(images/list-nav-li-dots.gif) repeat-x left bottom;font-weight: bold;} ul.list-overview li.list-item-vacancy .item-content dl.specs dd{float: left;width: 100px;padding: 5px 5px;background: url(images/list-nav-li-dots.gif) repeat-x left bottom;} /* list-overview-search */ ul.list-overview li.list-item-search .item-title{background: none;} ul.list-overview li.list-item-search .item-content{padding:0px 15px 15px 15px;background: none;} ul.list-overview li.list-item-search .item-content .intro{} ul.list-overview li.list-item-search .item-content .intro b{color: #77aa21;} /* list-overview-download */ ul.list-overview li.list-item-download{background: none;} ul.list-overview li.list-item-download .item-content table td{background: url(images/list-nav-li-dots.gif) repeat-x left bottom;padding: 8px 15px;} ul.list-overview li.list-item-download .item-content table td.date{width: 90px;} ul.list-overview li.list-item-download .item-content table td.title{width: 175px;} ul.list-overview li.list-item-download .item-content table td.download{width: 190px;} ul.list-overview li.list-item-download .item-content table td.download a{display: block;float: left;padding-left: 30px;height: 26px;background: url(images/download_icon.png) no-repeat 0px -1px;margin-right: 10px;} /* sitemap */ .sitemap{list-style: none !important; } .sitemap li a:hover { text-decoration: none; } .sitemap li { font-weight: bold; list-style: none !important;} .sitemap li li { font-weight: normal; } .sitemap ul { font-size: 1em; line-height: 1.6; margin-bottom: 0; margin-top: -0.4em; padding-left: 15px !important;} .sitemap ul { list-style: none !important; padding-right: 0; padding-top: 0.8em !important; } .sitemap li { background: transparent url(images/sm_hor_line.gif) left 1.2em no-repeat; border-left: 1px solid #dcdcdc; margin-bottom:-2px !important; margin-left: 1px !important; padding: 0.4em 0 0.4em 8px !important; } .sitemap .last { background: transparent url(skin/sm_last_item.gif) left 0.2em no-repeat; border-left: none; padding-left: 9px !important; } /* start: webshop classes */ /* shop-list-product */ .block-shop-list-product{width: 192px;float: left;margin-left: 8px;margin-bottom: 8px;} .block-shop-list-product .gradient{min-height: 170px !important;padding-bottom:0px !important;} .block-shop-list-product.start{margin-left: 0px;} .block-shop-list-product h2{margin-top: -12px;color: #757575;padding-bottom: 15px;} .block-shop-list-product .product-thumb{width: 147px;height: 130px;padding-bottom: 15px;position: relative;} .block-shop-list-product .product-thumb table, .block-shop-overview-product .product-thumb table td{width: 100%;height: 130px;text-align: center;vertical-align: middle;} .block-shop-list-product img{width: auto; height: auto;} .block-shop-list-product .product-thumb .product-free{width: 67px;height: 67px;background: url(images/shop-product-free.png) no-repeat;position: absolute;left: -10px;top: 35%;} .block-shop-list-product .product-specs{width: 215px;font-size: 11px;height: 60px;} .block-shop-list-product .product-specs ul{list-style: square !important;padding-left: 15px !important;padding-bottom: 15px !important;} .block-shop-list-product .product-specs ul li{list-style: square !important;} .block-shop-list-product .product-subscription{font-size: 11px;height: 18px;} .block-shop-list-product .product-price{color: #024D91; font-size: 15px;font-weight: bold;text-align: center;clear: both;} .block-shop-list-product .product-actions {clear: both;} .block-shop-list-product .product-actions ul{list-style: none!important;margin:10px -15px 0px -15px!important;padding:0px!important;} .block-shop-list-product .product-actions ul li{list-style: none!important;margin:0px!important;padding: 0px 7px 0px 7px !important;float: left;font-size: 11px;} .block-shop-list-product .product-actions ul li.center{list-style: none!important;margin:0px!important;padding: 0px !important;font-size: 11px;text-align: center;width: 100%;} .block-shop-list-product .product-actions ul li.sep{background: url(images/shop-actions-sep.gif) no-repeat right 3px;} .block-shop-list-product .product-actions ul li.add{margin: 7px 0px 0px 5px !important;} /* end: webshop classes */ /* buttons */ .btn{display: block;float: left;width: 182px;height: 23px;padding-top: 6px;cursor: pointer;border: 0;outline:none;font-size: 12px;text-align: center;font-weight: bold;color: #1E609A;background: url(images/btn-bg.png) no-repeat;text-decoration: none;} input.btn{height: 36px !important;padding-top: 0px !important;} .btn.small{width: 153px;background: url(images/btn-small-bg.png) no-repeat;font-size: 10px;color: #A12326;} .btn.large{width: 225px;height: 31px;background: url(images/btn-large-bg.png) no-repeat;font-size: 12px;color: #A12326;padding-top: 11px;} .btn.color1{color:#4D4D4D;} .btn.color2{color: #004D91;} .btn.color3{} .btn.right{float: right;} .btn.marginRight{margin-right: 5px;} /* end: main */ /* start: footer */ #container #footer{text-align: center;height: 200px;clear: both;background: url(images/footer.png) no-repeat 5px 70px;padding: 0px 40px 0px 30px;} #container #footer .slogan{padding: 15px 0px 40px 0px;} #container #footer .footer_content{padding-bottom: 10px;} #container #footer #relatedWebsites{margin-left: 15px;} #container #footer ul{font-size: 11px;margin-left: auto;margin-right: auto;width: 650px;} #container #footer .footer-menu2 ul{background: url(images/footer-ul-bg.gif);} #container #footer ul li{display: inline;padding: 0px 10px 0px 10px;line-height: 30px;background: url(images/footer-li-bg.gif) no-repeat right 3px;} #container #footer ul li a{text-decoration: none;} #container #footer ul li a:hover{text-decoration: underline;} #container #footer ul li.last{background: none;} /* end: footer */ /* end: container */ .content p img { float: left; margin: 10px; width: 250px;} .content .position-3 p img { float: right; }