html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
a{outline:0;}
td{vertical-align:top;}
html {background:url(/i/bg_html.gif) 0 0 repeat-x;}
body{font-family:Trebuchet MS;font-size:12px;color:#687496;position:relative;line-height:1.4;}
.body{width:1000px;margin:0 auto;overflow:hidden;}
a {color:#29A0AF;text-decoration:none}
a:hover {text-decoration:underline;}
h1 {color:#32406D;font-size:20px;overflow:hidden;}
h2, h2 a {color:#F04F23;font-size:20px}
h3 {color:#30416D;font-size:17px;margin:0 0 15px 0;}
h4 {color:#FFF;font-size:17px;padding:0 0 15px 0;}
h5{color:#35A5B3;font-size:12px;margin-bottom:10px;}
.block h2 a,.block h3 a{font-weight:normal;}
.columnPage .overview .item h3{font-size:15px;margin-bottom:0;}
h3 a {color:#687496;}
h1 .date, .date .begin{font-size:14px;color:#29A0AF;font-weight:bold;}
p {margin:0 0 10px 0;}
strong{font-weight:bold;}
ul{overflow:hidden;}

/* Overal styling */
.content ul, ol{margin: 10px 0 0 0;}
.content ul li{margin: 0;list-style:disc;}
.content ul ul {margin:0 0 0 10px;}
.content ul ul li {margin:0;list-style:circle inside;}
.content ul ul ul {margin:0 0 0 10px;}
.content ul ul ul li {margin:0;list-style:square inside;}
.content ol li{margin: 0;list-style:decimal inside;}
.content ol ol {margin:0 0 0 10px;}
.content ol ol li {list-style:lower-alpha inside;}
.content ol ol ol {margin:0 0 0 10px;}
.content ol ol ol li {list-style:lower-roman inside;}
b,strong{font-weight:bold;}
u{text-decoration: underline;}
i{font-style: italic;}

#CCILogo {float:left;margin:26px 0 24px 0;height:49px;width: 100%;}
#CCILogo a {float:left;margin-right:10px;padding-right:30px;border-right:1px solid #C7CCD9;}
#CCIPlaceHolder_Header{overflow:hidden;width:1000px;margin: 0 auto 18px auto;}
.slogan, .logo{float:left;}
.slogan .small, .slogan .large {clear:both;float:left;margin-left:15px;font-weight:bold;}
.slogan .large{font-size:22px;letter-spacing:1px;width:185px;}
.slogan .small{font-size:14px;width:185px;}
.slogan.cci {float:right;margin:26px 0 0 0;color:#C7CCD9;height:73px;}
.slogan.cci .small{font-size:11px;text-align:right;width:350px;}
.slogan.cci .large{font-size:14px;text-align:right;width:350px;font-style:italic;}
#body{overflow:hidden;margin-top:81px;}
#footer{clear:both;background-color:#F0F0F0;overflow:hidden;border-top:1px solid #C7CCD9;padding:15px 0;}
.row {width: 1000px;position:relative;}
.row.One{height:97px;clear:both;}
.row.Two{float:left;clear:both;}
.block {border:1px solid #C7CCD9;margin-bottom:20px;float:left;clear:both;width:99.5%;background:#FFF url(/i/bg_block.gif) 0 0 repeat-x;position:relative;}	
.subhome .column .block{min-height:250px;_height:250px;}
.subhome .column.three  .block{min-height:144px;_height:144px;}
.bgSM {float:right;width:26px;height:143px;border:1px solid #C4C9D6;border-width:0 0 1px 1px;background:#FFFFFF url(/i/bg_sm.gif) repeat-x scroll 0 100%;border-left:1px solid #C4C9D6;}
.twitter .bgSM {height:262px;}	
.highlight.block .bgSM {border-left:0;}
.bgSM li {border-bottom:1px solid #C7CCD9;}
.verticalTitle{background:#28A0AF url(/i/bg_uitgelicht.gif) 0 0 no-repeat;color:#FFF;font-weight:bold;width:26px;float:left;height:145px;overflow:hidden;border-right:1px solid #C4C9D6;}
.column {float:left;}
.columnPage {padding:15px 18px;}
.columnPage.block {width:96.2%;}
.columnPage .overview .item{border-bottom:1px solid #C7CCD9;padding-bottom:10px;margin-bottom:10px;}
.columnPage .overview .item img{float:right;}
.wide.column .column {width:301px;}
.column.marginRight {margin-right:24px;}
.column .block .content .top{width:329px}
.wide {width:629px;margin-right:18px;float:left;}
.small {width:350px;float:left;}
.wide .small {width:303px;}
.smallest{width:439px;float:left;margin-right:24px;}
.four{width:232.6px;float:left;margin-right:24px;}
.column.last{margin-right:0;}
.block a {font-weight:bold;}
.block.news .datum{float:left;}
.block.news a{float: left;font-weight: bold;overflow: hidden;width: 215px;}
.block .content .bgArea {position:absolute;top:0;right:7px;}
.highlightLarge.block .content .bgArea {position:absolute;top:0;right:27px;}
.block .content .text.intro{position:absolute;z-index:999;margin:0;}
.block .content .text {width:300px;padding:15px 18px;}
.highlight.block .content .text{margin:0 23%;}
.block .holder ul, .block .textImg {margin:15px 0;overflow:hidden;}
.block.events .holder ul{margin:0;}
.block .holder ul.overzicht{margin-top:0;}
.block.productoverzicht{width:232.6px;}
.overview.product .item{float: left; padding:0 0 0 10px;}
.datum{font-weight:bold;margin-right:20px;}
.onzeKlanten{position:relative;}
#tijdlijn{margin: 15px 0 15px 0; overflow: hidden;}
#tijdlijn .next{background:url(/i/next.gif) no-repeat;width:50px;height: 50px; cursor:pointer;float:left;margin:55px 0 0 10px;}
#tijdlijn .next_bg{float:right;}
#tijdlijn .prev_bg{float:left;}
#tijdlijn .prev{background:url(/i/prev.gif) no-repeat;width:50px;height: 50px; cursor:pointer;float:left;margin: 55px 0 0 0;}
#tijdlijn .carousel{float:left; width: 516px;}
#uitgelicht .item{display:none;margin:0;}
#uitgelicht .aktief{display:block;}
#uitgelicht .actief{display:block;}
.carousel_rechts #medewerkers .small{width:55px;height: 42px;}
.carousel_rechts #medewerkers .small img{height:36px; overflow:hidden;}
#tijdlijn .carousel_links{float:left;width: 228px;}
#tijdlijn .carousel_rechts{float:right;width:250px;padding: 0 0 0 5px;}
.timeline{border: 1px solid #C7CCD9;overflow:hidden;margin: 0 0 10px 0;background:#FFFFFF;}
.blogoverzicht .author{margin:4px 0 0 10px;float:left;font-size:12px;}
.blogoverzicht .datum{margin-top: 4px;}
.blogoverzicht a{float:left;width:385px;}
.block .holder .tweets  ul{margin-top:0;}
.block  ul li {list-style-type: disc;margin-left:18px;}
.block .bgSM ul li{list-style-type:none;margin:0;}
.highlight.block {height:262px;width:626px;clear:none;margin-right:21px;}
.portfolio.block {margin:0;padding:0; display:none;}
.portfolio.block .bgArea{margin:0;padding:0;}	
.portfolio.block .bgArea img{float:left;margin:0;padding:0;}
.portfolio.block .text.intro{position:absolute;z-index:999;}
.block .column1,.block .column2 {float:left;width:281.3px;}
.block .column2 p {overflow:hidden;padding: 15px 18px;width:auto;clear:right;}
.block .column2 .img {float:right;margin-bottom:15px;}
.block .img.breed {float:left;border-bottom:1px solid #C7CCD9;width:91%;}
.block .img.breed img {float:right;}
.block .colleages .img.breed img{float:none;padding: 0 0 0 35px;}
.column.small .block .img.breed{width:92.2%;}
.block .content.colleages .img.breed{width:321px;overflow:hidden;border:medium none;}
.holder{padding:15px 18px;width:81.7%;float:left;}
.holder_top{padding:15px 18px;width:81.7%;float:left;border-bottom: 1px solid #C7CCD9;}
.wide.column .block .content.holder.highlight{width:85%;}
.block.events .holder{width: 91%;padding:15px 10px 15px 18px}
.small.subBreed .holder{width:79%;}
.small.subBreed .form{width:101%;}
#homepage .block.twitter .holder{padding:0;width:92.15%;height:211px;}
#homepage .block.twitter .holder .tweets ul li {padding:0 18px 7px 18px;}
#homepage .block .content .text{padding:0;}
.block .info{display:block;overflow:hidden;font-weight:bold;margin:15px 0 15px 0;clear:both;}
.block .info span {margin:5px 15px 0 0;}
.holder.small{width:70%;}
.introParagraph {color:#33426F;margin-top:20px;}
.left {margin-right:20px;}
.right {width:348px;float:right;}
.img{float:left;}
.img.groot {margin-top:15px;}
.img.groot img {width:600px;}
.textImg .img,
.textImg p {display:inline;}
.textImg .img {margin: 0 10px 10px 0;display:inline;float:left;border:1px solid #C7CCD9;}
.textImg .img img{float:left;}
.content.holder a.thickbox {float:left;clear:both;width:100%;}
.block .bottom {background:#FFF url(/i/bg_hightlight_item.gif) bottom left repeat-x;height:17px;width:89.7%;float:left;border-top:1px solid #C7CCD9;padding:4px 18px;}
.block .bottom a {color:#32416E;}
.portfolio.block  .content .bgArea{position:static;float:left;width:350px;}
.highlightLarge.block .content {height:114px;float:left;overflow:hidden;}
.portfolio.block .content .text{color:#FFF;}
.portfolio.block  .content .text, .highlightLarge.block .content .text{width:230px;}
.highlightLarge.block .text a {margin-top:170px;}
.highlightLarge.block .content .text.intro{margin-top:0;width:280px;}
.portfolio.block .content .text.intro{margin:0;float:left;padding:0 0 0 10px!important; width:200px;position:static;}
.block.news .content .top{border-right:1px solid #C8CCD9;}
.block.news .content .bgSM{border-width:0 0 1px 0;}
.block.news .content.holder{padding:0;width:92.2%;border-right:1px solid #C7CCD9;}
.block.news .content.holder ul li {border-bottom:1px solid #C7CCD9;padding:5px 18px;margin:0;list-style-type:none;float:left;}
.block a.actief {color:#32406D;text-decoration:underline;font-weight:normal;}
#showCase{width:100%;margin-bottom:18px;}
#showCase .block{margin-bottom:0;}
.highlightBlock{clear:none;width:347.5px;float:left;height:263px;}
.highlightBlock .block{height:262px;}
.highlight .text{position:absolute;width:420px;z-index:999;bottom:5px;left:20px;}
.highlight h3{margin:0;}
.highlight h2{color:#49BDCC;}
.block .top {background:#28A0AF url(/i/bg_block_top.gif) top right no-repeat;border:0;float:left;height:25px;padding:0 10px;width:327px;} 
#gallery{clear:both;overflow:hidden;}
#mainImage{float:right;}
#gallery li {list-style-type:none;width:auto;float:left;margin:0 10px 10px 0;}
#thumbs li a img{border:1px solid #C7CCD9;width:66px;height:43px;}
#thumbs .top.pagination{background:none;width:0;overflow:hidden;text-align:center;width:236px;}
#thumbs .bottom.pagination{position:absolute;margin: 100% 50%;}
.slideshow .image-wrapper a img{width:685px;border:1px solid #C7CCD9;height:458px;}
.fotoalbum .slideshow .image-wrapper a img{width:auto;}
.fotoalbum #mainImage{width:685px;text-align:center;}
.slideshow #thumbs.navigation .thumbs {float:left;width:26%;}
#footer {margin-top:20px;font-size:11px;}
#footer .img,.footer .sitemap {float:left;}
#footer .column {margin:0 25px 20px 0;float:left;}
#footer .column li {background:url(/i/list_footer_bg.gif) 0 50% no-repeat;padding-left:15px;}
#footer .column a {color:#657092;}
#footer .column h5 a{color:#35A5B3;}
#footer .column h5 a:hover {color:#35A5B3;text-decoration:underline;}
.copyright{height:23px;background:#F9F9F9 url(/i/bg_footer.gif) 0 0 repeat-x;border:1px solid #D3D8E6
;border-width:1px 0;text-align:center;color:#657092;padding:5px 0 0 0;}
.zoekArea {position:absolute;z-index:99;right:13px;top:42px;}	
.searchform {background:url(/i/bg_searchbox_left.gif) 0 0 no-repeat;height:18px;width:184px;padding-left:21px;float:left;}
.zoekformulier input{float:left;font-size:11px;}
.zoekformulier .error {display:none;position:absolute;left:5px;top:15px;background-color:#F8F8F8;width:140px;padding:10px;float:none;font-size:9px;color:red;}
.bijeenkomst .form td.formbuilder_element .captcha_image_container input{width: 100px;margin-top:5px;}
#txtContentSearch.zoekveld {border:0;background:url(/i/bg_searchbox_middle.gif) 0 0 repeat-x;height:14px;width:155px;float:left;cursor:pointer;color:#8F8F8F;padding:2px 0 1px 10px;}
#btnContentSearch.zoekknop {background:#D3D3D3 url(/i/bg_searchbox_btn.gif) 0 0 no-repeat;color:#4A4A4A;font-size:12px;font-weight:bold;border:2px solid #B8B8B8;border-width:2px 1px 1px 1px;height:18px;width:19px;vertical-align:top;float:left;cursor:pointer;overflow:hidden;}
#searchresults{clear:both;padding:15px 18px;}
#searchresults dt{font-weight:bold;}
#searchresults dd{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #C7CCD9;}
.login {font-size:15px;position:absolute;right:13px;top:7px;z-index:99;width:100px;}
.login a {float:right;color:#FFFFFF;}
.loading {padding:18px;}
.block .tweets ul li {background:#FFF url(/i/bg_hightlight_item.gif) bottom left repeat-x;list-style-type:none;margin:5px 0;border-bottom:1px solid #C7CCD9;overflow:hidden;padding:3px 0;line-height:1.1;} 
.tweets ul li img {float:left;margin:0 10px 10px 0;}
.block.twitter .bottom{clear:none;width:81.7%;}
.moreTweets a {background: url(/i/icon.twitter.gif) 0 0 no-repeat;padding:0 0 0 30px;color:#32416E;}
#fromtwo li{list-style-type:none;padding:7px 0;border-bottom:1px solid #C7CCD9;overflow:hidden;margin:0;}
#fromtwo li img{float:left; margin: 0 10px 0 0;border:1px solid #C7CCD9;}
.products .columnBlock .column.last{margin-right:0;}
.products .columnBlock .column{width:273px;}
.products .columnPage.block{width:96.2%;}
.products .column .block{width:100%;min-height:383px;_height:383px;overflow:hidden;}
td {padding:3px;}
.form td.formbuilder_label {width:120px;}
.form textarea,
.form td.formbuilder_element input {border:1px solid #C7CCD9;width:119px;}
.form .formbuilder_errormessagemarker,.form tr td tr td label {margin-left:5px;}
.wide.column .form.large .formbuilder_element input,.wide.column .form.large .formbuilder_element textarea {width:230px;}
.form td.formbuilder_element td input,.wide.column .form.large .formbuilder_element input.radio {width:20px;border:0;}
.formbuilder_errormessagepanel, .formbuilder_errormessagemarker{color:red;margin-bottom:15px;}
.list table tr td {padding:3px 10px 3px 0;border-bottom:1px solid #D2D8E6;}
.list td.date {width:60px;}
.block table tr td a {font-weight:bold;color:#33426D;}
.block table tr td.date a {font-weight:bold;color:#29A1AF;}
.footerimg {clear:both;background: #31426E url(/i/bg_table_bottom.gif) bottom right no-repeat;height:22px;border-top:1px solid #C7CCD9;}
.readMore {margin:10px 0;}
.columnBlock .column {float:left;width:262px;margin-right:24px;}
.columnBlock .column.breed{width:404px;}
.columnBlock .column.breed.product{margin:0; width: 700px;}
.product_blok{width:300px; float:left;padding:25px 25px 25px 25px;}
.product_blok.donker_blauw.hover{color:#FFFFFF;background:#30416D;}
.product_blok.blauw.hover{color:#FFFFFF;Background:#29A0AF;}
.product_blok.oranje.hover{color:#FFFFFF;background:#F04F23;}
.product_blok.wit.hover{background:#C7CCD9; color:#FFFFFF;}
.product_blok.donker_blauw.hover a{color:#FFFFFF;}
.product_blok.blauw.hover a{color:#FFFFFF;}
.product_blok.oranje.hover a{color:#FFFFFF;}
.product_blok.wit.hover a{color:#FFFFFF;}
.columnBlock .column.breed .holder{width:380px;}
.columnBlock .img.breed{border-width:0 0 1px 0;width:274px;}
.columnBlock .column.breed .img.breed {width:100%;}
.columnBlock .column.breed .block .list ul li,.columnBlock .column.breed .block ul.list li {list-style-type:none;border:1px solid #687496;padding:5px;float:left;margin:5px;width:160px;text-align:center;}
#pagina .small .holder{width:79%;}
#pagina .small .artikel .holder{width:92.1%;border-right: 1px solid #C7CCD9;}
.artikel.holder ul{margin:0;}
.artikel .holder{padding:0;}
.artikel .bgSM{border-width: 0 0 1px 0;}
.artikel .holder ul{margin:0}
#pagina .small .block.news .holder{width:92.2%;}
#medewerkers .small{width:196px;height:230px;}
#medewerkers .wide{width:1000px;margin:0;clear:both;}
#medewerkers .block{_height:210px;min-height:210px;}
#medewerkers .block .img{width:100%;border-width:0 0 1px 0;overflow:hidden;}
#medewerkers .content{text-align:center;}
#medewerkers .content.holder{text-align:left;width:175px!important;padding:15px 10px;}
#medewerkers .block .img img {max-height:145px;float:none;}
#person {width:580px;}
#person .img{margin:15px;}
#person .img img{height:225px;}
#person .block  {padding: 15px;width:95%;height:100%;background:none;border:0;background-color:#FFF;}
#person .holder{width:60%;}
.logos{width:978px;border:1px solid #C7CCD9;padding:10px;background-color:#FFF;margin-bottom:25px;clear:both;overflow:hidden;}
.logos ul li{float:left;margin-right:20px;}
.logos ul li.last{margin-right:0;}
.onzeKlanten .highlight.block{width:99.8%;height:400px;}
.onzeKlanten .list ul {
background-color:#FFFFFF;
border:1px solid #EFEFEF;
}
/*
.onzeKlanten .list ul {float:left;width:31%;border:1px solid #EFEFEF;border-width:1px 1px 0 1px;background-color:#FFF;margin-right:18px;}.onzeKlanten .list .last ul{margin-right:0;list-style-position:inside;}*/

.onzeKlanten .list ul li{background:transparent url(/i/bullet.gif) no-repeat scroll 5px 6px;border-color:#EFEFEF;border-style:solid;border-width:1px 0 0;float:left;list-style-type:none;margin-left:0;padding-left:15px;width:294px;}
.onzeKlanten .list ul li.laatste{border:none;}
.onzeKlanten .customers .holder{width:93.5%;}
.overview .furture ul{border:1px solid #C7CCD9;padding:5px 15px;margin:0;}
.overview .furture ul li{padding:3px 20px 3px 0;}
.overview .furture ul li a {margin-right:20px;width:277px;display:block;display:inline;overflow:hidden;}
.overview .past{margin-top:20px;}
.overview .past ul{border:1px solid #C7CCD9;padding:5px 15px;margin:0;}
.overview .past ul li{padding:3px 20px 3px 0;}
.block.events .overview ul li.item a,
.overview .furture ul li a,
.overview .past ul li a {margin-right:20px;display:block;width:320px;}
.overview table{width:100%;}
.overview table h3 span.datum{float:right;font-size:12px;}
.overview .item.laatste{border:none;}
.oneColumn{margin-top:18px;}
.block.events .overview {width:100%}
.block.events .overview .item{float: left;width:97%;}
.block.events .overview .item a{float:left;margin-right:10px;}
.block.events .overview .item .datum{float:right;margin-right:10px;}
.date{clear:both;display:block;overflow:hidden;}
.showdate{float:left;width:60%;overflow:hidden;}
.share{font-size:12px;width:40%;float:right;}
.share div{float:right;}
.events .bottom{width:94.2%;}
.linkEvent{width:325px;}
.department{clear:both;float:left;}
.department .textimg .img{width:220px;float:right;}
.department .textimg .text{float:left;padding:0;width:100%;}
.department .text.maps {float:left;clear:both;}
#pagina .small .colleages.holder{width:90%;border-top:1px solid #C7CCD9;}
.columnBlock .projectaanpak .img.breed {width:246px;}
.contact .holder{width:590px;}
.contact .holder .block .department{width:220px;float:left;overflow:hidden;}
.contact .holder .maps{float:right;}
.contact .holder .department{border-right:1px solid #C7CCD9;padding-right:18px;}
.contact .holder .department .text{overflow:hidden;width: 100px;}
.contact.block .block{border-width:0 0 1px 0; background:none;padding-bottom:18px;}
.contact .block .maps{padding:0;}
.contact .block .department img{margin:0 10px 10px 0;}
.contact .block p{margin:0;padding:0}
.bijeenkomst .form textarea, .bijeenkomst .form td.formbuilder_element input{width:300px;}
.voorwaarden{margin-top:10px;display:block;}
.partner .holder {width:72.7%;}
.partner.subhome .column .block{min-height:300px;_height:300px;}
.formbuilder_form_submit_button input{background:#A4DEE6;border:none;margin:3px 11px 0 0;padding:2px;cursor:pointer;}
#Kolom_Smal_Blok_2_CCIPlaceHolder_CPB_Blok_OnzeKlanten img{display:inline;float:left;overflow:hidden;padding:15px 62px;}
.links{float:left;}
#uitgelicht .holder{width: 92.7%;}
#uitgelicht .img{float:right;}
#uitgelicht .tekst {width: 340px;}
#tijdlijn{visibility:hidden}
.vacature ul{}
.vacature li{list-style:none!important;padding:10px 0 10px 18px;background:#f2f2f2;margin:0!important;}
.vacature li.even{background:#FFFFFF;}
.vacature .datum{float:right;margin: 0 10px 0 5px;}
.vacature h3{font-size:12px;margin:0 0 5px 0;}
.artikel_detail{padding: 10px 0 10px 0; border-bottom: 1px solid #cccccc;}
.block.artikel h3{padding:10px 0 6px 15px;border-bottom: 1px solid #cccccc;margin:0;}
.block.artikel li{list-style:none;border-bottom:1px solid #cccccc;margin:0;padding:5px 0 5px 15px;}
.block.artikel .bottom{border:0;}

.imgSocial {display: inline-block;float:left; margin: 5px 5px 5px 0;}
.addthis_toolbox {margin: 10px 0 0 0;}

.rechts{float:right;}

/*Swipe fotogallery ipad*/
#content_image_ipad{
height:567px;width:896px;overflow:hidden;position:relative;border : 1px solid #C7CCD9;margin:0 auto;}
#imgs {float:left;display:inline;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;padding:0px;margin:0px;width:2700px;
/*apply a transfor to kick in the hardware acceleration.  Without this, the first time we add the transform you get odd rendering of the divs (half missing) */
-webkit-transform: translate3d(0px,0px,0px);}
#imgs img{padding:0px;margin:0px;width:896px;height:567px;
/*apply a transfor to kick in the hardware acceleration.  Without this, the first time we add the transform you get odd rendering of the divs (half missing) */
-webkit-transform: translate3d(0px,0px,0px);}