
html,
body { height:100%; padding: 0; margin: 0; color: #000000; }

body { font-size: 13px; font-family: HelveticaNeueLT-Roman; }

a:hover { text-decoration: none; }

h1,h2,h3,h4,h5 { font-family: HelveticaNeueLT-Roman; }

.page-header { padding: 0; margin: 0; height: 80px; border: none; }
.page-header h2 { padding: 18px 0 0 0; margin: 0; font-family: HelveticaNeueLTStd-Bd; font-size: 17px; font-size: 1.4vw; }

.container-fluid-outer { max-width: 1400px; margin: 0 auto; }

.wrapper { min-width: 996px; min-height: 100%; }
.wrapper .main-container { padding-bottom: 80px; }
.wrapper .main-container .main { padding-right: 60px; }

/* HEADER */

header.pageheader { height: 80px; }
header.pageheader h1.logo { padding: 20px 0 0 0; margin: 0; }
header.pageheader h1.logo a { display: block; width: 100%; }

.mainmenu ul.nav > li {  }
.mainmenu ul.nav > li.item-101 { display: none; }
.mainmenu ul.nav > li.item-119 { margin-bottom: 18px; }
.mainmenu ul.nav > li.active > a { color: #000000; }
.mainmenu ul.nav > li > ul.nav-child { padding: 0; margin: 2px 0 0 0; list-style-type: none; }
.mainmenu ul.nav > li > ul.nav-child > li > a { color: #B1B3B4; font-size: 13px; font-weight: normal;  }
.mainmenu ul.nav > li > ul.nav-child > li > a:hover,
.mainmenu ul.nav > li > ul.nav-child > li.active > a { color: #000000; }

.categoriesmenu .nav > li > a { font-family: HelveticaNeueLT-Roman; }

.clientsmenu { margin: 20px 0 0 0;  }
.clientsmenu h4 { margin: 0 0 4px 0; color: #E2001A; font-size: 14px; font-family: HelveticaNeueLTStd-Bd; }
.clientsmenu .nav > li > a { color: #f5b093; font-family: HelveticaNeueLT-Roman; }
.clientsmenu .nav > li > a:hover,
.clientsmenu .nav > li.active > a { color: #E2001A; }

.languagemenu { height: 80px; }


/* FOOTER */

.pagefooter { padding: 18px 0 12px; background: #b1b2b4; }
.pagefooter * { color: #FFF; }
.pagefooter a:hover { color: #FFF !important; text-decoration: underline !important; }

.pagefooter .pagefooter-inner { position: relative; }
.pagefooter .toplink { position: absolute; right: 0; top: -48px; }
.pagefooter .toplink a { color: #b1b2b4; }
.pagefooter .toplink a:hover { color: #b1b2b4 !important; text-decoration: underline !important; }

.pagefooter .module .title h4 { margin: 0 0 14px 0; color: #000; font-size: 13px; font-weight: bold; }

.module-footer-footermenu .nav > li { margin-bottom: 3px; }
.module-footer-footermenu .nav > li > a { color: #FFF; font-family: HelveticaNeueLT-Roman; font-weight: normal; }
.module-footer-footermenu .nav > li > a:hover { text-decoration: underline; }
.module-footer-footermenu .nav > li.divider { height: 20px; }
.module-footer-footermenu .nav > li.divider span.separator { display: none; }

.module-footer-opdrachtgevers .weblinks { padding: 0; margin: 0; list-style-type: none; }
.module-footer-opdrachtgevers .weblinks .col { padding-left: 0; }
.module-footer-opdrachtgevers .weblinks .col .weblink { margin-bottom: 3px; }
.module-footer-opdrachtgevers .weblinks .col .weblink a { text-transform: lowercase !important; }
.module-footer-opdrachtgevers .weblinks .col .weblink a:hover,
.module-footer-opdrachtgevers .weblinks .col .weblink a:focus { color: #FFFFFF; text-decoration: underline; }

.weblinks-socialmedia { margin: 20px 0; }
.weblinks-socialmedia .weblink { display: inline-block; margin-right: 6px; }
.weblinks-socialmedia .weblink a {  }

.module-footer-wan .image img { width: 150px; margin: 0 0 14px -4px;  }

/*****
	SIDEBAR
*****/

.sidebar {  }
.sidebar .module {  }

.sidebar-post {  }


/*****
	PAGE SPECIFIC
*****/

/* homepage */

body.home h1.logo { position: absolute; top: 20px; left: 16px; width: 14%; padding: 0; margin: 0; }
body.home h1.logo a {  }
body.home .wrapper a { display: block; min-height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }


/*****
	COMPONENT SPECIFIC
*****/

/** Joomla - articles **/

.com-content .article .contents { padding-right: 40%; }

/**	ZOO - Projects **/

.zoo-projecten .zoo-workitem .image-main { margin: 0 0 50px 0; }

.zoo-projecten .zoo-workitem .description { padding: 0 0 40px 0; }
.zoo-projecten .zoo-workitem .description .mceContentBody,
.zoo-projecten .zoo-workitem .description .mceContentBody p { color: #b1b2b4; }

.zoo-projecten .zoo-workitem .images-extra a.moreimages { cursor: pointer; display: inline-block; padding: 0; margin-bottom: 38px; color: #000000; font-size: 13px; }
.zoo-projecten .zoo-workitem .images-extra a.moreimages.collapsed { color: #000000; }
.zoo-projecten .zoo-workitem .images-extra a.moreimages:hover { color: #b1b2b4; text-decoration: none; cursor: pointer; }
.zoo-projecten .zoo-workitem .images-extra .image-extra { margin-bottom: 40px; }

/**	ZOO - Cv **/

.zoo-cv h3.category-name { padding: 0; margin: 0 0 14px 0; color: #b1b2b4; font-size: 13px; font-weight: normal; }

.zoo-cv .items { margin: 0; }
.zoo-cv .items .item .col { padding: 0; }



/*****
	MODULE SPECIFIC
*****/

/* workitem (zooitem) */

.module-workitem { min-height: 480px !important; /*width: 100%;  min-height: 504px;min-width: 88px;*/ }
.module-workitem .slick-list { min-height: 480px !important; }
.module-workitem ul li { overflow: hidden; display: block; height: 120px !important; width: 100%; margin: 0; border: none !important; }
.module-workitem ul li a.workitem { display: block; height: 120px !important; padding: 0; margin: 0; }
.module-workitem ul li a.workitem:focus { outline: none; }
.module-workitem ul li a.workitem .image-container {  }
.module-workitem ul li a.workitem .image-container img { float: left; min-width: 73px; }
.module-workitem ul li a.workitem .image-container .image-dummy { float: left; width: 100%; height: 100px; padding: 0; margin: 0; background: #999; }

.module-workitem a.navbutton { position: absolute; bottom: -24px; cursor: pointer; margin: 2px 2px; }
.module-workitem a.navbutton i { color: #000000; font-size: 11px; }
.module-workitem a.navbutton:hover i { color: #E2001A; }
.module-workitem a.navbutton-prev { left: 0; }
.module-workitem a.navbutton-next { right: 0; }
.module-workitem a.slick-disabled { display: none !important; }


