ul.breadcrumbs { float: left; list-style: none; margin: 0px 0px 15px 0px; padding: 0px; } ul.breadcrumbs li { float: left; margin-right: 3px; color: #999; } ul.breadcrumbs li a { color: #999; text-decoration: underline; margin-right: 3px; } ul.breadcrumbs li a:hover { text-decoration: none; } div.logo { border: solid 1px #eee; margin-top: -35px; } .welkom div.logo { margin-top: -2px; } .ecis div.logo, .portfolio.d div.logo { margin-top: 12px; } ul.logo { list-style: none; margin-left: 0px; padding-left: 0px; } ul.logo li { padding: 10px 0px 10px 0px; border-bottom: solid 1px #eee; text-align: center; } ul.logo li:last-child { border-bottom: none; } ul.logo li strong { display: none; } ul.logo li div { color: #999; text-align: center; } ul.menu { padding: 50px 0 0 0; margin: 0; list-style: none; float: left; } ul.menu li { display: inline; position: relative; } ul.menu div { display: none; background-color: #fff; padding: 10px; border: solid 1px #0055a4; margin-left: -7px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } ul.menu li.mega a { background-image: url(/Styles/CCInternet/images/menu/down.png); background-repeat: no-repeat; background-position: right center; padding-right: 12px; } ul.menu li.mega a.actief { background-image: url(/Styles/CCInternet/images/menu/down-actief.png); } ul.menu li.mega div { width: 18em; position: absolute; top: 1.6em; left: 0em; z-index: 1000; } div.submenu ul, ul.menu li.mega div ul { list-style: none; } div.submenu ul, div.submenu li, ul.menu li.mega div ul, ul.menu li.mega div li { margin:0; padding:0; width: 100%; } ul.menu li.hovering div { display: block; } ul.menu li.mega div h4 { color: #b6c827 !important; margin-bottom: 2px; padding-top: 15px; font-size: 11px; } ul.menu li.mega div a { background-image: none; display: block; padding-right: auto; } ul.menu li { float: left; padding-right: 5px; color: #0055a4; } ul.menu li a { font-weight: bold; text-decoration: none; color: #0055a4; } ul.menu li a:hover { font-weight: bold; text-decoration: none; color: #8093c8; } ul.menu li a.actief { color: #b6c827 !important; } .mega.ecis div { left: -80px !important; } .mega.portfolio div { width: 736px !important; left: -297px !important; } .mega.portfolio h4 { padding-top: 0px !important; margin-top: 0px; } .mega.portfolio ul { float: left !important; width: 180px !important; padding-right: 3px; } .mega div li a { border-bottom: solid 1px #e5eef6; margin-right: 10px !important; line-height: 20px !important; } .mega div li.last a { border-bottom: none; } ul.buttonList { list-style: none; margin: 10px 0px 0px 0px; padding: 0px; } ul.buttonList li { margin-bottom: 1px; } ul.buttonList li a, ul.buttonList li a span { background-image: url(/styles/ccinternet/images/buttons/button.png); background-repeat: no-repeat; line-height: 32px; cursor: pointer; text-decoration: none; } ul.buttonList li a:hover { background-image: url(/styles/ccinternet/images/buttons/button_over.png); } ul.buttonList li a { background-position: right top; display: block; _display: inline-block; padding-right: 40px; _padding-right: 0px; } ul.buttonList li a span { background-position: left top; display: block; _display: inline-block; width: 100%; padding-left: 10px; _padding-left: 10px; _margin-right: -10px; } body { text-align: center; font-weight: normal; font-size: 11px; color: #000; background: #fff url(/styles/ccinternet/images/bg.gif) repeat-x; margin: 16px 0px 0px 0px; } body, td { font-family: Tahoma, Verdana, Helvetica, Helv; line-height: 18px; } img { border: 0px; } .curHand { cursor: pointer; } p { margin-top: 0px; margin-bottom: 5px; } abbr, dfn { border-bottom: dotted 1px #000; } hr { border: 0; height: 1px; color: #eee; background-color: #eee; } #spacer { width: 780px; clear: both; margin-top: 16px; } #divStyle { z-index: 2; position: absolute; left: 525px; width: 50px; } #wrapper { width: 780px; margin: 0 auto; text-align: left; } #pageheader { position: absolute; padding-top: 63px; z-index: 1; } h1 { color: #b6c827; margin-top: 0px; padding: 0px; font-size: 22px; font-family: Arial; line-height: 24px; } h2, h3 { color: #0055a4; font-size: 16px; font-family: Arial; font-weight: bold; margin-top: 0px; margin-bottom: 10px; height: 18px; } h2.home { color: #b6c827; } html { overflow-y: scroll; } div.portCategorie, div.oplossing { width: 245px; float: left; margin-bottom: 10px; padding: 10px; } div.portCategorie h3, div.oplossing h2 { margin-top: 0px; padding-bottom: 4px; margin-bottom: 10px; border-bottom: solid 1px #d6d6d6; color: #0055a4; } div.illustratie { width: 550px; height: 156px; background-repeat: no-repeat; float: left; overflow: hidden; color: #fff; position: relative; } div.illustratie div.slogan { color: #fff; font-weight: bold; margin: 0px 0px 10px 0px; padding: 5px; position: absolute; bottom: 0px; font-size: 2.5em; line-height: 1.0em; font-family: Arial; background-image: url(/styles/ccinternet/images/tranp-wit-bg.png); text-shadow: 1px 1px 1px #666; } div.illustratie, div.multi, div.submenu, div.schermen, div.roundedCorners, div.logo { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } h3.newsList { margin-top: 20px; } div.partner, div.newsItem { border-bottom: solid 1px #d6d6d6; padding: 25px 5px 10px 5px; width: 548px; display: inline-block; } div.partner:hover, div.newsItem:hover { background-color: #fbfdf3; } div.newsItem h2 { margin: 0px 0px 3px 0px; padding: 0px; color: #0055a4 !important; } div.newsItem a.detail { font-weight: bold; display: block; padding: 3px 10px 3px 0px; margin-top: 5px; clear: both; } div.newsItem h2 a { text-decoration: none; margin: 0px; font-size: 11px; font-weight: bold; } div.newsItem img { float: right; padding-top: 20px; padding-left: 10px; padding-bottom: 10px; } div.pubDatum { font-size: 11px; color: #999; margin-top: 15px; } div.newsTitel { margin-bottom: 1px; width: 270px; margin-right: 10px; float: left; } div.newsTitel.rechts { margin-right: 0px; } div.newsTitel a, div.newsTitel a span { background-image: url(/styles/ccinternet/images/buttons/button.png); background-repeat: no-repeat; line-height: 32px; cursor: pointer; text-decoration: none; } div.newsTitel a:hover { background-image: url(/styles/ccinternet/images/buttons/button_over.png); } div.newsTitel a { background-position: right top; display: block; _display: inline-block; padding-right: 40px; _padding-right: 0px; } div.newsTitel a span { background-position: left top; display: block; _display: inline-block; width: 100%; padding-left: 10px; _padding-left: 10px; _margin-right: -10px; } div.newsDetail img { float: right; padding-top: 20px; padding-left: 10px; padding-bottom: 10px; } div.newsDetail img.neutraal { float: left !important; padding-left: 0px !important; } h2.newsDetail { font-size: 15px; font-weight: bold; line-height: 15px; } div.partner div.logoPartner { float: left; width: 110px; margin-right: 10px; } div.partner div.tekst { float: left; width: 410px; } div.schermen { border: solid 1px #eee; padding: 0px; margin-top: -35px; } #viewScreens { position: absolute; display: none; z-index: 100; top: 150px; left: 768px; } div.submenu { border: solid 1px #000; padding: 0px 12px 12px 12px; border: solid 1px #eee; margin-top: -35px; } div.submenu h4 { margin-bottom: 2px; color: #0055a4; font-size: 11px; } div.submenu a { display: block; } div.submenu li { list-style-type: square; margin-left: 13px; }  #loginForm input, .inputLogin, .input { border: solid 1px #999; background-color: #fff; color: #000; padding: 3px; font-size: 11px; } input.error, textarea.error { border: solid 1px #0055a4 !important; } textarea { font-family: Arial, helvetica; } .button, .ButtonContact { border: solid 1px #0055A4; color: #fff; background-color: #0055A4; cursor: pointer; } #loginForm label { width: 50px; float: left; text-align: left; display: block; } div.reactieForm { display: none; margin-top: 20px; } fieldset.route { border: none; padding: 0px; margin: 0px; } fieldset.route p { clear: both; text-align: left; } fieldset.route label { width: 75px; text-align: left; float: left; } fieldset.contact { border: none; padding: 0px; margin: 0px; } fieldset.contact p { clear: both; } fieldset.contact label { width: 150px; float: left; } fieldset.contact label.error, td label.error { clear: both; padding-left: 168px; padding-bottom: 5px; background-image: url(/styles/ccinternet/images/formulier/error_pijl.png); background-position: 153px 0px; background-repeat: no-repeat; font-weight: bold; color: #0055a4; } td.tdZijkant { width: 100px; } td label.error { padding-left: 15px; background-position: 0px 0px; display: block; } #head { position: absolute; width: 780px; z-index: 11; } #content { position: absolute; width: 780px; top: 100px; z-index: 10; } #navhead { width: 560px; height: 84px; margin: 0px; padding-left: 3px; float: left; } #navhead img { padding-top: 15px; } #logohead { width: 200px; height: 84px; float: right; } #logohead img { padding-top: 14px; padding-left: 5px; } div.mainContentHomepage { width: 100%; float: left; margin: 0px; clear: both; } div.mainContentTop { width: 100%; float: left; margin: 0px 0px 15px 0px; clear: both; } div.mainContentTop div.multi { float: left; width: 196px; height: 154px; margin-left: 10px; border: solid 1px #eee; } div.mainContentTop div.multi #logowrapper { margin-top: 10px; text-align: center; } #footer { clear: both; padding-top: 20px; padding-bottom: 50px; } #footer div.divKvK { color: #999; margin-top: 50px; margin-bottom: 25px; text-align: center; clear: both; } div.mainContentHomepage div.drieKolLinks { float: left; width: 270px; } div.mainContentHomepage div.drieKolMidden { float: left; width: 260px; margin-left: 20px; } div.mainContentHomepage div.drieKolRechts { float: left; width: 196px; margin-left: 10px; } div.mainContentHomepage div.tweeKolLinks { float: left; width: 550px; } div.mainContentHomepage div.tweeKolRechts { float: left; width: 198px; margin-left: 10px; } table { border-collapse: collapse; } table td { vertical-align: top; } body.overlay { background-image: none; padding: 10px; } body.overlay #directions { float: left; width: 300px; margin-right: 20px; display: block; } body.overlay #map_canvas { float: left; width: 300px; height: 400px; margin-top: 9px; display: block; } #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/styles/ccinternet/images/fancybox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; } #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('/styles/ccinternet/images/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; } #fancybox-title-right { padding-left: 15px; background-image: url('fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/styles/ccinternet/images/x.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/styles/ccinternet/images/fancybox/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/styles/ccinternet/images/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/styles/ccinternet/images/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/styles/ccinternet/images/fancybox/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('/styles/ccinternet/images/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/ccinternet/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }  .tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; } .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-north { background-image: url(/styles/ccinternet/images/jquery/tipsy/tipsy-north.gif); background-position: top center; } .tipsy-south { background-image: url(/styles/ccinternet/images/jquery/tipsy/tipsy-south.gif); background-position: bottom center; } .tipsy-east { background-image: url(/styles/ccinternet/images/jquery/tipsy/tipsy-east.gif); background-position: right center; } .tipsy-west { background-image: url(/styles/ccinternet/images/jquery/tipsy/tipsy-west.gif); background-position: left center; } a.lnkExtern { background-image: url(/styles/ccinternet/images/icons/external_link.png); background-repeat: no-repeat; background-position: right center; padding-right: 15px; } a.lnkMail { background-image: url(/styles/ccinternet/images/icons/email_link.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } a.lnkPdf { background-image: url(/styles/ccinternet/images/icons/pdf_link.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } a.lnkWmv { background-image: url(/styles/ccinternet/images/icons/video_link.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } a.lnkLogin { background-image: url(/styles/ccinternet/images/icons/login_link.png); background-repeat: no-repeat; background-position: right center; padding-right: 15px; color: #8093c8 !important; } a:active { outline: none; } a:focus { -moz-outline-style: none; } a { color: #000; text-decoration: underline; } a:hover { color: #000; text-decoration: none; } a:visited { color: #666; }