@charset "utf-8";
/*
Jos ten Berg 2015
Copyright Five ICT
*/

/* HOME STYLES */
.home-cats { width:1000px; height:auto; }
.home-cats .cat { width:182px; border:1px solid #ddd; float:left; margin:30px 20px 0px 0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.home-cats .cat:nth-child(5n+5) { margin-right:0px; }
.home-cats .cat img { width:182px; height:118px; /*opacity: .4; filter: alpha(opacity=40);*/ display:block; border-radius:2px 2px 0px 0px; -moz-border-radius:2px 2px 0px 0px; -webkit-border-radius:2px 2px 0px 0px; }
.home-cats .cat .title { width:162px; height:44px; padding:0px 10px; line-height:38px; border-top:1px solid #ddd; font-size:15px; font-weight:normal; font-family: 'DINMedium', sans-serif; letter-spacing:-0.05em; border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; -webkit-border-radius:0px 0px 2px 2px; display:inline-block; }
.home-cats .cat .title span { display:inline-block; vertical-align:middle; line-height:16px; }
.home-cats .cat:hover { cursor:pointer; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; border:1px solid #c5c5c5; }
/*.home-cats .cat:hover img { opacity: 1.0; filter: alpha(opacity=100); }*/
.home-cats .cat:hover .title { background-color:#0089d0; color:#fff; border-top:1px solid #0089d0; }

.home-products { width:1000px; min-height:300px; padding-top:15px; background:url(../images/input-loading.gif) 0px 30px no-repeat #fff; }
.home-products ul { margin:0px; padding:0px; background-color:#fff; }
.home-products ul li { height:306px; width:184px; padding:8px;  }
.home-products .product { width:184px; height:306px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; line-height:16px; float:left; margin-right:20px; }
.home-products .product:nth-child(5n+5) { margin-right:0px; }
.home-products .product .label-img { position:absolute; z-index:10; margin-left:-5px; margin-top:-5px; display:block; }
.home-products .product .prod-img { width:184px; height:150px; border-radius:2px 2px 0px 0px; -moz-border-radius:2px 2px 0px 0px; -webkit-border-radius:2px 2px 0px 0px; background-size:auto 150px; }
.home-products .product .prod-details { width:174px; height:100px; padding:5px; }
.home-products .product .prod-details span.lt { font-weight:normal; font-family: 'DINMedium', sans-serif; font-size:16px; color:#999; text-decoration:line-through; line-height:20px; }
.home-products .product .prod-details span.price { font-weight:700; font-family: 'DINMedium', sans-serif; font-size:16px; color:#0089d0; line-height:20px; }
.home-products .product .prod-details span.ps { color:#999; }
.home-products .product .prod-btn { width:166px; height:28px; padding:9px; /*background-color:#0089d0;*/ border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px; -webkit-border-radius:0px 0px 2px 2px; display:none; }
.home-products .product .prod-btn a { line-height:26px; padding:4px 8px; color:#fff; /*border:1px solid #fff;*/ background-color:#0089d0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; }
.home-products .product .prod-btn a:hover { background-color:#444; text-decoration:none; }
.home-products .product:hover { cursor:pointer; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; }
/*.home-products .product:hover .prod-details { background-color:#444; color:#fff; }
.home-products .product:hover .prod-details span.price { color:#fff; }*/
.home-products .product:hover .prod-btn { display:block; }

.home-formules { width:1000px; height:auto; padding-top:20px; }
.home-formules .formule { width:235px; height:215px; float:left; margin-right:20px; text-align:center; } 
.home-formules .formule:nth-child(4n+4) { margin-right:0px; }
.home-formules .formule .f-img { width:88px; height:88px; margin:0 auto; background-position:bottom; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:background-position 0.4s; -webkit-transition:background-position 0.4s; }
.home-formules .formule .f-info { width:195px; height:75px; padding:10px 20px; color:#999; line-height:16px; }
.home-formules .formule .f-info h3 { font-size:16px; font-weight:500; color:#444; margin:10px 0px 5px 0px; }
.home-formules .formule .f-btn { display:none; }
.home-formules .formule .f-btn a { line-height:26px; padding:4px 8px; color:#fff; background-color:#0089d0; border:1px solid #0089d0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; }
.home-formules .formule .f-btn a:hover { background-color:#444; border:1px solid #444; text-decoration:none; }
.home-formules .formule:hover { cursor:pointer; }
.home-formules .formule:hover .f-img { background-position:top; border:1px solid #0089d0; }
.home-formules .formule:hover .f-info { color:#444; }
.home-formules .formule:hover .f-info h3 { color:#0089d0; }
.home-formules .formule:hover .f-btn { display:block; }

.home-projects, .home-productonderhoud { width:1000px; height:auto; padding-top:15px; padding-bottom:40px; }
.home-projects .project, .home-productonderhoud .project{ width:300px; float:left; margin-right:50px; height:190px; }
.home-projects .project:nth-child(3n+3), .home-productonderhoud .project:nth-child(3n+3) { margin-right:0px; }
.home-projects .project .p-img, .home-productonderhoud .project .p-img { width:300px; /*height:170px;*/ background:url(../images/lees-meer-ref-bg.png) center center no-repeat #444; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.home-projects .project .p-img img, .home-productonderhoud .project .p-img img { display:block; width:300px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.home-projects .project .p-info h3, .home-productonderhoud .project .p-info h3 { margin:15px 0px 0px 0px; }
.home-projects .project:hover, .home-productonderhoud .project:hover { cursor:pointer; }
.home-projects .project:hover .p-img img, .home-productonderhoud .project:hover .p-img img { opacity: 0.2; filter: alpha(opacity=20); }
.projects .heading-container { height:auto; }
.projects .heading-container h1 { margin-bottom:3px; }
.projectinfo { padding-top:30px; }
.projectinfo ul { margin:2px 0px 0px; padding:0px; }
.projectinfo ul li { text-align:center; }
.projectinfo #bx-pager { width:100%; text-align:center; padding:20px 0px; margin-bottom:20px; border-bottom:1px dashed #ccc; }
.projectinfo #bx-pager img { height:45px; margin:0px 5px 5px; opacity: 0.4; filter: alpha(opacity=40); }
.projectinfo #bx-pager a.active img { opacity: 1.0; filter: alpha(opacity=100); }

.newsitems { width:1000px; height:auto; padding-top:15px; padding-bottom:40px; }
.newsitems .news { width:300px; height:350px; float:left; margin:0px 50px 50px 0px;  }
.newsitems .news:nth-child(3n+3) { margin-right:0px; }
.newsitems .news:hover { cursor:pointer; }
.newsitems .news .n-img { width:278px; height:145px; padding:10px; border:1px dashed #ccc; line-height:170px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.newsitems .news:hover .n-img { border:1px solid #0089d0; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
.newsitems .news .n-img img { max-width:278px; max-height:145px; }
.newsitems .news .n-info { padding-top:10px; }
.newsitems .news .n-info h3 { margin:10px 0px; }
.newsitems .news .n-info span { font-style:italic; color:#999; margin-top:15px; }
.newsitem .heading-container { height:auto; margin-bottom:20px; }
.newsitem .heading-container h1 { margin-bottom:3px; }
.newsitem span { font-style:italic; color:#999; margin-bottom:15px; }

.catpage .heading-container { height:auto; }
.catpage .heading-container h1 { margin-bottom:3px; }

.download { width:1000px; height:auto; margin:30px 0px 0px; padding:15px 0px 0px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-radius:0px 3px 0px 0px; -moz-border-radius:0px 3px 0px 0px; -webkit-border-radius:0px 3px 0px 0px; }
.download .p-left { width:100px; padding-right:19px; float:left; min-height:10px; text-align:center; }
.download .p-left img { width:100px; margin-bottom:10px; }
.download .p-left img.icon { width:auto; margin:1px 5px 0px 0px; }
.download .p-left a { color:#444; }
.download .p-left a:hover { color:#0089d0; text-decoration:none; }
.download .p-right { width:880px; float:left; }
.download .p-right .p-text { padding:0px 15px 15px 5px; }
.download .p-right .p-text h2 { font-size:17px; text-transform:none; margin:0px 0px 10px; }

.d-inschrijven { width:100%; padding:30px 0px 3px; }