* {
margin: 0;
}
body {
color: #555;
}
p {
margin:	15px 0 15px 0;
}
div#main p {
text-align: justify;
}
h1 + p, h2 + p {
margin:	3px 0 15px 0;
}
html, body {
height: 100%;
font-size: 1.1em;
}
body {
/*background:#ffffff;*/
/*background: url("../images/body-bg.jpg") repeat scroll 0 0 #131313;*/
/*background:url('../images/greyzz.png');*/
}
body#langpage {
    height: auto;
}
body#langpage div#logo {
    position: static;
    margin: 1em auto;
    text-align: center;
}
dt {
    margin-top: 0.5em;
    font-style: italic;
}
dd {
    margin: 0 0 0.5em 1em;
}
#content #main table {
    margin: 15px 0;
}
#content #main table tbody {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
#content #main table tbody th,
#content #main table tbody td {
    padding: 0.25em 1em;
    vertical-align: middle;
}
#content #main table tbody tr {
    border-bottom: 2px solid #ddd;
}
#content #main table tbody tr:last-child {
    border-bottom: 0px;
}
#content #main table tbody tr:nth-child(2n) {
    /*background-color: #eee;*/
}
body, input {
/*font:normal 62.5% Verdana,Trebuchet MS,sans-serif;*/
font-family: 'Open Sans',Arial,Helvetica,sans-serif;
font-size:0.75em;
}
textarea, button, select {
font:normal 100% 'Open Sans',Arial,Helvetica,sans-serif;
}
input[type="submit"], button[type="submit"] {
background:#294694;
padding:0.5em 1em;
border: 0;
/*border-radius:3px;*/
color:#fff;
-webkit-appearance: none;
}
input[type="submit"]:hover, button[type="submit"]:hover {
background:#294694;
}
input[name="captcha"] { 
margin:10px 0; 
}
span#change-image {
font-size:0.8em;
text-decoration:underline;
}
input[type="submit"]:hover, button[type="submit"]:hover, span#change-image:hover {
cursor:pointer;	
}
input {
font-size:1em;	
}
input, select, textarea {
margin:0 0 5px 0;
box-sizing:border-box;
background: #f2f2f2;
border: 1px solid #e8e8e8;
padding: 0.75em;
}
input[type="text"], textarea, select {
border-radius: 0;	
/*border: 1px solid #abb0b2;*/
/*text-indent: 1%;*/
/*padding: 3px 0;*/
}
input[type="text"]:focus, textarea:focus, select:focus {
border: 1px solid #333;
}
#content form.logon div {
    width: 100% !important;
    padding: 0;
}
form.logon input {
    width: 100%;
}
form.logon input[type=submit] {
    margin-top: 1em;
}
#questionForm table tr td:first-child {
width:200px;	
}
table#shoppingcart-detail input {
margin:0;
}
#main img {
    max-width: 100%;
    height: auto !important;
}
#main table img {
    max-width: none;
}
#main ul, #main ol {
    margin: 15px 0;
}
#main h2 + ul, #main h2 + ol {
    margin-top: 3px;
}
label {
display:block;
padding:5px 0;
}
.radio, .checkbox {
padding:10px 0 5px 0;	
}
/*div.register table tr td:first-child {
padding:5px 0;	
}*/
.divider {
padding:0 0 10px 0;		
}
label.label-checkbox, label.label-radio {
display:inline;
padding:0 10px 0 0;
}
/*div#footer a,
div.contentblock a {
    position: relative;
}
div#footer a:hover,
div.contentblock a:hover {
    text-decoration: none !important;
}
div#footer a::before,
div.contentblock a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: width 0.25s;
}
div.contentblock a::before {
    background-color: #000;
}
div a.button::before {
    content: none;
}
div#footer a:hover::before,
div.contentblock a:hover::before {
    width: 100%;
}*/
div#language {
text-align:center;
overflow:auto;
width:250px;
/*height:400px;*/
padding:0;
margin:50px auto 0;
font-size:1.2em;
/*box-shadow:0 12px 12px -10px rgba(0,0,0,0.9);*/
background-color:#fff;			
}
/*div#language div#logo {
float:none;
margin:20px;
left: auto;
position: static;
top: auto;
z-index: auto;	
}*/
div#language > a {
display:block;
float:left;
margin:0 20px;	
}
div#language > a > img {
width:100px;	
}
div#language div.buttons a {
font-size:1.5em;
font-weight:bold;
display:block !important;
margin:10px auto !important;
width:60px;
box-sizing:border-box;
}
#content div.card a {
color: #000;
}
div.buttons {
clear:both;
text-align:center;
padding:15px 0;
overflow:auto;	
}
div.languagesplash {
clear:both;	
}
div#main-contact {
float:left;
width:470px;
margin:0 20px 0 0;	
}
#new-existing-customer {
box-sizing: border-box;
width:400px;
max-width: 100%;
border: 3px solid #eee;	
margin:0 0 10px 0;
padding: 10px;
}
#new-existing-customer th {
padding:10px 0 10px 5px;
border-top:1px solid #999;
background:#e6e3e3;
text-align:right;
font-weight:bold;
}
#new-existing-customer th {
width:50%;
text-align:center;
}
.back-overview {
margin:25px 5px 12px 0;
padding-top:5px;
/*border-top:1px dotted #333333;*/	
text-align:left;
font-style:italic;
font-size:0.9em;
font-variant:small-caps;
clear:both;
}
#new-existing-customer td.border-right {
border-right:1px solid #999;
}
#new-existing-customer td.vertical-align {
vertical-align:top;	
}
#new-existing-customer table td {
vertical-align:top;	
}
#new-existing-customer tr.border-bottom {
border-bottom:1px solid #999;
}
#new-existing-customer tr td {
padding:5px;
text-align:left;	
}
div.third {
box-sizing: border-box;
float: left;
/*width: 33.33%;*/
width: 32.666%;
/*padding: 1em 2em;*/
padding: 1em 2%;
position: relative;
}
div.third:nth-child(3n+1) {
padding-left: 0;
clear: both;
}
#contacts-scroll div.third {
    clear: none !important;
    padding: 1em 0 !important;
    float: left !important;
    max-width: none !important;
}
div.third:nth-child(3n+2) {
width: 34.666%;
}
div.third:nth-child(3n) {
padding-right: 0;
}
#main div.third h1 {
    font-size: 1.25em;
}
#main div.third h2 {
    font-size: 1.15em;
}
#main div.third h3 {
    font-size: 1em;
}
#content div.newsitems div.third div.img {
    width: 100%;
    height: 0;
    padding-bottom: 66%;
    background-size: cover;
    background-position: 50% 50%;
}
.newssynopsis {
  line-height: 1.2em;
  height: 3.6em;
  margin: 15px 0;
}
.ellipsis {
  overflow: hidden;
}
.ellipsis p {
    margin: 0;
}
.ellipsis:before {
	content:"";
	float: left;
	width: 5px; height: 100%; 
}
.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px; 
}		
.ellipsis:after {
	content: "\02026";  

	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;

	float: right; position: relative;
	top: -1.2em; left: 100%; 
	width: 3em; margin-left: -3em;
	padding-right: 5px;
	
	text-align: right;

    background-size: 100% 100%;

    background-color: #eee;
	background: -webkit-gradient(linear, left top, right top,
		from(rgba(238, 238, 238, 0)), to(#eee), color-stop(50%, #eee));
	background: -moz-linear-gradient(to right, rgba(238, 238, 238, 0), #eee 50%, #eee);			
	background: -o-linear-gradient(to right, rgba(238, 238, 238, 0), #eee 50%, #eee);
	background: -ms-linear-gradient(to right, rgba(238, 238, 238, 0), #eee 50%, #eee);
	background: linear-gradient(to right, rgba(238, 238, 238, 0), #eee 50%, #eee);
}
#content div.newsitems div.third > a:first-child {
    /*border-top: 2px solid #ccc;*/
    display: block;
    text-decoration: none;
    position: relative;
}
div.newsitems div.third > a > div.centered {
    /*padding-top: 8px;*/
}
div.newsitems div.third > a:first-child:after,
div.newsitems div.third > a:first-child:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    right: 15px;
    border: 4px solid #555;
    border-left-color: transparent;
    border-top-color: transparent;
}
div.newsitems div.third > a:first-child:after {
    height: 20px;
    right: -5px;
    border: 10px solid #294694;
    border-bottom-color: transparent;
}
div.twothird,
div.onethird {
box-sizing: border-box;
float: left;
/*width: 33.33%;*/
width: 65.333%;
/*padding: 1em 2em;*/
padding: 0;
position: relative;
}
div.twothird {
padding-left: 0;
padding-right: 2em;
}
div.onethird {
width: 32.666%;
}
div.grey {
background-color: #eee;
}
.fright {
float: right;
}
.fleft {
float: left;
}
div.left {
text-align:left;	
}
div.right {
text-align:right;	
}
.plus {
    position: relative;
    padding-left: 3em !important;
}
.plus::before, .plus::after {
    content: "";
    position: absolute;
    background: #fff;
    width: 10px;
    height: 3px;
    top: 50%;
    left: 0.75em;
    transform: translateY(-50%);
}
.plus::after {
    transform: translateY(-50%) rotateZ(90deg);
}
#content a:link, #content a:visited,
div#popup a.more:link, div#popup a.more:visited {
color:#294694;
/*text-decoration:underline;*/
text-decoration: none;
}
#content a:hover, #content a:active,
div#popup a.more:hover, div#popup a.more:active {
color:#294694;
text-decoration:underline;
/*text-decoration: none;*/
}
#content h1 a:link, #content h1 a:visited,
#content h2 a:link, #content h2 a:visited,
#content h3 a:link, #content h3 a:visited {
color:inherit;
text-decoration:none;
}
#content h1 a:hover, #content h1 a:active,
#content h2 a:hover, #content h2 a:active,
#content h3 a:hover, #content h3 a:active {
color:inherit;
text-decoration:none;
}
#content #main div.hasbottombar {
padding-bottom: 2.75em;
}
#content a.bottombar {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0.5em 2em;
background-color: #ddd;
background-image: url(../images/right_arrow.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color: #000;
}
button,
div#language div.buttons a, 
div#content div.buttons a, 
div#content div.product-details a.button,
div#content .caption_content a.button,
table#new-existing-customer a.button,
div#content a.button,
div#footer a.button,
#content div.mission a.button,
div#popup a.button,
div#aside a.button {
display:inline-block;
background:#294694;
/*background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 5px,
    rgba(255,255,255,0.05) 5px,
    rgba(255,255,255,0.05) 10px),
    #294694;*/
padding:5px 2em;
margin:5px 0;
border:0;
/*border-radius:3px;*/
color:#fff;	
text-decoration:none;
font-style:normal !important;
}
div#content div.product-details a.button,
table#new-existing-customer a.button {
padding:4px;
}
button:hover,
div#language div.buttons a:hover, 
div#content div.buttons a:hover, 
div#content div.product-details a.button:hover,
table#new-existing-customer a.button:hover,
div#content a.button:hover,
div#footer a.button:hover,
#content div.mission a.button:hover,
div#popup a.button:hover,
div#aside a.button:hover {
background:#6072a5;
/*background: repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.1),
    rgba(255,255,255,0.1) 5px,
    rgba(255,255,255,0.25) 5px,
    rgba(255,255,255,0.25) 10px),
    #294694;*/
/*padding:5px 2em;*/
color:#fff;	
}
div#infra-pillars-wrapper a.button,
div#right div.extra-info a.button,
div#left div#images a.button {
display:block;
width:100%;
text-align:center;
padding:5px 0;
color:#fff; 
}
div#right div.extra-info a.first {
font-size:1.3em;
font-weight:bold;
}
div#right div.extra-info a.second {
font-size:1.1em;
font-weight:bold;	
}
div#left div#images a.button {
margin:20px 0 0 0;
width:188px;
}
div#solutions-wrapper a.button {
width:211px;
margin:10px 0 0px 10px;
text-align:center; 
/*background-color:#f4003d;*/
padding:5px 0;
color:#fff;
/* Fall-back for browsers that don't support rgba */
/*background-color: rgb(227, 160, 58); 
background-color: rgba(227, 160, 58, 0.8);*/
}
div#infra-pillars-wrapper a.button:hover,
div#right div.extra-info a.button:hover,
div#solutions-wrapper a.button:hover,
div#left div#images a.button:hover {
color:#f4003d;
border:1px solid #f4003d;
padding:5px 0;
}
div#content a.button.fright {
font-size: 0.8em;
padding: 0.15em 2em;
margin: 0;
}
div#content a.button.full {
font-size: 0.8em;
padding: 0.15em 2em;
margin: 0;
width: 100%;
box-sizing: border-box;
text-align: center;
}
div#content a.button.big {
font-size: 1.25em;
padding: 1em 2em;
}
div#solutions-wrapper a.no-left-margin {
margin:10px 0 0px 0px;
}
div#breadcrumb {
z-index:2;
text-transform:uppercase;
background-color:#fff;
/*padding:0;*/
}
body#home div#breadcrumb {
display:none;	
}
/*div#multilingual {
position:absolute;
top:10px;
right:30px;
text-align:right;	
font-size:0.8em;
padding:0;
width:100px;
}
div#multilingual a {
color:#fff;
text-decoration:none;
}
div#multilingual a.active {
color:#3f758a;
font-weight:bold;
}*/
div#site {
position:relative;
width:100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto -368px; /* The negative margin should always equal to the full height of the footer */
font-size:1.2em;		
}
div.wrapper {
width:1180px;
/*min-height:120px;*/
margin:0 auto;
/*position:relative;*/
}
div.contentblock {
padding: 56px 0;
}
div.contentblock::after,
.cf::after {
content: "";
display: table;
clear: both;
}
div.moreinfoblock {
    padding-top: 0;
}
.clear {
    clear: both;
}
/*body#home div#site > div.wrapper {
margin:0;
width:100%;
}*/
div.overflow {
overflow:auto;
}
div.relative {
position:relative;
}
/*div.bordertop {
border-top:3px solid #000;
}*/
#content ul.newslist {
margin-left: 0;
margin-top: 0;
list-style-type: none;
}
#content ul.newslist.fixed {
height: 8.75em;
clear: both;
}
#content ul.newslist li {
position: relative;
overflow: hidden;
line-height: 1.75em;
}
#content ul.newslist li a {
color: #413f3f;
white-space: nowrap;
}
#content ul.newslist li:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 15%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
#content .grey ul.newslist li:after {
   background: linear-gradient(to right, rgba(204, 204, 204, 0), rgba(204, 204, 204, 1) 50%); 
}
span.date {
color: #fff;
background-color:  #aaa;
text-decoration: none !important;
font-family: monospace;
display: inline-block;
height: 1em;
line-height: 1em;
padding: 0.25em 0.5em;
}
span.date > span {
font-size: 0.85em;
line-height: 0.85em;
padding: 0;
display: inline-block;
}
span.date span.dot {
font-family:'Open Sans',Arial, Helvetica, sans-serif;
}
div.handwritten {
position:absolute;
top:5px;
left:385px;
/*left:485px;*/
width:300px;
height:50px;
font-family:'Oleo Script', Helvetica, sans-serif;
font-size:2em;
color:#626161;
/*text-shadow: 4px 4px 0px rgba(0,0,0,0.1);*/	
}
div.handwritten::after {
background: url('../images/arrow.png');
content: " ";
display: block;
height: 50px;
right: -50px;
position: absolute;
top: 40px;
width: 100px;
}
div#design {
position:absolute;
width:198px;
/*margin-left:-93px;*/ /* center horizontally - half of total width */
/*left:50%;*/
height:30px;
padding:10px 0 0 0;
bottom:-35px;
right:30px;	
}
.testimonial  {
/*border-bottom:1px dotted #f4003d;
margin:0 0 20px 0;*/
color:#50504f;
line-height:110%;
padding:0 10px;
}
.testimonial div {
float:left;
}
.testimonial div.startquote {
font-size:6em;
margin:0 5px 0 0;
width:30px;
height:30px;
position:relative;	
}
.testimonial div.startquote span {
position:absolute;
top:35px;
left:0;
width:100%;
height:100%;
}
.testimonial div.quote {
width:555px;
font-style:italic;	
}
p.customer {
clear:both;
font-weight:bold;
font-size:1.2em;
/*font-style:italic;*/
padding:10px 0 0 0;
}

div.metro-ui-wrapper {
float:left;
margin:0 0 20px 20px;	
}
/* Zorgt er nog altijd niet voor dat de links onderlijnd worden: dit komt doordat het div element met class metro-ui waarrond het a element staat gefloat wordt. Als je het a element inspecteert dan zal je zien dat dit niet de dimensies aanneemt van het div element waarrond het staat. Het heeft maw. niets om te onderlijnen... Werken met een wrapper zoals bij apotheek van pelt */
/*#content a.metro-ui {
text-decoration:underline; 
}*/

#content div.metro-ui-wrapper a,
div#infra-pillars-wrapper div.metro-ui a {
text-decoration:none; 
}
div.metro-ui, div.metro-ui-small {
/*font-family:'Ubuntu Condensed',Arial,Verdana;*/
line-height:110%;
/*margin:0 0 15px 15px;*/
color:#231f20;	
/*float:left;*/
box-shadow: 0 12px 12px -10px rgba(0, 0, 0, 0.9);
transition:all 0.2s linear;
}
div.metro-ui {
position:relative;
font-size:1em;
text-align:center;
width:260px;
height:210px;
padding:190px 20px 20px 20px;
/*display:table;*/
overflow:hidden;
}

div#infra-pillars-wrapper,
div#solutions-wrapper,
div#all-solutions-wrapper,
div#employees-wrapper,
div#brands-wrapper {
overflow:auto;	
}
/*div#references-wrapper > p,
div#infra-pillars-wrapper > p {
font-size:1.2em;	
}*/
/*div#infra-pillars-wrapper {
overflow:hidden;
}*/
/*div#infra-pillars-wrapper {
margin:20px 0 0 0;	
}*/
div#all-solutions-wrapper > div {
overflow:auto;
clear:both;	
}
div#infra-pillars-wrapper div.metro-ui,
div#solutions-wrapper div.metro-ui {
position:relative;
width:194px;
height:120px;
padding:140px 10px 30px 10px;
border:1px solid #000;
}
div#infra-pillars-wrapper div.metro-ui {
float:left;
margin:0 0 25px 25px;
}
/*div#infra-pillars-wrapper div.metro-ui {
margin:15px 0 0 0;	
}*/
div#solutions-wrapper div.metro-ui {
width:898px;
min-height:150px;
height:100%;
padding:20px;
margin: 0 0 15px 0;
text-align:left; 
}
/*div#solutions-wrapper div.metro-ui div { 
font-size:0.8em;
}*/
div#references-wrapper div.metro-ui {
position:relative;
width:450px;
height:290px;
padding:0;
}
div#right div.metro-ui {
font-family:'Open Sans',Arial, Helvetica, sans-serif;
width:273px;
border:1px solid #171695;
height:100%;
padding:0px 0 10px 0;
margin: 0 0 15px 0;
text-align:left; 
background:#fff;
font-size:1.2em;
}
/*div#infra-pillars-wrapper div.metro-ui:hover,
div#references-wrapper div.metro-ui:hover {
color:#333;
}*/
div#infra-pillars-wrapper div.metro-ui h3,
div#references-wrapper div.metro-ui h2,
div#solutions-wrapper div.metro-ui h2,
div#infra-pillars-wrapper h2,
div#references-wrapper h2,
div#employees-wrapper h2,
div#search-references-wrapper div.metro-ui h2, 
div#all-solutions-wrapper > div h2 {
font-size:1.3em;
line-height:110%;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
color:#000;
}
div#infra-pillars-wrapper div.metro-ui h3 {
font-size:1.4em;
font-family:'Open Sans',Arial,Helvetica,sans-serif;	
}
div#infra-pillars-wrapper h2,
div#references-wrapper h2,
div#employees-wrapper h2,
div#all-solutions-wrapper > div h2 {
font-size:2.2em;
/*text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5);*/
}
div#references-wrapper h2,
div#employees-wrapper h2,
div#all-solutions-wrapper > div h2 {
margin:0 0 15px 0;
}
/*div#solutions-wrapper div.metro-ui h2 {
width:180px;
}*/
div#references-wrapper div.metro-ui h2 {
margin:10px 0 0 0;
}
/*div#infra-pillars-wrapper div.metro-ui div.readmore {
position:absolute;
bottom:0px;
right:18px;
height:27px !important;
padding:3px 0 0 0 !important;
width:257px !important;
background:#333333;
color:#fff;
font-size:0.9em;
}*/
/*div#references-wrapper div.metro-ui div.readmore {
right:0px;	
}*/
div#references-wrapper div.metro-ui div.readmore:hover {
color:#f4003d;	
}
/*div.reference div.readmore {
right:0px;
height:27px !important;
width:80px !important;
background:#f4003d;	
font-size:1.35em;
text-align:center;
font-family:'Ubuntu Condensed',Arial,Verdana;
line-height:110%;
}
div.reference div.readmore:hover {
height:25px !important;
width:78px !important;
background:#fff;
border:1px solid #f4003d;
color:#f4003d;	
}*/

div.reference div.readmore, div#images div.readmore, div#infra-pillars-wrapper div.metro-ui div.readmore, div#references div.readmore {
position:absolute;
bottom:0px;
right:0px;
width:0px; /* Als je de width bv. op 100px zet dan krijg je een soort rechthoek met afgesneden linkerbovenhoek */
height:0px; 
border-bottom: 80px solid #000;
border-left: 80px solid transparent;
background:none;
}

div.reference div.readmore_content, div#images div.readmore_content, div#infra-pillars-wrapper div.metro-ui div.readmore_content, div#references div.readmore_content {
position:absolute;
bottom:-105px;
right:-40px;
width:80px;
height:50px;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
color:#fff;
font-size:1em;
line-height:110%;
padding:15px;
transform: rotate(-45deg);
text-align:center;
/*text-transform:uppercase;*/
}
/*div#infra-pillars-wrapper div.metro-ui div.readmore_content {
font-size:0.9em;
}*/

div#references-wrapper div.metro-ui-wrapper {
margin: 0px 0 40px 40px;
}
div#infrastructuur div,
div#opleidingen div,
div#interactief div,
div#webrand div {
display:table-cell; 
vertical-align:middle;
width:140px;
height:100%;
padding:0px 10px 0px 70px; 
}
div#small-tiles-container {
clear:both;
width:235px;
height:270px;
float:left;
}
div#references-wrapper,
div#search-references-wrapper {
overflow:auto;	
}
div#search-references-wrapper div.metro-ui {
float:left;
margin:0 0 20px 20px;
padding:0 10px 10px;
height:200px;
width:200px;
/*text-align:left;*/
}
div#search-references-wrapper div.no-left-margin {
margin:0 0 20px 0;	
}
div#search-references-wrapper div.metro-ui h2 {
margin:5px 0;
}
div#search-references-wrapper div#divisions {
float:none;
margin:0 0 15px 0;
width:885px;
height:75px;
overflow:auto;
/*text-align:left;*/
}
div#search-references-wrapper div#divisions div {
float:left;
width:200px;
background: #f4003d;
margin:0 5px;
padding:5px 6px 5px 5px;	
}
div#search-references-wrapper div.metro-ui div {
width:100%;
text-align:left;
font-size:0.9em;
/*background: #e3a03a;
margin:5px 0;
padding:5px 0;*/
}
div#search-references-wrapper input[type="submit"] {
display:block;
clear:both;	
}
div.reference {
position:relative;	
float:left;
width:450px;
height:290px;
margin: 0px 0 40px 40px;
box-shadow: 0 12px 12px -10px rgba(0, 0, 0, 0.9);
overflow:hidden;
}
div#references-wrapper div.no-left-margin {
margin: 0px 0 40px 0;	
}
div.reference a {
display:block;
width:100%;
height:100%;
}
div#images div.caption_content a.triangle {
position: absolute;
right: 0;
bottom: 0;
width:110px;
height:110px;
}
div.reference img {
/*height:200px;*/
width:450px;
padding:40px 0 0 0;
}

/*div.metro-ui:hover {
color:#333;
}*/
div.metro-ui h2 {
font-size:1.8em;
line-height:110%;
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
color:#f4003d;
}
div.metro-ui div.readmore {
position:absolute;
bottom:0px;
right:0px;
height:27px;
padding:3px 0 0 0;
width:80px;
background:#333333;
/*border-right:10px solid #f4003d;*/
color:#fff;
/*font-size:0.9em;*/

}
/*div.metro-ui div {
display:table-cell; 
vertical-align:middle;
width:300px;
height:100%;
padding:0px 10px 0px 70px; 
}*/
/*div.metro-ui-small {
font-size:1.1em;
width:110px;
height:110px;
margin:0 0 15px 0px;
}*/
div.metro-ui-small {
font-size:1.1em;
text-align:left;
width:105px;
height:120px;
float:left;
margin:0 0 10px 10px;
}
div.no-left-margin,
div#infra-pillars-wrapper div.no-left-margin {
margin:0 0 20px 0;
}
/*div#content div.metro-ui a {
display:block;
width:140px;
height:100%;
padding:0px 10px 0px 70px;
color:#fff;
text-decoration:none;
}*/
div#content div.metro-ui-small a {
/*display:block;
width:90px;
height:30px;
padding:70px 10px 10px 10px;
color:#fff;
text-decoration:none;
text-align:center;*/
display:block;
width:85px;
height:45px;
padding:50px 10px 10px 10px;
/*color:#fff;*/
text-decoration:none;
}
div#all-solutions-wrapper div.metro-ui-small a {
height:55px;
padding:65px 10px 0px 10px;
/*color:#fff;*/
text-decoration:none;
text-align:center;
}
div#all-solutions-wrapper div.product a {
height:85px !important;
padding:10px 10px 10px 10px !important;
}
div#content div.metro-ui-small a:hover {
color:#333;
}
div#all-solutions-wrapper div.metro-ui-small {
/*height:130px;*/
margin:0 15px 15px 0;
border:1px solid #969393;	
}
div#all-solutions-wrapper div.product {
/*height:130px;*/
background:#fff;	
}

/*div#websites {
background:url('../images/websites.png') no-repeat 0px 20px;
background-color: rgb(155, 155, 155);
background-size: 100% auto;
}
div#websites-small {
background:url('../images/websites.png') no-repeat 0px 10px;
background-color: rgb(155, 155, 155); 
background-size: 110px auto;
}
div#websites:hover, div#websites-small:hover {
background-color: rgb(255, 255, 255);
}
div#e-commerce {
background:url('../images/webshop.png') no-repeat 0px 20px;
background-color: rgb(155, 155, 155);
background-size: 100% auto;
}
div#e-commerce-small {
background:url('../images/webshop.png') no-repeat 0px 10px;
background-color: rgb(155, 155, 155); 
background-size: 110px auto;
}
div#e-commerce:hover, div#e-commerce-small:hover {
background-color: rgb(255, 255, 255);
}
div#online-marketing {
background:url('../images/online-marketing.png') no-repeat 0px 20px;
background-color: rgb(155, 155, 155); 
background-size: 100% auto;
}
div#online-marketing-small {
background:url('../images/online-marketing.png') no-repeat 0px 10px;
background-color: rgb(155, 155, 155);
background-size: 110px auto;
}
div#online-marketing:hover, div#online-marketing-small:hover {
background-color: rgb(255, 255, 255);
}*/


div#solutions-wrapper > div,
form#reference-search > div {
background:rgb(255, 255, 255);
position:relative;
z-index:1;	
}
div#solutions-wrapper > div::after, 
form#reference-search > div::after {
content: "";
/*background-size: 300px auto;*/
opacity: 0.2;
filter:alpha(opacity=20);
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;   
}
div#solutions-wrapper > div:hover,
form#reference-search > div:hover {
background-color: rgb(255, 255, 255);
}

div#websites {
background:url('../images/websites.png') no-repeat 50% 20px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-websites {
background:url('../images/websites.png') no-repeat 0px 5px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
div#solutions-wrapper div#websites::after,
div#search-references-wrapper div#websites::after {
background:url('../images/websites.png') no-repeat 100% 90%;
background-size: 150px auto;
}
div#e-commerce {
background:url('../images/webshop.png') no-repeat 50% 20px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-e-commerce {
background:url('../images/webshop.png') no-repeat 0px 5px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
div#solutions-wrapper div#e-commerce::after,
div#search-references-wrapper div#e-commerce::after {
background:url('../images/webshop.png') no-repeat 100% 90%;
background-size: 150px auto;
}
div#online-marketing {
background:url('../images/online-marketing.png') no-repeat 50% 20px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-online-marketing {
background:url('../images/online-marketing.png') no-repeat 0px 5px;
background-color: rgb(155, 155, 155); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 100% auto;
}
div#solutions-wrapper div#online-marketing::after,
div#search-references-wrapper div#online-marketing::after {
background:url('../images/online-marketing.png') no-repeat 100% 90%;
background-size: 150px auto;
}
div#advies {
background:url('../images/advies.png') no-repeat 50% 20px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-afmetingen {
background:url('../images/afmetingen.png') no-repeat 50% 5px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#solutions-wrapper div#afmetingen::after,
div#search-references-wrapper div#afmetingen::after {
background:url('../images/afmetingen.png') no-repeat 99% 99%;
background-size: 150px auto;
}
div#bijstand {
background:url('../images/bijstand.png') no-repeat 50% 20px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-bereikbaarheid {
background:url('../images/bereikbaarheid.png') no-repeat 50% 5px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#solutions-wrapper div#bereikbaarheid::after,
div#search-references-wrapper div#bereikbaarheid::after {
background:url('../images/bereikbaarheid.png') no-repeat 99% 99%;
background-size: 150px auto;
}
div#geschillen {
background:url('../images/geschillen.png') no-repeat 50% 20px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-gewicht {
background:url('../images/gewicht.png') no-repeat 50% 5px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#solutions-wrapper div#gewicht::after,
div#search-references-wrapper div#gewicht::after {
background:url('../images/gewicht.png') no-repeat 99% 99%;
background-size: 150px auto;
}
div#hoeveelheid {
background:url('../images/hoeveelheid.png') no-repeat 50% 20px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-hoeveelheid {
background:url('../images/hoeveelheid.png') no-repeat 50% 5px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#solutions-wrapper div#hoeveelheid::after,
div#search-references-wrapper div#hoeveelheid::after {
background:url('../images/hoeveelheid.png') no-repeat 99% 99%;
background-size: 150px auto;
}
div#presentaties {
background:url('../images/presentaties.png') no-repeat 50% 20px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-service {
background:url('../images/service.png') no-repeat 50% 5px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#solutions-wrapper div#service::after,
div#search-references-wrapper div#service::after {
background:url('../images/service.png') no-repeat 99% 99%;
background-size: 150px auto;
}
div#afwerking {
background:url('../images/afwerking.png') no-repeat 50% 20px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div.solution-afwerking {
background:url('../images/afwerking.png') no-repeat 50% 5px;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#solutions-wrapper div#afwerking::after,
div#search-references-wrapper div#afwerking::after {
background:url('../images/afwerking.png') no-repeat 99% 99%;
background-size: 150px auto;
}
/*div.solution-websites,
div.solution-e-commerce,
div.solution-online-marketing {
background-position: 0px 5px;
}*/
div#websites:hover,
div.solution-websites:hover,
div#e-commerce:hover,
div.solution-e-commerce:hover,
div#online-marketing:hover,
div.solution-online-marketing:hover {
background-color: rgb(255, 255, 255);
}
div#advies:hover,
div#bijstand:hover,
div#geschillen:hover,
div#presentaties:hover {
background-color: rgb(245, 245, 245);
}

div#references {
background:url('../images/references.png') no-repeat 50% 50%;
background-color: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
/*background-color: rgba(176, 210, 220, 0.5);*/
background-size: 75% auto;
}
div#references:hover {
background-color: rgb(255, 255, 255);
}


div#nav {
position:relative;
transition: all 0.4s ease 0s;
/*height:100%;*/
}
div#nav div.nav_image { /* overflow hidden mag niet op div#nav (voor werking slicknav). Daarom deze div als parent van de image met overflow hidden. */
overflow:hidden; /* Zonder deze eigenschap krijgt de website een horizontale scrollbalk bij een breedte tussen 650px en 425px (wanneer div#nav fixed wordt, verdwijnt de scrollbalk...) Optie: vanaf 650px div#nav fixed maken. */	
line-height: 0;
}
div#nav div.overlaytext {
    box-sizing: border-box;
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    /*text-transform: uppercase;*/
    font-size: 1.5em;
    max-width: 80%;
    color: #333;
    background-color: transparent;
/*    background-color: rgba(255,255,255,0.5);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%);*/
    position: absolute;
    bottom: 0;
    right: 0;
    /*transform: translate(-50%,-50%);*/
    margin: 0;
    text-align: right;
    line-height: 1em;
    z-index: 1;
    padding: 1em 2em;
}
div#nav div.overlaytext a.linkbutton {
    position: relative;
    box-sizing: border-box;
    display: block;
    color: #fff;
    text-decoration: none;
}
div#nav div.overlaytext a.linkbutton.linked:after {
    box-sizing: border-box;
    content: 'meer info';
    color: #acf;
    font-size: 0.5em;
    position: absolute;
    display: block;
    right: 0;
    top: -2em;
    font-style: italic;
}
.overlaytext:before {
    content: "";
    position: absolute;
    width: 3000px;
    height: 100%;
    bottom: 0;
    left: -1500px;
    padding-bottom: 200px;
    margin-bottom: -200px;
/*    background: repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0.85),
        rgba(255,255,255,0.85) 5px,
        rgba(255,255,255,0.8) 5px,
        rgba(255,255,255,0.8) 10px
    );*/
    background: #294694;
    opacity: 0.8;
    z-index: -1;
    transform-origin: 50% 0%;
    transform: rotateZ(-7.5deg);
}
div.navbg {
/*position: absolute;
bottom: 0;*/
width:100%;
padding:0;
/* Fall-back for browsers that don't support rgba */
/*background: #294694; #294694;
background: repeating-linear-gradient(
 45deg,
 transparent,
 transparent 5px,
 rgba(255,255,255,0.05) 5px,
 rgba(255,255,255,0.05) 10px
 ) #294694;*/
z-index:100;	
/*position:fixed;
left:0px;
top:0px;*/
/*box-shadow: rgba(0,0,0,0.125) 0px 1px 5px, rgba(0,0,0,0.125) 0px 5px 5px;*/
/*background-color:rgba(0, 0, 0, 0.75);*/
/*background-color: #918254;
background-color: rgba(145, 130, 84, 0.85);
background: linear-gradient(to bottom, rgba(171, 158, 116, 0.85), rgba(145, 130, 84, 0.85));*/
}
/*div#nav::after {
bottom: -1px;
top: auto;
}*/
div#top div#togglelogon {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 24px;
    top: 32px;
    background-image: url('../images/lock.png');
    cursor: pointer;
}
div#top div#togglelogon.on {
    background-image: url('../images/lock.png');
}
div#top div#togglelogon.off {
    background-image: url('../images/unlock.png');
}
div#top div#newslink {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 56px;
    top: 32px;
    background-image: url('../images/megaphone.png');
    cursor: pointer;
}
div#top div#togglelogon a,
div#top div#newslink a {
    display: block;
    width: 100%;
    height: 100%;
}
div#top div#contactlink {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 86px;
    top: 32px;
    background-image: url('../images/contact2.png');
    cursor: pointer;
}
div#top div#contactlink a {
    display: block;
    width: 100%;
    height: 100%;
}
div#zone1 {
/*clear:both;
border-top:1px dotted #000;*/
padding:0px 0 0 0;
width:100%;
position:relative;
}
/*body#home div#zone1 {
padding:0;
}*/
div#top {
font-size: 0.9em;
position: relative;
width: 100%;
background-color: #fff;
z-index: 100;
}
div.shortcuts, div.social {
overflow:auto;	
width:45px;
float:right;
}
div.shortcuts {
width:500px;
text-align: center;
/*margin:24px 0px 0px 0;*/
position: absolute;
top: 0;
right: 0;
width: 100%;
}
div#search {
overflow:auto;
height:30px;
width: 33.33%;
min-width:200px;
padding:5px;
position:absolute;
top:50%;
right: 10px;
background-color:#fff;
z-index: 99;
transform: translate(0,-50%);
}
div#search img {
display:block;
position:absolute;
top:10px;
right:5px;
width:20px !important;
height:20px !important;
cursor:pointer;	
}
.styled-search input {
background: transparent;
width:100%;
padding:0px;
margin:0px;
/*font-size: 16px;*/
/*line-height:1;*/
border:0;
/*border-radius:0;*/
height:30px;
-webkit-appearance:none;
/*font-size:1.5em;*/
border: none !important;
}
.styled-search {
width:auto;
position: absolute;
left: 5px;
right: 30px;
height:30px;
overflow:hidden;
/*background:url('../images/search-bar.jpg') no-repeat right #fff;*/
/*border:1px solid #ccc;*/
}
div#searchresults a {
font-weight:bold;
text-transform:uppercase;
}
div#multilingual {
/*overflow:auto;*/	
height:20px;    
position:absolute;
top:0px;
right:0px;
}
div#location {
overflow:auto;
height:33px;	
width:140px;
padding:2px 5px 5px 5px;
float:right;
background-color:#231f20;
}
.styled-select select {
background: transparent;
width:165px;
padding:2px 5px 5px 5px;
/*font-size: 16px;*/
line-height:1;
border:0;
border-radius:0;
height:33px;
-webkit-appearance:none;
font-size:1.5em;
}
.styled-select {
width:140px;
height:33px;
overflow:hidden;
background:url('../images/down_arrow_select.png') no-repeat right #fff;
/*border:1px solid #ccc;*/
}
/*div.social {	
margin:0 10px 0 10px;
width:55px;
}*/
div.shortcuts div, div.social div {
background-color: #294694;/*#000;*/
/*width:30px;*/
float:right;
/*padding:5px;*/
margin:0 1em 0 0;
/*color:#50504f;*/
/*background-color:#617fa3;*/
}
div#multilingual div {
float: left;
padding: 0 0.5em;
margin: 5px 0 0;
border-right: 1px solid #000;
}
div#multilingual div:last-child {
border: 0;
}
div#multilingual div a {
text-transform: lowercase;
}
div.shortcuts div:hover, div.social div:hover, div#multilingual div:hover, div#multilingual div.active {
/*background-color:#000;*/
}
div.shortcuts div a, div.social div a {
display:block;
margin: 0 0 0 -2.25em;
padding: 1.5em 0.75em 0.5em 2.4em;
height:1.5em;
line-height: 1.5em;
/*width:20px;*/
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
div.shortcuts div.quicklink:hover {
background-position-y: 2em;
}
div.shortcuts div.quicklink:hover a {
padding-top: 2em;
}
/*div#multilingual div a#nl {
border-right:1px solid #666;
}*/
div#nav div#multilingual div a {
color:#666; 
text-align:center;
font-size:1.1em;
/*font-weight:bold;*/
text-decoration:none;
}
div#nav div#multilingual div a:hover {
color:#000;
text-decoration:none;
}
div#nav div#multilingual div.active a {
color:#000;
}
div.share-social {
padding: 2em 0;
clear:both;
overflow:auto;
}
div.share-social a {
border-bottom:none !important;
}
body#home div.share-social {
/*border-top:1px solid #eef2f7;
border-bottom:1px solid #eef2f7;*/
text-align:left;
}
div.hupso-share-buttons {
/*height:30px;*/
}
div.share-social div.share-text {
font-family:'Open Sans',Arial,Verdana,sans-serif;
font-size:1.3em;
font-variant:small-caps;	
font-weight:bold;
padding:10px 0 0 0;
height:20px;
/*vertical-align:middle;*/	
}
.share42init {
    margin: 0 0 0 1em;
    display: inline-block;
}
.share42-item {
    display: inline-block;
    margin:0 1em 1em 0;
}
.share42-item a {
    padding: 0.5em;
}
div#slogan {
height:37px;
width:100px;
float:left;
margin:0 15px 0 0;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
font-size:2.5em;
line-height:110%;
padding:3px 0 0 95px;
color:#ed1c24;
text-transform:uppercase;
}
div#slogan span {
color:#000;	
}
div.telephone {
background:url('../images/telephone.png') no-repeat;
background-size:75% auto;
background-position:center center;
}
div.email-top {
background:url('../images/email.png') no-repeat;
background-size:75% auto;
background-position:center center;
}
div.route {
background:url('../images/route.png') no-repeat;
background-size:75% auto;
background-position:center center;
}
/*div#shop {
background:url('../images/shop.png') no-repeat;
background-size:100% auto;
}*/
div.facebook {
background:url('../images/facebook.png') no-repeat;
background-size:75% auto;
background-position:center center;
}
/*div.linkedin {
background:url('../images/linkedin.png') no-repeat;
background-size:100% auto;
}
div.youtube {
background:url('../images/youtube.png') no-repeat;
background-size:100% auto;
}
div#twitter {
background:url('../images/twitter.png') no-repeat;
background-size:100% auto;
}*/
/*div.facebook, div#youtube {
float:right;
}*/
/*div.facebook a, div#youtube a {
display:block;
width:40px;
height:40px;
}*/
/*div#top div img {
float:left;	
}
*/div#top-quicklogin {
width:700px;
height:25px;
color:#fff;
/*margin:0 0 0 10px;
padding:3px 5px 0 5px;
border:1px dotted #CCC;
border-radius: 5px;	
background-color:#f9f7f7;*/
}
div#top-quicklogin label {
display:inline;
}
div#top-quicklogin input[type="submit"] {
background:#3f758a;
padding:1px;
border:1px solid #3f758a;;
border-radius:3px;
color:#fff;
}
div#top-quicklogin input[type="submit"]:hover {
background:#fff;
color:#3f758a;
}
div#top-quicklogin a.button:link, div#top-quicklogin a.button:visited {
background:#3f758a;;
padding:2px;
border:1px solid #3f758a;;
border-radius:3px;
color:#fff;
text-decoration:none;
}
div#top-quicklogin a.button:hover, div#top-quicklogin a.button:active, div#top-quicklogin a.button#current {
background:#fff;
color:#3f758a;
}
.logoff {
display:inline-block;
float:right;
margin:1px 2px 0 0;	
}
span.divider {
font-size:1.3em;
font-weight:bold;
color:#fff;	
}
div#zone2 {
width:100%;
/*padding:10px 0 0 0;*/
/*height:277px;*/
/*overflow:auto;*/
}
div#logo {
box-sizing: border-box;
position: absolute;
/*height: 60px;*/
margin: 0;
z-index: 99;
padding: 0;
height: 124px;
width: 100%;
/*text-align: center;*/
/*background-color: rgba(255,255,255,0.5);*/
}
div#logo a {
text-decoration: none;
}
div#logo img {
height: 124px !important;
}
div.logo img { /*Google maps*/
/*width:100px;*/
}
.mapwrapper {
border-bottom: 3px solid #ccc;
}

.location {
width:100%;
/*float:left;*/
}
/*.route-margin-right {
margin-right:10px;	
}*/
div#infowindow div.info, div#infowindow2 div.info {
/*font-size:0.9em;*/
color:#000;	
} 
div#infowindow div.info a, div#infowindow2 div.info a {
color:#000;	
}
#infowindow, #infowindow2 {
min-width:250px;
min-height:200px;	
text-align: center;
}
div#contact {
margin:0 0 10px 0;
/*float:left;	
text-align:right;*/
}
/*div#contact p {
font-size:0.8em;
}
div#contact p:first-child {
margin:5px 0 10px 0;	
}*/
/*div#contact a:link, div#contact a:visited {
color:#000;
text-decoration:none;
}
div#contact a:hover, div#contact a:active {
text-decoration:underline;	
}*/

div#images, div#testimonials, div#left > div#images {
position:relative;	
width:940px;
height:308px;
margin:0px 0 0 0px;
/*border:5px solid rgba(0, 0, 0, 0);
border-radius:5px;
box-shadow:0 0 5px #333333;*/
/*box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.7);*/
box-shadow:0 12px 12px -10px rgba(0,0,0,0.9);
overflow:hidden;
}
div#left > div#images {
/*margin:10px 0 0 10px;*/
width:630px;
height:350px;
}
/*div#testimonials {	
height:350px;
}*/
div#quotes {
position:relative;	
width:240px;
height:165px;
/*background:#9B9B9B;*/	
}
div#quotes span {
display:inline-block;
padding:5px 0 0 60px;
}
div#zone3 {
width:100%;
overflow:auto;		
}
div#h_nav {
box-sizing: border-box;
margin:0;
width: 100%;
padding: 0 2em;
}
p.newsletter-p {
margin:0px 0 0 0;	
}
div#footer > div > div {
height: 100%;
/*margin: 0 5% 20px;
width: 23.33%;
float: left;*/
font-size: 1.2em;
/*padding: 0;*/
text-align: left;
}
/*div#footer div#coordinates,
div#footer div.newsletter {
margin: 0 2% 20px;
width: 98%;29.33%;	
text-align: center;
float: none;
}*/
div#footer div#coordinates {
    text-align: center;
}
div#nav2, div#sponsors, div#news-wrapper, div#footer div.calendar, div#footer div.nav_footer, div#footer div.partners-wrapper {
float:left;
width:240px;
margin:0 0 0 140px;
padding:0 0 0 0;
/*border-right:1px dotted #0c94a4;*/
text-align:left;
font-size:1.2em;
/*background-color:#061760;*/
/*font-family:'PT Sans', Arial,Verdana;*/
}

div#news-wrapper {
float:right;
}
div#footer div.calendar, div#footer div.nav_footer {
/*width:180px;*/
margin:0 0 0 100px;
}

#partners {
position:relative;
height:120px;
width:180px;
}
#partners div {
position:absolute;
top:0px;
left:0px;
z-index:8;
opacity:0.0;
height:120px;
/*line-height:90px;*/
width:180px;
background-color:#333333;
}


/*div#sponsors img {
float:left;	
}*/
/*div#coordinates p, div#opening p, div#sponsors p, div#footer > div > div p {
margin:10px 0 0 0;
line-height:145%;	
}*/
div#nav2 div {
float:left;
width:100%;
margin:0 10px 0 0;
}
div#nav2 div h3, div#footer h3, div#footer div.calendar h3, div#footer div.nav_footer h3, div#news-wrapper h3, div#opening h3, div#sponsors h3, div.partners-wrapper h3, ul.nav2 > li > span {
font-family:'Open Sans',Arial,Helvetica,sans-serif;
font-size:1.3em;
color:#fff;
text-decoration:none;
padding:15px 0 10px;
/*border-bottom:1px dotted #595656;*/
/*font-weight:bold;*/
/*font-variant:small-caps;*/
text-transform:uppercase;
/*text-shadow: 2px 2px 2px rgba(0,0,0,0.5);*/ 
}
div#footer h3 {
    color: #fff;
}
/*div#coordinates h3, div#footer div.calendar h3, div#footer div.nav_footer h3 {
color:#000;
}*/
div.partners-wrapper h3 {
text-align:center;
}
div#nav2 div ul {
padding:0 0 0 15px;
margin:5px 0 0 0;
color:#fff;
}
div#nav2 div ul li {
list-style-type:square;
padding:3px 0;
color:#595656;
}
div#nav2 div ul li span {
color:#fff;
}
div#nav2 div ul li:hover, div#nav2 div ul li#current {
/*list-style-type:square;*/
color:#fff;
}
div#nav2 div ul li a:link, div#nav2 div ul li a:visited, div#nav2 div ul li a:active { 
color:#fff;
text-decoration:none;
}
div#nav2 div ul li a:hover {
/*text-decoration:underline;*/
}

div#footer ul {
margin:10px 0 0 0;
padding: 0;
list-style-type: none;
text-transform:uppercase;
}
div#footer ul ul {
margin: 10px 0 0 5px;
}
div#footer ul ul ul {
margin: 10px 0 0 10px;
}
div#footer ul li {
padding:5px 0;
}
/*div#footer ul li a:link, div#footer ul li a:visited, div#footer ul li a:active { 
text-decoration:none;
}
div#footer ul li a:hover {
text-decoration:underline;
}*/

div#content {
padding:0px 0px 0px;
/*color:#231f20;*/
color:#413f3f; 
overflow:auto;
line-height:175%;
/*text-align:justify;*/
}
/*p {
line-height:140%;	
}*/
body#home div#content {
padding: 0;
}
div#main {
/*float:left;	
width:790px;*/
/*width:100%;*/
padding:0;  /*65px 0;*/
margin:0 auto;
/*width:1180px;*/
overflow:auto;
}


div#usp {
/*margin: 0 auto;
width: 1180px;*/
position:relative;
}
/*div#usp > div {
overflow: auto;
}*/
/*div#golfkarton {
padding: 40px 0;
margin: 0 auto;
width: 1180px;
}*/
/*div#left, div#right {
float:left;	
}
div#left {
margin:20px 0 0 0;
width:200px;	
}
div#right {
margin:0 0 0 0;
width:432px;	
}*/

div#left, div#right,
div#right div.logo, 
div#right div.customer,
div#seminar-left,
div#seminar-right {
float:left;	
}
div#left {
margin:0 1% 20px 1%;
width:65%;	
}
div#left div.campaign > a {
display: block;
text-decoration: none;
}
/*body#home div#left > div:first-child*/
body#home div#left > div, body#home div#left > div > a {
/*background:url('../images/advantages-bg.jpg') no-repeat;*/
/*background-size:cover;*/
overflow:auto;
/*margin:0 0 20px 0;*/
/*min-height:300px;*/	
}
/*body#home div#left > div:first-child > div*/ 
body#home div#left > div > a > div {
float:left;
width:50%;
min-height:300px;
box-sizing:border-box;	
}
/*body#home div#left > div > div:first-child {
background:url('../images/MrC-waving.png') no-repeat;
background-position:-160px 100%;
background-size:250px auto;
transition:all 0.4s ease;
}
body#home div#left > div:hover > div:first-child {
background-position:0px 100%;
}*/
/*body#home div#left > div:first-child > div:last-child*/ 
body#home div#left > div > a > div:last-child {
padding:30px;
background-color: rgba(167, 203, 71, 0.8);
position:relative;
}
div#main div#newswrapper div.newsitem.team a {
position: relative;
}
div#main div#newswrapper div.newsitem.team a > div > h2 {
padding: 1em;
margin: 0;
}
div#main div#newswrapper div.newsitem.team a > div {
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(255,255,255,0.5);
padding: 0;
margin: 0;
}
div#main div#newswrapper div.newsitem.team a > div:last-child {
padding: 0;
margin: 0;
}
/*div.newsitem p {
margin-bottom:40px;	
}*/
div.postdate {
font-size:0.9em;
font-style:italic;
text-align:left;	
bottom: 15px;
position:absolute;
left:20px;
width:100px;
}
div.shortcut {
display: none;
right: 10px;
width: 30px;
height: 30px;
position: absolute;
bottom: 10px;
z-index: 98;
background:#fff url('../images/right_arrow.png') no-repeat;
background-size:75% auto;
background-position: 50% 50%;
border-radius:15px;
transition:all 0.2s linear;
}
div.shortcut:hover {
/*background-color:#e4e6df;*/
}
div#left div.shortcut a {
display:block;
height:30px;
width:30px;
text-decoration:none;
}
div#left div.shortcut a:hover, div#left div.shortcut a:active {
text-decoration:none;
}

/*div#main div#newswrapper h2 {
padding:20px 0 20px 0;
}*/
/*div#main div#newswrapper {
overflow:hidden;
}*/
div.tiles {
    margin: 0;
    padding: 65px 0;
    background: #e8e8e8; 
}
div.tiles::after {
content: "";
display: table;
clear: both;
}
div#newswrapper {
clear:both;
/*padding: 40px;*/  
}
.grid-sizer,
.newsitem,
.card {
width:25%;
}
.wrapper .grid-sizer,
.wrapper .newsitem,
.wrapper .card {
width:33.333%;
}
/*.gutter-sizer {
width:2%;
}*/
div#main div#newswrapper > div.newsitem,
div#main div.card {
    margin: 0 0 20px;
}
div#main div.card {
    float: right;
}
div#main div#newswrapper > div.newsitem > a,
div#main div.card > div {
/*float:left;*/
/*height:1000px;*/
margin:0 0 20px 0;
background: #fff;
box-shadow: rgba(0,0,0,0.125) 0px 1px 5px,
            rgba(0,0,0,0.125) 0px 5px 5px;
/*box-sizing:border-box;*/
transition: box-shadow 0.25s ease-in-out,
            transform 0.25s ease-in-out;
}
div#main div#newswrapper > div.newsitem > a:hover {
box-shadow: rgba(0,0,0,0.125) 0px 3px 10px,
            rgba(0,0,0,0.125) 0px 8px 20px;
transform: scale(1.01);
}
/*div#main div#newswrapper > div:nth-child(2n+1) {
clear: left;
}*/
div#main div#newswrapper > div.newsitem > a,
div#main div.card > div {
display:block;
/*margin:0 2% 0 0;*/
margin:0 2% 0 2%;
text-decoration:none;
/*color:#231f20 !important;*/
color:#645c59 !important;
/*border-bottom: 3px solid #294694;*/
background-color: #fff;
}
div#main div.card > div {
    margin-left: 2em;
}
div#main div#newswrapper > div.newsitem > a:hover {
color:#645c59 !important;
}
/* 
http://stackoverflow.com/questions/5428676/nth-child-doesnt-respond-to-class - maw. div.grid-sizer en div.gutter-sizer worden meegerekend. 
Bovendien kunnen we er niet van uitgaan dat het 5e, 8e, 11e, ... item steeds aan de rechterkant komt te staan. Soms kan dit links staan als er daar beschikbare ruimte is (masonry).
*/
/*div#main div#newswrapper > div:nth-child(3n+4) > a {
margin:0 1% 0 1%;
}
div#main div#newswrapper > div:nth-child(3n+5) > a {
margin:0 0 0 2%;
}*/
div#main div#newswrapper > div.newsitem img,
div#main div.card img {
display:block;
/*-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(resources.svg#desaturate);
filter: gray;*/
}
div#main div#newswrapper > div.newsitem:hover img {
/*-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;*/
}
div#main div#newswrapper div.newsitem img.profilepic,
div#main div.card img.profilepic {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
div#main div.quote {
overflow:auto;
margin:20px 0;	
}
div#main div.quote div {
float:left;	
}
div#main div.quote div.quote-image {
position:relative;
width:400px;
height:400px;
overflow:hidden;
margin:0 20px 0 0;
}
div#main div#newswrapper > div.newsitem a > div,
div#main div.quote div.quote-content,
div#main div.card > div > div {
position:relative;
margin:0;
padding:20px;
padding-bottom: 0;
text-align:justify;
line-height:175%;
/*background:#e1e3e4;*/
}
div#main div#newswrapper > div.newsitem a > div:last-child,
div#main div.quote div.quote-content:last-child,
div#main div.card > div > div:last-child {
padding-bottom:20px;
}
div#main div.card > div > div {
position: static;
}
div#main div.quote div.quote-content {
width:760px;
height:400px;
box-sizing:border-box;
padding:10px 20px;
font-size: 1.1em;
}
div#main div.quote div.quote-content div.quote-name {
bottom: 15px;
/*font-size: 1.1em;*/
/*font-style: italic;*/
left: 20px;
position: absolute;
text-align: left;
width:90%;	
}
/*div#main div#newswrapper > div.newsitem a > span.whitespace {
display:block;
height:25px;
}*/
div#main div.card > div > div.extra-info {
/*    padding: 0;*/
}
div#main div.card > div > div.extra-info > a {
    box-sizing: border-box;
    padding: 1em 1em 1em 50px;
    margin: 0 0 1em;
    width: 100%;
    text-align: center;
    border: none;
    background-image: url('../images/doc.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
    transition: background 0.25s;
}
div#main div.card > div > div.extra-info > a:last-child {
    margin: 0;
}
div#main div.card > div > div.extra-info > a:hover {
    border: none;
    background-color: #555;
    color: #fff;
    background-image: url('../images/download-doc.png');
}
div#main div#newswrapper > div.newsitem div.consumenten,
div#main div.quote.consumenten div.quote-content {
background-color:rgb(161,191,54);
}
div#main div#newswrapper > div.newsitem div.creatieve-trends,
div#main div.quote.creatieve-trends div.quote-content {
background-color:rgb(185,212,88);
}
div#main div#newswrapper > div.newsitem div.retail-logistiek,
div#main div.quote.retail-logistiek div.quote-content {
background-color:rgb(161,191,105);
}
/*div#main div#newswrapper > div.newsitem div.logistics,
div#main div.quote.logistics div.quote-content {
background-color:rgb(161,191,123);
}*/
div#main div#newswrapper > div.newsitem div.pers,
div#main div.quote.pers div.quote-content {
background-color:rgb(179,196,99);
}
div#main div#newswrapper > div.newsitem div.evenementen,
div#main div.quote.evenementen div.quote-content {
background-color:rgb(189,191,54);
}
div#main div#newswrapper > div.newsitem div.no-background {
background-color:rgb(255,255,255) !important;
}
/*div#main div#newswrapper > div.newsitem div.calendar {
background-color: rgb(158,172,54);
}*/
div#main div#newswrapper > div.newsitem div.consumenten::after,
div#main div.quote.consumenten div.quote-image:after {
border-color: rgb(161,191,54) transparent;
}
div#main div#newswrapper > div.newsitem div.creatieve-trends::after,
div#main div.quote.creatieve-trends div.quote-image:after {
border-color: rgb(185,212,88) transparent;
}
div#main div#newswrapper > div.newsitem div.retail-logistiek::after,
div#main div.quote.retail-logistiek div.quote-image:after {
border-color: rgb(161,191,105) transparent;
}
/*div#main div#newswrapper > div.newsitem div.logistics::after,
div#main div.quote.logistics div.quote-image:after {
border-color: rgb(161,191,123) transparent;
}*/
div#main div#newswrapper > div.newsitem div.pers::after,
div#main div.quote.pers div.quote-image:after {
border-color: rgb(179,196,99) transparent;
}
div#main div#newswrapper > div.newsitem div.evenementen::after,
div#main div.quote.evenementen div.quote-image:after {
border-color: rgb(189,191,54) transparent;
}
div#main div#newswrapper > div.newsitem div.no-background::after {
border-color:rgb(255,255,255) transparent !important;
}
/*div#main div#newswrapper > div.newsitem div.calendar::after {
border-color: rgb(158,172,54) transparent;
}*/

div#seminar-left {
margin:20px 0 0;
width:200px;
}
div#seminar-right {
margin:0;
width:740px;
}
div#left p.description {
font-size:1.1em;
font-style:italic;
line-height:120%;
}
div#right {
margin:0 0 20px 0;
width:32%;	
}
div#right > div {
border:2px solid #000;
min-height:300px;
box-sizing:border-box;	
}
div#right div h2 {
width:100%;
padding:15px 0;
margin:0 0 5px 0;
text-align:center;
text-transform:uppercase;
font-size:1.5em;
background-color:#000;	
color:#2f2f2f;
}
/*div#right div div {
padding:25px;
}*/
div#right div div p {
text-align:center;
padding:0 5px;	
}
/*div#right div div input,
div#footer input {
box-sizing: border-box;
border:1px solid #2f2f2f;
height:33px;
margin:10px 0;
padding:5px;
width:100%;
}
div#right div div label {
display:inline;
}*/
div#right div.logo {
width:240px;
height:159px;
/*border:1px solid #f4003d;*/
background:#fff;
margin:0 10px 10px 10px;	
}
div#right div.customer {
width:240px;
margin:0 10px;
font-size:0.85em;	
}
div#right div.extra-info {
clear:both;
width:251px;
margin:0 10px 0 10px;
font-size:0.85em;	
}
div#right div.brand {
float:left;
width:113px;
height:113px;
border:1px solid #fff;
background:#fff;
margin:0 0 10px 10px;	
}
div#right div.no-left-margin {
margin:0 0 10px 0px;	
}


.advantage div a {
/*width:180px;
height:169px;*/	
}
div.strength, div.advantage, div.visit, div.spuitwerken {
position:relative;
border:2px solid #0C94A4;
border-radius:10px;
width:200px;
padding:4px;
margin:0 0 20px 0;	
font-size:1.2em;
}
div.advantage, div.visit, div.spuitwerken {
text-align:center;
line-height:175%;
}
div.advantage p {
font-size:0.7em;
}
div.strength div.more-info {
position:absolute;
top:-12px;
right:-12px;
height:30px;
width:30px;
background:url('../images/more-info.png') no-repeat;
padding:0;
}
div.strength div.more-info:hover {
cursor:pointer;
background:url('../images/more-info-hover.png') no-repeat;
}
div.strength div, div.advantage div, div.visit div, div.spuitwerken div {
background:#0C94A4;
/*border:4px solid #fff;*/
border-radius:5px;
color:#fff;
/*padding:10px;*/
font-weight:700;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
width:200px;
font-size:1.4em;
}
div.advantage div {
height:189px;	
}
div.visit div {
height:141px;	
}
table.genomineerden td {
width:130px;	
}
div.spuitwerken div {
height:93px;	
}
div.strength div:hover, div.advantage div:hover, div.visit div:hover, div.spuitwerken div:hover {
background:#fff;
color:#0C94A4;
}
/*div.reference {
position:relative;
float:left;
width:280px;
height:185px;
border:1px solid #333333;
margin:0px 20px 20px 0px;
padding:5px;	
box-shadow:0 12px 12px -12px rgba(0,0,0,1);
}
.highlight {
background-color: #9b9b9b;
color:#fff;
font-size: 1.2em;
line-height: 125%;
margin: 20px 0;
overflow: auto;
padding: 15px 30px;
text-align: justify;
width: 730px;
}
div.reference div.adhesive {
position:absolute;
top:-13px;
left:110px;
height:24px;
width:75px;
z-index:20;
background:url('../images/adhesive-small-100.png') no-repeat;
}
div.reference div.images > div {
position:absolute;
top:5px;
left:5px;
z-index:8;
opacity:0.0;
height:185px;
width:280px;
}
div.reference div.images div.active {
z-index:10;
opacity:1.0;
}
div.reference div.images div.last-active {
z-index:9;
}
div.reference div.images div.info {
z-index:11;
background-color:#fff;
opacity:1.0;
padding:5px;
height:175px;
width:270px;
}
div.reference div.images div.info h2 {
font:16px 'PT Sans',Arial,Verdana;
color:#A7BC2A;
font-variant:small-caps;
text-align:left;
}
div.reference div.images div.info p {
color:#333;
}
div.reference div.images div.info a {
text-decoration:none !important;
display:block;
height:175px;
width:270px;
}
.hidden {
display:none;
}*/
div#aside {
position: fixed;
top: -500px;
right: 0;
/*float:right;*/
/*width:110px;*/
margin:0 0 0 0;
/*border-top:1px solid #3F758A;*/
background:#fff;
/*box-shadow: rgba(0,0,0,0.125) 0px 1px 5px, rgba(0,0,0,0.125) 0px 5px 5px;*/
padding:1em;
z-index: 99;
transition: all 0.5s ease-in-out;
}
div#aside.active {
top: 64px;
}
div#aside #new-existing-customer {
width: auto;
margin: 0;
border: none;
padding: 0;
}
div#aside div#kader {
background-color:#ED1C24;
padding:15px;
text-align:justify;
width:220px;
color:#fff;
margin:5px 0 30px 0;
/*font-weight:bold;*/
line-height:130%;
}
div#aside  div#kader a {
color:#fff;
text-decoration:none;
}
div#aside  div#kader a:hover {
text-decoration:underline;
}
div#aside input {
    box-sizing: border-box;
    width: 100%;
    padding: 0.75em;
}
div#aside label {
    text-align: right;
}
div#aside p:last-child {
    margin-bottom: 0;
}
div#content div#aside form {
    margin-bottom: 0;
}
.news-all {
display:block;
text-align:right;
font-size:0.85em;
font-style:italic;
padding:3px 0;
}
div#content form {
margin:0 0 20px 0;	
}
div.form_head {
/*background-color:#000;*/
position:relative;
/*text-align:center;
text-transform:uppercase;*/
/*color:#fff;*/
/*padding:30px;*/
/*margin:0 0 40px;*/
margin: 40px 0 20px;
}
/*div.form_head::after {
border-color: #000 transparent;
border-style: solid;
border-width: 25px 25px 0;
content: "";
display: block;
position: absolute;
left: 0;
bottom: -25px;
width: 0;
z-index: 98;
}*/
div#content form > div {
box-sizing:border-box;
padding:0 2% 0 0;
}
div#content form > div > label {
text-transform:uppercase;
font-weight:bold;
}
div#zone4 {
width:100%;	
}
div.push {
height:368px; /* total height footer */
}
/*div#footer {
position:relative;  Anders werken links niet in footer... 
width:100%;
height: auto !important;
border-bottom: 40px solid #294694;
padding:40px 0;
background:#ddd;
color:#000; 
text-align:left;
font-size: 0.9em;
}*/
div#footer {
position:relative; /* Anders werken links niet in footer... */
width:100%;
/*height:328px;*/
height: auto !important;
/*border-top:1px solid #009390;*/
border-bottom: 40px solid #333;
/*border-top: 3px solid #294694;#ab9e74;*/
padding:40px 0;
/*background: #294694;*/
background:#333;
/*background:url('../images/squared_metal_dark.png');*/
color:#fff;
/*color:#fff;*/ 
text-align:left;
/*font-size:0.8em;*/
font-size: 0.9em;
}
div#footer a {
color: #fff;
text-decoration:none;
}
div#footer a:hover {
text-decoration: underline;
}
/*div#footer div.shortcuts, div#footer div.social {
display:none;	
}*/
/*div#contentFooterDivider {
margin:0 0 3px 0;
width:100%;
height:3px;
border-top:1px solid #fff;
background-color:#fff;
border-bottom:1px solid #fff;
}*/
div#quicklinks {
/*margin:15px 0 0 0;
width:100%;*/
display:none;
text-align:center;
}

/*div#footer table {
width:960px;
margin:0 auto;	
}*/
/*div#footer img {
border:0;
float:left;
margin:0 20px 0 0;
border:1px solid #747678;
height:110px;
}
div#footer img.last {
margin:0 0 0 0;
}*/
div#legal {
box-sizing: border-box;
position:absolute;
bottom:-34px;
left:0;
/*font-size:0.8em;*/
padding:10px 0 0 30px;
width:100%;
height:30px;
color:#fff;
text-align:left;
text-transform:uppercase;
font-size:1.1em;	
}

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
	position:relative;
	height:100px;
	padding:10px;
	margin:0 0 1em;
	border:5px solid #4B4B4B;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#4B4B4B transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:57px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/*.active {
background-color:#ffffff !important; 
}*/
#content > h1, 
#main h1, 
#left > h1, 
#aside > h1, 
div#schedule h1, 
div.categories h1, 
div.order-online h1, 
div.cart h1, 
div.strengths h1, 
div.products h1.category-title-no-content, 
div.categoryinfo h1, 
div.product-details h1, 
div.accessories h2, 
div.order-overview h1,
div#infra-pillars-wrapper h1, 
div#references-wrapper h1 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:2em;
/*font-weight:bold;*/
line-height:130%;
width:100%;
/*padding:0 0 3px 0;
margin:0 0 10px 0;*/
/*color:#9ac24f;*/
/*padding:0 0 8px 0;*/
margin: 1em 0 0.5em 0;
/*background:url('../images/border-bottom.png') no-repeat left bottom;*/
/*font-size:1.3em;*/
/*text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.5);*/
text-transform:uppercase;	
color: #294694;
}
#content > h1:first-child, 
#main h1:first-child, 
#left > h1:first-child, 
#aside > h1:first-child, 
div#schedule h1:first-child, 
div.categories h1:first-child, 
div.order-online h1:first-child, 
div.cart h1:first-child, 
div.strengths h1:first-child, 
div.products h1:first-child.category-title-no-content, 
div.categoryinfo h1:first-child, 
div.product-details h1:first-child, 
div.accessories h2, 
div.order-overview h1:first-child,
div#infra-pillars-wrapper h1:first-child, 
div#references-wrapper h1:first-child {
    margin-top: 0;
}
#main h2, #left > h2, #right h2, .testimonial > h2, div.reference div.images div.info h2 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:1.5em;
line-height:130%;
width:100%;
/*padding:0 0 3px 0;
margin:25px 0 10px 0;*/
/*padding:20px 0 0 0;*/
margin:1em 0 0.5em 0;
/*color:#9ac24f;*/
/*font-weight:bold;*/
text-transform:uppercase;
text-align:left;
color: #294694;
}
/*#main div h2 {
padding:5px 0 0 0;	
}*/
div#main div#newswrapper h2 {
padding:0 0 20px 0;
margin:0 0 15px 0;
/*background:url('../images/border-bottom.png') no-repeat left bottom;*/
font-size:1.2em;
/*text-transform:uppercase;*/
text-align:left;
/*color:#645c59;*/
/*color: #ab9e74;*/
/*color: #efebdc;*/
color: #000;
/*font-weight:normal;*/
}
div#main div#newswrapper h2.fixed {
padding:0 0 0px 0;
height: 3.8em;
vertical-align: bottom;
display: table-cell;
}
div#main div#newswrapper p {
/*color: #fff;*/
color: #000;
height: 2em;
}
div#left > div.campaign > a > div:last-child h1 {
font-size:3em;
font-weight:bold;
color:#fff;
line-height:130%;
}
#left > h3 {
font-family:Roboto,Arial, Helvetica, sans-serif;
font-size:1.15em;
line-height:110%;
width:100%;
padding:0 0 0px 0;
margin:10px 0 10px 0;
color:#333333;
font-weight:bold;
font-style:italic;
text-transform:uppercase;	
}
#left > h4 {
font-family:Roboto,Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:110%;
width:100%;
padding:0 0 0px 0;
margin:10px 0 10px 0;
color:#333333;
/*font-weight:bold;*/
font-style:italic;
text-transform:uppercase;	
}
#right h2 {
font-size:1.5em;
text-transform:uppercase;	
margin:0 0 10px 0;
padding:3px 0 3px 0;
background:#171695;
color:#fff;
font-weight:normal;
}
/*div.reference div.images div.info h2 {
padding:0 0 0 0;
margin:5px 0 10px 0;	
}*/
#main h3, #right h3, .testimonial > h3 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:1.25em;
line-height:110%;
margin:1em 0 0.5em 0;
/*font-style:italic;*/
/*font-weight:bold;*/
color: #294694;
text-transform: uppercase;
}
#right h4 {
font-size:1.2em;
/*line-height:110%;*/
margin:0 0 5px 0;
padding:15px 0 5px 0;
border-bottom:1px dotted #fff;
font-weight:bold;
}
#right h3 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:1.3em;
line-height:110%;
margin:0 0px 5px 0;
font-style:normal;
background-color:#a1bf36;
padding:10px 0;
color:#fff;
text-transform:uppercase;
}
#aside > h3 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:1.5em;
line-height:110%;
width:240px;
padding:5px 5px 3px 5px;
margin:0 0 0 0;
color:#fff;
text-transform:uppercase;
background-color:#f4003d;
}
div.product-details h3 {
font-family:Roboto,Arial,Helvetica,sans-serif;
font-size:1.3em;
font-weight:bold;
width:100%;
padding:0 5px 0 0;
margin:15px 0 10px 0;
color:#009390;
line-height:110%;
/*font-variant:small-caps;*/
border-bottom:1px dotted #009390;
/*background:#E0E4CC;*/	
}
div.newsitems h1, h1.showcase-title {
font-family:'Open Sans',Arial,Helvetica,sans-serif;
font-size:1.5em;
font-weight:700;
width:100%;
padding:10px 0;
margin:0 0 10px 0;
color:#fff;
/*background:#706b68;*/	
background:#0C94A4;
text-align:center;
border-radius:10px 0 10px 0;	
}
div.accessories h2 {
font-size:1.5em;	
}
.caption_content ul, #content ul {
margin-left:20px;
list-style-type:disc;	
}
div ul {
/*overflow: hidden;*/
}
#content ul.news-overview, #content ul.calendar-overview, #content .calendar ul.upcoming, #footer .calendar ul.upcoming, #footer .nav_footer ul {
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
#content ul.news-overview li, #content ul.calendar-overview li, #content .calendar ul.upcoming li, #footer .calendar ul.upcoming li, #footer .nav_footer ul li {
background: #dae5af url('../images/kalender-icon.png') no-repeat 20px 50%;
background-size: 32px auto;
padding:20px 0 20px 72px;
}
#content .calendar ul.upcoming li:nth-child(2n+1) {
background: #ecf2d7 url('../images/kalender-icon.png') no-repeat 20px 50%;
background-size: 32px auto;
}
#content ul.news-overview li a, #content ul.calendar-overview li a, #content .calendar ul.upcoming li a, #footer .calendar ul.upcoming li a, #footer .nav_footer ul li a {
text-decoration:none;
}
#content .calendar ul.upcoming li a span {
text-transform:uppercase;
font-weight:bold;
}
.caption_content ul ul,#content ul ul {
list-style-type:circle;	
}
.caption_content ol, #content ol {
margin-left:20px;
list-style-type:decimal;	
}
#content ol.galery {
margin-left:0;
list-style-type:none;
}
#content ol.galery li {
float:left;
height:125px;
padding:5px 5px 15px 5px;	
border:1px solid #dedddd;
margin:5px 10px 5px 0;
box-shadow:rgba(0,0,0,0.125) 0px 1px 5px, rgba(0,0,0,0.125) 0px 5px 5px;
transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
}
#content ol.galery li:hover {
/*border:1px solid #f4003d;*/	
/*background:#B2B3B6;*/
box-shadow: rgba(0,0,0,0.125) 0px 3px 10px, rgba(0,0,0,0.125) 0px 8px 20px;
transform: scale(1.01);
}
#content ol.galery li a img {
    height: 125px !important;
}
div.contentblock ol.galery li a::before {
    content: none;
}
div.register {
float:left;	
}
div.margin-right {
margin:0 80px 0 0;	
}
div#schedule table {
/*background:url('../images/schedule-bg.png');*/
font-size:0.9em;	
}
div#schedule table td {
padding:5px 0;
vertical-align:top;
border-bottom:1px dotted #f4003d;
}
div#schedule table h2 {
font-weight:bold;
font-size:1.3em;
}
div.traject-ondernemingen {
display:inline-block;
margin:0 0 0 2px;
width:10px;
height:10px;
background:#294694;	
}
div.traject-onderwijs-instellingen {
display:inline-block;
margin:0 0 0 2px;
width:10px;
height:10px;
background:#8cc63f;	
}
div.traject-openbare-besturen {
display:inline-block;
margin:0 0 0 2px;
width:10px;
height:10px;
background:#ec008d;	
}
#shoppingcart-detail a:link, #shoppingcart-detail a:visited,
#order-overview-detail a:link, #order-overview-detail a:visited {
color:#3f758a;
text-decoration:none;
}
#shoppingcart-detail a:hover, #shoppingcart-detail a:active,
#order-overview-detail a:hover, #order-overview-detail a:active {
color:#000;
text-decoration:none;
}
#content a.salesconditions, div.billing-address a {
text-decoration:underline;	
}
div.categories, div.products {
width:100%;
margin:0;
overflow:auto;
float:left;	
}
div.accessory, div.delivery-address {
float:left;
text-align:center;
margin:10px 10px 0 0;
}
div.delivery-address, div.billing-address {
position:relative;
}
div.accessory {
margin:10px 6px 10px 0;
height:235px;
width:175px;
background-color:#fff;
border:1px solid #3f758a;
border-radius:15px;		
}
div.accessory table {
text-align:left;
margin:5px 0 0 25px;
font-size:0.9em;
}
div.delivery-address, div.billing-address {
text-align:left;
border:1px solid #3f758a;
border-radius:10px;
height:100px;
width:140px;
padding:15px 5px;
margin:5px;
font-size:0.9em;
}
div.billing-address {
float:left;
width:265px;
height:100%;	
font-size:1em;
margin:0 12px 10px 0;
padding:15px 5px 0;
}
div.billing-address p:last-child {
font-size:0.8em;
font-style:italic;	
}
div.delivery-address label:hover {
cursor:pointer;
}
div.delivery-address span, div.billing-address span, table#order-overview-detail span.on-behalf {
font-style:italic;
font-size:1em;
}
div.delivery-address div {
text-align:center;
}
/*div.tape img {
border:1px solid #FFC21D;
}*/
div.delivery-address h3, div.billing-address h3 {
position:absolute;
top:81px;
left:11px;
width:90px; 
height:20px;
text-align:right;
background:#3f758a;
color:#fff;
border-radius:10px 0 0 0; 
font-variant:small-caps;
font-size:0.8em;	
}
div.delivery-address h3, div.billing-address h3 {
top:0px;
left:0px;
width:120px; 
text-align:left;
border-radius:9px 0 10px 0;
font-size:0.9em;
height:18px;
padding:4px 0 0 5px;
}
div.billing-address h3 {
width:200px;
font-size:1em;	
padding:0;
height:20px;
}
/*div.category, div.product {
position:relative;
height:190px;
width:145px;
background-color:#fff;
border:2px solid #009390;
float:left;
text-align:center;
margin:10px 10px 0 0;	
}*/
div.no-right-margin {
margin:10px 0 0 0;
}
/*div.product {
height:214px;	
}*/
div.category > div, div.product > div {
position:absolute;
top:0px;
left:0px;
z-index:1;
height:100%;
width:100%;
}
/*div.product > div {
height:214px;	
}*/
/*div.product > div img, div.accessory img {
width:135px;	
}*/
/*div.category div.info, div.product div.info {
z-index:2;
background-color:#000;
opacity:0.60;
filter:alpha(opacity=60);
border-radius:25px;
padding:15px;
top:31px;
left:5px;
height:190px;
width:210px;
}
div.product div.info {
height:128px;
opacity:0.80;
filter:alpha(opacity=80);
}*/
/*div.category > div > a {
position:relative;
}*/
div.category div.view-products, div.product div.view-product-details {
top:170px;
left:-2px;
width:144px;
padding:4px 5px 0 0; 
height:16px;
text-align:right;
background:#009390;
/*border-radius:15px 0 13px 0;*/
font-size:0.8em; 
/*font-variant:small-caps;*/	
}
/*div.product div.view-product-details {
top:194px; 	
}*/
/*div.category div.info p, div.product div.info p {
color:#fff;
text-align:left;
}
div.category div.info a, div.product div.info a  {
display:block;
height:190px;
width:210px;
}
div.product div.info a  {
height:128px;
}
div.category div.info p:first-child, div.product div.info p:first-child, div.categoryinfo p:first-child {
margin-top:0px;
}
.hidden {
display:none;
}*/
div.product-details {
float:left;	
width:100%;
}
/*div.categoryinfo, div.comparecollections {
width:508px;
margin:0 0 5px 0;
border:1px solid #FFC21D;
border-radius:0 0 25px 25px;	
}*/
div.order-online, div.categoryinfo {
width:549px;
margin:0 0 20px 0;
/*border:1px solid #3f758a;
border-radius:15px;*/
}
/*div.categoryinfo div {
padding:5px;
}*/
div.comparecollections div {
padding:5px 5px 15px 20px;
}
div.comparecollections div {
overflow:auto;
}
div.comparecollections div div {
float:left;
}
/*#content div.category a, #content div.product a, #content div.accessory a {
text-decoration:none;	
}
#content div.category a, #content div.product a {
color:#fff;	
}*/
div.category h2, div.product h1, div.accessory h1, div.secureshop h1, div.comparecollections h1 {
width:100%;
padding:5px 0;
/*margin:0 0 5px 0;*/
margin:0 0 5px 0;
text-align:center;
font-size:0.8em;
background-color:#009390;
text-transform:uppercase;
/*border-radius:13px 13px 0 0;*/
color:#fff;	
}
div.accessory h1 {
height:25px;
line-height:120%;	
}
/*div.products h1.category-title-no-content {
width:510px;
margin:5px 0;	
}*/
/*div.tapes h2 {
font-size:1.2em;	
}*/
div.delivery-addresses h2, div.delivery-date h2, div.delivery-remarks h2, div.product_images h2, div.order-summary h2, div.rental-period h2 {
padding:10px 0 10px 5px;
border-bottom:1px solid #999;
/*background:#e6e3e3;*/
font-weight:bold;
}
div.delivery-addresses {
position:relative;	
}
div.delivery-addresses a.add-delivery-address {
position:absolute;
bottom:0;
right:0;
width:160px;
height:18px;
/*padding:2px 0 0 5px;*/
font-size:0.8em;
font-variant:small-caps;
text-align:right;
/*border-radius:10px 0 0 0;
background:#E6E3E3;
border-top:1px solid #E6E3E3;
border-left:1px solid #E6E3E3;*/
}
div#content div.delivery-addresses a.add-delivery-address {
text-decoration:none;	
}
div.delivery-addresses a.add-delivery-address:hover {
/*border-top:1px solid #999;
border-left:1px solid #999;*/
}
div.product_images h2 {
/*font-variant:small-caps;
text-align:center;*/
}
/*div.product h1 {
font-size:1.1em;	
}*/
/*div.category h1, div.product h1, div.accessory h1 {
margin:0;
}*/
/*div.product_images {
float:left;
width:195px;
text-align:center;
}*/
div.product_image {
float:left;
/*text-align:center;*/
width:300px;
/*width:182px;
height:120px;*/
border:2px solid #009390;
margin:0 6px 0 0;
padding:5px;
/*text-align:center;*/	
/*background-color:#fff;*/
}
div.product_image img {
width:300px;
}
div.product_image a {
display:block;
width:100%;
height:300px;
}
div.product_thumbs {	
float:left;
width:310px;
/*padding:0 5px 5px 0;*/
}
div.product_thumb {
float:left;
width:94px;
height:94px;
padding:2px;
border:1px dotted #009390;
margin:0 5px 7px 0;
}
div.thumb-no-right-margin {
margin:0 0 5px 0;
}
div.product_thumb a {
display:block;
width:100%;
height:100%;
}
div.product_thumb a img {
width:94px;
}
div.product_info {
/*float:left;
width:395px;*/
width:100%;
/*margin-top:3px;*/
}
/*div.product_info table {
width:100%;	
}*/
div.product-price-calculator table tr td:first-child, #calculator tr td:first-child {
width:100px;
}
div.product-price-calculator {
float:left;
background-color:#F3F1F1;
border:1px solid #999;
margin:0;
width:236px;	
height:207px;
}
/*div.delivery-addresses, div.delivery-date, div.product_images {
width:486px;
overflow:auto;
float:left;
margin:10px 0;	
}
div.delivery-date, div.product_images {
overflow:visible;
}*/
div.delivery-addresses, div.delivery-date {
padding:0 0 30px 0;	
}
div.accessories {
width:550px;
overflow:auto;
/*border:1px solid #999;*/
clear:both;
margin:0 0 10px 0;	
}
div.delivery-date {
width:394px;
height:179px;
margin:10px 20px 10px 0;
}
div.delivery-remarks, div.order-summary {
width:900px;	
/*border:1px solid #999;*/
margin:0 0 10px 0;
}
div.product_images {
width:100%;
height:320px;
margin:0 0 10px 0;	
overflow:visible;	
}
div.base-price {
font-size:1.3em;
font-weight:bold;
padding:5px 0;
margin:0 0 15px 0;
/*border-bottom:1px solid #C9CDB7;*/
}
div.base-price span {
font-size:1.5em;
color:#009390;
}
div.delivery-remarks div, div.order-summary div {
padding:9px 6px;
}
div.delivery-date div, div.rental-period div {
padding:0 5px;
}
div.delivery-remarks {
clear:both;
}
div.order-overview {
width:100%;
}
div.cart, div.secureshop, div.strengths {
width:325px;
/*float:left;*/	
/*border:1px solid #CCC;*/
margin:5px 0 30px 0;
/*border:1px solid #3f758a;
border-radius:15px;*/	
}
div.strengths {
margin:0;
padding:30px 0 0 0;
border-top:1px solid #999;
/*border:1px solid #3f758a;
border-radius:15px;*/	
}
div#language div.strengths {
border:none;	
}
a.checkout {
display:block;
text-align:right;
}
#shoppingcart-detail, #order-overview-detail, div.product-price-calculator table, div.secureshop table, div.strengths table {
width:100%;	
}
#shoppingcart-detail, #order-overview-detail, div.secureshop table, div.strengths table {
/*border:1px solid #3f758a;
border-radius:15px;	*/
margin:0 0 10px 0;
}
#shoppingcart-detail td, #order-overview-detail td {
text-align:right;	
padding:5px 0 5px 5px;
vertical-align:top;
}
#shoppingcart-detail td {
font-size:0.9em;
}
tr.odd {
background-color:#f3f1f1;	
}
#shoppingcart-detail td:first-child, #order-overview-detail td:first-child {
padding:5px 0 5px 5px;
}
#shoppingcart-detail th, #order-overview-detail th, #order-overview-detail td.title, div.product-price-calculator table th {
padding:10px 0 10px 5px;
/*border-top:1px solid #999;*/
/*border-bottom:1px solid #999;*/
/*background:#fff;*/
text-align:right;
font-weight:bold;
}
div.product-price-calculator table th {
/*font-variant:small-caps;
text-align:center;*/
text-align:left;
border-bottom:1px solid #999;
border-top:none;
}
#shoppingcart-detail th:first-child, #shoppingcart-detail td:first-child, #order-overview-detail th:first-child, #order-overview-detail td:first-child {
text-align:left;
}
#shoppingcart-detail th:last-child, #shoppingcart-detail td:last-child, #order-overview-detail th:last-child, #order-overview-detail td:last-child {
padding:5px 5px 5px 0;	
}
/*#shoppingcart-detail tr,*/ #order-overview-detail tr:first-child {
border-bottom:1px solid #999;
}
#shoppingcart-detail tr.noborder, #order-overview-detail tr.noborder {
border:none;	
}
#content div.secureshop table ul, #content div.strengths table ul {
list-style-type:none;
padding:0;
margin:10px 0;
}
#content div.secureshop table ul li {
background:url('../images/check.jpg') no-repeat 0 50%;
padding:3px 0 3px 25px;
}
#content div.secureshop table tr td {
padding:5px;	
}
div.strengths table ul li {
background:url('../images/arrow-right-small.jpg') no-repeat 5px 50%;
padding:6px 0 6px 25px;
}
/*#content div.strengths table ul li:hover {
color:#3f758a;
}*/
#content div.strengths table tr td {
padding:5px;	
}
/*#shoppingcart-detail tr:last-child, #shoppingcart-detail tr.no-border {	
border:none;	
}
#shoppingcart-detail tr:last-child td {
padding:20px 0 20px 5px;
}*/
/*/#shoppingcart-detail tr.totalprice {
border-bottom:1px solid #999;
font-weight:bold;
}
#shoppingcart-detail tr.totalprice td {
text-align:right;
}
#shoppingcart-detail a.img {
float:left;
border:1px dotted #BDD73D;
margin:0 5px 0 0;	
}
#shoppingcart-detail a.img img {
height:75px;
}
#shoppingcart-detail a.name {
float:left;
font-weight:bold;
color:#BDD73D;
}*/
#shoppingcart-detail div.buttons a {
background:#ffc21d;
padding:3px;
border:1px solid #000;
border-radius:3px;
color:#000;	
text-decoration:none;
}
#shoppingcart-detail div.buttons a:hover {
background:#000;
color:#ffc21d;	
}
#shoppingcart-detail div.remove {
width:25px;	
}
#shoppingcart-detail div.remove span {
display:block;
float:right;
width:10px;
height:10px;
/*margin:0 2px 0 0;*/
background:#3f758a;
padding:3px;
border:1px solid #3f758a;
border-radius:3px;
color:#fff;	
text-decoration:none;
text-align:center;
font-size:0.8em;
font-weight:bold;
font-style:normal;
}
#shoppingcart-detail div.remove span:hover {
background:#fff;
color:#3f758a;
cursor:pointer;
}
#shoppingcart-detail td span, #order-overview-detail td span, div.info > a > p:first-child span, div.product-price-calculator table span {
/*font-style:italic;*/
font-size:0.8em;
}
div.info > a > p:first-child span.price, div.product-price-calculator table span.price {
font-size:1.4em;
font-weight:bold;
font-style:normal;
}
#calculator {
margin:0;
width:230px;
background-color:#f3f1f1;
border:1px solid #999;
}
div.product-price-calculator table tr td, #calculator tr td, #add_form_container table tr td, #actiondetails table tr td {
padding:4px 5px 0;
}
div.qtip-wrapper span {
font-style:italic;
color:#F00;	
}

div#legal a:link, div#legal a:visited {
color:#fff;
text-decoration:none;
}
div#legal a:hover, div#legal a:active {
color:#fff;
text-decoration:underline;
}
#images > div, div#testimonials > div, div#quotes > div {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height:100%;
width:100%;
background:#ffffff;
/*background-color:#FFF;*/
}
div#quotes > div {
background:none;	
}
#images div.active, #partners div.active, div#testimonials div.active, div#quotes div.active {
z-index:10;
opacity:1.0;
}
#images div.last-active, #partners div.last-active, div#testimonials div.last-active, div#quotes div.last-active {
z-index:9;
}
/*#images div img {
margin:0 0 0 200px;	
width:340px;
}*/

.paging, .paging-partners, .paging-testimonials {
width:150px; 
margin:0 0 30px 395px;
text-align:center;
/*display:none;*/
height:18px;
padding:8px 0 0 0;
/*border-left:2px solid #FFC21D;
border-top:2px solid #FFC21D;
border-right:2px solid #FFC21D;*/
/*background:#FFC21D;
border-radius:15px 15px 0 0;*/ 
}
div#left .paging {
margin:0 0 0px 240px;
}
#content .paging a, #content .paging-partners a, #content .paging-testimonials a  {
display:inline-block;
margin:3px 3px 0 0;
width:8px;
height:8px;
text-decoration:none;
background-color:#000 !important; 
border-radius:4px; 
}
#content .paging a.active, #content .paging-partners a.active, #content .paging-testimonials a.active {
/*border:2px solid #FFC21D;*/
border:2px solid #000;
border-radius:6px;
background-color:#fff !important; 
}
/*.paging a:hover {
font-weight:bold;
}*/
div.previous, div.next {
position:absolute;
width:50px;
height:50px;
top:0px;
/* Fall-back for browsers that don't support rgba */
background-color: rgb(0, 0, 0); 
background-color: rgba(0, 0, 0, 0.0);
transition-duration: 0.35s;
transition-property: background-color;
z-index:100;
}
div.previous:hover, div.next:hover {
/* Fall-back for browsers that don't support rgba */
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
}
div.previous {
left:0;
}
div.next {
right:0;
}
div#left div#images .clientTriangle {
position:absolute;
top:0px;
left:0px;
width:0px; 
height:0px; 
/*border-top: 170px solid rgba(190, 214, 47, 0.95);*/ 
border-top: 170px solid #f4003d;
border-right: 170px solid transparent;
/*background-color: rgba(255, 255, 255, 0.0);*/
background:none;
}
div#left div#images .triangle_content {
position:absolute;
top:-170px;
left:0;
width:125px;
height:130px;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
color:#fff;
/*font-weight:bold;*/
font-size:1.3em;
line-height:110%;
padding:15px;
transform: rotate(-45deg);
text-align:center;
}
.reference h3, #references h3 {
background-color:#f4003d;
/* Fall-back for browsers that don't support rgba */
/*background-color: rgb(244, 0, 61); 
background-color: rgba(244, 0, 61, 0.5);*/
color:#fff;
font-family:'Open Sans',Arial,Helvetica,sans-serif;
font-size:1.8em;
/*text-transform:uppercase;*/
/*height: 20px;*/
line-height: 110%;
margin: 0;
padding: 5px 0;
position: absolute;
left:0px;
text-align:center;
top:0px;
width:100%;
height:30px;
}
/*#overview_orders {
width:95%;
}*/
#main-installationguide {
float:left;	
width:440px;	
margin:0 10px 0 0;
}
#installationguide-wrapper {
float:right;
width:430px;
height:210px;
}
/*div#aside #calendar {
border:2px solid #f4003d;
height:226px;
width:226px;
padding:10px;
margin: 0 0 30px 0;
}*/
div#news {
position:relative;
/*border:2px solid #f4003d;*/
height:200px;
width:100%;
max-width: 283px;
margin:10px 0 0 0;
padding:0 0 0 0;
/*border-bottom: 1px solid #636466;*/
/*background:#fff;*/
}
div#news > div {
position:absolute;
top:0px;
left:0px;
z-index:8;
opacity:0.0;
height:100%; /* % enkel mogelijk als top en left 0px zijn. Anders px gebruiken. */
width:100%;
/*background:#a4a4a4;*/
background: transparent;
/*background:url('../images/squared_metal_dark.png');*/
color:#fff;
overflow: hidden;
}
div#newsticker a::before {
    content: none;
}
div#news div.active {
z-index:10;
opacity:1.0;
}
div#news div.last-active {
z-index:9;
}
div#news div > h4 {
/*background: none repeat scroll 0 0 #fff;*/
font-size: 1em;
padding: 5px 0 5px 0;
text-align: left;
text-transform: uppercase;
color:#fff;
/*border-bottom: 1px dotted #f4003d;*/
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
div#footer .newsitems {
width:100%; 
text-align:left;
/*display:none;*/
/*height:20px;*/ 
}
div#footer .newsitems a {
display:inline-block;
text-align:center;
margin:0px 3px 3px 0px;
width:18px;
height:17px;
padding:1px 0 0 0;
text-decoration:none;
background-color:#636466 !important; 
/*color:#298b9e;*/
border:2px solid #636466;
}
div#footer .newsitems a:link, div#footer .newsitems a:visited {
color:#fff;
text-decoration:none;
}
div#footer .newsitems a.active, div#footer .newsitems a:hover, div#footer .newsitems a:active {
/*border:1px solid #f4003d;*/
color:#636466;
background-color:#fff !important;
border:2px solid #fff;
}
/* ORDERS */
#history-overview {
width:100%;	
}
/*tr.odd {
background-color:#f3f1f1;	
}*/
#history-overview th {
padding:10px 0 10px 5px;
border-top:1px solid #999;
/*border-bottom:1px solid #999;*/
background:#e6e3e3;
text-align:right;
font-weight:bold;
}
#history-overview th  {
text-align:left;
padding:0;	
}
#history-overview th > div {
padding:10px 0 10px 15px;	
}
#history-overview th:last-child {
padding:5px 5px 5px 0;	
}
#history-overview tr {
border-bottom:1px solid #999;
}
#history-overview tr:last-child {	
border:none;	
}
#history-overview tr td {
padding:20px 0 20px 5px;
}
#history-overview td:last-child {
padding:20px 5px 20px 0;	
}
#history-overview tr:last-child td {
text-align:right;
font-size:0.8em;
vertical-align:middle;
padding:5px 5px 5px 0;	
}
#history-overview div.buttons a {
border:1px solid #333333;
background:#b1b3b6;
color:#FFFFFF;
padding:3px;
text-decoration:none;
}
#history-overview div.buttons a:hover {
background:#e0e1e4;
color:#e4a03a;
}

/* Sorting */
#history-overview th > div {
position:relative;	
}
#history-overview th > div div.up, #history-overview th > div div.up-active, #history-overview th > div div.down, #history-overview th > div div.down-active {
position:absolute;
left:0;
width:16px;
height:11px;
}
#history-overview th > div div.up {
top:5px;	
background:url('../images/sort/bullet_arrow_up.png') no-repeat;
}
#history-overview th > div div.up:hover, #history-overview th > div div.up-active {
top:5px;
background:url('../images/sort/bullet_arrow_up_active.png') no-repeat;
}
#history-overview th > div div.down {
top:16px;
background:url('../images/sort/bullet_arrow_down.png') no-repeat center -3px;	
}
#history-overview th > div div.down:hover, #history-overview th > div div.down-active {
top:16px;
background:url('../images/sort/bullet_arrow_down_active.png') no-repeat center -3px;
}
/*****************/

/* Paging */
div.paging-results {
float:left;
height:14px;
padding:2px 0 0 0;	
}
/*div.first, div.previous, div.next, div.last {
float:left;
width:16px;
height:16px;	
}
div.first {
background:url('../images/paging/resultset_first.png');
}
div.previous {
background:url('../images/paging/resultset_previous.png');	
}
div.next {
background:url('../images/paging/resultset_next.png');	
}*/
div.last {
background:url('../images/paging/resultset_last.png');	
}
div.first:hover {
background:url('../images/paging/resultset_first_hover.png');
}
/*div.previous:hover {
background:url('../images/paging/resultset_previous_hover.png');	
}*/
/*div.next:hover {
background:url('../images/paging/resultset_next_hover.png');	
}*/
div.last:hover {
background:url('../images/paging/resultset_last_hover.png');	
}

div#breadcrumb p {
color:#294694;
font-size:0.8em;
padding:15px 0 15px;
margin:0;
/*border-top:1px dotted #3f758a;*/
/*border-bottom:1px solid #f4003d;*/
}
div#breadcrumb p a {
color:#294694;	
}
div#breadcrumb span.breadcrumb-divider {
font-size:0.9em;
color: #aaa;
}
div#breadcrumb span#currentNavItem a {
font-weight:bold;
color:#294694;
/*font-size:1em;*/	
}
div#breadcrumb a:link, div#breadcrumb a:visited {
text-decoration:none;
}
div#breadcrumb a:hover, div#breadcrumb a:active {
text-decoration:underline;
}
span.button-info {
display:inline-block;
height:16px;
width:16px;
background:url('../images/buttonInfo.png') no-repeat;
}
table.flexaanbod {
border-collapse:collapse;
width:100%;	
margin-top:15px;
}
/*table.flexaanbod img {
height:20px;	
}*/
table.flexaanbod th, table.flexaanbod td.title {
color:#fff;	
font-weight:bold;
vertical-align:middle;
}
table.flexaanbod td.title {
width:100px;
text-align:left;
border-bottom:1px solid #fff;
padding:15px 5px 15px 5px;
}
table.flexaanbod td.bottom-border {
border-bottom:1px solid #0C94A4;
}
table.flexaanbod th, table.flexaanbod td {
padding:5px;	
}
table.flexaanbod th {
border-left:1px solid #fff;	
}
table.flexaanbod td {
text-align:center;
padding:15px 5px 5px 5px;
border:1px solid #0C94A4;	
background-color:#fff;
transition:all 0.2s linear;
}
table.flexaanbod td:hover {
background-color:#eeeeee;	
}
table.flexaanbod thead tr th:first-child {
background-color:#fff;
border-top:0px;
border-left:0px;
}
table.flexaanbod th, table.flexaanbod tr td:first-child {
background-color:#0C94A4;
/*transition:all 0.2s linear;*/
}
/*table.flexaanbod tbody tr td:first-child:hover {
background-color:#eeeeee;	
}*/
#content ul.legend {
list-style-type:none;
padding:0;
margin:0 0 0 0px;
font-style:italic;
font-size:0.8em;
}
p.legend {
text-decoration:underline;
margin:12px 0 0 0;
}
p.tip, p.legend {
font-style:italic;
font-size:0.8em;
}
ul.legend li.included {
background:url('../images/check.png') no-repeat 0 50%;
padding:8px 0 8px 30px;
}
ul.legend li.not-included {
background:url('../images/cross.png') no-repeat 0 50%;
padding:8px 0 8px 30px;
}
ul.legend li.optional {
background:url('../images/optional.png') no-repeat 0 50%;
padding:8px 0 8px 30px;
}

div.video {
float:left;
width:420px;
height:315px;
/*background:#E4F2F7;
color:#3F758A;*/
border:1px solid #f4003d;
margin:0 0 20px 0;
/*position:relative;*/
/*text-align:justify;*/
}
/*div#news div > h2 {
font-size:1.1em;
background:#fff;
color:#fff;
padding:5px 0 0px 50px;
}*/
/*div.mission div, div#news div > div {
padding:0 10px;	
}*/
a.read-more {
position:absolute;
bottom:0px;
right:0px;	
height:18px;
}
a.margin-right {
right:5px;	
}
div.video-margin-left {
margin:0 0 56px 56px;	
}
#overview_items {
float:left;
width:277px;
margin:0 12px 10px 0;
}
/* Add form */
#add_label {
display:block;
background:#fff url('../images/actions/add.png') no-repeat 5px 50%;	
cursor:pointer;
padding:10px 5px 10px 30px;
width:240px;
height:20px;
border:1px solid #D3D3D3;	
}
#add_form_container {
width:277px;
display:none;	
}
#add_form_container table {
margin:-1px 0px 0px 0px;	
width:100%;
border:1px solid #999898;
}
#add_label:hover, #add_label.open {
background-color:#f4f2f2;
border:1px solid #999898;
}

#content ol.sortable_items {
width:277px;
list-style-type:none;
padding:0;
margin:0;
}
ol.sortable_items li {
margin:5px 0 0 0;	
}
ol.sortable_items li div {
position:relative;
padding:10px 5px;
height:20px;
border:1px solid #D3D3D3;	
}
ol.sortable_items li div:hover, div#current_item {
background-color:#f4f2f2;
border:1px solid #999898;
cursor:pointer;
}
li div span {
position:absolute;	
}
span.remove {
top:0px;
right:0px;
}
span.remove {
display:inline-block;
width:15px;
height:15px;
}
span.remove {
background:#fff url('../images/actions/remove.png') no-repeat 50% 50%;	
}

/* action panel */
span.icon {
display:block;
width:30px;
height:30px;
}
span.update {
background:url('../images/actions/update.png') no-repeat 50% 50%;	
}
#actionpanel {
float:left;
width:300px;
border-left:1px solid #000;	
margin:0 0 10px 0;
}
#actionpanel ul {
list-style-type:none;
margin:0;
padding:0;	
width:100%;
}
#actionnavigation li {
float:left;
border-right:1px solid #000;
border-top:1px solid #000;
/*border-bottom:1px solid #000;*/
}
#actionnavigation li#current_action {
border-bottom:1px solid #f4f2f2;
background-color:#f4f2f2;	
}
#actionnavigation {
height:31px;
border-bottom:1px solid #000;
}
#actiondetails {
clear:both;
/*border-left:1px solid #000;*/
border-right:1px solid #000;
border-bottom:1px solid #000;
background-color:#f4f2f2;
padding:0 0 10px;
/*margin:10px;*/		
}
#actiondetails table {
width:100%;	
}
span.cke_skin_kama {
border:none !important;	
padding:0 !important;
}

#top div.shortcuts a:hover, #top div.shortcuts a:active,
#top div.social a:hover, #top div.social a:active,
#footer div.shortcuts a:hover, #footer div.shortcuts a:active, 
#footer div.social a:hover, #footer div.social a:active {
text-decoration:none;
}

a.fancybox {
display:none;
}
div#popup {
display:none;
/*width:350px;*/
overflow:hidden; /* http://stackoverflow.com/questions/2268330/jquery-fancybox-but-i-dont-want-scrollbars */
font-size:1.2em;
text-align:center;
line-height: 1.5em;
}

div#sitemap > ul.nav {
font-size:1.1em;
}
div#sitemap ul.nav2 {
margin-left:0px;
}
div#sitemap ul.nav2 ul {
margin-top:10px;
}
div#sitemap ul.nav2 > li {
list-style-type:none;
}
div#sitemap li {
padding:5px 0;	
list-style-type:square;
/*color:#B8B5B5;*/
}
div#sitemap ul li ul {	
margin-top:10px;
}
div#sitemap ul li ul li {	
list-style-type:circle;
}
div#sitemap ul.nav2 li ul li {	
list-style-type:square;
}
div#sitemap ul li ul li ul li {	
list-style-type:disc;
}
/*div#sitemap ul.nav li:hover, div#sitemap ul.nav2 li ul li:hover {
color:#0c94a4;
}*/
div#sitemap a:link, div#sitemap a:visited,
div#sitemap a:hover, div#sitemap a:active {
text-decoration:none;	
}
/*div#design a {
float:right;
display:inline-block;
padding:0 50px 0 0;
background:url('../images/it1.png') no-repeat right center;
font-size:0.75em;
line-height:26px;
}
div#design a:link, div#design a:visited {
font-size:0.8em;
color:#818283;
text-decoration:none;
}
div#design a:hover, div#design a:active {
color:#818283;
text-decoration:none;
}
div#design span:last-child {
display:none;
}*/
div#design a {
float:right;
display:inline-block;
padding:3px 121px 0 0;
background:url('../images/design-by-webrand.png') no-repeat right center;
font-size:0.75em;
line-height:26px;
}
div#design a:link, div#design a:visited {
color:#fff;
text-decoration:none;
}
div#design a:hover, div#design a:active {
color:#fff;
text-decoration:none;
}
div#design span:last-child {
display:none;
}

.slicknav_menu {
	display:none;
    z-index: 999;
}
.slicknav_open .slicknav_menu {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#content ul.archived-news {
    list-style: none;
    margin-left: 0;
}
#content ul.archived-news li a {
    background-color: #fff;
    padding: 0.5em;
    margin: 0 0 0.25em;
    width: 100%;
    display: inline-block;
}
#content ul.archived-news li a:hover {
    background-color: #f6f6f6;
}

div.branches div.branche > div {
    position: relative;
}
div.branches div.imagefield {
    width: 150px;
    /*height: 200px;*/
}
div.branches div.imagefield img {
    width: 150px;
}
div.branches div.descriptionfield {
    position: absolute;
    left: 150px;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0.85em;
    line-height: 1.5em;
}
p.fee-full {
    font-weight: bold;
}
ul.targetlist {
    list-style-image: url('../images/arrow.png');
}
/*.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/

#partnerlist .slick-slide {
    height: 150px;
    width: 150px;
    text-align: center;
}

#partnerlist .slick-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#partnerlist .slick-slide a, 
#partnerlist .slick-slide img {
    vertical-align: middle;
    display: inline-block;
}
#partnerlist .slick-slide img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#partnerlist .slick-slide img:hover {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
#partnerlist .flex-viewport ul li {
    height: 150px;
    width: 150px;
}
#partnerlist .flex-viewport ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
#partnerlist .flex-viewport ul li img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#partnerlist .flex-viewport ul li img:hover {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
#content ul.flex-direction-nav {
    list-style-type: none;
    margin-top: -30px;
}
#content ul.flex-direction-nav a,
#content ul.flex-direction-nav a:hover {
    color:transparent;
}
#content .partnerwrapper {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#content .partnerwrapper .partnerrow {
    position: relative;
    min-height: 150px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%;
}
#content .partnerwrapper .partnerimage {
    box-sizing: border-box;
    /*float: left;*/
    width: 200px;
    padding: 1em 1em 1em 0;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#content .partnerwrapper .partnertext {
    box-sizing: border-box;
    /*float: left;*/
    /*width: 77%;*/
    padding: 1em 1em 1em 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
#content .exhibitorwrapper .exhibitortile {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 33.33%;
    height: 250px;
    position: relative;
}
#content .exhibitorwrapper .exhibitortile .exhibitorimage {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #ccc;
}
/*#content .exhibitorwrapper .exhibitortile.gold_partner .exhibitorimage {
    border: 3px solid #CFB53B;
}*/
#content .exhibitorwrapper .exhibitortile.silver_partner {
    width: 25%;
    height: 200px;
}
/*#content .exhibitorwrapper .exhibitortile.silver_partner .exhibitorimage {
    border: 3px solid #bfbfbf;
}*/
#content .exhibitorwrapper .exhibitortile.silver_partner .exhibitorimage img {
    width: 115px;
}
#content .exhibitorwrapper .exhibitortile.bronze_partner {
    width: 20%;
    height: 150px;
}
/*#content .exhibitorwrapper .exhibitortile.bronze_partner .exhibitorimage {
    border: 3px solid #9d8d68;
}*/
#content .exhibitorwrapper .exhibitortile.bronze_partner .exhibitorimage img {
    width: 90px;
}
#content .exhibitorwrapper .exhibitortile .exhibitorimage:hover {
    border-width: 3px;
}
#content .exhibitorwrapper .exhibitortile .exhibitorimage a {
    display: block;
    width: 100%;
    height: 100%;
}
#content .exhibitorwrapper .exhibitortile .exhibitorimage a img {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#content .contactwrapper .contacttile {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 33.33%;
    height: 150px;
    position: relative;
}
#content .contactwrapper .contacttile p {
    text-align: left;
}
#content .contactwrapper .contacttile > a {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #ccc;
}
#content .contactwrapper .contacttile > a:hover {
    border-width: 3px;
    text-decoration: none;
}
#content .contactwrapper .contacttile > a.contacthighlight {
    border-left-color: #294694;
    border-left-width: 3px;
}
#content .contactimage {
    clear: both;
/*    float: left;
    width: 33%;*/
    padding: 0;
    height: 100%;
}
#content .contactimage img {
    display: inline-block;
    position: relative;
/*    top: 50%;
    transform: translateY(-50%);*/
    border-radius: 50%;
    width: 250px;
}
#content .popup_wrapper .contactimage {
    float: left;
    width: 33%;
    padding: 0;
}
#content .popup_wrapper .contactimage img {
    transform: none;
    top: 0;
}
#content .contactsynopsis {
    box-sizing: border-box;
    padding: 1em;
    display: block;
    position: relative;
/*    float: left;
    width: 60%;*/
}
#content .contactsynopsis p {
    text-align: center;
}
#content .contactsynopsis h2 {
    margin: 0;
}
#content .contactsynopsis .function {
    font-size: 1em;
    color: #999;
    margin: 0;
}
#content .contactsynopsis .synopsis {
    font-size: 1em;
    color: #999;
    margin: 0;
}
#content .contactsynopsis .synopsis a {
    color: #999;
}
#contacts-scroll .contactsynopsis h2, 
#contacts-scroll .contactsynopsis .synopsis {
    text-align: center;
}
#content .contactname {
    color: #294694;
    font-weight: bold;
    margin: 0;
    text-align: left;
}
#content .contactfunction {
    color: #999;
    margin: 0;
    font-style: italic;
    text-align: left;
}
#content .contactcompany {
    color: #666;
    margin: 0;
    text-align: left;
}
#content .contactdescription_short {
    clear: both;
    display: inline-block;
    background-color: #294694;
    color: #fff;
    width: 100%;
    margin: 1em -1em 0;
    padding: 0.5em 1em;
    font-style: italic;
    text-align: left;
}
#content .contactdescription_long {
    margin: 1em 0;
}
#content .contactdetails {
}
.popup_bg {
    box-sizing: border-box;
    opacity: 0.5;
    visibility: visible;
    background-color: black;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2000;
    transition: all 0.3s;
}
.popup_wrapper {
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    position: fixed;
    overflow: auto;
    z-index: 2001;
    transition: all 0.3s;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    text-align: center;
    display: block;
}
.popup_content {
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    display: inline-block;
    outline: none;
    transition: all 0.3s;
    text-align: left;
    position: relative;
    vertical-align: middle;
    background-color: #fff;
    width: 1180px;
    max-width: 90%;
    padding: 1em;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
}
.popup_align {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#main .hupso_c > div > a > img {
    height: 24px !important;
}
#content .dienst {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 0 0 2em;
}
#content .dienst:nth-child(2n+1) {
    clear:both;
}
#content .dienst a {
    display: block;
}
#content .image-wrapper {
    display: block;
    width: 200px;
    max-width: 90%;
    margin: 0 auto;
}
#content .image-wrapper.small {
    width: 100px;
}
#content .dienst p {
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
/*#content .partnerwrapper .partnerimage img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/
/*@media screen and (max-width: 40em) {
	#smoothmenu1 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}*/
#content #main #new-existing-customer table tbody {
    border: 0;
}
#content #main #new-existing-customer table tbody td {
    background-color: #fff;
}
.centered {
    text-align: center;
}
#main img.border {
    border: 2px solid transparent;
    box-shadow: 0 0 0px 1px #ccc;
    box-sizing: border-box;
}

#footer div.third > h3 {
    position: relative;
}
/*#footer div.third > h3:before {
    content: '';
    position: absolute;
    display: block;
    width: 33%;
    height: 2px;
    background-color: #bbb;
    bottom: 0;
    left: 0;
} */
div#clock {
    text-align: center;
}
div#clock > div {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0.5em 0.5em;
    /*border: 2px solid #294694;*/
    width: 5em;
}
div#clock > div > span {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.5em;
}
div#clock > div > span.label {
    background-color: #294694;
    color: #fff;
    font-size: 0.8em;
}
div#clock > div > span.value {
    background-color: #eee;
    font-size: 1.5em;
    font-weight: bold;
    padding: 1em 0.5em;
}
.fullwidth {
    box-sizing: border-box;
    width: 100%;
}
#content .half {
    box-sizing: border-box;
    width: 50%;
    float:left;
}
#content .half:nth-child(2n+1) {
    padding-right: 1em;
}
#content .half:nth-child(2n) {
    padding-left: 1em;
}
#content #main table.all-black tbody,
#content #main table.all-black tbody tr,
#content #main table.all-black tbody tr td {
    border: 1px solid black;
}

#content a.blogtile {
    display: block;
    text-decoration: none;
    background-color: #294694;
    color: #fff;
}
.caption {
    margin: 1em;
    height: 13em;
    color: #fff;
}
.caption_content {
    
}
#content .caption_content h3 {
    color: #fff;
    color: #294694;
    font-weight: bold;
}
.blogtile .readmore {
    background-color: #294694;
    text-align: center;
    padding: 0.5em;
    text-transform: uppercase;
}
.blog-date {
    text-align: center;
}
.blog-tags {
    text-align: center;
}
div#content .blog-tags a.button {
    padding: 0 2em;
    margin: 0.5em;
}
#main a.tags-label {
    display: inline-block;
    background:#294694;
    color: #fff;
    padding: 0 2em;
    margin: 0.5em;
    text-decoration: none;
}
.blog-head {
    margin: 0 0 3em;
}
.blog-image {
    text-align: center;
    margin-top: 2em;
}
.blogtile img {
    background-color: #fff;
}
.blogdate {
    display: block;
    text-align: center;
    font-size: 0.8em;
    margin: -1em 0 0;
}
#main .centered {
    text-align: center;
}
#main .right {
    text-align: right;
}
.languages {
    z-index: 999;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.5em;
    font-size: 0.8em;
}
.languages ul li {
    display: inline-block;
}
.languages ul li a {
    display: inline-block;
    padding: 0.7em 0.5em;
    background-color: #ccc;
    color: #fff;
    margin: 0 0 0 0.5em;
    text-decoration: none;
}
.languages ul li a.active,
.languages ul li a:hover {
    background-color: #294694;
    color: #fff;
}

div#content a.button.green,
div#footer a.button.green,
div#popup a.button.green {
    padding: 0.5em 1em;
    background: #8BC34A;
}
div#content a.button.green:hover,
div#footer a.button.green:hover,
div#popup a.button.green:hover {
    background: #a1ce6d;
}
div#content a.button.red,
div#footer a.button.red,
div#popup a.button.red {
    padding: 0.5em 1em;
    background: #ff4a4a;
}
div#content a.button.red:hover,
div#footer a.button.red:hover,
div#popup a.button.red:hover {
    background: #ff7a7a;
}
#project-overview {
    position: relative;
}
#project-overview button {
    cursor: pointer;
    margin: 0;
}
#project-overview .imagebox {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    line-height: 0;
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
}
#project-overview .imagebox-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#project-overview .imagebox-wrapper img,
#project-overview .imagebox-wrapper .overlay,
#project-overview .imagebox-wrapper .overlay svg {
    height: 100% !important;
    max-width: none;
}
#project-overview .buttonoverlay {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5em;
    margin: 0;
    z-index: 9999;
}
#project-overview .tooltip {
    display: none;
    position: absolute;
    z-index: 10;
    background: #fff;
    color: #555;
    padding: 0.5em 1em;
}
#project-overview .tooltip h1 {
    font-size: 1.1em;
}
#project-overview .tooltip.leftarrow::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: 100%;
    border: 10px solid transparent;
    border-right-color: #fff;
    transform: translateY(-50%);
}
#project-overview .tooltip.rightarrow::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 100%;
    border: 10px solid transparent;
    border-left-color: #fff;
    transform: translateY(-50%);
}
#project-overview .imagebox .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}
.svgoverlays {
    display: none;
}
#project-overview .imagebox > img {
    display: block;
    position: relative!important;
    width: 100%!important;
    /*height: 100%!important;*/
    margin: 0!important;
    max-width: none!important;
    max-height: none!important;
    z-index: 0!important;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.estate {
    margin: 2em 0;
    border-top: 1px solid #ccc;
}
.estatepic {
    width: 300px;
    float: left;
}
.estatedetails {
    box-sizing: border-box;
    width: calc(100% - 300px);
    float: left;
    padding: 0 1em;
}
.description {
    text-align: justify;
}
#content ul.projectthumbs {
    list-style: none;
    margin: 1em 0 2em;
}
#content ul.projectthumbs li {
    display: inline-block;
    /*margin: 5px;*/
    cursor: pointer;
}
#content ul.projectthumbs li {
    position: relative;
    border: 3px solid transparent;
}
#content ul.projectthumbs li div.thumbwrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66%;
}
#content ul.projectthumbs li div.thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
#content ul.projectthumbs li.current {
    border: 3px solid #294694;
}
#content ul.projectthumbs li.current div.thumbnail {
    opacity: 0.75;
}
#content ul.projectthumbs li:hover div.thumbnail {
    opacity: 0.75;
}
#content ul.projectthumbs li:focus {
    outline-color: transparent;
    outline-style: none;
}
#content ul.projectthumbs li:first-of-type {
    margin-left: 0;
}
#content ul.projectthumbs li:last-of-type {
    margin-right: 0;
}
.newsarchive {
    clear: both;
    margin: 2em 0;
}
#content .newsarchive ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
}
#content .newsarchive ul li {
    margin-bottom: 1em;
    padding: 0;
    position: relative;
}
#content .newsarchive ul li h3 {
    box-sizing: border-box;
    margin: 0;
    padding: 0.5em 50px 0.5em 1em;
    background-color: #f0f0f0;
    font-size: 1em;
}
#content .newsarchive ul li h3 small {
    color: #999;
}
#content .newsarchive ul li h3 small::after {
    content: "|";
    display: inline-block;
    color: #ccc;
    padding: 0 0.5em;
}
#content .newsarchive ul li p {
    box-sizing: border-box;
    margin: 0;
    padding: 0.5em 50px 0.5em 1em;
    background-color: #fafafa;
    color: #666;
}
#content .newsarchive ul li a.button {
    box-sizing: border-box;
    /*background-color: #aaa;*/
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    background-image: url(../images/right_arrow_white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 85%;
}
.prop {
    box-sizing: border-box;
    background-position: 5px 50%;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 50px;
    position: relative;
    width: 49.5%;
    float: left;
}
.prop:nth-child(2n+1) {
    margin-right: 1%;
    clear: both;
}
.estate .prop,
.estate .prop:nth-child(2n+1) {
    width: auto;
    float: none;
    display: inline-block;
    margin-right: 1em;
}
.tooltip .prop,
.tooltip .prop:nth-child(2n+1) {
    width: auto;
    float: none;
}
.prop::before {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 5%;
    left: 0;
    height: 90%;
    width: 37px;
    background-color: #fff;
    /*border-radius: 10px 0 0 10px;*/
    z-index: -1;
    border: 1px solid #ccc;
}
.prop::after {
    content: "";
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 5%;
    left: 0;
    height: 90%;
    width: 100%;
    background-color: #eee;
    /*border-radius: 10px;*/
    z-index: -2;
    border: 1px solid #ccc;
}
.prop small {
    color: #999;
    font-size: 0.75em;
}
.prop sup {
    font-size: 0.6em;
    line-height: 0;
}
.prop.available {
    background-image: url(../images/available.png);
}
.prop.taken {
    background-image: url(../images/taken.png);
}
.prop.option {
    background-image: url(../images/option.png);
}
.prop.housetype {
    background-image: url(../images/housetype.png);
}
.prop.price {
    background-image: url(../images/pricetag.png);
}
.prop.bathrooms {
    background-image: url(../images/bathrooms.png);
}
.prop.rooms {
    background-image: url(../images/rooms.png);
}
.prop.address {
    background-image: url(../images/location.png);
}
.prop.area,
.prop.groundarea,
.prop.gardenarea{
    background-image: url(../images/area.png);
}
.prop.state {
    background-image: url(../images/state.png);
}
.prop.terrace {
    background-image: url(../images/terrace.png);
}
.prop.floor {
    background-image: url(../images/floor.png);
}
.prop.availability {
    background-image: url(../images/calendar2.png);
}
.prop.furnished {
    background-image: url(../images/furnished.png);
}
.prop.garage {
    background-image: url(../images/garage.png);
}
.prop.parking {
    background-image: url(../images/parking.png);
}
.prop.fronts {
    background-image: url(../images/fronts.png);
}


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

	div#logo {

	}
	
}

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

	div#logo a {
        
	}
	
}

@media screen and (max-width: 1200px) {
	
	div#logo {

	}
	
/*	div.navbg {
		padding:0;
	}*/

/*	div#h_nav {
		width:100%;
	}*/
	
	.slicknav_open .slicknav_menu {
		/*height: 100%;*/
/*		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;*/
		/*background:#f2f2f2;*/
		/*width: calc(100% + 22px);
		margin-right: -22px;
		position:fixed;
		top:0;
		left:0;*/
	}
	
/*	div#multilingual {
		right:auto;
		left:10px;
	}*/

	div.wrapper {
		margin: 0 2%;
		width:96%;
	}
	
/*	div#main {
		margin: 0 2%;
		width:96%;
	}*/
	
/*	body#home div#main {
		margin: 0;
		width: 100%;
	}*/
	
	div#golfkarton {
		width: 90%;
	}
	
	div#breadcrumb {
		margin: 0 2%;
		width:96%;
	}
	
	/*div#legal {
		left:15px;
		width:95%;
		text-align:left;
	}*/
	
	/*div.social {
		display:none;
	}*/
	
	/*div.shortcuts, div.social {
		margin:15px 0 0 0;
		width:140px;
	}

	div.shortcuts div, div.social div {
		height:30px;
		width:30px;
		margin:5px 0 0 5px;
	}
	div.shortcuts div a, div.social div a {
		height:30px;
		width:30px;
	}
	
	div.social {
		margin:15px 15px 0 25px;
	}*/
	
	/*#footer div.calendar {
		display:none;
	}*/
	
	div#footer div.calendar, div#footer div.nav_footer, div#news-wrapper {
		margin:0 15px 0 0;
	}
	
	div#news-wrapper {
		float:right;
	}
	
	div#footer div.partners-wrapper {
		margin: 0 0 0 40px;
		width: 180px;
	}
	
	div.metro-ui-wrapper {
		/*float: left;*/
		margin: 15px;
	}
	
	div#infra-pillars-wrapper div.metro-ui-wrapper {
		/*float: left;*/
		margin: 0;
		padding: 0 10px 10px 0;
	}
	
	/*div#infra-pillars-wrapper div.metro-ui-wrapper > div {
		margin: 0 10px 10px 0;
	}*/
	
	/*div.metro-ui-wrapper {
		float: left;
		margin: 15px 15px 15px 15px;
	}*/
	
	div#logo {
		/*margin: 5px 137px 5px 15px;*/
	}
	
	div.handwritten {
		display:none;
	}
	
	div#design {
		right:15px;
	}
	
	.highlight {
	font-size: 1.1em;
	line-height: 120%;
	margin: 20px 0;
	overflow: auto;
	padding: 10px 20px;
	text-align: left;
	width: 90%;
	}
	
	div#infra-pillars-wrapper div.metro-ui {
		/*text-align:center;*/
		/*height:50px;*/
		/*font-size:1.5em;*/
	}
	
	div#references-wrapper div.readmore {
		text-align:center;	
	}
	
	div#infra-pillars-wrapper div.metro-ui > a {
		display:none;
	}
	
	div#solutions-wrapper div.metro-ui {
		width:95%;
		padding:20px 0;
		box-shadow:none;
		/*font-size:1.5em;*/
	}
	
	div#solutions-wrapper div.metro-ui div {
		padding:0 20px;
	}
	
	div#solutions-wrapper a.button {
		margin: 0 10px 10px 10px;
	}

	div#seminar-left {
		float:none;
	}
	
	div#seminar-right {
		float:none;
		width: 100%;
	}
	
	div#search-references-wrapper div.metro-ui {
		/*text-align:center;
		font-size:1.3em;*/
		margin:0 10px 10px 0;
	}
	
	div#references-wrapper div.reference,
	div#references-wrapper div.metro-ui-wrapper,
	div#infra-pillars-wrapper div.metro-ui {
		margin: 0 10px 10px 0;
	}
	
	div#infra-pillars-wrapper div.metro-ui,
	div#search-references-wrapper div.metro-ui {
		/*width:180px;*/
		box-shadow:none;
		/*font-size:1.3em;*/
	}
	
	div#infra-pillars-wrapper div.metro-ui div.readmore {
		/*width: 182px !important;*/
	}
	
	div#references-wrapper div.reference,
	div#references-wrapper div.metro-ui {
		width:250px;
		height:250px;
		box-shadow:none;
	}

	div#references-wrapper div.reference img {
		width:250px;
		padding:30px 0 0 0;
		/*height:165px;*/
	}
	
	div.reference div.readmore, div#images div.readmore, div#references-wrapper div.metro-ui div.readmore {
		border-bottom: 80px solid #171695;
		border-left: 80px solid transparent;
	}
	
	div.reference div.readmore_content, div#references div.readmore_content {
		bottom: -105px;
		font-size: 1em;
		right: -40px;
	}
	
	.reference h3, #references h3 {
		font-size:1.3em;
		height:20px;

	}
	
	/*div#references-wrapper div.metro-ui div.readmore {
		width: 180px !important;
	}*/
	
	/*div#references {
		background-position:0px 20px;
	}*/
	
	/*div#main > div#images, div.paging {
	display:none;		
	}*/
	
	div#main > div#images, div#main > div#images img {
		width: 600px;
		height: 197px;		
	}
	
	div.triangle {
		border-left: 10px solid transparent;
		border-top: 10px solid #000;
		height: 0;
		left: -10px;
		position: absolute;
		top: 35px;
		width: 0;
	}
	
	div#images div.readmore {
		border-bottom: 60px solid #000;
		border-left: 60px solid transparent;
	}
	
	div#images div.readmore_content {
		bottom: -78px;
		font-size: 0.9em;
		height: 35px;
		line-height: 110%;
		padding: 15px;
		position: absolute;
		right: -28px;
		text-align: center;
		transform: rotate(-45deg);
		width: 55px;
	}

	div.paging {
		margin: 0 0 30px 225px;
	}
	
	div#main div.quote div.quote-image {
		height: auto;
		margin: 0 2% 0 0;
		width: 31.33%;
	}
	
	div#main div.quote div.quote-content {
		/*height: 300px;
		padding: 10px 20px;*/
		height: auto;
		padding: 10px 20px 75px;
		width: 66.66%;
	}
	
	/*div#main div.quote div.quote-image::after {
		bottom: 7px;
	}*/
	
	div#main div.quote div.quote-content {
		font-size: 1em;
	}
    
    .grid-sizer,
    .newsitem,
    .card {
        width:33.33%;
    }
    
    div.branches div.descriptionfield {
        position: static;
    }
	
    div#nav div.overlaytext {
        font-size: 1.25em;
    }
}

@media screen and (max-width: 1024px) {
	
	div#left > div.campaign > a > div:last-child h1 {
		font-size: 2.5em;
		line-height: 130%;
	}
    
    div#logo a {
        height: 150px;
    }
	
	div#legal {
		left:0px;
		width:100%;
        padding: 10px 0;
		text-align:center;
	}
	
	div#footer {
		height: 328px;
		border-bottom: 80px solid #000;
	}
	
	div.push {
		height:408px;
	}
	
	div#site {
		margin: 0 auto -408px;
	}

	div#design {
		margin-left:-99px; /* center horizontally - half of total width */
		left:50%;
		bottom:-78px;
	}
    #content .contactwrapper .contacttile {
        width: 50%; 
    }
    
    div.third,
    div.third:nth-child(3n+2),
    div.third:nth-child(3n) {
        width: 50%;
        padding: 1em 2%;
    }
    
    div.third:nth-child(2n+1) {
        padding-left: 0; 
    }
    
    div.third:nth-child(2n) {
        padding-right: 0; 
    }
    div.twothird {
        width: 50%;
        padding-left: 0;
        padding-right: 2%;
    }
    
    #footer .third {
        padding: 1em 0 !important;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    
    div#nav div.overlaytext {
        font-size: 1em;
    }

}

@media screen and (max-width: 800px) {
	
	#smoothmenu1 {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
    
    div#h_nav {
        right: 0;
        padding: 0;
    }
    .languages {
        right: auto;
        left: 0;
        font-size: 1em;
        display: none;
    }
    .languages ul li a {
        color: #294694;
        background-color: #fff;
    }
    
}

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

	div#logo {

	}
    
    div#main div.card {
        width: 50%;
    }
    #content .exhibitorwrapper .exhibitortile {
        width: 50%;
    }
    #content .exhibitorwrapper .exhibitortile.silver_partner {
        width: 33.33%;
    }
    #content .exhibitorwrapper .exhibitortile.bronze_partner {
        width: 25%;
    }
    .prop {
        width: 100%;
        float: none;
    }
    .prop:nth-child(2n+1) {
        margin-right: 0;
    }
	
}

@media screen and (max-width: 824px) {
	
	div#left > div.campaign > a > div:last-child h1 {
		font-size: 2em;
		line-height: 130%;
	}
    
    div.shortcuts div a span {
        display: none;
    }
    div.onethird,
    div.twothird {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
        
    .estatepic,
    .estatedetails {
        width: 100%;
        float: none;
    }
    .estatepic {
        text-align: center;
        background: linear-gradient(to right, #fff, #ccc, #fff);
        line-height: 0;
        border-bottom: 1px solid #ccc;
    }
    .estatepic img {
        max-height: 250px;
    }

}

@media screen and (max-width: 775px) {
	
	/*div#logo {
		margin: 5px 20px 5px 15px;
	}*/
    
	div#footer div.shortcuts, div#footer div.social {
		display:inline-block;
	}
	
	div#footer div#multilingual, div#footer div#location {
		display:none;
	}
	
	/*div.shortcuts {
		display:none;
	}*/
	
	/*div#quicklinks {
		display:block;
		margin:0 0 15px 0;
		height:45px;
	}*/

	/*div.shortcuts, div.social {
		margin:0px 0 0 0;
		float:none;
		width:30px;
	}*/
	
	/*div.shortcuts div, div.social div {
		height:30px;
		width:30px;
		margin:10px 0 0px 0px;
	}*/
	
	/*div.shortcuts div a, div.social div a {
		height:30px;
		width:30px;
		padding:0;
	}*/
	
	/*div.social {
		margin:0px 10px 0 0;
	}*/
	
	/*div.email-top, div.telephone {
		display:none;
	}*/
	
	/*div#top div.shortcuts, div#top div.social {
		display:none;	
	}*/
	
	
	div#footer div.calendar, div#footer div.nav_footer {
		float:none;
		margin: 15px auto;
		width:80%;
		text-align:center;
	}
	
	div#news-wrapper {
		float:none;
		margin: 0;
		width:100%;
		text-align:center;
	}
	
	/*div#coordinates {
		float:none;
		margin: 0 0 15px 0;
		width:100%;
		text-align:center;
	}*/
	
	div#footer > div > div {
		float: none;
		margin: 0 auto 25px !important;
		text-align: center;
		width: 90% !important;
	}
	
	div#footer div.partners-wrapper {
		float:none;
		margin: 0 0 15px 0px;
		width:100%;
		text-align:center;
	}
	
	div#partners, div#news {
		margin: 0 auto;
	}
	
	div#news {
		text-align:left;
	}
	
	div#footer .newsitems {
		text-align:center;
	}
	
	/*div#right {
		width:100%;
	}*/
	
	/*div#breadcrumb {
		display:none;
	}*/
	
	div#footer h3.stichting {
		display:none;
	}
	
	div#left > div#images {
		width:450px;
		height:250px;
	}
	
	div#left > div#images > div > img {
		width:450px;
		/*height:250px;*/
	}

	div#map_canvas {
		max-width:100% !important;
	}
	
	.grid-sizer,
	.newsitem,
    .wrapper .grid-sizer,
    .wrapper .newsitem {
	width:50%;
	}
    
    div#footer {
        height: 670px;
        padding: 20px 0;
    }
    div#footer div.third {
        margin: 0 auto !important;
    }
    div.push {
        height: 730px;
    }
	div#site {
		margin: 0 auto -730px;
	}
    
    div.branches div.descriptionfield {
        position: absolute;
    }
    
/*    div.overlaytext {
        display: none;
    }*/
    
    #content .contactimage,
    #content .contactsynopsis {
        float: none;
        width: 100%;
    }
    #content .contactdetails {
        padding: 0;
    }
    
}

@media screen and (max-width: 700px) {
	
	div#main > div#images {
		width: 270px;
		height: 300px;		
	}
	
	div#main > div#images img {
		width: 270px;
		height: 88px;	
	}
	
	div.paging {
		margin: 0 0 30px 60px;
	}
	
	div.triangle {
		display:none;		
	}
    
    #project-overview .tooltip {
        position: static;
    }

}

/*@media screen and (max-width: 700px) {
	
	div#top {
		height: 134px;
	}
	
	div#nav {
		top: 143px;
	}
	
	div#zone1 {
		padding: 207px 0 0;
	}
	
}*/

@media screen and (min-width: 651px) {
	
	div#nav div.nav_image img {
		width:100%;
		height:auto;
	}

}

@media screen and (max-width: 650px) {
	
/*	div#nav {
		height: 158px;
		overflow:hidden;  Anders wordt slicknav niet getoond 		
	}*/
	
	div#nav div.nav_image img {
		width: 100%;
	}

    .hide {
        display: none;
    }
	
	div#left {
		width: 96%;
		float:none;
		margin:0 2%;
	}
	
	div#right {
		width: 96%;
		float:none;
		margin:30px 2%;
	}
	
	/*div#main div.quote div.quote-content {
		height: 400px;
	}*/
	
	div#main div.quote div.quote-content h1 {
		font-size: 1.3em;
		text-align:left;
	}
    
    div#main div.card {
        width: 100%;
    }
    
    div#main div.card img.profilepic {
        width: 40%;
        float: left;
    }
    div#main div.card > div {
        margin-left: 2%;
    }
    div#main div.card > div > div {
        box-sizing: border-box;
        width: 60%;
        float: right;
        font-size: 0.85em;
        padding: 1em;
    }
    div#main div.card > div:after {
        content: "";
        display: table;
        clear: both;
    }
    div#main div.card > div > div.extra-info > a {
        background-size: 30px;
    }
    div#main div.card {
        margin-bottom: 3em;
    }
    
    div.shortcuts {
        display: none;
    }
/*    div#nav div.nav_image {
        display: none;
    }*/
/*    div#logo {
        top: 2px;
        position: fixed;
        z-index: 101;
        transform: none;
    }*/
    div#logo a {
        height: 60px;
    }
    
    #content .partnerwrapper .partnerrow {
        display: block;
    }
    #content .partnerwrapper .partnerimage {
        display: block;
        width: 100%;
    }
    #content .partnerwrapper .partnertext {
        display: block;
    }
    #content .exhibitorwrapper .exhibitortile {
        width: 100%;
    }
    #content .exhibitorwrapper .exhibitortile.silver_partner {
        width: 50%;
    }
    #content .exhibitorwrapper .exhibitortile.bronze_partner {
        width: 33.33%;
    }
    #content .contactwrapper .contacttile {
        width: 100%; 
    }
    
    div.third,
    div.third:nth-child(2n),
    div.third:nth-child(2n+1),
    div.third:nth-child(2n+2) {
        padding: 1em 0;
        width: 100%;
        max-width: 500px;
        float: none;
        margin: 0 auto;
    }
    
    #footer div.third > h3:before {
        left: 33.5%;
    }
    
    div.newsitems div.third > a > div.centered img {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    
	/*div#top {
		height: 134px;
	}*/
	
	/*div#logo img {
		width: 200px;
	}*/

	
	
	/*div#multilingual {
		float: left;
	}
	
	div#multilingual {
		margin: 0 0 0 15px;
	}*/
	
	div#location {
		height: 30px;
		padding: 5px 5px 5px;
	}
	
	.styled-select {
		height: 30px;
	}

	/*div#references-wrapper div.reference,
	div#references-wrapper div.metro-ui {
		width:280px;
		height:210px;
		box-shadow:none;
	}

	div#references-wrapper div.reference img {
		width:280px;
		height:210px;
	}
	
	div#references-wrapper div.metro-ui div.readmore {
		width: 257px !important;
	}
	
	div#references {
		background-position:0px 40px;
	}
	
	div.reference div.readmore, div#images div.readmore {
		border-bottom: 110px solid #f4003d;
		border-left: 110px solid transparent;
	}
	
	div.reference div.readmore_content {
		bottom: -125px;
		font-size: 1.3em;
		right: -30px;
	}*/
	
	/*div#infra-pillars-wrapper div.metro-ui,
	div#search-references-wrapper div.metro-ui {
		width:240px;
		box-shadow:none;
		font-size:1.5em;
	}
	
	div#infra-pillars-wrapper div.metro-ui div.readmore {
		width: 242px !important;
	}*/
	
	/*div#logo {
		width:90%;
	}*/
	
	#content > h1, #main > h1, #left > h1, #aside > h1, div#schedule h1, div.categories h1, div.order-online h1, div.cart h1, div.strengths h1, div.products h1.category-title-no-content, div.categoryinfo h1, div.product-details h1, div.accessories h2, div.order-overview h1,div#infra-pillars-wrapper h1, div#references-wrapper h1 {
		font-size:1.8em;
		padding:0 0 3px 0;
		margin:0 0 10px 0;
	}
	
	#main > h2, #left > h2, .testimonial > h2, div.reference div.images div.info h2 {
		font-size:1.2em;
		padding:0 0 3px 0;
		margin:10px 0 10px 0;	
	}

	form#info_referentie table {
		width:100%;	
	}
	
	/*div.route {
		width:100%;
	}*/
	
	div#infra-pillars-wrapper div.metro-ui {
		height:80px;
		/*padding: 100px 10px 30px;*/
	}
	
	div#infra-pillars-wrapper div.metro-ui p {
		display:none;
	}
	
	div#afmetingen, div#bereikbaarheid, div#gewicht, div#service, div#afwerking {
	background-size: 50% auto;
	}
	
	div#left > div#images {
		width:270px;
		height:230px;
	}
	
	div#left > div#images > div > img {
		width:270px;
		/*height:150px;*/
	}
	
	/*div#map2_canvas {
		max-width:100% !important;
	}*/

	div.ui-dialog {
    	max-width:90% !important;
	}
	/*input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea,
	select {
		width: 95%; 
	}*/
	
	div#content form > div {
		width:95% !important;
	}	
	
	div#main p {
		/*text-align:left;*/
        text-align: justify;
	}

	div#left > div.campaign > a > div:last-child h1 {
		font-size: 1.8em;
		line-height: 130%;
	}
	
/*	div#main > div > div {
		margin: 0 0 10px 0; !important
	}*/

    table.split td {
        display: block;
    }
    #content #main table.split tbody {
        border: 0;
    }
	
}

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

	.grid-sizer,
	.newsitem,
    .wrapper .newsitem {
	width:100%;
	}
	
	/*div#main div.quote div.quote-content {
		height: 450px;
	}*/
    
    div#main div.card img.profilepic {
        width: 100%;
        float: none;
    }
    div#main div.card > div > div {
        width: auto;
        float: none;
    }
    div#main div.card > div:after {
        content: none;
    }

}

@media screen and (max-width: 425px) {
    
    div.overlaytext:before {
        transform: none;
    }
	
	/*div.navbg {
		height:118px;
	}*/
    
/*    div#top div#togglelogon {
        right: 92px;
    }*/
	
/*	div#search {
	left:auto;
	right: 5px;
	top: -90px;
	}*/
	
	div#search {
    min-width: 200px;
	/*border-radius: 4px;*/
	}
	
	.styled-search {
	/*width: 200px;*/
	}
	.styled-search input {
	/*width: 200px;*/
	}
	
	div#logo {

	}
	
/*	div#zone1 {
		padding: 158px 0 0 0;
	}*/

/*	div#nav {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 99;
	}*/

/*	div#nav.shrinknav {
		height: 59px;
		top:-99px;  Deze manier ipv. werken met height zorgt ervoor dat de img in de nav ook mee opschuift naar boven toe --> beter effect 
	}*/
	
	body#home div#left > div > a > div {
		width: 30%;
	}
	
	body#home div#left > div > a > div:last-child {
		width:70%;
	}
	
	div#main div.quote div.quote-image {
		/*height: 400px;*/
		margin: 0 2%;
		width: 96%;
		float:none;
	}
	
	/*div#main div.quote div.quote-image::after {
		bottom: 0px;
	}*/
	
	div#main div.quote div.quote-content {
		float:none;
		/*height: auto;
		padding: 10px 20px 50px;*/
		width: 96%;
		margin: 0 2%;
	}
    
    div.newsitem {
        font-size: 0.85em;
    }
    div#aside {
        left: 0;
        right: 0;
    }
    div#aside table#new-existing-customer {
        width: 100%;
    }
    div#aside table#new-existing-customer form table {
        width: 100%;
    }
    div#aside table#new-existing-customer form table tr td {
        display: block;
    }
    div#aside table#new-existing-customer form table tr td input {
        width: 100%;
    }
    
    div#clock > div {
        width: 25%;
        margin: 0;
        border: 1px solid #fff;
    }
    #content .exhibitorwrapper .exhibitortile.silver_partner {
        width: 100%;
    }
    #content .exhibitorwrapper .exhibitortile.bronze_partner {
        width: 100%;
    }
}

@media screen and (max-width: 350px) {
    
    div.branches div.descriptionfield {
        position: static;
    }
    div.branches div.branche {
        border-bottom: 2px solid #aaa;
        text-align: center;
    }
    div.branches div.branche div.imagefield {
        width: auto;
    }
    div#main div.branches h2,
    div#main div.branches div.branche div.descriptionfield p {
        text-align: center;
    }
    div.branches div.branche:last-child {
        border-bottom: none;
    }
    #content .contactwrapper .contacttile {
        height: auto; 
        margin: 0 0 20px;
    }
    #content .contactwrapper .contacttile > a {
        position: static;
        display: block;
    }
    #content .contactwrapper .contactimage {
        width: 100%; 
        height: auto;
        float: none;
        margin: 10px 0;
        padding: 0;
    }
    #content .contactwrapper .contactimage img {
        position: static;
        display: inline-block;
        transform: none;
    }
    #content .contactsynopsis {
        transform: none;
    }
    #content .popup_wrapper .contactimage {
        width: 100%;
        padding: 0;
        text-align: center;
    }
}

div#logo img {
	max-width:100% !important;
	height:auto;
	/*display:block;*/
}
/* , div#main div#newswrapper > div img, div.quote-image img */
div#main > img, div#main > p > img, div#main > div > div > img, ol.galery img, div#infowindow > div.logo > img {
	max-width:100% !important;
	height:auto !important; 
}
div#newswrapper > div img {
/*width: 100px;*/
height: 130px !important;     
margin: 0 auto;
padding: 20px 20px 0;
}
div.quote-image img {
	width:100% !important;
	height:auto !important;
	display:block;
}
div#usp img {
	width:100% !important;
	height:auto !important;
}

/*div#map_canvas img {
	max-width: 59px !important;
	height: 492px !important;
}*/

@media screen and (max-width: 1200px) {
	
	.brochure-container {
		position: relative;
		padding-bottom: 100%; 
		height: 0; 
		overflow: hidden;
	}

	.video16-9-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
	}
	
	.floated-video16-9-container {
		position: relative;
		padding-bottom: 56.25%;
		/*padding-top: 30px;*/ 
		height: auto;
		max-width: 100%; 
		overflow: hidden;
	}
	
	.video4-3-container {
		position: relative;
		padding-bottom: 75%;
		padding-top: 30px; 
		height: 0; 
		overflow: hidden;
	}

	.video16-9-container iframe,
	.video16-9-container object,
	.video16-9-container embed,
	.video4-3-container iframe,
	.video4-3-container object,
	.video4-3-container embed,
	.brochure-container iframe,
	.brochure-container object,
	.brochure-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}
@media screen and (max-width: 340px) {
    
    .g-recaptcha {
        transform-origin: 0 0;
        transform: scale(0.77);
    }
    
}
.quicklink {
    background-image: url('../images/telephone.png');
    background-size: 1.5em 1.5em;
    background-position: 0.75em 1.5em;
    background-repeat: no-repeat;
    padding-left: 2.25em;
    transition: background-position-y 0.25s ease-in-out;
}
.quicklink a {
   transition: padding-top 0.25s ease-in-out; 
}
.quicklink.phone {
    background-image: url('../images/telephone.png');
}
.quicklink.mail {
    background-image: url('../images/email.png');
}
.quicklink.calendar {
    background-image: url('../images/calendar.png');
}

#main #newswrapper .newsitem.newspage h2 {
    margin-top: 15px;
    margin-bottom: 6px;
    padding-bottom: 0;
}
#main #newswrapper .newsitem.newspage p.newsdate {
    height: auto;
}
#main #newswrapper .newsitem.newspage p {
    overflow: hidden;
}
#main #newswrapper .newsitem.newspage .shortcut {
    display: block;
}
.newsdate {
    background-image: url('../images/minical.png');
    background-position: 10px;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 31px;
    color: #aaa;
    line-height: 16px;
    font-size: 0.8em;
    background-color: #fff;
    background-color: rgba(255,255,255,0.66);
    border-radius: 1em;
    
}
#main #newswrapper .newsdate {
    margin: 0;
}
.nocontent a {
    cursor: default;
}

#hupso_toolbar_0 a[href*='http'] img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-size: 24px 24px;
background-repeat: no-repeat;
width: 24px;  /*Width of new image */
height: 24px;  /*Height of new image */
padding-left: 24px;  /*Equal to width of new image */
}
#hupso_toolbar_0 a[href*='facebook'] img {
background-image: url(../images/fb_1.png);
}
#hupso_toolbar_0 a[href*='twitter'] img {
background-image: url(../images/twitter_1.png);
}
#hupso_toolbar_0 a[href*='linkedin'] img {
background-image: url(../images/linkedin.png);
}

.scrolloff{
   pointer-events: none;
}
.hidden {
    display: none;
}
iframe.appointment {
    width: 100%;
    min-height: 800px;
    display: block;
}
.lineicon:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    background-size: contain;
}
.emailicon:before {
    background-image: url('../images/email.png');
}
.phoneicon:before {
    background-image: url('../images/telephone.png');
}
.faxicon:before {
    background-image: url('../images/fax.png');
}
.gm-style-pbt {
    text-align: center !important;
}
#linkedinlogo {
    vertical-align: middle;
    padding-right: 8px;
}
#linkedinfollow {
    background-color: #e6e6e6;
    padding: 8px;
    border-radius: 5px;
    line-height: 24px;
    display: inline-block;
    font-size: 0.8em;
}
#linkedinwrapper {
    padding-top: 1em;
}
#linkedinwrapper:first-child {
    padding-top: 0;
}

ul.ui-autocomplete {
    border-radius: 0;
    padding: 0;
    border: 0;
}
ul.ui-autocomplete .ui-menu-item a {
    border-radius: 0;
    padding: 0.5em;
}
ul.ui-autocomplete .ui-menu-item a.nosearchresult {
    font-style: italic;
}
ul.ui-autocomplete .ui-menu-item a.allsearchresults {
    font-weight: bold;
    color: #fff;
    background-color: #294694;
    border: 0;
}
ul.ui-autocomplete .ui-menu-item a.ui-state-hover {
    background: #294694;
    color: #fff;
    border: 0;
}
.gm-fullscreen-control {
    max-width: none !important;
}