body {
	background:url('../img/general_bg_pattern.png');
	color: #222222;
}

h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Asap', sans-serif;
  font-weight: bold; */
  font-style: normal;
  color: #3e738c;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.4em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

#logo {
	margin-left:5px;
	margin-top:10px;
}

#menu {
	margin-top:10px;
	color:grey;
}

/* De slider tonen we alleen op grote displays. */
#diensten_slider_rechts {
	display:none;
}

#diensten_slider_rechts_overlay {
	background:rgba(62, 115, 140, 0.5);
	width:313px;
	height:112px;
	margin-left:8px;
	margin-top:88px;
}

#lees_verder_over_deze_dienst {
	position:relative;
	top:30px;
	left:80px;
	cursor:pointer;
}

.rowwelkom {
	background:rgba(255, 255, 255, 0.75);
}

/* Meer ruimte tussen rows */
.rowdiensten1, .rowcontact1 {
	padding-top:15px;
}

.diensten_slider_rechts_menuitem {
	background:rgba(255, 255, 255, 0.5);
	width:313px;
	height:50px;
	cursor:pointer;
	border-bottom:1px solid rgba(169, 188, 197, 0.3);
	margin-left:8px;
}

.diensten_slider_rechts_menuitem span {
	position:relative;
	left:10px;
	top:14px;
	font-weight:bold;
	font-size:14pt;
	color:#3f4044;
	float:left;
}

.diensten_slider_rechts_menuitem.activeitem {
	background:rgba(62, 115, 140, 0.5);
}

.diensten_slider_rechts_menuitem.activeitem span {
	left:0;
}

.diensten_slider_rechts_menuitem .arrow {
	position:relative;
	left:-12px;
	display:none;
	float:left;
}

.diensten_slider_rechts_menuitem.activeitem .arrow {
	display:inline;
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  background: rgba(255, 255, 255, 0.37);
  border-left:10px solid rgba(62, 115, 140, 0.37);
  border-right:10px solid rgba(62, 115, 140, 0.37);
  *zoom: 1;
}

.row.inline {
	border:0;
}



.clear {
	clear:both;
}

a {
	outline:0;
}




#kenmerken_innovatief {

}

#kenmerken_header_innovatief {
	background: url('../img/kenmerken_header_innovatief.png');
	width:300px;
	height:94px;
}

#kenmerken_header_flexibel {
	background: url('../img/kenmerken_header_flexibel.png');
	width:300px;
	height:94px;
}

#kenmerken_header_controle {
	background: url('../img/kenmerken_header_controle.png');
	width:300px;
	height:94px;
}

.kenmerken_spacer {
	background: url('../img/kenmerken_spacer.png');
	width:300px;
}

.kenmerken_spacer p {
	padding:5px 20px 5px 20px;
	margin:0;
}

.kenmerken_footer {
	background: url('../img/kenmerken_footer.png');
	width:300px;
	height:42px;
}


.blue {
	background-color:rgba(240, 248, 255, 0.6);
}




.blue_spacer {
	background:#4f8ba9;
	width:100%;
	height:2px;
	margin-top:17px;
	display:none;
}

.rowfooter2 {
	padding-top:15px;
	background:#CBD9E0;
}

.row.inline, .row.contact {
	border:none !important;
	background:inherit;
}

.copyright {
	color:#3f4044;
	font-size:10pt;
}

.footerlinks a {
	font-size:10pt;
	color:#3e738c;
}



/* ***************
*** START MENU ***
*************** */

.menuitem
{
	font-family: 'Duru Sans', sans-serif;
	font-size:10pt;
	margin-left:15px;
	margin-bottom:30px;
	float:left;
	position:relative;
}

.menuitem:first-child {
	margin-left:0;
}

.active
{
	padding-bottom:5px;
	border-bottom:#4C4C4C dotted 1px;
}

.menuitem a
{
	float: left;
	text-decoration:none;
	color:#4C4C4C;
	outline:none;
}

.inactive a:hover
{
	color:#2C2C2C;
	padding-bottom:5px;
	border-bottom:#2C2C2C dotted 1px;
}

.menuitem span
{
    width: 17px;
    height: 14px;
    float: left;
	margin-top:2px;
    background: url('../img/subnav_btn.png') no-repeat center top;
}


span.subhover
{
	background-position: center bottombottom;
	cursor: pointer;
}

ul.dropdown {
    list-style: none;
	position: absolute;
    left: 0; top: 16px; /* top: 23px; */
    margin: 0;
	padding: 0;
    display: none;
    float: left;
    width: 170px;
	z-index:10;
}

ul.dropdown li {
    margin: 0;
	padding: 0;
    clear: both;
    width: 170px;
}

ul.dropdown li a {
    float: left;
    padding-left: 0px;
	text-decoration:none;

	/* Alleen op kleine schermen (verwijderen we later in de stylesheet) */
	background:#fff;
	width:100%;
	height:40px;
	font-size:10pt;
}

ul.dropdown li a:hover {
	padding-bottom:0;
	border:none;

	/* Alleen op kleine schermen (verwijderen we later in de stylesheet) */
	color: #3e738c;
}

/* ***************
*** EINDE MENU ***
*************** */

@media only screen and (min-width: 768px) {
	/* Background-gradients meegeven aan enkele rows */
	.rowheader .columns:nth-child(1) {
		background:url('../img/header_background.png');
		height:178px;
	}
	.rowheader .columns:nth-child(2) {
		background:url('../img/header_background.png') right;
		height:178px;
	}

	.rowwelkom {
		background:url('../img/welkom_background.png') right rgba(255, 255, 255, 0.75);
	}

	.rowcontactform {
		overflow:hidden;
	}

	.rowcontact2 {
		/* background: url('../img/contact_background.png') no-repeat rgba(255, 255, 255, 0.75); */
		background: rgba(255, 255, 255, 0.75);
	}

	.rowfooter1 {
		background: url('../img/footer_top.png');
		width:1000px;
		height:12px;
		border:none;
	}
	.rowfooter2 {
		background: url('../img/footer_spacer.png');
		border-left:none;
		border-right:none;
		border-bottom:10px solid rgba(62, 115, 140, 0.37);
	}

	/* Het logo en menu mooi uitlijnen op grote displays */
	#logo {
		margin-top:49px;
	}

	#menu {
		width:340px;
		height:25px;
		margin-top:80px;
		margin-left:auto;
		margin-right:0;
	}
	.menuitem {
		margin-left:30px;
	}

	#unieke_klantervaring {
		margin-top:6px;
		margin-bottom:14px;
	}

	/* De diensten-slider tonen we alleen op grote schermen */
	#diensten_slider_links {
		background: url('../img/diensten_slider_links_background.png');
		width:620px;
		height:398px;
	}

	#diensten_slider_links_inner {
		position:relative;
		left:8px;
		top:6px;
		background: url('../img/diensten_slider_webdesign.png');
		width:612px;
		height:350px;
	}

	#diensten_slider_links_overlay {
		position:relative;
		top:238px;
		width:100%;
		height:112px;
		background:rgba(224, 231, 234, 0.9);
		padding-left:10px;
		padding-top:5px;
	}

	.diensten_slider_text {
		display:none;
	}

	.diensten_slider_text.activeDienst {
		display:block;
	}

	#diensten_slider_rechts {
		display:block;
		position:relative;
		left:-33px;
		background: url('../img/diensten_slider_rechts_background.png');
		width:319px;
		height:398px;
	}

	#diensten_slider_rechts_inner {
		position:relative;
		right:8px;
		top:6px;
	}

	/* Blue spacers inschakelen */
	.blue_spacer {
		display:block;
	}

	/* Styles voor de full-page versie van het contact form */
	#contact_left p {
		padding-top:20px;
		/* padding-left:10px; */
	}

	#contact_right form {
		padding-top:20px;
		/* padding-right:10px; */
	}

	.row.contact {
		border-left:10px solid rgba(62, 115, 140, 0.37);
	}

	/* Footer full-page */
	.rowfooter2 .columns:nth-child(1) {
		padding-left:30px;
	}
	.rowfooter2 {
		padding-top:0;
	}

	/* We herstellen de styles van het menu voor grote displays */
	ul.dropdown li a {
		background:none;
		width:170px;
		height:auto;
		font-size:10pt;
	}

	ul.dropdown li a:hover {
		color: #2C2C2C;
	}
}