@charset "utf-8";

/* -----------------------------------------------------------
   Dit stylesheet bevat styles die van toepassing zijn op 
   alle screens (narrow/wide). Het moet geladen worden direct 
   na normalize.css.
   ----------------------------------------------------------- */

/* notes: 
	- in normalize.css we set html font-size to 62,5% which == 10px == 1(r)em
	- we use rem unit (and as fallback em) to get root (=html) relative font sizing (r=root) while em is parent relative */

html, body {			
	padding:0;
	margin:0;
	
}

/* --- taal vlag buttons ---> */

div.vlag {
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
}

div#vlag-de {	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAkCAYAAADGrhlwAAAAp0lEQVRYw+3ZMQoCQRBE0VoXFBZ6XNBszmS6d/QABkbeSmEVy8ALTBtIMVTwD/CgB4ZukLx11BkGGSQAiohVvVrrvRkEgOpN0/TqChQRq0EGGfQv0ACqFyUFGqhelNIOuow7qnedj+0gApQv84beAOUzyCCDDPoZ9MSG8sW+HfQ4bSnfckiMHEfqNyd+CgT1C4MMMsigrkGJReNXr15iFezrg0EGNYM+DApWdDvO8WsAAAAASUVORK5CYII=);
	margin-right: 6px;
}

div#vlag-nl {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAkCAYAAADGrhlwAAAA6klEQVRYw+3YPQrCQBCG4YnGdbVKLIx6T0Ww8RcCegdJOs8Qg6UWXkYRRHH2s7RdQWTQGXgP8DDNMARg90NtSEEKUtDnQS4IIL5qBf6gMHSOCJLjumF/kDEsHeSajYeCFKQgBb2y1h90abf5EkUQXdLxB53Lks9FAamdii1O5e7xzunDkD8KUpCCvgdyDDjI7d83lGUHXq/3kNsBeX70BxkzZKI+5DaAtaN3QAsmmkJuE1i78AfVzYwDGkNyDTtXkIIU9C1QWJ046SBTm/r/5TrJ8hpH6b0VpzeJxVF663VXV33WK0hBnwc9AWPYkzVCBeSoAAAAAElFTkSuQmCC);
	margin-right: 10px;
}

/* ---  ---> */

div#main {
	position: relative;	
}

/* --- main menu ---> */

div#main-menu-box, div#search-box {	
	background-color: #d3daea;
	padding: 10px 10px 3px 10px;
	font-weight: bold;
	font-size: 11px;
	font-size: 1.1rem;	
}

ul.menu {
	margin: 0px;
	line-height: 3;
}

li.menu-item {
	margin: 0 1%;
	padding: 0 10px;
	border-bottom: #b0b6c2 1px solid;
	border-top: #dbe1ed 1px solid;
}

li.menu-item:first-child {
	border-top: none;	
}

li.menu-item:last-child {
	border-bottom: none;	
}

li.menu-item a {
	text-decoration: none;	
	color: #424242;
}

li.menu-item a:active, li.menu-item a:hover {
	color: #fefbf6;
}

/* --- slider pro --> */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  border-bottom-color: #D3DAEA !important;
  
}

.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
    background-color: #D3DAEA !important;
		/*text-shadow: 2px -2px 2px rgba(0, 0, 0, 1) !important;*/
}

.sp-full-screen-button {
		color: #D3DAEA !important;   
		font-weight: bold !important;
		right: 15px !important;
		border: 5px solid #D3DAEA;
		transform: rotate(90deg) !important;
		padding: 0px 5px 10px 5px !important;		
	  /*transform: rotate(45deg);*/
}





/* --- main slider --> */

div.slider {
	width: 100%; 
	height: 0; 
	padding-bottom: 40.29850746268657%; /* 270px : 760px */
	background-color:#91BDEE;	
	margin-bottom:1em;	
	position: relative; /* om prev/next buttons absolute te kunnen positioneren */
}

/* ---  article ---> */

article {
	background-color: #fefbf6;	
}

/* ---  site footers ---> */

footer#colophon {	
	clear: both;		
	/* background-color: #fefbf6; */
	width: 100%;
	margin: 0 auto;
}

div#site-info-container { /* wraps div#info */
	width:100%;
	background-color:#CC3;
	max-height: 100px;
	overflow:hidden;
	background-color: #d3daea;
}

div#site-info { /* = social, phone, email */
	max-width: 960px;		
	margin: 0 auto;
	width: 100%;
}

div#footer-arrow {
	background-image: url(data:image/gif;base64,R0lGODlhJwAXAIABAP779////yH5BAEAAAEALAAAAAAnABcAAAJChI+pyxcN4wpUWkjz3ShrvnkeaIkiGZknOqkr67gvLKswULtsLpN8Dfr1QsKhpJg7IpON5Y/hfCqiwilVargWs84CADs=);
	background-repeat: no-repeat;
	background-size: cover;		
	margin-top: -1px;
	margin-left: 32%; 
	width: 4.0625%; /* 39px : 960px */
	padding-bottom: 2.395833333333333%; /* h=23px / a responsive way to set height */			
}

/* --- social buttons --> */

#social-buttons {
	width: 28.125%; /* 270px */	
	text-align:center;			
	float:left;
}

div.social-button { /* a single social button */
	background-repeat: no-repeat;
	background-size: cover;	
	/*width: 10%; */ /* 27px : 270px */
	/*padding-bottom: 9.62962962962963%;*/  /* = a responsive way to set height */	
	width: 27px;		
	height: 26px;
	margin-top: 5.8%; 	
	display: inline-block;	
}

div#facebook {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAAAx0lEQVRIx2NggAKb1kucQOxIZSzJgA6AggFA/J9GuB+IGWEWGVLD0NwldzFw4pxbMPlkmGWHKbHg0M2P/3GBcw+/IKtnZCDXosrVD/4TAmiWCZBt2fMPP+ljGSguiAFUsQwUV/gsWHXq9f95h16CMcWWgQzBBkCW4NFHXcvQfDJqGfEW0CQ1DnrL0FInbS0jO5+1bn4MDhYQxlVUgcRhakAYlPlHk/6oZYPSMk6QZRV0sOwBcnvxAY0tk2RAa6D208Cyw8gWAQD9rMkVkuA5wAAAAABJRU5ErkJggg==);
}

div#twitter {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAABRElEQVRIx2NggAKb1kssQGwIxI5UxCoM6AAkCMT/aYRXADEnzCIBGloEtxBmWQUdLANhAZBl/XSyzHHgLQuZcoOg5twld/8fuvnx/+fvf/4///Dz/6pTr8Hilasf/J+46xnxlp17+OX/tovvcFrUuvnxf3wAZBkWB2O3DAZAlqJrAvEJAZA+knyGDOYdegm3FBR8hCzy6L1KvGUgw7GBWy++YzgEHYAcQ1ICAUU6uYBky0CpjFyAJyVjtyxxzi2yLAJlAbIyNaHkjQ2A4posy0B5hRQAimccqZC44gpUKhALQCFBcdkIKn4oDD7cloFSEygIQQaA8hWhoCPCR7gtA4U7yCJQysJnCajsJKbAJjoYQYaBghFkOQiDfIwn0w6B+oxGWIUB2uSih2UsIMsYgfgwjS0KQG43gixMpoElD0ANX5g9AOHdoYYO1ZoiAAAAAElFTkSuQmCC);
}

div#linkedin {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAABLUlEQVRIx2NggAKb1kuMQKwCxI5UxIZAzMKADIACnED8AIj/0wCDzFVB9tFhGlmEjFkYoEGHIpG75C4Ye/RepaZlAQzQsAULgAy/9eL7fxj4/P3P/8Q5t6hlWT+KZRN3PfuPDuYdekkby0AG082ykCk3wEFHl2CExRuNEgimZaRimONAwQ2iQaFDlGWgIEMHIANwxeeqU6//YwOHbn7EFiqoloEMJsUyfODcwy/0swwE0BIXZZaBCgBQHIHwtovvCGUbyixDdjkojrDFHdUsQ09xyEUdlngj37LnH35iWAYynCaWYUlttLOMrj6ja5xhswwdgLLD4LAMlG9AXkfGsLzUuvkxhhy6ZaB8hSwPKjuR5CtgLav/dMDwFlYyjS1agd52dKRR2xHkEUaQHQCPsd0S383zUQAAAABJRU5ErkJggg==);	
}

div#xing {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAABU0lEQVRIx2NggAKb1ksCQJwAxA1UxAYM6ABqyXsg/k8DvB7kEZhFCjSyBBnPh1k2n1LDtl189x8ZfP7+53/IlBvo6hRAlu2nxKLEObf+o4N5h15iU+tAsWXnHn5Bsej5h5//PXqvUt+yytUPMHzVuvkxLvXYLctdcpeYOAD7AhmAfInHcbh9hh7ph25+RJEHxQs6ADmSLMtA4Q7yETbDsMmhO4bkOJu46xlG5IPEV516jeErbMFMkmXoKQ3EBxlKZFIn3jJQqsLmenQHgIITR1InzjJscQJyPXoqJZDUibMMPaXBMip6Ur/14jsp+RLTMmxxAkuFJOYrwpaBfAUyBIZBKY/MEoPy4oqEspByy7AlEoqTPhXqL+pYBjIYPWuAHEATy6heEBPC2DI+MVVMAbmVJ8gnIB8iYxxxdx+5KXeexq2rAAa0BiqoUXmfBm1GB5g9APW4hh9dIgHyAAAAAElFTkSuQmCC);
}

a.footer-info { /* phone & email */
	text-align: center;
	text-decoration: none;
	/*display: inline-block;*/
	float:right;
	width: 34.89583333333333%; /* 335px : 960px */	
	font-size: 18px;
	font-size: 1.8rem;
	color: #fefbf6;
	vertical-align: 5px;
	white-space:nowrap;
	margin-top: 2.15%; 
}

/* --- design by - legal links --> */

div#legal-info {
	width:98%;
	margin: 0 auto;
	padding-top: 0.3%;
	padding-bottom: 20px; /* gives height */
	/*border-top: 1px solid #ccc;*/
}

div#legal-info a {
	text-decoration: none;
	color: #424242;
	font-size: 10px;
	font-size: 1rem;
}

/* --- clearfix (zorgt ervoor dat de container van floats minimaal de hoogte krijgt van de max bootom van alle floats) --> */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}