/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 12pt;
	line-height: 1.85em;
	background-color: #ebebeb;
}

input, select {
	font-size: 11pt;
	line-height: 1.85em;
	background-color: #f6f6f6;
	height:50px;
}

textarea {
	font-size: 11pt;
	line-height: 1.85em;
	background-color: #f6f6f6;
	height:350px;
}


/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar h2 {
	font-size: 1.5em;
	background-color: #ebebeb;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

#header-wrapper /* hiermee zet je hoogte van de header  */ {
	padding: 3em 0;
}
#banner-wrapper {
	padding-top: 0px;
}
#main-wrapper {
}
#footer-wrapper {
	padding: 7em 0em 7em 0em;

	background-repeat: no-repeat;
}
.wrapper {
	padding: 0em 0em 0em 0em;
	background-position: center;
	background-repeat: repeat-y;
	background-color: #ebebeb;
}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header {
	position: relative;
	bottom: 2em;
	height:0em; /*hoogte header, nondeju*/
}
/********breedte navigatie****/
#header .inner {
	position: relative;
	height: 5em;
	width: 36em;
	left: 39em;
	background-color: #e71f1f;
	border-radius: 8px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.45), inset 0px 2px 1px 0px rgba(255,255,255,0.15);
	text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
	overflow:visible;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav {
	position: absolute;
	left: 1.0em;
	top: 0;
	line-height: 5em;
	font-size:0.99em;
	font-weight: 800;
    white-space: nowrap !important;
}
#nav > ul > li {
	display:inline-block;
	padding: 0 0.8em 0 0.8em;
}
#nav > ul > li > a,  #nav > ul > li > span {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.95em;
	letter-spacing: 0.075em;
	padding: 0.5em 0.8em 0.5em 0.8em;
	border-radius: 6px;
	outline: 0;
}
#nav > ul > li.active > a,  #nav > ul > li.current_page_item > a,  #nav > ul > li.active > span,  #nav > ul > li.current_page_item > span {
	background: rgba(0,0,0,0.15);
	box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.025), 1px 1px 0px 0px rgba(255,255,255,0.025);
}

#nav > ul #nav > ul > li.current_page_item{
	background: rgba(0,0,0,0.35);
	box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.025), 1px 1px 0px 0px rgba(255,255,255,0.025);
}



#nav > ul > li:last-child {
	padding-right: 0;
}
#nav > ul > li > ul {
	display: none;
	background-color: #9c0000;
}
.dropotron {
	position: relative;
	background-color: #b22c32;
	border-radius: 8px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2), 0px 2px 14px 0px rgba(0,0,0,0.4);
	text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
	padding: 1.5em;
	line-height: 2.5em;
	min-width: 15em;
}
.dropotron.level-0 {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -2px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), 0px 2px 14px 0px rgba(0,0,0,0.4);
}
.dropotron a,  .dropotron span {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.8em;
	letter-spacing: 0.075em;
	outline: 0;
}
.dropotron li:hover > a,  .dropotron li:hover > span {
	color: #fff;
	text-decoration: underline;
}
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding: 9em 0 6em 0;
}
#banner h2 {
}
#banner p {
	float: left;
	text-align: right;
	width: 60%;
	line-height: 1.5em;
	margin: 0;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer {
	background-repeat: no-repeat;
}
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

#main {
}
/*********************************************************************************/
/* Content                                                                          */
/*********************************************************************************/
section,  article {
	margin-bottom: 5em;
}

h1 {
	font-size: 28px;
	font-weight:600;
}

h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
.matrixsectie1 {
	border-style: solid;
	border-right-width: thin;
	border-left-width: thin;
	color: #d3d5d6;
	height: 1350px;
}

.footerkcs{ 
	position: relative;

	background-repeat:no-repeat; 
	background-position:top; 
	height:50px; 
	/*left:-40px; */
	left:-39px; 
	top:27px;
}


.disclaimerkcs {
	position: absolute;
	left: 81%;
	top: -22px;
	white-space: nowrap;
}

.mobilediv {
	visibility:hidden;
	height:0px;
} 
.row {
	border:1px solid #d1d1d1;
	background:#fff;
	margin-bottom:0.2em;
	border-radius: 6px;
	padding: 0em 2em 2em 1em;
	-webkit-box-shadow: 3px 2px 8px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 8px -5px rgba(0,0,0,0.75);
box-shadow: 3px 2px 8px -5px rgba(0,0,0,0.75);
} 



#taal {
	position:absolute;
	left: 495px;
	top: 84px;
} 
#taal li {
	list-style:none; }
	
	

#headerimg {
	position:relative; left:-50px; top: -35px; width:1165px;
	height:330px;
	} 		
	
	

#headerhome {
	position:relative; left:-50px; top: -35px; width:1217px;
	height:285px;
	} 		
		
#logoklik {
	position: absolute;
	left: 5px;
	top: -1px;
	height: 100px;
	z-index: 9999;
	overflow: hidden;
	width:400px;
	
} 
	
#adresinfo {
	position: absolute;
	left: 423px;
	top: 10px;
	height: 100px;
	z-index: 9999;
	overflow: hidden;
	border: none;
	} 	
	
.adresbalk { 
position:relative; top:-30px; left:-20px;
white-space:nowrap;
 }


.vacature {
	border:1px solid #d1d1d1;
	background:#fff;
	border-radius: 6px;
	padding: 1em;
	position:relative; 
	right:35px;
	width:290px;
	float:right;
 display:block;
text-align: center;
	-webkit-box-shadow: 3px 2px 8px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 8px -5px rgba(0,0,0,0.75);
box-shadow: 3px 2px 8px -5px rgba(0,0,0,0.75);
} 
#vacaturemobiel { visibility:hidden; height:0; } 
#taalmobiel { visibility:hidden; height:0; } 
#disclaimer {float:right;} 


/* Adresbalk */

ul#adresbalk li {
    display:inline-block;
	font-size:1 rem;
}
#adresbalk li .tekstadresbalk {
	position: relative;
	top: -12px;
	padding-left: 8px;
	padding-right: 25px;
}
/* Adresbalk */

#navbarhome { margin-left:60px;}