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

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

.categories { width:1020px; margin-left:-20px; padding-top:20px; padding-bottom:50px; }
.categories .cat { float:left; margin:0px 0px 20px 20px; min-height:225px; max-height:470px; min-width:320px; max-width:1000px; }
.categories .cat .label { position:absolute; margin:-5px 0px 0px -5px; z-index:10; width:115px; height:115px; min-height:115px; max-height:115px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.categories .cat a { display:block; position:relative; }
.categories .cat a img { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; min-height:225px; max-height:470px; display:block; }
.categories .cat a::before { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 1px #ddd; -webkit-box-shadow:inset 0px 0px 0px 1px #ddd; box-shadow:inset 0px 0px 0px 1px #ddd; }
.categories .cat a:hover img { -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.categories .cat a:hover .label { border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.categories .cat a:hover .cat-title { /*opacity: 1.0; filter: alpha(opacity=100); */}
.categories .cat .cat-title { background:url(../images/1px-black-50.png); color:#fff; position:absolute; z-index:10; width:100%; bottom:0px; height:40px; line-height:38px; border-radius:0px 0px 3px 3px; -moz-border-radius:0px 0px 3px 3px; -webkit-border-radius:0px 0px 3px 3px; /*opacity: 0; filter: alpha(opacity=0);*/ }
.categories .cat .cat-title span { padding-left:10px; display:block; vertical-align:middle; font-size:14px; font-weight:normal; text-transform:uppercase; color:#fff; }

.cat-info { width:1000px; height:auto; padding-bottom:50px; }
.cat-info .sub-cats { width:300px; padding-right:50px; float:left; }
.cat-info .sub-cats h2 { padding-bottom:10px; margin:-1px 0px 15px; font-size:18px; border-bottom:2px solid #0089d0; line-height:22px; }
.cat-info .sub-cats ul { margin:0px; padding:0px; width:300px; list-style:none; }
.cat-info .sub-cats ul li { width:300px; line-height:18px; border-bottom:1px dashed #ddd; padding:8px 0px 10px; }
.cat-info .sub-cats ul li a { color:#444; }
.cat-info .sub-cats ul li a:hover { color:#0089d0; text-decoration:none; }
.cat-info .cat-text { width:650px; float:left; }
.cat-info .cat-text p img { max-width:650px; }
.cat-info .cat-text h2, .cat-info .cat-text h1 { /*color:#444;*/ text-transform:none; margin:0px 0px 15px; font-size:18px; line-height:22px; }
.cat-info .cat-text h1:first-child { padding-bottom:10px; border-bottom:1px solid #ddd; }
.cat-info .cat-text .cat-text-part { height:auto; overflow:hidden; }
.show-more-container { font-size:20px; color:#0089d0; line-height:12px; padding-top:10px; }
.show-more-container .show-more-dots { margin-bottom:10px; }
.show-more-container .show-more { line-height:26px; padding:4px 10px; color:#fff; background-color:#0089d0; border:1px solid #0089d0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:12px; font-weight:400; font-family: 'DINAlternateRegular', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; }
.show-more-container .show-more:hover { background-color:#444; border:1px solid #444; text-decoration:none; }

.home-projects { width:1000px; height:auto; padding-top:15px; padding-bottom:40px; }
.home-projects .project { width:300px; float:left; margin-right:50px; height:190px; }
.home-projects .project:nth-child(3n+3) { margin-right:0px; }
.home-projects .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 { display:block; width:300px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.home-projects .project .p-info h3 { margin:15px 0px 0px 0px; }
.home-projects .project:hover { cursor:pointer; }
.home-projects .project:hover .p-img img { opacity: 0.2; filter: alpha(opacity=20); }