BODY { font-family:'Roboto', sans-serif; font-size:16px; color:#383838; background-color:#FFFFFF; } .u-font-body { font-family:'Roboto', sans-serif; font-size:16px; } a { color:#001689; } a:hover, a:active, a:focus { color:#001689; } .ai-navbutton { color:#001689; } .nav>li>a:focus, .nav>li>a:hover { color:#001689; background-color:transparent; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:white; background-color:#001689; border-radius:5px; } .form-control { border-radius:5px; font-size:16px; } .dropdown-menu { background-color:rgba(251, 251, 251, .9); border-radius: 50px !important; box-shadow: 0px 0px 0px 0px rgba(176,176,176,1); } .dropdown-menu::before { border-color: transparent transparent rgb(251, 251, 251) transparent !important; } .btn-default { color:#001689; background-color:transparent; border: 1px solid #001689; } .btn-default:hover { color:#FFFFFF; background-color:#001689; border: 1px solid #001689; } .btn-primary { color:#FFFFFF; background-color:#001689; border: 1px solid #001689; } .btn-primary:hover { color:#001689; background-color:transparent; border: 1px solid #001689; } #spotlight .btn { color: #ffffff; background-color: transparent; display: block; float: left; border: 1px solid #ffffff; height: 42px; font-size: 16px; padding: 0px 15px; line-height: 40px; } #spotlight .btn-default { color: #001689; border: 1px solid white; background-color: white; } #spotlight .btn-default:hover { color:white; background-color:transparent; } #spotlight .btn-primary:hover { color:#001689; } #spotlight .btn-cta:hover { color: #FFFFFF; border: 1px solid #62AE50; background-color: #62AE50; } h1 { color:#001689; } h2, h3, h4, h5, h6 { color:#383838; } header { background-color:#FFFFFF; } .ai-company { color:#383838; display:none; } .ai-headerlink { color:#001689; } .ai-headerlink-social .fab { color: ; } .ai-headerlink:hover { color:#001689; } .ai-headerlink-social:hover .fab { color: ; } .navbar-default { background-color:#FBFBFB; } .navbar-default .navbar-nav>li>a, .dropdown-menu>li>a { color:#001689; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#001689; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:#001689; color:#FFFFFF; } .navbar-default .navbar-nav .pull-right .ai-navbutton { background-color:#62AE50; color:#FFFFFF; border-radius:5px; } .navbar-default .navbar-nav .pull-right .ai-navbutton:hover { background-color:#62AE50; color:#FFFFFF; } .btn-highlighted { background-color:#62AE50; color:#FFFFFF; border-radius:5px; } .btn-highlighted:hover { background-color:#62AE50; color:#FFFFFF; } @media (max-width: 767px) { .navbar-default { background-color:#FFFFFF; } .nav li { background-color:#FBFBFB; } } h1, h2, h3, h4, h5, h5, .ai-company { font-family:'Roboto', sans-serif; text-transform:none; font-weight:700; } .btn { border-radius:5px; } .btn-margin { margin-right: 10px !important; } .btn-cta { background-color:#62AE50; color:#FFFFFF; border-radius:5px; } .btn-cta:hover { color: #FFFFFF; background-color:#62AE50; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pagination>li>a, .pagination>li>span { color:#001689; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#001689; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#001689; border-color:#001689; } .content, #breadcrumb { background-color:#FFFFFF; } .label-default { background-color:#383838; color:#FFFFFF; } .panel { background-color:#FFFFFF; } .panel_2 .label-default { background-color:#FFFFFF; color:#001689; } .panel_2 { background-color:#001689; color:#FFFFFF; } .panel_2 h1, .panel_2 h2, .panel_2 h3 { color:#FFFFFF; } .panel_2 a { color:#FFFFFF; } .panel_2 .btn-default { color:#FFFFFF; background-color:transparent; border: 1px solid #FFFFFF; } .panel_2 .btn-default:hover { color:#001689; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .panel_2 .btn-primary { color:#001689; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .panel_2 .btn-primary:hover { color:#FFFFFF; background-color:transparent; border: 1px solid #FFFFFF; } .gradient_light { background-image: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,.5) ); } .gradient_dark { background-image: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,.5) ); } footer { background-color:#383838; } footer h3 { color:#FFFFFF; } footer .ai-footerlink { color:#EDEDED; } footer .ai-footerlink:hover { color:#001689; } .solid-divider { background-color: #000000; height: 1px; opacity: 50%; } .dashed-divider { border-top: 1px dashed #000000; opacity: 50%; } .dotted-divider { border-top: 1px dotted #000000; opacity: 50%; } .carousel-indicators.ai-carousel-indicators-slider li { background-color: #001689; } .carousel-indicators.ai-carousel-indicators-slider li.active { background-color: #001689; } .navbar-modern .pull-right { border-radius:5px; } .navbar-modern .pull-right:hover { background-color: #62AE50; border: 1px solid #62AE50; border-radius:5px; color: #FFFFFF; } .header-modern.shadow { box-shadow: 0px 10px 0px -10px rgba(176,176,176,1); } .header-modern.navpanel { background-color: #FFFFFF; } .header-modern.navpanel .navbar-modern .pull-right:hover { background-color: #62AE50; color: #FFFFFF; } .header-modern.navpanel .ai-navbutton { color: #001689; } .header-modern.navpanel .ai-navbutton:hover { color: #001689; } .header-modern.navpanel .active .ai-navbutton { color: #FFFFFF; } .header-modern.navpanel .ai-headerlink { color: #001689; } .header-modern.navpanel .ai-headerlink:hover { color: #001689; } .header-modern.navpanel .ai-company { color: #383838; } .header-modern.scrolled { background-color: #FFFFFF !important; } .header-modern.scrolled .navbar-modern .pull-right { background-color: #62AE50; color: #FFFFFF; } .header-modern.scrolled .navbar-modern .pull-right:hover { background-color: #62AE50; color: #FFFFFF; } .header-modern.scrolled .ai-navbutton { color: #001689; } .header-modern.scrolled .ai-navbutton:hover { color: #001689; } .header-modern.scrolled .active .ai-navbutton { color: #FFFFFF; } .header-modern.scrolled .ai-headerlink { color: #001689; } .header-modern.scrolled .ai-headerlink:hover { color: #001689; } .header-modern.scrolled .ai-company { color: #383838; } .header-modern.scrolled .modern-xs .btn-highlighted { background-color: #62AE50; } /* GOOGLE TRANSLATE WIDGET */ .goog-te-gadget-simple span { color: #001689 !important; font-family:'Roboto', sans-serif; } .translate_classic_mobile .goog-te-gadget-simple::before { color: #001689 !important; } .header-modern.scrolled .goog-te-gadget-simple span { color: #001689 !important; } .header-modern.scrolled .visible-xs .goog-te-gadget-simple::before { color: #001689 !important; } /* Projecten: menu-item actief op overzicht en projectpagina's */ body[data-slug="projects"] a.ai-navbutton[href$="/projecten"], body[data-slug*="projectscontroller"] a.ai-navbutton[href$="/projecten"] { background-color: #001689 !important; color: #ffffff !important; } /* Projecten-overzicht: scherpe afbeeldingen (volledige foto i.p.v. kleine thumbnail) */ a.newsPhoto[href$="/projecten/robotapplicatie-ai-vision-houtbewerking"] { background-image: url("/photobook/8145/robotapplicatie-ai-vision-houtbewerking-vision.webp") !important; } a.newsPhoto[href$="/projecten/jelucloud-kuijpers-caps-closures"] { background-image: url("/photobook/8167/jelucloud-kuijpers.webp") !important; } a.newsPhoto[href$="/projecten/besturingskasten-op-maat-voedselindustrie"] { background-image: url("/photobook/8146/besturingskasten-op-maat-voedselindustrie.webp") !important; } a.newsPhoto[href$="/projecten/portaalmachine-servo-positiesynchronisatie"] { background-image: url("/photobook/8147/portaalmachine-servo-positiesynchronisatie.webp") !important; } a.newsPhoto[href$="/projecten/besturing-verwarmings-en-koelskid"] { background-image: url("/photobook/8148/besturing-verwarmings-en-koelskid.webp") !important; } a.newsPhoto[href$="/projecten/standaard-besturingskasten-in-serie"] { background-image: url("/photobook/8149/standaard-besturingskasten-in-serie.webp") !important; } a.newsPhoto[href$="/projecten/besturing-houtbewerkingsmachine-servo-frequentieregelaars"] { background-image: url("/photobook/8150/besturing-houtbewerkingsmachine-servo-frequentieregelaars.webp") !important; } a.newsPhoto[href$="/projecten/productieoptimalisatie-minder-restafval-houtbewerking"] { background-image: url("/photobook/8151/productieoptimalisatie-minder-restafval-houtbewerking.webp") !important; } a.newsPhoto[href$="/projecten/robotisering-vlamspuitproces"] { background-image: url("/photobook/8152/robotisering-vlamspuitproces.webp") !important; } a.newsPhoto[href$="/projecten/besturing-transportsysteem"] { background-image: url("/photobook/8153/besturing-transportsysteem.webp") !important; } a.newsPhoto[href$="/projecten/besturingskast-prototype"] { background-image: url("/photobook/8154/besturingskast-prototype.webp") !important; } a.newsPhoto[href$="/projecten/re-engineering-besturingskast"] { background-image: url("/photobook/8155/re-engineering-besturingskast.webp") !important; } a.newsPhoto[href$="/projecten/automatisering-papierverpakkingslijn"] { background-image: url("/photobook/8156/automatisering-papierverpakkingslijn.webp") !important; } a.newsPhoto[href$="/projecten/besturing-pallet-omsnoerinstallatie"] { background-image: url("/photobook/8157/besturing-pallet-omsnoerinstallatie.webp") !important; } a.newsPhoto[href$="/projecten/automatisering-procesinstallatie"] { background-image: url("/photobook/8158/automatisering-procesinstallatie.webp") !important; } a.newsPhoto[href$="/projecten/machinenetwerk"] { background-image: url("/photobook/8159/machinenetwerk.webp") !important; } a.newsPhoto[href$="/projecten/receptenbeheer-rapportage-datalogging"] { background-image: url("/photobook/8160/receptenbeheer-rapportage-datalogging.webp") !important; } a.newsPhoto[href$="/projecten/agv-interface"] { background-image: url("/photobook/8161/agv-interface-overzicht.webp") !important; } a.newsPhoto[href$="/projecten/besturing-spijkerrobot"] { background-image: url("/photobook/8162/besturing-spijkerrobot.webp") !important; } a.newsPhoto[href$="/projecten/besturing-pallet-reparatielijn"] { background-image: url("/photobook/8163/besturing-pallet-reparatielijn.webp") !important; } a.newsPhoto[href$="/projecten/besturing-granulaatzeef"] { background-image: url("/photobook/8164/besturing-granulaatzeef.webp") !important; } a.newsPhoto[href$="/projecten/automatisering-waterzuivering"] { background-image: url("/photobook/8165/automatisering-waterzuivering.webp") !important; } a.newsPhoto[href$="/projecten/installatie-productiegegevens"] { background-image: url("/photobook/8166/installatie-productiegegevens.webp") !important; } /* Projecten-overzicht: hele foto tonen, niet ingezoomd */ a.newsPhoto[href$="/projecten/robotapplicatie-ai-vision-houtbewerking"], a.newsPhoto[href$="/projecten/besturing-verwarmings-en-koelskid"], a.newsPhoto[href$="/projecten/standaard-besturingskasten-in-serie"], a.newsPhoto[href$="/projecten/besturing-houtbewerkingsmachine-servo-frequentieregelaars"], a.newsPhoto[href$="/projecten/robotisering-vlamspuitproces"], a.newsPhoto[href$="/projecten/besturingskast-prototype"], a.newsPhoto[href$="/projecten/re-engineering-besturingskast"], a.newsPhoto[href$="/projecten/besturing-spijkerrobot"], a.newsPhoto[href$="/projecten/automatisering-waterzuivering"] { background-size: contain !important; background-color: #f2f3f6; } /* Projectpagina's met video: video tonen i.p.v. foto */ a.image_cover[href*="/photobook/8147/"], a.image_cover[href*="/photobook/8156/"] { display: none !important; } figure.media { clear: both; width: 100%; margin: 0 0 30px; }