@import url("../f/fonts.css");
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,900,700italic,700,600italic,600,300italic,300,200italic,200,400italic);

/* ========================================================================== */
html, button, input, select, textarea { color: #333; }

body { font: .9em/1.7em 'Lucida Sans', Arial, sans-serif; background: #FFF; -moz-font-smoothing: -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; padding-top: 100px; }
::-moz-selection { background: #C3C2BE; color:#fff; text-shadow: none; }
::selection { background: #C3C2BE; color:#fff; text-shadow: none; }
::-webkit-input-placeholder { color: #999; font-style: italic; }
:-moz-placeholder,
:-ms-input-placeholder { color: #999; font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #c3c2be; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #c3c2be; padding: 0.2em 0; }
body.node-type-iframe iframe{ margin: 0; madding: 0; border: none; }


a:link { color: #8C8279; text-decoration: underline; }
a:visited { color: #c3c2be; text-decoration: underline; }

.slide-content   a.highlighted_link_block:link { color: #333;}
.slide-content   a.highlighted_link_block:visited { color: #333;}
.highlighted_link_block :hover > span { color: #8C8279;}

h1 { font: 700 2.8em/1em 'Titillium Web', sans-serif; color: #333; margin: 0;}
h2 { font: 700 1.6em/1em 'Titillium Web', sans-serif; margin: 0 0 .5em; }
h3 { font: 700 1.5em/1.1em 'Titillium Web', sans-serif; color: #333; margin: 0 0 .5em; }

ul { list-style: none; margin: 0; padding: 0; }
/*-------------------------------------------- forms */
fieldset dl { margin: 0; padding: 0; }
fieldset dd { margin: 0;}
textarea,
input[type="text"],
input[type="password"]{ background: #fff; border: 1px solid #BFBFBF; padding: 7px 8px; display: inline-block; width: auto; font-family: 'Lucida Sans', Arial, sans-serif; border-radius:3px;  }

textarea { display: block;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus { outline: none; border: 1px solid #8D8279; outline: 1px solid #8D8279; background-color: #EAE9E7; border-color: #BFBFBF; -moz-box-shadow: inset 0 3px 0 #DEDBD6; -webkit-box-shadow: inset 0 3px 0 #DEDBD6; box-shadow: inset 0 3px 0 #DEDBD6; outline: none; }
input[type="checkbox"], input[type="radio"] { margin-right: 5px; position: relative; top: 1px;}

.block.type-wamnet-log-in input[type="text"], .block.type-wamnet-log-in input[type="password"] { width: 240px; background: #EAE9E7; border: 1px solid #BFBFBF; padding: 7px 8px; display: inline-block; font-family: 'Lucida Sans', Arial, sans-serif; border-radius: 0; }
.block.type-wamnet-log-in form label { font-weight: normal; color:#666; }
.block.type-wamnet-log-in form .block-introduction { font-weight: normal; color:#666; }
/*-------------------------------------------- buttons*/
input[type="submit"],
.read-more, 
a.read-more { display: inline-block; background: #333; color: #fff; font: 300 1.4em/1em 'Titillium Web', sans-serif; margin: 0; padding: .4em 30px .5em 20px; text-decoration: none; position: relative; border: 0; }

.solution-wrapper .read-more { display: inline-block; background: #333; color: #fff; font: 300 1.4em/1em 'Titillium Web', sans-serif; margin: 0; padding: .4em 20px .5em 20px; text-decoration: none; position: relative; border: 0; }

.highlighted a.read-more { background: #f36f36; }

.block.type-wamnet-log-in input[type="submit"]:hover { background-color: #8C8279; text-decoration: none;}
.block.type-wamnet-log-in input[type="submit"] { background: #333 url(../i/bg/arrow-light-r.png) 100% 50% no-repeat; padding: .4em 30px .5em 20px; }

input[type="submit"]:after,
.read-more:after { content: " "; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 20px; height: 16px; background: url(../i/bg/arrow-light-r.png) 0 50% no-repeat; }

.solution-wrapper .read-more:after { content: " "; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 20px; height: 16px; background: none; padding: .4em 20px .5em 20px !important; }

input[type="submit"]:hover,
.read-more:hover { background-color: #8C8279; text-decoration: none;}
.solution-wrapper .read-more:hover { background: #333; text-decoration: none;}

table tr:hover .read-more,
.bg-dark .read-more { background-color: #FFF; color: #333; }
table tr:hover .read-more:after,
.bg-dark .read-more:after { background: url(../i/bg/arrow-dark-r.png);}
.bg-dark .read-more:hover { background-color: #CCC;}

.read-more.read-more-blue,
.read-more.read-more-green,
.read-more.read-more-purple,
.read-more.read-more-orange { color: #fff; }

.read-more.read-more-blue:after,
.read-more.read-more-green:after,
.read-more.read-more-purple:after,
.read-more.read-more-orange:after { background-image: url(../i/bg/arrow-light-r.png); }


.read-more.read-more-blue { background-color: #006599; }
.read-more.read-more-green { background-color: #95a73b; }
.read-more.read-more-purple { background-color: #892a6e; }
.read-more.read-more-orange  { background-color: #f87e35; }

/* ------------------------------------------ Rich Text styles */ 
.rft { overflow: hidden; }
.rtf img { max-width:100%;}
.type-detail-3 .rtf ul,
.type-case-goal .rtf ul { list-style-image: url(../i/bg/bullet.png); list-style-position: outside; margin: 0; padding: .5em 0 .5em 24px; }
.type-detail-3 .rtf ul li,
.type-case-goal .rtf ul li { padding:5px 0;}

.rtf ul { list-style: square outside; margin: 20px 0; padding: .5em 0 .5em 24px; }

/*--------------------------------------- Slider -- */
.slider { position: relative; margin-bottom:40px; height:250px;  }
	.slider .slide,
	.slider .cycle-slide { position: relative; overflow: hidden; width:100%; }
/*	.slider .cycle-slide img {width:100%; height:100%;}*/

	
	.slider .cycle-next,
	.slider .cycle-prev { position: absolute; top: 50%; margin-top: -10px; width: 30px; height: 30px; z-index: 200; background: #fff no-repeat; cursor:pointer; }
		.slider .cycle-next { right: 0; background-image: url(../i/bg/arrow-dark-r.png); background-position: 12px 50%; }
		.slider .cycle-next:hover { background-image: url(../i/bg/arrow-light-r.png); background-color: #333; }
		.slider .cycle-prev { left: 0; background-image: url(../i/bg/arrow-dark-l.png); background-position: -4px 50%; }
		.slider .cycle-prev:hover { background-image: url(../i/bg/arrow-light-l.png); background-color: #333; }

	.slider .cycle-pager { display: block; margin: 10px auto; text-align: center; position: absolute; top:100%; width: 100%; z-index: 200;  }
		.slider .cycle-pager span { display: inline-block; margin: 0 5px; width: 10px; height: 10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: #D6D6D6; overflow: hidden; text-indent: -999px; cursor:pointer; }
		.slider .cycle-pager span:hover {background:#666;}
		.slider .cycle-pager .cycle-pager-active {background:#333;}


#big-slider { height: 402px; margin: 0; }
#big-slider .cycle-navigation { height: 275px; /*450*/ position: absolute; top: 0; left: 0; width: 100%; /*z-index: 600;*/ }
	#big-slider .cycle-navigation > .wrapper { height: 255px; /*430*/ }
		#big-slider .cycle-navigation .cycle-prev,
		#big-slider .cycle-navigation .cycle-next { height: 100%; top: 0; margin: 0; width:60px; opacity:.7; }

		#big-slider .cycle-navigation .cycle-prev { background: url(../i/bg/big-slider-arrow-new-l.png) 0 50% no-repeat; }
		#big-slider .cycle-navigation .cycle-next { background: url(../i/bg/big-slider-arrow-new-r.png) 100% 50% no-repeat; }

		#big-slider .cycle-navigation .cycle-prev:hover,
		#big-slider .cycle-navigation .cycle-next:hover {opacity:1; /*background-color: rgba(0,0,0,.1);*/}

		#big-slider .cycle-navigation .cycle-pager { top: auto; bottom: 0; }
		#big-slider .cycle-navigation .cycle-pager span { -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); }
#big-slider .slide { height: 402px; }
#big-slider .slide .slide-content { position: absolute; bottom: 125px; /*240*/ left: 0; width: 100%; }
	#big-slider .slide .slide-content .article-wrapper { z-index: 700; }
		#big-slider .slide > img {min-height:602px; min-width:100%;}
		#big-slider .slide .slide-content .article-content {  -moz-box-shadow: 0 5px 20px rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.3); box-shadow: 0 5px 20px rgba(0,0,0,.3);}
		#big-slider .slide .slide-content .article-title { font-size: 2.7em; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; font-weight: 300; }
		@-moz-document url-prefix() { /* just for FF */
			#big-slider .slide .slide-content .article-title {	text-shadow: 0 0 1px rgba(51, 51, 51, .3);}
		}

		#big-slider .slide .slide-content .article-title strong {display:block;}
			#big-slider .slide .slide-content .article-subtitle { font-size: 1.7em;}


/* ======================================================================= LAYOUTS === */

.wrapper { width: 96%; margin: 0 2%; position: relative; clear:both;}
.wrapper:after { content: " "; display: table; clear: both; }
.lt-ie9 .wrapper { min-width: 980px; max-width: 1134px; margin: 0 auto;}

header[role="banner"]{ background: #fff; position: relative; z-index: 998; position: fixed; width:100%; top:0; left:0;}
body.admin-menu header[role="banner"] { top: 20px; }
body.admin-menu.scrolled header[role="banner"] { top: 0; }
	header[role="banner"] .logo { display: block; position: absolute; left:0; top: 0; z-index: 1000; margin: 12px 0 0;} 
	header[role="banner"] .logo a { display:block; width: 210px; height: 50px;}
	header[role="banner"] .searchbox { float: right; padding: 20px 0 0 20px; }
	header[role="banner"] .searchbox input[type="text"]{ background: #EAE9E7 url(../i/icons/ico-search.png) 96% 50% no-repeat; padding: 6px 20px 5px 8px; width: 130px; border: 1px solid #EAE9E7; }
	header[role="banner"] .searchbox input[type="text"]:focus{ border-color: #BFBFBF; -moz-box-shadow: inset 0 3px 0 #DEDBD6; -webkit-box-shadow: inset 0 3px 0 #DEDBD6; box-shadow: inset 0 3px 0 #DEDBD6; outline: none; }


/* ------------------------- navigation items --- */
nav.primary .menus-container .menu-icon { display: none; }
nav.primary { border-top: 24px solid #EAE9E7; float: left; width: 100%; clear: both; height: 76px; background: #fff; -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1); }
	.scrolled nav.primary { border-top:0; }
	nav.primary ul { padding:0; margin:0; /* width: 100%; */ }
	nav.primary .menu-level-1 > ul { padding-left: 27px;  }
	.lt-ie9	nav.primary .menu-block-main-menu-block > ul, .lt-ie9 nav.primary ul > li.right { float: right; }
	nav.primary ul > li { float: left; padding:20px; position: relative; display:block; border: 0;}
	.lt-ie9 nav.primary .menu-block-main-menu-block > ul > li { padding:23px;}
	
	
	
	nav.primary li a { color: #666; display: block; padding:0 10px; margin:0 -10px; font-size: 20px; font-family: 'Titillium Web', sans-serif; line-height: 30px; text-decoration: none; position: relative; font-weight: lighter;}
	nav.primary li:hover > a { background: #EBE9E7; }
	nav.primary li.expanded > a:after { content: ' '; color: #EBE9E7; display: none; position: absolute; width: 0px; height: 0px; border-style: solid; top: 100%; left: 50%; margin-left: -6px; border-width: 6px 6px 0 6px; border-color: #EBE9E7 rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) !important; }
	.lt-ie9 nav.primary li.expanded > a:after { border-color: #EBE9E7 #fff #fff #fff !important; }
	nav.primary li.expanded:hover > a:after { display: block;}

	nav.primary ul ul { display: none; position: absolute; padding: 10px 0; top: 100%; left: 10px; min-width: 200px; background: #EBE9E7; z-index: -1; /*, inset 0 10px 10px rgba(0,0,0,.1)*/ box-shadow: 0 5px 20px rgba(0,0,0,.2); }
		nav.primary ul > li:hover > ul { display: block;}
		
		nav.primary ul ul li { float: none; display: block; padding:0 20px; }
		nav.primary ul ul > li:nth-child(4),
		nav.primary ul ul > li:nth-child(5) { float:none;}
		nav.primary ul ul li a { font-family: 'Lucida Sans', Arial, sans-serif; font-size: 1em; }
		nav.primary li.active > a,
		nav.primary ul li.active-trail > a,
		nav.primary ul ul li:hover > a { color: #f36f36; font-weight: normal;}
		nav.primary ul ul li:hover > a { background: #fff; }
		nav.primary ul ul ul { display: none !important;}
		
nav.service { background: #EAE9E7; color:#666; float:left; width:100%; height: 24px; }

	nav.service ul.menu { float: right; margin: 0; width:auto; }
		nav.service ul.menu li { display: block; float: left; padding:0; }
		nav.service ul.menu li:last-child a { padding-right:0; border:0;}
		nav.service ul.menu a { display: inline-block; text-decoration: none; color: #666; line-height: 10px; padding: 0 10px; border-right: 1px solid #666; }
		nav.service ul.menu a:hover { text-decoration: underline;}

		header nav.service { position: absolute; top:-24px; left:0; }
		header nav.service .wrapper{ width:auto; margin:0;}
		header nav.service ul.menu a { margin: 0; font: .7em/10px 'Lucida Sans', Arial, sans-serif; }
		
	nav.service .sociallinks { height:0; }
	ul.social { text-align: center; }
		ul.social li { display: inline-block; background: url(../i/bg/dot-dark.png) 0 0 repeat-y; padding-left: .5em; }
		ul.social li.first { background: none; }
		ul.social a { display: inline-block; text-decoration: none; color: #666; line-height: 10px; padding: 0; }
		ul.social a:hover { text-decoration: none;}

.socialshare { border-top: 1px solid #CCC; text-align: center; margin-top: 40px; }
	.socialshare ul.social{ border: 1px solid #CCC; padding: 7px 15px; background: #fff; display: inline-block; position: relative; top: -24px; }
	.socialshare ul.social li.first { font: 300 1.3em/1em 'Titillium Web', sans-serif; background: none; padding: 3px 20px 3px 5px; position: relative; }
	.socialshare ul.social li.first:after { content: " "; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 10px; height: 16px; background: url(../i/bg/arrow-dark-r.png); }
	.socialshare ul.social li.first + li {padding-left:0; background: none; }
	.container.type-social .wrapper { border:0;}
	.container.type-social .socialshare { margin-top: 0; border: 0; height:20px; }
	.container.type-social .socialshare ul.social {border: 0; top:-20px;}

.fb-comments { margin-bottom: 40px; }

.container.with-aside + nav.prevnext .wrapper { border-top: 0; }
nav.prevnext ul { width: 100%; text-align: center; margin:0; position: relative; float: left; }
nav.prevnext hgroup { height:40px; }
nav.prevnext hgroup + ul { margin: 0;}
	nav.prevnext ul li{ display: inline-block; font: 300 1.2em/1em 'Titillium Web', sans-serif; padding:7px; margin:0 25px; position: relative;}
	nav.prevnext ul li.prev{ float:left; }
	nav.prevnext ul li.next{ float:right; }
	nav.prevnext ul li a { display: inline-block; padding:7px; margin:-7px; }
		nav.prevnext ul li.prev a{ padding-left:30px;}
		nav.prevnext ul li.next a{ padding-right:30px;}
		nav.prevnext ul li a:hover { background-color: #fff; color:#333; text-decoration: none;}
		nav.prevnext ul li.prev a:before,
		nav.prevnext ul li.next a:before { content: " "; display: block; position: absolute; top: 50%; right: 0; margin-top: -8px; width: 20px; height: 16px; background: url(../i/bg/arrow-dark-r.png) 0 50% no-repeat; }
		nav.prevnext ul li.prev a:before { left: 0; right: auto; background-image: url(../i/bg/arrow-dark-l.png); }



nav.pagination { text-align: center; }
	nav.pagination ul.pager { list-style: none; margin:20px 0 50px; padding:0;}
	nav.pagination ul.pager li { display: inline-block; margin:0 1px; padding:5px 12px; position: relative;}
	nav.pagination ul.pager li a { text-decoration:none; display:block; padding:5px 10px; margin:-5px -10px; color:#333;  }

	nav.pagination ul.pager li.pager-next a,
	nav.pagination ul.pager li.pager-last a { background: #EAE9E7 url(../i/bg/arrow-dark-r.png) 100% 50% no-repeat; padding-right: 30px; }
	nav.pagination ul.pager li.pager-last a:after { content: " "; position: absolute; right: 4px; top: 50%; margin-top: -8px; width: 20px; height: 17px; background: url(../i/bg/arrow-dark-r.png) -3px 50% no-repeat; } 

	nav.pagination ul.pager li.pager-previous a,
	nav.pagination ul.pager li.pager-first a { background: #EAE9E7 url(../i/bg/arrow-dark-l.png) 0 50% no-repeat; padding-left: 30px; }
	nav.pagination ul.pager li.pager-first a:before { content: " "; position: absolute; left: 4px; top: 50%; margin-top: -8px; width: 20px; height: 17px; background: url(../i/bg/arrow-dark-l.png) 3px 50% no-repeat; } 

	nav.pagination ul.pager li a:hover { background-color: #8C8279; color:#fff; }
	nav.pagination ul.pager li.pager-item a:hover { background: #EAE9E7; color:#333; }

	nav.pagination ul.pager li.pager-current { background: #333; color:#fff; position: relative;}
	nav.pagination ul.pager li.pager-current:after { content: ' '; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; bottom: 100%; left: 50%; margin-left: -6px; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; }




nav.tabs-nav { text-align: center; font: 300 1.3em/1em 'Titillium Web', sans-serif; }
	section.page-navigation nav.tabs-nav { text-align: right; }
	nav.tabs-nav .wrapper{ border-bottom: 0; padding:0;}
	nav.tabs-nav li { display: inline-block;}
		nav.tabs-nav a { display: inline-block; padding: 7px 20px; margin:0 3px; position: relative; color: #333; background: #C5C0BC; text-decoration: none; z-index:400; }
			nav.tabs-nav a:hover { background: #8D8279; color:#fff; }
			nav.tabs-nav .ui-tabs-selected a,
			nav.tabs-nav a.ui-tabs-selected,
			nav.tabs-nav a.active { background: #333; color:#fff; }
			nav.tabs-nav .ui-tabs-selected a:after,
			nav.tabs-nav a.active:after { content: ' '; display: block; position: absolute; top: 100%; left: 50%; width: 0px; height: 0px; margin-left: -8px; border-style: solid; border-width: 8px 8px 0 8px; border-color: #333 transparent transparent transparent; }

	nav.tabs-nav.bottom .menu-name { display: inline-block; margin-right:2em; }
		nav.tabs-nav.bottom .menu-name:after {content:":";}
	nav.tabs-nav.bottom ul { display: inline;}
		nav.tabs-nav.bottom a { background: transparent; }
			nav.tabs-nav.bottom a:hover,
			nav.tabs-nav.bottom .ui-tabs-selected a { background: #C5C0BC; }
			nav.tabs-nav.bottom .ui-tabs-selected a:after { top: auto; bottom: 100%; border-width: 0 8px 8px 8px; border-color: transparent  transparent #C5C0BC transparent; }


/*---------------------- sections */
.bg-medium-dark { background-color: #EAE9E7; }
.bg-dark { background-color: #333; color: #fff; }

/*section.main { overflow-x: hidden; }*/

.container { position: relative;}
.container .wrapper { border:solid #fff; border-width: 40px 0 20px; }
	.container.bg-medium-dark .wrapper { border-width: 20px 0; border-color: #EAE9E7;}
	.container.bg-medium-dark + .container.bg-medium-dark .wrapper { border-top: 0;}
	.container .wrapper.bg-dark { border-width: 30px 0 50px; border-color: #333;}

.container.bg-medium-dark.with-arrow { margin-bottom: 40px; }
	.container.bg-medium-dark.with-arrow:after { content: ' '; display: block; position: absolute; top: 100%; left: 50%; width: 0px; height: 0px; margin-left: -14px; border-style: solid; border-width: 14px 14px 0 14px; border-color: #EAE9E7 transparent transparent transparent; }

.container.col-2 article,
.container.col-2 .block { width: 42.5%; margin-left: 2.5%; margin-right: 5%; float: left; display: block; }
.container.col-2 article:nth-of-type(2n),
.container.col-2 .block:nth-of-type(2n) { margin-left: 5%; margin-right: 2.5%;}
	.container.col-2.with-v-border .wrapper{ background-image: url(../i/bg/dot-dark.png); background-position: 50% 0; background-repeat: repeat-y;}
	.container.col-2.with-v-border .wrapper.bg-dark { background-image: url(../i/bg/dot-light.png); }


.container.col-3 article,
.container.col-3 .block { width: 33.3333333%; float: left; display: block; }
	.container.col-3 .inner { margin: 0 -20px; }
	.container.col-3 .article-wrapper { margin: 0 20px; }

.container.col-4 article,
.container.col-4 .block { width: 25%;/* margin-right: 2.5%; margin-left:2.5%;*/ float: left; display: block; }

	.container.col-4.with-v-border article,
	.container.col-4.with-v-border .block { background: url(../i/bg/dot-dark.png) 0 0 repeat-y; }

	.container.col-4.with-v-border article:nth-of-type(4n+1),
	.container.col-4.with-v-border .block:nth-of-type(4n+1) { background: none; }

	.container.col-4.with-v-border .block-wrapper { margin: 0 12.5%; }

	.container .cta-area{ margin-top:10px; clear:both;}
		.container .cta-link{ margin:0 1em 10px 0;}
		.container .cta-text{ color: #666; white-space: nowrap; }

section hgroup { border-top: 1px solid #B0AFAD; text-align:center; }
	section hgroup h1,
	section hgroup h2 { background: #f36f36; color: #fff; font: 200 1.6em/1em 'Titillium Web', sans-serif; margin: 0 0 30px; padding: .4em 20px; display: inline-block; position: relative; top: -1em; z-index:300; }
	section hgroup h1:after,
	section hgroup h2:after { content: ' '; display: block; position: absolute; top: 100%; left: 50%; width: 0px; height: 0px; margin-left: -8px; border-style: solid; border-width: 8px 8px 0 8px; border-color: #f36f36 transparent transparent transparent; }
	
	section hgroup h2.terug { top: -2em; margin-bottom: 0 }
	section hgroup h2.terug:before { content: ' '; display: block; position: absolute; top: -8px; left: 50%; width: 0px; height: 0px; margin-left: -8px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #f36f36 transparent; }
	section hgroup h2.terug:after { display: none;}


	.container.noborder hgroup,
	.container.bg-light + .container.bg-medium-dark hgroup,
	.container.bg-medium-dark + .container.bg-light hgroup { border-top: 0; margin-top:-40px;}
	.container.bg-medium-dark.with-arrow + .container.bg-light hgroup  { border-top: 1px solid #B0AFAD; margin-top:-20px; }
	.container.type-visual + .container > .wrapper > hgroup { border-top: 0; }
	.container.type-visual + .container > .wrapper { border-top: 0; }

	.container.bg-light + .container.bg-medium-dark hgroup { margin-top: -20px; }
	
	.container .article-wrapper, .advert-banners .article-wrapper { display:block; text-decoration: none; color:#333;}
	.container .article-thumbnail, .advert-banners .article-thumbnail { display: block;}
		.container .article-thumbnail img { max-width:100%; }
	.container .article-content { display:block;}
		.container .article-title { display:block; font: 700 1.8em/1em 'Titillium Web', sans-serif; margin: 0 0 .5em; }
		.container .article-subtitle,
		.container .block-subtitle { display:block; font: 300 1.5em/normal 'Titillium Web', sans-serif; }
		.container .article-text { display:block; color: #666;}
		.container .block-text { color: #666;}
	.container .read-more { }
	.container a.article-wrapper:hover .read-more {background-color: #8C8279; }



.container.type-objective { text-align: center; padding: 30px 0 0; }
.container.type-objective h1 { font: 300 30px/40px 'Titillium Web', sans-serif; color: #666; margin:.5em 97px 0; }




.container.type-visual { background: #EAE9E7; position: relative; overflow: hidden; min-height:/*116*/265px; }
	.container.type-visual .visual img { min-width:100%; min-height:100%; height:auto !important; position: absolute; left:0; top:0;}

	.container.type-visual .wrapper{ border: 0; min-height:200px; margin:30px auto; }

	.container.type-visual article.highlighted { width:40%; margin:20px 7%; position: absolute; left:0; bottom:0; }
		.container.type-visual article.highlighted.right { margin:20px 7% 20px 53%; }
		.container.type-visual article.highlighted .article-title{ margin:0;}
		.container.type-visual article.highlighted .article-content{ background: #fff; padding:10px 20px; }

	.container.type-visual.with-arrow:after { content: ' '; display: block; position: absolute; bottom: 0; right: 0; width: 50%; height: 0px; margin-right: -14px; border-style: solid; border-width: 0 0 14px 14px; border-color: transparent #EAE9E7 #EAE9E7 transparent; z-index: 300;}
	.container.type-visual.with-arrow:before { content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 50%; height: 0px; margin-left: -14px; border-style: solid; border-width: 0 14px 14px 0; border-color: transparent  transparent #EAE9E7 #EAE9E7; z-index: 300; }


.container.type-big-visual { height: 402px; overflow: hidden; z-index: 50; }
	.container.type-big-visual:after { content: ' '; display: block; position: absolute; bottom: 0; right: 0; width: 50%; height: 0px; margin-right: -14px; border-style: solid; border-width: 0 0 14px 14px; border-color: transparent #EAE9E7 #EAE9E7 transparent; z-index: 300;}
	.container.type-big-visual:before { content: ' '; display: block; position: absolute; bottom: 0; left: 0; width: 50%; height: 0px; margin-left: -14px; border-style: solid; border-width: 0 14px 14px 0; border-color: transparent  transparent #EAE9E7 #EAE9E7; z-index: 300; }
	.container.type-big-visual .wrapper { margin: 20px auto; }
	.container.type-big-visual article.highlighted { position: static;}
	.maintenance-page .container.type-big-visual:after,
	.maintenance-page .container.type-big-visual:before { display: none; }


.container.type-conversion { margin-top: -138px; /*-150*/ z-index: 400; }
	.container.type-conversion .wrapper {border:0; }
		.container.type-conversion .inner { float:left; background: #fff; padding: 10px 0; box-shadow: 0 5px 20px rgba(0,0,0,.3); width:100%;}
			.container.type-conversion .article-wrapper { height: 76px; padding:10px 0; margin: 0 10px 0 13px; overflow:hidden; }
			.container.type-conversion .article-wrapper:hover { background-color: #EAE9E7;}
				.container.type-conversion .article-content{ padding: 0 10px 0 30px; overflow: hidden; display: block; background: url(../i/bg/arrow-dark-r.png) 13px 2px no-repeat; font-family: 'Titillium Web', sans-serif; line-height: 1.5em; }
				.container.type-conversion .article-title { margin-bottom: .2em; font-size: 1.5em; }
				.container.type-conversion .article-text { font-size: 1.2em;}


.container.type-overview article { margin-bottom: 50px; }
	.container.type-overview .article-wrapper { border-bottom:1px solid #BFBFBF; padding:0 20px; }
		.container.type-overview .article-wrapper:hover { background: #F0F0F0;}
	.container.type-overview .article-thumbnail { height: 130px; overflow: hidden; margin:0 -20px 10px; }
		.container.type-overview .article-thumbnail img { min-width:100%; max-height:130px;}
	.container.type-overview .article-content {margin-bottom:20px; }


.container.type-page-title .wrapper{ border: 0; }
.container.type-page-title .wrapper hgroup{ height: 30px; border-top: 0;}

.container.type-brands article { border-bottom: 1px solid #BFBFBF; margin-bottom: 50px; float: left; clear: both; width: 100%;}
.container.type-brands article.last-article { margin-bottom: 0;}
	.container.type-brands .article-wrapper { width:100%; display:table; }
		.container.type-brands .article-thumbnail { float: left; width: 47.5%; height:260px; margin: 0 2.5% 0 0; position: relative; text-align: center; }
			.container.type-brands .article-thumbnail img { max-width: 100%; position: absolute; bottom: 0; right:0; }
		.container.type-brands .article-content { width: 39%; margin: 0 8.5% 0 2.5%; float: right;}

		.container.type-brands article:nth-of-type(2n+1) .article-thumbnail { float:right; margin: 0 0 0 2.5%;  }
			.container.type-brands article:nth-of-type(2n+1) .article-thumbnail img {left:0;}
		.container.type-brands article:nth-of-type(2n+1) .article-content { width:39%; margin: 0 2.5% 0 8.5%; float: left;}

		.container.type-brands .article-title { display:block; font: 700 2.5em/1em 'Titillium Web', sans-serif; margin: 0; }
		.container.type-brands .article-subtitle { margin: 0 0 .5em; }
		.container.type-brands .article-text { color: #666; margin: 20px 0;}

		.container.type-brands .media-icons { display:block; margin:20px 0;}
		.container.type-brands .media-icons img{ margin-right: 10px; display: inline-block; opacity: .4; cursor: help; -webkit-filter: sepia(100%); -moz-filter: sepia(100%); -ms-filter: sepia(100%); -o-filter: sepia(100%); filter: sepia(100%); }
	.container.type-detail-7 .regional-list { padding: 20px 0; }
		.container.type-detail-7 .regional-list li { /* background: url(../i/bg/square.png) 11px 50% no-repeat; */ list-style: square inside; padding-left: 11px }


.container.with-aside article.text-page-block { padding-bottom: 30px;}
	.container.type-text-page h1.article-title, .container.type-list-overview .full h1.article-title { font-size: 2.8em; color: #333} 
	.container.type-text-page .text-page-visual, .container.type-list-overview .text-page-visual { float: left; margin: 0 50px 20px 0;}
	.container.type-text-page .article-text, .container.type-list-overview .article-text  { margin: 0 0 20px 0;}
	.container.type-text-page .text-link { color: #333; text-decoration: underline;}



.container.type-products .wrapper .inner { margin:15px -15px 0; }
	.container.type-products .article-wrapper { position: relative; margin:0 15px 30px; }

	.container.type-products .article-thumbnail { height: 167px; overflow: hidden; text-align: right; overflow: hidden; background: #efedec; background: -moz-linear-gradient(top,  #efedec 0%, #bcbbb9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efedec), color-stop(100%,#bcbbb9)); background: -webkit-linear-gradient(top,  #efedec 0%,#bcbbb9 100%); background: -o-linear-gradient(top,  #efedec 0%,#bcbbb9 100%); background: -ms-linear-gradient(top,  #efedec 0%,#bcbbb9 100%); background: linear-gradient(to bottom,  #efedec 0%,#bcbbb9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efedec', endColorstr='#bcbbb9',GradientType=0 ); }
	.container.type-products .article-thumbnail:hover { background: #adadad; background: -moz-linear-gradient(top,  #adadad 0%, #7b7b7b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(100%,#7b7b7b)); background: -webkit-linear-gradient(top,  #adadad 0%,#7b7b7b 100%); background: -o-linear-gradient(top,  #adadad 0%,#7b7b7b 100%); background: -ms-linear-gradient(top,  #adadad 0%,#7b7b7b 100%); background: linear-gradient(to bottom,  #adadad 0%,#7b7b7b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#7b7b7b',GradientType=0 ); }
		.container.type-products .article-thumbnail img { max-width: none; }
		
	.container.type-products .article-content { position: absolute; bottom: 0; left: 0; margin: 0 15px 0 0; padding: .3em 30px .3em 10px; font-size: .8em; background: #fff; color: #333; }
	.container.type-products .article-content:after { content: " "; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 20px; height: 16px; background: url(../i/bg/arrow-dark-r.png) 0 50% no-repeat; }
	.container.type-products .article-wrapper:hover .article-content { background: #333; color: #fff; }
	.container.type-products .article-wrapper:hover .article-content:after { background-image: url(../i/bg/arrow-light-r.png); }
	.container.type-products .article-title { margin: 0; }

	.container.type-products .cta-area { border-bottom: 1px solid #BFBFBF; }
	.container.type-products .cta-link { margin-bottom: 0; }


.container.type-cases .wrapper .inner { margin:0 -15px; }
	.container.type-cases .article-wrapper { position: relative; margin:0 15px 30px; }

	.container.type-cases .article-thumbnail { height:150px; overflow:hidden; text-align:left; }
		.container.type-cases .article-thumbnail img { min-width:100%; max-width: none; height:150px; }

	.container.type-cases .article-title { position: absolute; bottom: 0; left: 0; margin: 0 15px 0 0; padding: .5em 30px .5em 10px; font-size: 1.2em; background: #fff; color: #333; }
		.container.type-cases .article-title strong { font-weight: normal;}
		.container.type-cases .article-title:after { background-image: url(../i/bg/arrow-dark-r.png); }
		.container.type-cases .article-wrapper:hover .article-title { background: #333; color: #fff; }
		.container.type-cases .article-wrapper:hover .article-title:after { background-image: url(../i/bg/arrow-light-r.png); }


.container.type-solutions { padding-bottom:20px; }
	.container.type-solutions article { margin: 40px 0; text-align: center;}
		.container.type-solutions article a { background: #fff; display: block; padding: 0 40px; margin:0 20px; text-decoration: none; color: #333; border: 1px solid #fff; position: relative; }
		.container.type-solutions article a:hover {border-color: #B0AFAD; }
        
        .container.type-solutions article .solution-wrapper { background: #fff; height: 100%; display: block; padding: 0 40px; margin:0 20px; text-decoration: none; color: #333; border: 1px solid #fff; position: relative; border-bottom: 0; }
		
        

		.container.type-solutions .article-thumbnail { display: block; height: 50px; width:111px; height:74px; overflow:hidden; margin:-32px auto 10px;}


		.container.type-solutions .article-content, .container.nieuws-vacatures .article-content { display:block; text-align: center;}
		.container.nieuws-vacatures .article-content {text-align: left;}
			.container.type-solutions .article-title, .container.nieuws-vacatures .article-title { display: block; font: 900 1.8em 'Titillium Web', sans-serif; padding: 0 0 10px; margin: 0; text-align: center; }
			.container.type-solutions .article-text, .container.nieuws-vacatures .article-text { display:block;}

		.container.type-solutions .read-more, .container.nieuws-vacatures .read-more { position: relative; top:.9em;}
		.container.type-solutions article a:hover .read-more, .container.nieuws-vacatures article a:hover .read-more { background-color: #8C8279; }
		.container.type-solutions article a:hover .article-thumbnail img, .container.nieuws-vacatures article a:hover .article-thumbnail img, .container.nieuws-vacatures article:hover img { position:relative; top:-74px;}

.container.nieuws-vacatures { padding-bottom:20px; }
	.container.nieuws-vacatures article { margin: 40px 0; width:48.5%; background: #fff; position: relative;}
	.container.nieuws-vacatures article:nth-of-type(2n) { margin: 40px 0 40px 3%;}
	.container.nieuws-vacatures article.nv-right { margin: 40px 0 40px 3%;}
	.container.nieuws-vacatures article .inner-nv { padding: 0 40px; text-align: center;}
		.container.nieuws-vacatures .article-thumbnail { display: block; height: 50px; width:111px; height:74px; overflow:hidden; margin:-32px auto 10px;}
		.container.nieuws-vacatures .article-title { color: #333; text-decoration: none;}

		.container.nieuws-vacatures .nv-content { text-align: left; font: 300 1.25em/1.4em 'Titillium Web', sans-serif; margin-bottom: 15px;}
			.container.nieuws-vacatures .nv-content li { border-top: 1px solid #bfbfbf; padding: 16px 0;}
			.container.nieuws-vacatures .nv-content li:first-child { border-top: none; padding-top: 0;}
				.container.nieuws-vacatures .nv-info { color: #999; display: block; }
				.container.nieuws-vacatures .nv-body { font-weight: 700; color: #333; text-decoration: none;}

.container.type-case-carousel { margin-bottom:30px;}
	.container.type-case-carousel hgroup h2 { margin: 0;}
	.container.type-case-carousel .block-thumbnail { float:right; width: 42.5%; margin: 3.5em 2.5% 0 5%;}
	.container.type-case-carousel .block-content { margin: 0 50% 0 2.5%;}
	.container.type-case-carousel .branch { color: #ccc; margin-bottom: 1em; font-size:1.3em; font-family:'Titillium Web', sans-serif; }
	.container.type-case-carousel .block-title { margin:.2em 0;}
	.container.type-case-carousel .block-text { margin:2em 0; color: #666;}
	.container.type-case-carousel .fact {clear:both; float:left; padding-right:20px; margin:0 15px 0 2.5%; background: url(../i/bg/dot-dark.png) 100% 0 repeat-y;}
	.container.type-case-carousel .media-icons { clear:right;}
	.container.type-case-carousel .media-icons img { margin:0 5px; cursor: help;}
	.container.type-case-carousel .slider img { width: 100%; height:100%; }



.container.type-testimonial { text-align: center; }
	.container.type-testimonial blockquote { text-align: center; font: 300 italic  1.8em/1.5em 'Titillium Web', sans-serif; width: auto; display: block; margin: 10px 10%; padding: 0; color: #666; position: relative; }
		.container.type-testimonial blockquote:before { content: "\201C"; display: block; position: absolute; right: 100%; top: -10px; font: 900 normal 150px/100px Arial, sans-serif; color: #fff; }
		.container.type-testimonial blockquote:after { content: "\201D"; display: block; position: absolute; left: 100%; bottom: -70px; font: 900 normal 170px/100px Arial, sans-serif; color: #fff; }
	.container.type-testimonial address { font-style: normal; display: inline-block; margin: 10px auto; padding: 5px 10px; background: #fff; }


.container.type-case-results { margin-top:50px;}
/*	.container.type-case-results .block-visual { width: 45%; margin: 0 2.5%; }*/
	.container.type-case-results .block-visual img { max-width: 100%; height: auto;}
	ul.facts-list{ list-style: none; padding:3px 0 0; margin:0 0 1em; background: url(../i/bg/dot-dark.png) 0 0 repeat-x;}
	ul.facts-list li { background: url(../i/bg/dot-dark.png) 0 100% repeat-x; padding:5px 0 8px;}

	.fact { position: relative; display: inline-block; min-height: 48px; padding-left:58px; font-family: 'Titillium Web', sans-serif; }
		.fact .fact-icon { width:48px; height: 48px; position: absolute; top:0; left:0;}
			.fact .fact-icon img{ max-width:48px; max-height: 48px;}
		.fact .fact-text { font-weight: 700; font-size:1.7em; line-height: 1.1em;}
		.fact .fact-subtext {font-weight: 400; font-size:1.25em;}

.container.type-references { margin: 50px 0; text-align: center; }
	.container.type-references .inner { margin:0 -10px;}
	.container.type-references .article-wrapper { padding:10px; margin:0 10px 0 13px; overflow: hidden;}
	.container.type-references .article-wrapper:hover { background: #EBE9E7;}
	.container.type-references .article-thumbnail { min-height:66px; margin-bottom:10px;}
	.container.type-references .article-thumbnail img { max-width:100%;}


.container.type-cta { margin-top: 20px; }
	/*.container.type-cta .highlighted { display: inline-block; background: #5C5C5C; color: white; font: 700 1.4em/1em 'Titillium Web', sans-serif; margin: 0; padding: .4em 10px .5em; }*/
	.container.type-cta.with-social .wrapper { border-bottom-width: 50px; }
	.container.type-cta .block-title { border-bottom: 1px solid transparent; padding:0 .5em .5em 0; display:block; position: relative; font-weight: normal; }
	.container.type-cta .block-title.with-h-border { border-bottom-color: #A9A9A9;}
		.container.type-cta .block-title.with-h-border:after { content: ""; display: block; position: absolute; top: 100%; right: 20%; background: url(../i/bg/h-border-corner.png); width: 18px; height: 18px; }
	.container.type-cta p { margin: 0 0 1em; }	

	.container.type-cta .block-visual { width: 96px; float: left; margin: 15px 20px 20px 0; }
	.container.type-cta .contact-person-name { margin: 20px 0 0 0; }
	.container.type-cta .contact-person-position { margin: 0 0 1em 0; }

.container.with-aside {}
	.container.with-aside .wrapper{border-bottom:0;}
	.container.with-aside .inner { width:55%; margin-right:12%; float:left; }
	.container.with-aside aside { width:33%; float:left; font-size:.85em; }
	
	.container.with-aside article.teaser,
	.container.with-aside aside .block, 
	.container.with-aside article.text-page-block	{ margin-bottom:40px; border-bottom: 1px solid #BFBFBF; clear: both; }
		.container.with-aside aside .block-text{ line-height:1.4em; }
		.container.with-aside aside .block-content{ margin: 0 25% 1em 0; }
		.container.with-aside aside .block-content:after { content: " "; display:table; height:0; clear:both; }
		.container.with-aside aside .read-more { clear:both; }
		.container.with-aside aside .with-image .block-content{ margin-right: 0; }
			.container.with-aside aside .with-image .block-thumbnail { width:45%; margin:0 10% 10px 0; float:left}
			.container.with-aside aside .with-image .block-thumbnail img{ width:100%; height: auto; }
	
	
	
	.container.with-aside .article-wrapper { margin-left: 7%;}
		.container.with-aside .teaser .article-title { font-size: 1.5em;}
		.container.with-aside .article-wrapper:hover article.teaser .article-title { text-decoration: underline;}
		.container.with-aside .article-meta{ font: 300 1.2em/1em 'Titillium Web', sans-serif; color:#ccc; margin-bottom:10px; display:block; }
		.container.with-aside .article-content{ margin-bottom: 1em;}
	.container.with-aside article .intro-text { font-weight: bold; }

.container .block-visual img { max-width: 100%;}

.container.type-detail-1 { margin-bottom: 20px; }
.container.type-detail-1 .block-facts { }
	.container.type-detail-1 .block-facts .block-thumbnail{ width: 45%; float: right; text-align: right; margin-left:5%;  }
	.container.type-detail-1 .block-facts .block-thumbnail img { max-width: 100%; }
	.container.type-detail-1 .block-facts img.with-border, .container.type-detail-1 .block.block-visual .block-content img.with-border { border: 1px solid #bfbfbf; }
	.container.type-detail-1 .block-facts .block-content{ width: 50%; padding-top: 3em;}

.container.type-detail-2 .block-wrapper { margin: 0 2.5%;}
.container.type-detail-2 .block-visual { text-align: center; margin:20px 0;}

.container.type-detail-6 article { margin-bottom:30px;}
	.container.type-detail-6 .article-content { margin-left:45%;}
	.container.type-detail-6 .article-thumbnail { width:40%; margin-right:5%; float:left;}
	.container.type-detail-6 .article-thumbnail img { border: 1px solid #bfbfbf; }
	.container.type-detail-6 .article-title { margin-bottom:0; font-size: 1.5em;}
	.container.type-detail-6 .article-subtitle { font-size: 1.3em; margin-bottom:10px;}

.container.type-brand { margin-bottom: 30px; }
.container.type-brand .block-facts .block-thumbnail{ width: 45%; float: right; text-align: right; margin-left:5%;}
.container.type-brand .block-facts .block-thumbnail img { max-width:100%;}
	.container.type-brand .block-facts .block-content{ width: 50%; padding-top: 3em;}
	
	
.container.type-map nav { width: 25%; float: left;  }
	.container.type-map nav ul { margin:0;}
	.container.type-map nav ul li { padding:0; border-top: 1px solid #BEBEBE; }
		.container.type-map nav ul a { display: block; position: relative; padding: 3px 30px 3px 20px; }
			.container.type-map nav ul a:hover { background: #333 url(../i/bg/arrow-light-r.png) 100% 50% no-repeat; text-decoration: none; color:#fff;  z-index:300; }
			.container.type-map nav ul a:hover:after { content: ' '; display: block; position: absolute; top: 50%; left: 100%; width: 0px; height: 0px; margin-top: -8px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #333; }
			.container.type-map nav > ul > li > a{ background: #CCC; color: #333; font-weight: bold; }

	.container.type-map .map-container { background: #eee; margin-left: 25%; position: relative; overflow: hidden; min-height: 600px; }

.container.type-contacts .inner { margin: 0 -10px; }
	.container.type-contacts article { background: url(../i/bg/dot-dark-h.png) 0 100% repeat-x; padding-bottom:3px; margin-bottom:30px;}
	.container.type-contacts .article-wrapper { margin: 0 10px 20px; }
		.container.type-contacts .article-thumbnail { width:96px; float:left; margin: 0 20px 20px 0; }
		.container.type-contacts .article-content { margin-left: 116px; font-size:.75em; line-height: 1.4em; }
			.container.type-contacts .article-title { font:bold 1.3em 'Lucida Sans', Arial, sans-serif;  }
			.container.type-contacts .article-subtitle { font: 1em 'Lucida Sans', Arial, sans-serif;  }






.container.type-filters { text-align: center; }
.hide-filters .container.type-filters { display: none; }

.container.type-detail-7 { padding-top: 20px;}
	.container.type-detail-7 .block-content { color: #666; margin-bottom: 20px;} 
	.container.type-detail-3 .read-more, .container.type-detail-7 .read-more  { float: left; } 
	.container.type-detail-3 .cta-text, .container.type-detail-7 .cta-text  { white-space: normal; } 


.popup { position: absolute;}
.popup .popup-inner { background: #333; color: #fff; position: absolute; padding:10px 15px 15px; width:240px; line-height:normal; }
.popup .popup-inner:after { content: ' '; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; }

.popup.with-bottom-arrow .popup-inner { margin-bottom:8px; bottom:0; left:-135px; }
.popup.with-bottom-arrow .popup-inner:after { top: 100%; left: 50%; margin-left: -8px; border-width: 8px 8px 0 8px; border-color: #333 transparent transparent transparent; }

.popup.with-top-arrow .popup-inner { top:0; margin-top:8px; left:-135px; }
.popup.with-top-arrow .popup-inner:after { bottom: 100%; left: 50%; margin-left: -8px; border-width: 0 8px 8px 8px; border-color: transparent transparent #333 transparent; }

.popup.with-right-arrow .popup-inner { bottom:-62px; right:100%; height:100px; margin-right:8px;  }
.popup.with-right-arrow .popup-inner:after { top: 50%; left: 100%; margin-top: -8px; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #333; }

.popup.with-left-arrow .popup-inner { bottom:-62px; height:100px; left:100%; margin-left:8px; }
.popup.with-left-arrow .popup-inner:after { top: 50%; right: 100%; margin-top: -8px; border-width: 8px 8px 8px 0; border-color: transparent #333 transparent transparent; }

.popup .popup-title { color: #fff; font-weight: 300; margin-bottom:0; line-height:normal;}
.popup .fact { margin-top:10px; padding-top:10px; background: url(../i/bg/dot-light.png) 0 -1px repeat-x; display:block;}
.popup .fact .fact-icon {top:10px;}



footer { padding: 20px 0; margin-top: 50px; font-size:.85em; position: relative; color:#666; }

	footer .container.col-4 .block { position: relative; line-height: 1.7em; padding-bottom: 20px;}
	footer .container.type-footer-links .wrapper{ border-width:0 0 30px 0;}
	footer .container.type-footer-links hgroup, footer .container hgroup{  border-width:0; }
	footer .container.type-footer-links hgroup h2 { cursor:pointer; }
	footer .container.type-footer-links hgroup h2:after { top:auto; bottom:100%; border-width:0 8px 8px 8px; border-color: transparent transparent #8D8279 transparent; }
	footer .container.type-footer-links hgroup h2:hover { background: #333;}
	footer .container.type-footer-links hgroup h2:hover:after { border-color: transparent transparent #333 transparent; }
	footer .container.type-footer-links .block{ position: relative; padding-bottom:40px;  }
	footer .container.type-footer-links .block-title{ margin-bottom:.7em;}
	footer .container.type-footer-links .block .rtf { padding-top: .3em; }
	footer .container.type-footer-links ul.links li { line-height:1.4em; }
	footer .container.type-footer-links ul.links { padding-top: .2em;}
	footer .container.type-footer-links ul.links.with-h-border { padding-top: 0; }
	
	footer .container.type-links { padding-bottom: 30px;}
    footer .container.type-links hgroup h2 { cursor:pointer; }
	
	footer .read-more { font-size: 1em; font-family: 'Lucida Sans', Arial, sans-serif; padding: .5em 20px .5em .5em; margin: 1em 0 0; position: absolute; bottom: 0; left: 0; margin: 0 12.5%; }
		footer .read-more:after { background-position: -2px; width:12px; }

	
	footer nav.service { background: #fff; margin:0; font-size:.9em; }
	footer nav.service .wrapper{ border-width:15px 0; }
	footer nav.service .copyrights { margin-left:2.5%;}
	footer nav.service ul.menu { float: none; position: absolute; right: 0; top: 0; width: auto; }
	footer  nav.service .sociallinks { margin-left: -.5em; }

	footer .type-partners { background: #8C8279; }
		footer .type-partners .wrapper {border: none; padding:10px 0; width: 100%; }
			footer .type-partners ul{ margin: 0; padding: 0; list-style:none; text-align: center; }
			footer .type-partners ul li { display:inline-block; margin:0 12px; }
			footer .type-partners ul li img { }
	
	
ul.links { margin: 0.5em 0; padding: 0; list-style: none; }
ul.links li a { text-decoration: none; color:#666;}
ul.links li a:hover { text-decoration: underline; color:#333; }

ul.links li { display: block; padding: 0; }
ul.links.with-h-border li { border-top: 1px solid #CDCBCA; padding:.5em 0; }
ul.links.with-h-border li:first-child { border-top: none; }

ul.links.type-dates li a { margin-left:4em; display:block;}
ul.links.type-dates li .date { width:3.5em; display:block; float:left; }


	
	
.ui-tabs-hide { display: none; }

table { width: 100%; border:none; }
.type-table thead tr { border-bottom:1px solid #BFBFBF;}
.type-table tbody tr  { background: url(../i/bg/dot-dark-h.png) 0 100% repeat-x; position: relative; }
.type-table tbody tr.highlighted { background-color: #EAE9E7;  font-weight: bold; }
.type-table tbody tr:hover { background-color: #333; color:#fff;}
.type-table td, .type-table th { border: none; padding: 7px 10px; text-align: left; }
.type-table th { white-space: nowrap; }
.type-table table .label { background: #333; color: #fff; padding: 5px; position: relative; font-weight: 300; }
.type-table table .label:after { content: ' '; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; top: 50%; right: 100%; margin-top: -8px; border-width: 8px 8px 8px 0; border-color: transparent #333 transparent transparent; }
.type-table table .read-more { font: 1em/normal 'Lucida Sans', Arial, sans-serif; display:inline; visibility: hidden; float: right; white-space: nowrap; padding: 5px 20px 5px 5px;}

.type-table table tr:hover { cursor:pointer;}
.type-table table tr:hover .label { display: none;}
.type-table table tr:hover .read-more { display:inline; padding: 5px 20px 5px 5px; white-space: nowrap; visibility: visible;}
.type-table table tr:hover .read-more:after { background-position: -2px; width: 12px; }

.type-specials .views-exposed-form .views-exposed-widget { text-align: left; }
.type-specials .wrapper { border-top: 0;}
.type-specials .container.type-filters { text-align: left; }
.type-specials .container-inline-date > .form-item { display: block; margin:0 15px 0 0; }
.type-specials .views-exposed-widget.views-submit-button { display: none; }
.type-specials td:nth-child(1) { width: 135px; }
.type-specials td:nth-child(3),
.type-specials td:nth-child(2) { min-width: 200px; }
.type-specials td:nth-child(4) { min-width: 80px; }
.type-specials td:last-child { text-align: right; width: 120px; }
.type-specials .cusel {margin:0; min-width:100px !important  }
.type-specials #cuselFrame-edit-field-thema-tid { margin-right: 15px; }

.hint { display: inline-block; width: 13px; height: 13px; background: url(../i/icons/ico-info.png) 0 0 no-repeat; cursor: pointer; margin: 0 0 -3px 5px; position:relative; }
.hint .hint-text { position: absolute; bottom: 100%; margin-bottom: 8px; left: -83px; width: 160px; padding: 10px; background: #333; color: #fff; display: none; font: normal 12px 'Lucida Sans', Arial, sans-serif; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,.3); z-index: 600; }
.hint .hint-text:after { content: ' '; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; top: 100%; left: 50%; margin-left: -6px; border-width: 6px 6px 0 6px; border-color: #333 transparent transparent transparent; }
.hint:hover { background-position: 0 -13px;}
.hint:hover .hint-text { display:block;}
.touch .hint { display: none; }

.search-header { background: #EAE9E7; padding: 30px 7% 20px; }
.search-header form { margin-right:20px; position: relative;}
	.search-header input[type="text"] { width: 100%; height:22px; margin-bottom:20px; }
	.search-header input[type="submit"] { position: absolute; top:0; right:0; margin-right:-20px;}

@-moz-document url-prefix() {
	.search-header input[type="submit"] { padding:6px 30px 8px 20px; }
}
	
	
.search-header h3 { font-weight: 300; font-size: 1.3em; }

.search-results { list-style: none; padding: 0; }
.search-results .search-result { padding-left: 7%; background: url(../i/bg/dot-dark-h.png) 0 100%  repeat-x; margin-top: 30px; padding-bottom: 30px; }
.search-results .search-result:last-child { background: none; border-bottom: 1px solid #BFBFBF; }
.search-results .search-result .title { font-size: 1.2em;}
.search-results .search-result .title a { text-decoration: none; color: #333; }
.search-results .search-result .title a:hover {text-decoration: underline; }
.search-results .search-snippet { margin-bottom: 0; }
.search-header strong,
.search-results strong { font-style: italic; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.menu-name { display: none; }


/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
	* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
	a,
	a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content: ""; } 	/* Don't show links for images, or javascript/internal links */

	pre,
	blockquote { border: 1px solid #6a6969; page-break-inside: avoid; }

	thead { display: table-header-group; /* h5bp.com/t */ }

	tr,
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }

	p,
	h2,
	h3 { orphans: 3; widows: 3; }

	h2,
	h3 { page-break-after: avoid; }
}

/* styles for select */
.cusel,
.lt-ie9 .container select { height: 35px; background: #fff; border: 1px solid #C5C0BC; display: inline-block; position: relative; cursor: pointer; font-size: 14px; z-index: 1; min-width: 280px; outline: none; margin: 0 10px; text-align: left; }
.lt-ie9 .container select { font: 300 20px/25px 'Titillium Web', Arial, sans-serif;}
.lt-ie9 .type-specials select { position: relative; top: -10px; }

.cuselFrameRight { position: absolute; z-index: 2; top: 0; right: 0; height: 100%; width: 35px; background: url(../i/bg/arrow-dark-b.png) 10px 50% no-repeat; }

.cuselText { height: 29px; padding: 7px 20px 0; cursor: pointer; overflow: hidden; position: relative; z-index: 1; position: absolute; top: 0; left: 0; font: 300 20px/1.1em 'Titillium Web', Arial, sans-serif; }
* html .cuselText { height: 35px; }
.cusel span { color: #333; display: block; cursor: pointer; white-space: nowrap; padding: 2px 10px; zoom: 1; margin: 0 10px; }
.cusel span:hover,
.cusel .cuselOptHover { background: #fff; color: #333; }
.cusel .cuselActive { background: #fff; color: #333; cursor: default; }

/* styles for focus and hover */
.cuselOpen { z-index: 950; background: #333; color:#fff;}
.cuselOpen .cuselFrameRight { background: #333 url(../i/bg/arrow-light-b.png) 10px 50% no-repeat; }
/* styles for disabled select */
.classDisCusel,
.classDisCusel .cuselFrameRight { background: #eee; cursor: default; color: #ccc; }
.classDisCusel .cuselText { cursor: default; }


/* styles for scrollbar */
.cusel .cusel-scroll-wrap { display: block; visibility: hidden; position: absolute; left: -1px; top: 100%; background: #EAE9E7; padding: 10px 0; width: 280px; border: 1px solid #C5C0BC; /*-moz-box-shadow: 0 5px 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3); -ms-box-shadow: 0 5px 10px rgba(0,0,0,.3); box-shadow: 0 5px 10px rgba(0,0,0,.3); */}
.cusel .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 5; }

.cusel .jScrollPaneTrack { height: 100%; width: 7px !important; background: #C5C0BC; position: absolute; top: 0; right: 8px; }
.cusel .jScrollPaneDrag { position: absolute; background: #333; cursor: pointer; width: 15px !important; height: 15px !important; right: -4px; }

.cusel .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.cusel .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
.cusel .jScrollArrowUp { position: absolute; top: 0; right: 2px; width: 26px; height: 12px; cursor: pointer; background-position: -2px -26px; overflow: hidden; }
.cusel .jScrollArrowDown { width: 25px; height: 12px; position: absolute; top: auto; bottom: 0; right: 3px; cursor: pointer; background-position: -21px -26px; overflow: hidden; }

/* ------------ Drupal fixes --------------- */
.views-exposed-form label,
.container-inline-date .description { display: none; }
.views-exposed-form .views-widget-filter-field_date_value label, 
.views-exposed-form .views-widget-filter-field_closing_date_value label { display: block; position: absolute; top:-23px; left:0; font-weight: normal; color:#666; }
.views-exposed-form .views-exposed-widget { float: none; display: inline-block; padding:0; position: relative; }
.views-exposed-widgets { margin: 0; }

.container-inline-date .form-item input { padding: 9px; margin: 0; border-color: #C5C0BC; width:120px; color:#666; font-weight:bold; background: #fff url(../i/bg/calendar-bg.png) 100% 50% no-repeat; }
.container-inline-date .form-item input:focus { background-color: #333; color:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

div.messages { border: none; margin: 0 auto; padding: 10px 0; }
div.messages .messages{ padding:10px 10px 10px 50px; border:1px solid;}

.throbber { position: fixed !important; margin: -39px 0 0 -39px !important; top: 50%; left: 50%; width: 48px !important; height: 48px !important; background: #fff url(../i/bg/loader.gif) 50% 50% no-repeat !important; padding: 10px !important; border: 1px solid #C5C0BC; border-radius: 6px; z-index: 9999; box-shadow: 0 5px 20px rgba(0,0,0,.4); }
.media-vimeo-outer-wrapper { width: 100% !important; height: auto !important; }

.block-introduction { margin-top: 10px; margin-bottom: 10px; }

#ui-datepicker-div { background: #fff; border: 0; padding: 10px; width: 230px; font-family: 'Lucida Sans', Arial, sans-serif; box-shadow: 0 5px 10px rgba(0,0,0,.3); z-index: 990 !important; }
.ui-datepicker-calendar th { text-transform: uppercase; font-weight: normal; font-size: .85em; color: #666; }
.ui-datepicker td { width: 30px; line-height: 20px; }
.ui-datepicker td span, 
.ui-datepicker td a {display:block; padding: 0 7px 0 0; color:#666; }
.ui-datepicker td:hover a { color:#fff; background: #8D8279;}
.ui-datepicker .ui-datepicker-current-day a { background: #333; color: #fff; }
.ui-datepicker .ui-datepicker-prev { left: 0!important; top:0 !important; background: url(../i/bg/arrow-dark-l.png) -5px 50% no-repeat; }
.ui-datepicker .ui-datepicker-next { right: 0!important; top:0 !important; background: url(../i/bg/arrow-dark-r.png) 10px 50% no-repeat; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { background-color: #EAE9E7; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { height: 24px; width: 24px; }
.ui-datepicker .ui-datepicker-title select { height: 24px; margin: 0; background: #EAE9E7; border: 1px solid #BFBFBF; border-width: 1px 0 0 1px; border-radius: 2px; box-shadow: inset 0 3px 0 #DEDBD6; font-size: .85em; }
.ui-datepicker .ui-datepicker-header { padding: 0; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-height: 780px) {
#big-slider,
#big-slider .slide,
.container.type-big-visual { height: 602px; }
#big-slider .slide > img {min-height:595px;}
/* #big-slider .cycle-navigation { height: 370px; }
#big-slider .cycle-navigation > .wrapper { height: 350px; } */
#big-slider .slide .slide-content { bottom: 260px; }
#big-slider .slide .slide-content .article-title,
#big-slider .slide .slide-content .article-subtitle { zoom: .8; }
}
@media only screen and (max-width: 1140px) {
	nav.primary ul > li {padding: 20px 14px;}
	nav.primary li a { font-size: 18px; padding:0 5px; margin:0 -5px; }
	footer .type-partners .wrapper { width: 96%; }
	footer .type-partners ul li { margin: 0 20px; }
}
@media only screen and (max-width: 960px) {
.container.type-visual article.highlighted { width: 60%; margin: 20px 10%; }
.container.type-visual article.highlighted.right { margin: 20px 10% 20px 30%; }
/*	body { line-height: normal; }*/

	nav.primary ul > li { padding: 20px 6px; }
	nav.primary li a { font-size: 17px; padding:0 5px; margin:0 -5px; } 
	nav.primary ul ul { left: 0; }
	nav.primary .menu-level-1 > ul { padding-left: 0; }

	header[role="banner"] .searchbox input[type="text"]{ width: 60px; padding-left:10px; }

	.container.type-solutions article a, .container.nieuws-vacatures article .inner-nv { padding: 0 20px; }
	.container.type-solutions .article-text{ text-align: left; line-height:normal; }
	
	.container.type-brands .article-text { display: none; }
	
	.container.type-cta .wrapper { width: 100%; margin: 0; }
	
	.container.type-case-results { margin-top: 0; }
	
	.container.type-solutions .article-title, .container.nieuws-vacatures .article-title { font-size: 1.5em; word-break:break-all; }
	.container.nieuws-vacatures .nv-content { font-size: 0.9em;}
	.container.nieuws-vacatures .nv-content li { padding: 10px 0;}
	.container.type-solutions .read-more,
	.container.nieuws-vacatures .read-more { padding: .4em 27px .4em 10px; width: 0; text-indent: -999px; overflow: hidden; }
	
	.type-specials .cusel { min-width: 200px; }

/*	.cusel .cusel-scroll-wrap { width: 200px; }*/
	.container-inline-date .form-item input { width:75px; background-image: none; }
	.views-exposed-form .views-widget-filter-field_date_value label, 
	.views-exposed-form .views-widget-filter-field_closing_date_value label { left:10px; font-size:.9em;}

	footer { margin-top: 0;}
	footer .type-partners,
	footer .logo { display: none; }
	footer .logo + .block { /* we need hide 1st block*/ }
	
	footer nav.service .wrapper {border-top:0;}
	footer nav.service .sociallinks { height: auto; }
	footer nav.service ul.menu { position:static; text-align:center; margin:10px 0;}
	footer nav.service ul.menu li { float: none; display: inline-block; }
	footer nav.service .copyrights { text-align: center; margin:10px 0; }
	
	.container.type-social .socialshare { height: 70px; }
}

@media only screen and (max-width: 760px) {
	body { padding-top: 68px; }
	header[role="banner"] .searchbox { display: none; }
	header[role="banner"] .logo { margin: 12px 0 12px 15px;}
	
	
	nav.primary { border-top: 0; }
	nav.primary .wrapper{margin:0; width:100%;}
	nav.primary .menus-container { height: 0; cursor: pointer; }
	nav.primary .menus-container .menu-icon { display: block; width: 36px; height: 36px; margin: 16px 15px 16px 7%; display: block; border: 1px solid #8D8279; position: relative; background: url(../i/bg/mobile-menu.png) 50% 50% no-repeat; cursor: pointer; float: right; }
	nav.primary .menus-container.hover .menu-icon:after { content: ' '; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; top: 36px; left: 50%; margin-left: -8px; border-width: 8px 8px 0 8px; border-color: #333 transparent transparent transparent; }



	nav.primary .menus-container.hover .menu-icon { background-color: #333; border-color:#333; }
	nav.primary .menus-wrapper { display: none; position: absolute; top: 76px; left: 0; margin: 0 7%; float: none; width: 86%; border-bottom: 1px #C5C0BC solid; /*	z-index: -1;*/ cursor: auto; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3); box-shadow: 0 5px 10px rgba(0,0,0,.3); }
/*	nav.primary .menus-container:hover .menus-wrapper,*/
/*	nav.primary .menus-container.hover .menus-wrapper { display:block;}*/
	
	nav.primary .menu-block-main-menu-block { background: #EAE9E7; padding-top:10px; border: #C5C0BC solid; border-width:0 1px;}
	nav.primary .menu-block-main-menu-block li { float: none; display: block; padding: 0 0 5px; }
	nav.primary .menu-block-main-menu-block li.hover > a,
	nav.primary .menu-block-main-menu-block li.active-trail > a{ font-weight:bold;}
	nav.primary .menu-block-main-menu-block li:last-child { background-image: none; }
	nav.primary .menu-block-main-menu-block li.expanded > a{ background: url(../i/bg/arrow-dark-r.png) 100% 50% no-repeat;}	
	nav.primary .menu-block-main-menu-block li.expanded.hover > a{ background: url(../i/bg/arrow-dark-b.png) 100% 50% no-repeat;}	

	nav.primary .menu-block-main-menu-block li.hover ul li { font-weight:normal;}
	nav.primary .menu-block-main-menu-block li a {padding: 5px 0; }
	nav.primary ul li a { margin:0;}
	nav.primary ul > li:nth-child(4), nav.primary ul > li:nth-child(5) { float: none; }
	nav.primary li.expanded > a:after { display: none !important; }
	nav.primary .menu-block-main-menu-block > ul { padding: 0 10px; width: auto; }
	nav.primary .menu-block-main-menu-block > ul > li { background: url(../i/bg/dot-dark.png) 0 100% repeat-x; }
	nav.primary .menu-block-main-menu-block > ul > li > a{ background: none; }
	nav.primary ul > li:hover > ul { display: none; }
	nav.primary .menu-block-main-menu-block ul ul { display: none; position: static; width: 100%; z-index: auto; padding: 0 0 10px 0; min-width: 0; box-shadow: 0 0 0; margin: 0; height: auto; border: 0; background: transparent; }
	nav.primary .menu-block-main-menu-block ul > li.hover ul { display: block; max-height: 120px; overflow-y: auto; }
	nav.primary .menu-block-main-menu-block ul ul li { padding: 0; border: 0; width: auto; margin: 0; }
	nav.primary .menu-block-main-menu-block ul ul li a { padding: 0 0 0 20px; }

	header nav.service { position: static; height: auto; background: #fff; border: #C5C0BC solid; border-width:0 1px; width:auto; float:none; }
	header nav.service ul.menu { float: none; text-align: center;}
	header nav.service ul.menu li { float: none; display: inline-block; padding:5px 0;}
	header nav.service ul.menu a { font-size:.8em; padding:0 1em 0 .5em; background: transparent;}
	header nav.service ul.menu li:last-child a { padding-right: 1em; }
	
	.container.type-map nav { width: 100%; }
	.container.type-map .map-container { display: none; }

	#big-slider .cycle-navigation,
	#big-slider .slide .slide-content { display: none; }

	#big-slider,
	#big-slider .slide,
	.container.type-big-visual { height: 114px; }
	.container.type-visual { height: 100px; }
	.container.type-visual .wrapper { display: none; }
	#big-slider .slide > img {min-height: 100px; width:100%;}
	.container.type-big-visual:before { border-color:  transparent transparent #fff #fff; }
	.container.type-big-visual:after { border-color: transparent #fff #fff transparent; }
	.container.type-visual { min-height: 0;}
	
	.container.col-3 .inner { margin: 0; }
	.container.col-3 article, .container.col-3 .block { width: 50%; margin: 20px 0 !important; }
	
	.container.col-2 article, .container.col-2 .block { width: 100%; height: auto !important; margin: 0 0 20px !important; float: none; }
	.container.col-2.nieuws-vacatures article { width:48.5%; height: auto !important; margin: 20px 0 !important; float: left; }
	.container.col-2.nieuws-vacatures article:nth-of-type(2n) { margin: 20px 0 20px 3% !important; }
	.container.col-2.with-v-border .wrapper { background-image: none !important; }
	.container.col-2.with-v-border .wrapper.bg-dark .block { background: url(../i/bg/dot-light.png) 0 100% repeat-x !important; padding-bottom: 23px;}
	.container.col-2.with-v-border .wrapper.bg-dark .block-wrapper { margin: 0 7%; }
	.container.col-2.with-v-border .wrapper.bg-dark .block:last-child { background: none !important; }

	.container.col-4 article, .container.col-4 .block { width: 50%; height: auto !important; }
	.container.col-4.with-v-border article:nth-of-type(3n), .container.col-4.with-v-border article:nth-of-type(4n+1), .container.col-4.with-v-border .block:nth-of-type(3n){ background: none; }


	.container.type-conversion  { margin: 0; z-index: auto; }
	.container.type-conversion .inner { box-shadow: none;}
	

	.container.type-brands .article-content { width: 47.5%; margin: 0 0 0 2.5%; }
	.container.type-brands article:nth-of-type(2n+1) .article-content { width: 47.5%; margin: 0 2.5% 0 0; }
	.container.type-brands .article-thumbnail { width: 50% !important; margin: 0 !important; }

	.container.type-brand .block-facts .block-content { width: 100%; }
	
	.container.type-solutions article a { padding: 0; }
	.container.type-solutions .article-thumbnail {margin: -32px auto 5px;}
	.container.type-solutions .article-text,
	.container.type-solutions .read-more,
	.container.type-brands .media-icons,
	.container.nieuws-vacatures .nv-content,
	.container.type-brands .read-more { display: none; }
	.container.type-brands .article-title { font-size: 1.8em; line-height: normal; }
	.container.nieuws-vacatures .article-title { padding: 0;}
	
	.container.type-case-carousel .block-thumbnail,
	.container.type-case-carousel .block-content { float: none; width: 100%; margin: 0; }

	.container.type-detail-1 .block-visual { text-align: center; }
	.container.type-detail-1 .block-facts .block-thumbnail { width: 100%; text-align: center; clear: both; }
	.container.type-detail-1 .block-facts .block-content { width: 100%; clear: both; }

	.container.type-detail-6 .article-content { margin-left: 0; }
	
	footer { padding: 0; }
	footer .container.col-4.with-v-border .block { width: 100%; background: url(../i/bg/dot-dark.png) 0 100% repeat-x !important; float: none; padding: 20px 0; }
	footer .container.col-4.with-v-border .block:last-child { background: none !important; }
	footer .container.col-4.with-v-border .block-wrapper { margin: 0 7%; }
	footer .read-more { margin: 1em 0 0; position: static;}
	footer .container.type-footer-links .block {display:none;}
	footer .container.type-footer-links .block:last-child { display: block; padding:0; }

	.container.type-cta .block-content .rtf { display: none; }
	.container.type-cta .block-title.with-h-border { margin-bottom: 25px; }
	
	.container.with-aside .inner,
	.container.with-aside aside { width: 100%; float: none; margin: 20px 0; }
	.container.with-aside .article-wrapper { margin: 0; }
	.container.with-aside aside { display:none; }
	.container.with-aside aside .block { margin: 0 7% 30px; }
	.container.with-aside aside .block-content { margin-right: 0; }

	
	.pager-next,.pager-last, .pager-first, .pager-previous { width: 24px; text-indent: -999px; overflow: hidden; }
	
	.type-specials td:nth-child(1),
	.type-specials td:nth-child(3),
	.type-specials td:nth-child(4),
	.type-specials td:nth-child(5),
	.type-specials td:nth-child(6),
	.type-specials th:nth-child(1),
	.type-specials th:nth-child(3),
	.type-specials th:nth-child(4),
	.type-specials th:nth-child(5),
	.type-specials th:nth-child(6),
	.type-specials .type-filters{ display: none; }
	
	nav.tabs-nav li,nav.tabs-nav a { display: block; auto: ; }
	nav.tabs-nav li { margin-bottom:15px;}
	nav.tabs-nav.bottom .menu-name { margin: 10px 0 0; }
	nav.tabs-nav.bottom .menu-name,
	nav.tabs-nav.bottom li { display: block; text-align: center; margin-bottom: 15px; }
	nav.tabs-nav.bottom li { margin-top:0; display: block; text-align: center; margin-bottom: 15px; }	
	nav.tabs-nav.bottom a { background: #C5C0BC; color: #fff; margin:0 10px; padding:10px 0; }
	nav.tabs-nav.bottom a:hover { background: #8D8279; }
	nav.tabs-nav.bottom .ui-tabs-selected a { background: #333; }
	nav.tabs-nav.bottom .ui-tabs-selected a:after { border-color: transparent  transparent #333 transparent; }
	
.container.type-social .socialshare ul.social { white-space: nowrap; }

}

@media only screen and (max-width: 480px) {

/*	.container.noborder hgroup,
	.container.bg-light + .container.bg-medium-dark hgroup,
	.container.bg-medium-dark + .container.bg-light hgroup*/
/*	section hgroup { height: 40px; }*/
	.ui-tabs-panel > .container { display: none; }
	.ui-tabs-panel > .container:first-of-type { display: block; }

/*	.container.type-products .article-content { margin: 0; }*/

	.container.type-conversion .article-text { display: none; }
	.container.type-conversion .article-wrapper { height: auto; margin: 0; }
	.container.type-conversion article { background: url(../i/bg/dot-dark-h.png) 0 100% repeat-x !important; padding-bottom: 1px; }
	.container.type-conversion article:last-child { background: none !important; }
	
	.container.col-2.nieuws-vacatures { padding-top: 30px;}
	.container.col-2.nieuws-vacatures .article-title { font-size: 1em;}
	
	.container.type-objective { display:none;}
	.front .container.type-solutions hgroup { border: 0; }
	.container.type-conversion .inner { padding-bottom: 30px; }
	
	.container.type-brands article { margin-bottom: 20px; }
	.container.type-brands .article-thumbnail { float: right !important; }
	.container.type-brands .article-content { width: 47.5% !important ; margin: 0 0 0 2.5% !important ; }
	.container.type-brands .article-title { font-size: 1.4em; }
	.container.type-brands .article-subtitle { font-size: 1em; line-height:1em; }

	.container.type-references { margin-top: 0; }
	.container.type-references .article-wrapper { padding: 0; }
	.container.type-references .article-content { display: none; }

	.container.type-brand .block-facts .block-thumbnail { width: 100%; text-align: center; float:none; }

	.container.type-detail-6 .article-thumbnail { width: 100%; text-align: center; 	margin:0;}
	.container.type-detail-6 .article-content { clear:both; }
	.container.type-detail-6 .article-title,
	.container.type-detail-6 .article-subtitle { text-align: center; }
	
	.container.type-cases .article-thumbnail { height: 100px; }
	
	.container.type-case-carousel .fact { float: none; margin: 0 auto 20px; background: none; }
	.container.type-overview .article-wrapper { margin: 0; }
	.container.type-overview .article-content { height: auto !important; }
	
	.container.type-visual article.highlighted { width: 100%; margin: 20px 0 !important; }
	.container.col-4 article, .container.col-4 .block { width: 100%;}
	.container.col-4.with-v-border article, .container.col-4.with-v-border .block { background: none; }
	.container.col-3 article, .container.col-3 .block { width: 94%; margin: 20px 3% !important; height:auto !important ; }
	.container.col-3 .article-wrapper { margin: 0; }
	.container.type-solutions.col-3 article, .container.type-solutions.col-3 .block { width: 50%; margin: 20px 0 !important; }
	.container.type-solutions .inner { margin: 0 10px; }
	.container.type-solutions article a { margin: 0 10px; }
	
	nav.prevnext ul li.all{ display: none;}

	.container.type-solutions .article-title { font-size: 1em; }
	.container.type-cta .highlighted,
	.container.type-cta .read-more{ white-space: nowrap; }

	.container.type-filters .wrapper { border-bottom: 0; }
	.cusel { height: 40px; }
	.cuselText { font-size: 16px; line-height: 25px; }
	footer section hgroup h2 { margin: 0; }
	
}

@media only screen and (min-width: 480px) {

}

@media only screen and (min-width: 640px) {

}

@media only screen and (min-width: 761px) {
	nav.primary ul { float: right;}

}
@media only screen and (min-width: 1140px) {
	.wrapper { width: 1134px; margin: 0 auto; }
	nav.primary ul > li {padding: 23px;}
	nav.primary ul ul { left: 15px; }
	header[role="banner"] .searchbox { padding: 23px 0 0; }
}

/* ==========================================================================
   Table styling
   ========================================================================== */
.rtf table { border: medium none; width: 100%; border-collapse: collapse; border-spacing: 0; }
.rtf td, th { border: medium none; padding: 7px 10px; text-align: left; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.rtf thead tr { border-bottom: 1px solid #BFBFBF; }
.rtf tbody tr { background: url(../i/bg/dot-dark-h.png) repeat-x scroll 0 100% transparent;  position: relative; }
.rtf tbody tr:nth-child(odd) { background-color: #eae9e7; }
.rtf tbody tr:nth-child(even) { background-color: #fff; }

/* ============================
   Font fixes
   ============================ */
.lt-ie9 h1,
.lt-ie9 h2,
.lt-ie9 h3,
.lt-ie9 input[type="submit"],
.lt-ie9 .read-more, 
.lt-ie9 a.read-more,
.lt-ie9 nav.primary li a,
.lt-ie9 .socialshare ul.social li.first,
.lt-ie9 nav.prevnext ul li,
.lt-ie9 nav.tabs-nav,
.lt-ie9 section hgroup h2,
.lt-ie9 .container .article-title,
.lt-ie9 .container .article-subtitle,
.lt-ie9 .container .block-subtitle,
.lt-ie9 .container.type-objective h1,
.lt-ie9 .container.type-conversion .article-content,
.lt-ie9 .container.type-brands .article-title,
.lt-ie9 .container.type-solutions .article-title,
.lt-ie9 .container.type-case-carousel .branch,
.lt-ie9 .container.type-testimonial blockquote,
.lt-ie9 .fact,
.lt-ie9 .container.type-cta .highlighted,
.lt-ie9 .container.with-aside .article-meta,
.lt-ie9 .container select,
.lt-ie9 .cuselText 
 {
	font-family: 'TitilliumText', 'Titillium Web', sans-serif;
}

/*.lt-ie9 .container.type-conversion .article-text { letter-spacing:-1px; }*/
.highlighted_link_block { text-decoration: none !important;}

.container.type-cta .highlighted a{
    background: none repeat scroll 0 0 #5C5C5C;
    color: white;
    display: inline-block;
    font: 700 1.4em/1em 'Titillium Web',sans-serif;
    margin: 0;
    padding: 0.4em 10px 0.5em;
	text-decoration: none;
}

.node-homepage .type-detail-4.bg-medium-dark {
    margin-top: 40px;
}
.container.type-detail-1 .block-facts img, .container.type-detail-1 .block-visual img {
    border: 1px solid #bfbfbf; 
}
.container.type-detail-1 .block-facts .fact-icon img, .container.type-detail-1 .block-visual .fact-icon img {
    border: 0px !important; 
}
