* {
	margin: 0;
	padding: 0;
}

a,
button,
input,
select,
textarea{
	outline: none;
}

body {
	background: #5b5b5b;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
}

.vacaturepagina .actueelitem {overflow:visible; display: block; padding:50px 0px 0px 0px}
.vacaturepagina .gradients {display: none;}
.vacaturepagina .actueelarchief {display:none;}
.vacaturepagina .actueelitem .actueeltekst { margin-bottom: 50px;}

#ccc-recommended-settings {
	background-color: green!important;
	color: white!important;
	border-color: green!important;
	width: 100%!important;
}

a#ccc-info-link {
	display: none;
}

div#ccc-icon {
	display: none!important;
}
#ccc-close {
	display: none!important;
}

/*----videoheader-----*/


/*----videoheader einde-----*/

/* --------------------- Aanpassingen Login page dijklandnet ------------------------ */ 
.loginpage-body {background: url('/files/square-bg.png')!important; background-color:transparent;}

.center-page {margin:auto; float:none!important; background:#fff; }

.center-page .main {
    padding-bottom: 60px;
    height: auto;
    width: auto;
    overflow: hidden;
}
.login-page {background: url('/files/square-bg.png')!important;}

.center-page iframe {display:block; height:700px!important;}
.login-page #banner {height:450px; overflow:none;}

@media only screen and (max-width:1043px) {
	.login-page #banner {height:300px!important; overflow:none;}
	.login-page #content .center-page {padding-right:23px;}
}

@media (min-width:769px) and (max-width:970px) {
	.login-page #banner {overflow:none!important; height:450px!important;}
	
}

@media only screen and (max-width:550px) {
	.login-page #content .center-page {width:auto; padding-left: 20px!important; padding-right:20px!important;}
	.login-page #banner {overflow:scroll!important; width:100%;}
}

@media (min-width:551px) and (max-width:768px) {
	.login-page #content .center-page {width:82%; padding-left: 20px!important; padding-right:20px!important;}
	.login-page #banner {height:450px!important; overflow:hidden!important;}
	
}



/* --------------------- // Aanpassingen Login page dijklandnet ------------------------ */ 


#research-page .fw_form_wrapper .fw_form_label {width:100%;}
#research-page strong {color: #bd2634;}
#research-page div#fw_form_fieldset_1 {background: #eee; padding: 20px;}
#research-page .light label {font-weight:300;}


.clear:after {
	clear: both;
	content: '';
	display: block;
}

.inner {
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	width: 938px;
}

.actueel-items .fw_active {background:#eee; padding:5px;}
/*.actueeldatum {display:none;} */

.inner:after {
	clear: both;
	content: '';
	display: block;
}

#logo a {float:left;}
/*#logo span {float:left; color:#ddd; margin:50px auto auto 50px; font-size:24px;}*/
#logo span {float:left; margin:50px auto auto 50px; font-size:24px; color: #8f8f8f; font-style: italic; line-height:50px;}

iframe.screen {display:block; }
iframe.mobile {display:none;}
iframe {border:none;}


.bel-knop {position:absolute; display:block; top:40px; right:0;margin-right: 10px;}
.bel-knop a {color:#fff; background:#bd2634; padding:10px 20px; border:1px solid #eee; font-weight:300; text-decoration:none;}
.bel-knop a:hover {background:#8f8f8f;}

#page {
	background: #fff;
	font-family: 'Roboto', sans-serif;
}

/* .top-banner ul:last-child {border-image: url(/img/bg/top_shadow.png) 30 round;} */

#header,
#content,
#footer,
#banner {
	clear: both;
	position: relative;
}

#header {
	height: 185px;
}

#header_top {
	height: 136px;
}

#menu {
	background: #be2830;
	height: 49px;
}

#menu ul {
	margin-left: -4px;
}

#menu ul li {
	color: #fff;
	float: left;
	font-size: 14px;
	line-height: 48px;
	list-style: none;
	text-transform: uppercase;
}
#menu ul li:after {
	content: '|';
	display: block;
	float: left;
	padding: 0 3px;
}
#menu ul li:first-child:after {
	display: none;
}
#menu ul li a {
	color: #fff;
	display: block;
	float: right;
	line-height: 49px;
	padding: 0 8px;
	text-decoration: none;
}
#menu ul li.fw_active > a,
#menu ul li a:hover {
	background: #8f8f8f;
}

#menu .fw_toggle,
#menu .fw_subs_wrapper {
	display: none;
}

#nav_toggle {
	background: none;
	border: 2px solid #fff;
	border-radius: 3px;
	cursor: pointer;
	display: none;
	float: right;
	margin-top: 8px;
	padding: 4px;
	height: 32px;
	width: 32px;
}

#nav_toggle span {
	display: block;
	margin-top: 4px;
	height: 2px;
	background: #fff;
}

#nav_toggle span:first-child {
	margin-top: 0;
}

#banner {
	height: 420px;
	overflow: hidden;
	background-color:#EEE;
}

#content {
	z-index: 100;
}

#content .inner {
	background: #fff;
	margin-top: -75px;
	padding: 0 40px;
}


.standard #content .inner {
	padding: 0 17px 20px;
	width: 985px;
}

#content .top {
	height: 70px;
	position: relative;
}

#content .right .top {
	height: 62px;
}

#content .left .top {
	height: 57px;
}
#content .right .top .title,
#content .left .top .title {
	padding-left: 0;
}

#content .top:after,
#content .main.home .list_line {
	background: url(../img/bg/top_shadow.png) no-repeat top center;
	bottom: -5px;
	clear: both;
	content: '';
	display: block;
	height: 5px;
	left:0;
	position: absolute;
	right:0;
}

#content .main.home .list_line {
  position: relative;
  bottom: 15px;
}

#content .right .top:after,
#content .left .top:after {
	display: none;
}

#content .left {
	background: url(../img/bg/vertical_shadow.png) no-repeat top right;
	float: left;
	min-height: 582px;
	width: 230px;
}

.widget #content .left {
	width: 246px;
}

#content .right .text {
	/*color: #889093;*/
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

#content .right .text table,
#content .right .text td,
#content .right .text th {
	border: 1px solid #ffffff;
}
#content .right .text td {
	padding: 5px 8px;
}
#content .right .text h1,
#content .right .text h2,
#content .right .text h3,
#content .right .text h4,
#content .right .text h5,
#content .right .text h6 {
	color: #bd2634;
	font-weight: 500;
	margin-bottom: 23px;
}


#content .right .text a {
	color: #be2830;
	text-decoration: none;
}

#content .right .text ul,
#content .right .text ol {
	margin-bottom: 23px;
	margin-left: 16px;
}

.widget #content .right {
	padding-left: 23px;
}

#content .right {
	float: right;
	padding-left: 40px;
	width: 690px;
}

#content .right p {
	margin-bottom: 23px;
}

#content .top .title {
	float: left;
	padding-left: 13px;
}

#content .title h1,
#content .left .title {
	color: #bd2634;
	font-size: 23px;
	font-weight: 500;
	line-height: 62px;
}

#home_blocks ul li:first-child {
	margin: 0 0 0 0;
}

#home_blocks ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 12px;
	width: 300px;
}

#home_blocks ul li .title {
  color: #757575;
  font-size: 18px;
  font-weight: 100;
  font-style: italic;
  padding-bottom: 13px;
  padding-left: 10px;
}

@media (min-width:768px) {
	#home_blocks ul li .title {min-height:55px;}
}

#home_blocks ul li .text {
	/*color: #889093;*/
	color: #000000;
    font-size: 14px;
    font-weight: 300;
    height: 62px;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 8px 0 8px;
}

#home_blocks ul li .text p {
	margin-bottom: 23px;
}

#home_blocks ul li .button a {
	-moz-border-radius: 7px 8px 8px 7px/5px;
	-moz-box-shadow: 0 -1px rgba(189,38,51,75), inset 0 -1px 0 1px rgba(189,38,51,75);
	-webkit-border-radius: 7px 8px 8px 7px/5px;
	-webkit-box-shadow: 0 -1px rgba(189,38,51,.75), inset 0 -1px 0 1px rgba(189,38,51,.75);
	background-color: #bd2633;
	border-radius: 7px 8px 8px 7px/5px;
	box-shadow: 0 -1px rgba(189,38,51,.75), inset 0 -1px 0 1px rgba(189,38,51,.75);
	color: #fff;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 45px;
	padding: 0 28px;
	text-decoration: none;
}

#home_blocks ul li .button a:hover {
	background-color: #bd2633;
}

#home_blocks {
	padding: 55px 0 0 0;
}

#content .main {
	padding-bottom: 60px;
}
#content .main.home {
	padding-bottom: 0px;
}

#footer {
	background: #5b5b5b;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

#footer .inner {
	background: #5b5b5b;
	min-height: 64px;
	padding-top: 27px;
}

#mobile_search {
	display: none;
	padding-top: 11px;
}

#mobile_search .fw_field input {
	border: none;
	border-radius: 0;
	color: #7a7a7a;
	display: inline-block;
	float: left;
	font-family: Arial;
	font-size: 12px;
	height: 26px;
	line-height: 30px;
	margin-right: 6px;
	padding: 0 5px;
	width: 160px;
	-webkit-appearance: none;
}

#mobile_search input[type="submit"] {
	background: url(/img/search_icon.png);
	border: none;
	float: left;
	height: 20px;
	margin-top: 3px;
	text-indent: -999em;
	width: 20px;
}

#search {
	position: absolute;
	right: 9px;
	top: 102px;
}

#search .fw_button {
	display: none;
}

#search .fw_label {
	color: #7a7a7a;
	font-family: Arial;
	font-size: 12px;
	left: 63px;
	line-height: 25px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
}

#search .fw_field input {
	border: 1px solid #ccc;
	color: #7a7a7a;
	font-family: Arial;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	width: 186px;
	border-radius: 0;
	-webkit-appearance: none;
}

.royalSlider {
	height:427px;
	position: relative;
	width: 100%;
}

.rsDefaultInv .rsArrowIcn {
	background-color: transparent;
	background-position: 0px 0px !important;
	border-radius: 0;
	cursor: pointer;
	height: 43px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	width: 43px;
}

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
	background: url('../img/bg/arrow_right.png') no-repeat 0 0;
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
	background: url('../img/bg/arrow_left.png') no-repeat 0 0;
}

.rsDefaultInv.rsHor .rsArrowLeft {
	left: 50px;
	top: 0;
}

.rsDefaultInv.rsHor .rsArrowRight {
	right: 50px;
	top: 0;
}

.rsDefaultInv .rsBullets {
	float: none;
	height: auto;
	line-height: 5px;
	margin: -400px auto 0;
	overflow: hidden;
	padding-right: 38px;
	padding-top: 4px;
	position: relative;
	text-align: right;
	width: 981px;
	z-index: 35;
}

.royalSlider > * {
	float: none;
}

.rsDefaultInv .rsBullet span {
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 10px;
	width: 10px;
}

.rsDefaultInv .rsBullet.rsNavSelected span {
	background-color: #bd2634;
}

.rsContent {
	float: left;
	margin-top:-4px;
}

.royalSlider .blok_wrap {
	margin: 110px auto 0;
	position: relative;
	width: 950px;
	width: 100%;
}

.royalSlider .rsABlock {
	color: #02627b;
	font-size: 34px;
	font-weight: 500;
}

.royalSlider .rsABlock {
	color: #02627b;
	font-size: 34px;
	font-weight: 500;
}

.royalSlider .rsABlock p {
  background: #fff;
  clear: both;
  float: left;
  line-height: 50px;
  margin-bottom: 5px;
  padding: 0 15px;
  margin-top: 160px;
  font-size: 25px;
  color: #8f8f8f;
  font-style: italic;
}

.royalSlider .rsABlock.customer {
	color: #FFF;
    font-size: 20px;
    font-style: italic;
    margin: 0;
    padding-right: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 202px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

#content .left .sub {
	clear: both;
}

#content .left .sub ul li {
	line-height: 26px;
	list-style: none;
}

#content .left .sub ul {
	padding-left: 13px;
}

#content .left .sub ul li a {
	/*color: #889093;*/
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
}

#content .left .sub ul li.fw_active ul {
	display: block;
}

#content .left .sub ul li ul {
	display: none;
	margin-top: -3px;
	padding-left: 36px;
}

#content .left .sub ul li ul li {
	line-height: 22px;
}

#content .left .sub ul li a:hover,
#content .left .sub ul li.fw_active > a{
	color: #be2830;
}

#content .left .top .title {
	height: 57px;
}

.breadcrumb {
	float: right;
	padding: 26px 30px 0 0;
}

.breadcrumb ul li,
.breadcrumb ul {
	color: #889093;
	float: left;
	font-size: 9px;
	font-weight: 500;
	list-style: none;
}

.breadcrumb ul li a {
	color: #889093;
	text-decoration: none;
}

.breadcrumb ul li a span {
	float: right;
}

.breadcrumb ul li.fw_active a,
.breadcrumb ul li:hover a {
	color: #6d6e71;
}

.breadcrumb ul + ul li:after {
	content: '>';
	float: left;
	padding: 0 3px;
}

/* Popin */

#colorbox,
#cboxOverlay,
#cboxWrapper {
	left:0;
	overflow:visible;
	position:absolute;
	top:0;
	z-index:9999;
}

#cboxWrapper {
	max-width:none; 
}

#cboxOverlay {
	-khtml-opacity:0.7;
	-moz-opacity:0.7;
	background:#000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	height:100%;
	opacity:0.7!important;
	position:fixed;
	width:100%;
	zoom:1;
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear:left;
}

#cboxContent {
	overflow:visible;
	position:relative;
}
#cboxContent:after {
	/*background:#ebebeb;*/
	bottom: 0;
	content: '';
	left:0;
	position: absolute;
	right:0;
	top: 46px;
	z-index: -1;
}

#cboxLoadedContent {
	-webkit-overflow-scrolling:touch;
	overflow:auto;
	/*padding:46px 0 60px;*/
}

#cboxTitle {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #EBEBEB;
	box-sizing: border-box;
	color: #387171;
	display: block;
	float: left;
	font-size:15px;
	line-height:18px;
	margin:0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}

#cboxTitle div {
	padding-left: 20px;
	padding-right: 20px;
}

#cboxTitle div.fw_title {
	padding-top: 10px;;
}

#cboxTitle p {
	color: #152E33;
	font-size:12px;
	line-height:12px;
	margin-top: 10px;
	text-transform: none;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor:pointer;
}

.cboxPhoto {
	-ms-interpolation-mode:bicubic;
	border:0;
	display:block;
	float:left;
	margin:auto;
	max-width:none;
}

.cboxIframe {
	background:#fff;
	border:0;
	display:block;
	height:100%;
	width:100%;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

#cboxContent {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

#colorbox {
	outline:0;
}

#cboxError {
	border:1px solid #ccc;
	padding:50px;
}

#cboxCurrent {
	background-color: #EBEBEB;
	color:#000;
	clear: both;
	float: none !important;
	font-size:13px;
	padding: 10px 20px;
}

#cboxLoadingOverlay {
	background:url(/img/bg/loading.gif) no-repeat center;
}

#cboxPrevious,
#cboxNext,
#cboxClose {
	border:0;
	font-size:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
}

#cboxPrevious,
#cboxNext {
	height:39px;
	margin-top:-20px;
	top:50%;
	width:42px;
}

#cboxPrevious {
	background: url(../img/bg/popin_left.png) no-repeat;
	left:-1px;
}

#cboxNext {
	background: url(../img/bg/popin_right.png) no-repeat;
	right:-1px;
}

#cboxSlideshow {
	display:none;
}

#cboxClose {
	background: url(../img/bg/popin_close.png) no-repeat;
	height:39px;
	right:0;
	top: 0;
	width:41px;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline:0;
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.popin {
	padding-top: 6px;
	margin-left: -20px;
}

.popin:after {
	clear: both;
	content: '';
	display: block;
}

.popin ul li {
	float: left;
	list-style: none;
	margin-bottom: 17px;
	padding: 0 33px;
}

.fw_google_maps {
	height: 378px;
	width: 100%;
}

.fw_form_row {
	margin-bottom: 8px;
}

.fw_form_wrapper .fw_form_label,
.fw_form_wrapper .fw_form_field {
	float: left;
}

.fw_form_wrapper .fw_form_label {
	/*color:#889093;*/
	color: #000000;
	font-weight: 500;
	line-height: 33px;
	width: 140px;
}

.fw_form_wrapper .fw_form_field input[type="text"],
.fw_form_wrapper .fw_form_field input[type="password"],
.fw_form_wrapper .fw_form_field select {
	border: 1px solid #ebebeb;
	color: #889093;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	height: 31px;
	line-height: 31px;
	padding: 0 10px;
	width: 523px;
	border-radius:0;
	box-shadow: none !important;
}

.fw_form_wrapper .fw_form_field input[type="text"],
.fw_form_wrapper .fw_form_field input[type="password"] {
	-webkit-appearance: none;
}

.fw_form_wrapper .fw_form_field input[type="radio"],
.fw_form_wrapper .fw_form_field input[type="checkbox"] {
	height: 22px;
	margin-right: 10px;
}

.fw_form_wrapper .fw_form_field select {
	width: 543px;
}

.fw_form_wrapper .fw_form_field textarea {
	border: 1px solid #ebebeb;
	color: #889093;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	height: 92px;
	padding: 10px;
	width: 523px;
	border-radius:0;
	-webkit-appearance: none;
}

.fw_form_wrapper .fw_form_sub_field {
	float: left;
}
.fw_form_wrapper .fw_form_option:after {
	clear: both;
	content: '';
	display: block;
}
.fw_form_wrapper .fw_form_option_label {
	float: left;
}

.fw_form_wrapper .fw_form_row.submit .fw_form_field {
	float: right;
	padding: 14px 18px 0 0;
}


.fw_form_wrapper .fw_form_submit_link {
	-moz-border-radius: 7px 8px 8px 7px/5px;
	-moz-box-shadow: 0 -1px rgba(189,38,52,.75), inset 0 -1px 0 1px rgba(189,38,52,1);
	-webkit-border-radius: 7px 8px 8px 7px/5px;
	-webkit-box-shadow: 0 -1px rgba(189,38,52,.75), inset 0 -1px 0 1px rgba(189,38,52,.75);
	background-color: #bd2634;
 	border-radius: 7px 8px 8px 7px/5px;
  	box-shadow: 0 -1px rgba(189,38,52,.75), inset 0 -1px 0 1px rgba(189,38,52,1);
	color: #fff !important;
	display: block;
	float: left;
	float: right;
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	padding: 0 22px;
	text-decoration: none;
}

.fw_form_wrapper .fw_form_submit_link:hover {
	background-color: #bd2634;
}

.form .fw_clear {
	clear: both;
}

.form .fw_form_feedback {
	color: #f00;
	margin-bottom: 15px;
}

.form .fw_error {
	color: #f00;
}

.banner {
	background: #eff0f0;
	/*color: #889093;*/
	color: #000000;
	font-size: 13px;
	font-weight: 300;
	margin-left: -3px;
	margin-top: 8px;
	padding: 7px 14px 22px 11px;
	width: 205px;
}
.banner h2 {
	color: #be2830;
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 20px;
}

.banner img {
	height: auto !important;
	max-width: 205px;
	width: auto !important
}

.banner .fw_button,
.fw_button_alt {
	-moz-border-radius: 7px 8px 8px 7px/5px;
	-moz-box-shadow: 0 -1px rgba(189,38,52,.75), inset 0 -1px 0 1px rgba(189,38,52,1);
	-webkit-border-radius: 7px 8px 8px 7px/5px;
	-webkit-box-shadow: 0 -1px rgba(189,38,52,.75), inset 0 -1px 0 1px rgba(189,38,52,1);
	background-color: #bd2634;
	border-radius: 7px 8px 8px 7px/5px;
	box-shadow: 0 -1px rgba(189,38,52,.75), inset 0 -1px 0 1px rgba(189,38,52,1);
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 500;
	line-height: 25px;
	margin-top: 8px;
	padding: 0 12px;
	text-decoration: none;
}


#content .right .text a.fw_button_alt {
	color: white;
}

.banner p {
	line-height: 21px;
	margin-bottom: 18px;
}

.banner p a {
	color: #02627c;
	text-decoration: none;
}

img.rsImg {
	position: absolute;
}



/* Actueel */

.actueelimg, 
.actueeltekst, 
.actueel-items {
	float: left;
}

.actueelitem {
	min-height: 125px;
	/*max-height:125px;*/
	overflow:hidden;
}

.actueeltekst {
	width: 460px;
	padding: 0px 10px 0px 15px;
	position: relative;
	top: -4px;
}

.actueeltekst, 
.actueelintro {
	font-size: 13px;
	line-height: 21px;
}

.actueelimg {
	width:205px;
	height:107px;
}
.actueelimg img {
	width:100%;
	height:100%;
}

.actueelkd {
	color: gray;
	font-size: 10px;
	margin-top: 5px;
}
.fw_button_alt {
	display: block;
}

.actueeldatum {
	padding: 18px 0px 0px 15px;
	float: left;
}

.actueelarchief {
	margin-left: 220px;
}

.right .top {
	padding-bottom: 3px;
}
.gradient {
	margin:0px 100px 0px 100px;
    height: 1px;
    background: -webkit-linear-gradient(left, white, #B3B3B3, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, white, #B3B3B3, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, white, #B3B3B3, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, white, #B3B3B3, white); /* Standard syntax (must be last) */
}
.gradientshadow {
	margin:0px 100px 18px 100px;
    height: 1px;
    background: -webkit-linear-gradient(left, white, #E0E0E0, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, white, #E0E0E0, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, white, #E0E0E0, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, white, #E0E0E0, white); /* Standard syntax (must be last) */
}

/* Paging archief */

.fw_list_paging_prev,
.fw_list_paging_pages,
.fw_list_paging_next {
	float: left;
	margin: 0px 15px 0px 0px;
	color: #be2830!important;
	font-size: 13px;
}

	
.fw_list_paging_bottom a,
.fw_list_paging_bottom a:visited, 
.fw_list_paging_bottom a:hover, 
.fw_list_paging_bottom a:active {
    text-decoration: none;
    color: inherit;
    cursor: inherit;
}

.fw_disabled {
	cursor: text!important;
	pointer-events: none;
}

.fw_list_paging_bottom, .fw_list_paging_top {
	clear: both;
	display:block;
}
.fw_list_paging_top {
	display:none;
}

.fw_list_paging_bottom {
	position: relative;
}

/*CSS mobiel/tablet*/

@media(max-width: 1040px) {
	
	.actueelitem {
	    max-height: unset;
	}
	
	.actueelarchief {
		margin-left: auto;
		margin-right: auto;
	}

	.royalSlider .rsABlock.customer {
	    top: 100px;
	}
	
	.actueeltitel, .actueelintro {
		margin-top: 10px;
	}
	
	.actueelintro {
		min-height: unset;
		max-height: 100px;
	}
	
	.actueelimg {
		width: 100%;
		height: 100%;
	}
	
	.actueeltekst {
		padding: 0;
		width: 95%;
	}
	
	.gradients {
		clear: both;
		display: block;
		position: relative;
		top: 10px;
	}
	
	iframe.screen {display:none; }
	iframe.mobile {display:block;}
	
	.rsDefaultInv.rsHor .rsArrowRight {
		right: 15px;
	}

	.rsDefaultInv.rsHor .rsArrowLeft {
		left: 15px;
	}
	
	.royalSlider .rsABlock {
		font-size: 26px;
		margin-top: -65px;
	}
	
	.royalSlider .rsABlock p {
		line-height: 40px;
	}
	
	#nav_toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#menu .fw_main_wrapper {
		background-color: #BE2830;
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		max-width: 440px;
		width: 100%;
		z-index: 200;
	}
	
	#menu.fw_open .fw_main_wrapper {
		display: block;
	}
	
	#menu ul {
		margin: 0;
	}
	
	#menu ul li {
		float: none;
		position: relative;
		line-height: 38px;
	}
	
	#menu ul li a {
		float: none;
		line-height: 38px;
	}
	
	#menu ul li:after {
		content: none;
	}
	
	#menu li li a {
		padding-left: 30px;
	}
	
	#menu li li li a {
		padding-left: 60px;
	}
	
	#menu .inner {
		height: 49px;
	}
	
	#menu .fw_toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 1.4em;
		padding: 0 15px;
	}

	#menu .fw_toggle:hover {
		background: none;
	}
	
	#menu .fw_expanded > .fw_subs_wrapper {
		display: block;
	}
	
	.inner,
	.standard #content .inner,
	.rsDefaultInv .rsBullets {
		width: 668px;
	}
	
	#content .inner {
		padding: 0 20px;
	}
	
	#content .right {
		width: 398px;
	}
	
	#home_blocks ul li {
		width: 210px;
	}
	
	#home_blocks ul li .text {
		height: 190px; /*168*/
	}
	
	.popin ul li {
		padding: 2%;
		max-width: 46%;
	}
	
	.fw_form_wrapper .fw_form_field input[type="text"],
	.fw_form_wrapper .fw_form_field input[type="password"],
	.fw_form_wrapper .fw_form_field select,
	.fw_form_wrapper .fw_form_field textarea {
		width: 235px;
	}
	
	.rsContent {
    width: 100%;
    height: 135px;
    position: relative;
    margin-top:-88px;
	margin-left:0px;
}
.rsDefaultInv .rsBullets {
    margin-top: -403px!important;
}
#content{
	margin-top:75px;
}
.rsDefaultInv.rsHor .rsArrowLeft {
    visibility:hidden;
}
.rsDefaultInv.rsHor .rsArrowRight {
    visibility:hidden;
}
.rsImg {
    min-height:100%;
    margin-top:88px!important;
    width:100%!important;
}
.royalSlider .rsABlock p {
    background: #fff;
    clear: both;
    float: left;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 10px;
    margin-top: 145px;
    font-size: 15px;
    color: #8f8f8f;
    font-style: italic;
}
	#banner {
    height: 205px!important;
    overflow: hidden;
    background-color: #EEE;
}
	
	
}

@media(max-width: 767px) {
	
	#search {
		display: none;
	}
	
	#mobile_search {
		display: none; /*was block*/
		margin-top:-23px;
	}
	
	.inner,
	.standard #content .inner,
	.rsDefaultInv .rsBullets {
		width: auto;
		min-width: 260px;
		max-width: 420px;
	}
	
	.rsDefaultInv .rsBullets
	{
		margin-top: -232px;
	}
	
	#content .inner {
		padding: 0 15px;
		
	}
	
	#content .right {
		padding-left: 0 !important;
		width: 100%;
	}
	
	#content .left,
	.widget #content .left {
		background: none;
		width: 100%;
		min-height: 0;
	}
	
	#home_blocks ul {
		margin: 0 auto;
	}
	
	#home_blocks ul li {
		margin: 0 0 20px 0 !important;
		width: 100%;
	}
	
	#home_blocks ul li img {
		width: 100%;
	}
	
	#home_blocks ul li .text {
		height: auto;
	}
	
	.breadcrumb {
		display: none;
	}
	
	.banner {
		margin-left: auto;
		margin-right: auto;
	}
	
	
	#banner,
	.royalSlider {
		height: 160px!important;
	}
	
	.royalSlider .rsABlock {
		font-size: 18px;
		margin-top:90px;
	}
	
	.royalSlider .rsABlock p {
		line-height: 28px;
	}
	
	.royalSlider .blok_wrap {
		margin-top: -45px!important;

	}
	
	.rsContent {
    width: 100%;
    height: 200px!important;/*was100%*/
    position: relative;
    margin-top:-88px;
	margin-left:0px;
}
.rsDefaultInv .rsBullets {
   margin-top: -157px!important;

}
#content{
	margin-top:-50px;
}
.rsDefaultInv.rsHor .rsArrowLeft {
    visibility:hidden;
}
.rsDefaultInv.rsHor .rsArrowRight {
    visibility:hidden;
}
.rsImg {
    margin-top:88px!important;
}
.royalSlider .rsABlock p {
    background: #fff;
    clear: both;
    float: left;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 10px;
    margin-top: 145px;
    font-size: 15px;
    color: #8f8f8f;
    font-style: italic;
}
.royalSlider .blok_wrap {
    margin-top: 100px;
    position: relative;
    width: 950px;
    width: 100%;
}	
}

@media(max-width: 480px) {
	
	#nav_toggle {
		margin-right: 15px;
	}
	
	.fw_form_wrapper .fw_form_label,
	.fw_form_wrapper .fw_form_field {
		float: none;
	}
	
	.fw_form_wrapper .fw_form_field input[type="text"],
	.fw_form_wrapper .fw_form_field input[type="password"],
	.fw_form_wrapper .fw_form_field select,
	.fw_form_wrapper .fw_form_field textarea {
		width: 93%;
	}
	#logo {width:60%; padding-top:20px;}
	.bel-knop {position:absolute; display:block;  top: 88px;right:0px;}
	.bel-knop a {color:#fff; background:#bd2634; padding:10px 20px; border:1px solid #eee; font-weight:300; text-decoration:none; line-height:40px;}
.slogan {
    font-size: 16px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left: 10px;
    float: none;
}

.rsContent {
    width: 100%;
    height: 135px;
    position: relative;
    margin-top:-88px;
	margin-left:0px;
}
.rsDefaultInv .rsBullets {
    margin-top: -230px;
}
#content{
	margin-top:-145px;
}
.rsDefaultInv.rsHor .rsArrowLeft {
    visibility:hidden;
}
.rsDefaultInv.rsHor .rsArrowRight {
    visibility:hidden;
}
.rsImg {
    height: 100%!important;
    margin-top:88px!important;
    width:100%!important;
    margin-left: 0px!important;
}
.royalSlider .rsABlock p {
    background: #fff;
    clear: both;
    float: left;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 10px;
    margin-top: 145px;
    font-size: 15px;
    color: #8f8f8f;
    font-style: italic;
}
#banner, .royalSlider {
    height: 100px!important;
}
.slogan {
    font-size: 16px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left: 10px;
    float: none;
}
}

@media(max-width: 1500px) {
	.rsContent {
	    width: 100%;
	    height: 135px;
	    position: relative;
	    margin-top:-88px;
		margin-left:0px;
	}
	.rsDefaultInv .rsBullets {
	    margin-top: -400px!important;
	}
	
	.royalSlider .rsABlock.customer {
	    top: 172px;
	}
	
	#content{
		margin-top:75px;
	}
	.rsDefaultInv.rsHor .rsArrowLeft {
	    visibility:hidden;
	}
	.rsDefaultInv.rsHor .rsArrowRight {
	    visibility:hidden;
	}
	.rsImg {
	    min-height: 100%!important;
	    margin-top:88px!important;
	    width:100%!important;
	    margin-left: auto!important;
	}
	.royalSlider .rsABlock p {
	    background: #fff;
	    clear: both;
	    float: left;
	    line-height: 30px;
	    margin-bottom: 5px;
	    padding: 0 10px;
	    margin-top: 145px;
	    font-size: 15px;
	    color: #8f8f8f;
	    font-style: italic;
	}
	#banner {
	    height: 285px;
	    overflow: hidden;
	    background-color: #EEE;
	}
	.royalSlider .blok_wrap {
	    margin-top:160px;
	    position: relative;
	    width: 950px;
	    width: 100%;
	}
}



@media(max-width: 1040px) {
	.royalSlider .rsABlock.customer {
	    top: 100px;
	}
	#search {
    position: absolute;
    right: 45px;
    margin-top: 45px;
}
.slogan {
    font-size: 20px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left:30px;
    float:right;
}

}

@media(max-width: 767px) {
	.royalSlider .rsABlock.customer {
	    top: 200px;
	    font-size:12px;
	}
}

fw-html{
	min-height:0px!important;
}

.slogan {
    font-size: 20px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left:30px;
    float:none;
}

/*iPhone 5 landscape*/
@media(max-width: 568px) {
	.slogan {
    font-size: 16px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left: 10px;
    float: none;
}
.bel-knop {
    position: absolute;
    display: block;
    top: 20px;
    right: 0;
    margin-right: 10px;
}
}

/*iPhone 5 portrait*/
@media (max-width: 320px){
.bel-knop {
    position: absolute;
    display: block;
    top: 83px;
    right: 0;
    margin-right: 10px;
}

}

/*iPhone 6 portrait*/
@media (max-width: 375px){
.bel-knop {
    position: absolute;
    display: block;
    top: 88px!important;
    right: 0;
    margin-right: 13px;
}
#logo {
    width: 60%!important;
    padding-top: 10px!important;
}
}

/*iPhone 6 landscape*/
@media (max-width: 667px){
.bel-knop {
    position: absolute;
    display: block;
    top: 88px;
    right: 0;
    margin-right: 13px;
}
#logo {
    width: 60%;
    padding-top: 20px;
}
.slogan {
    font-size: 16px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left: 10px;
    float: none;
}

}

/*iPhone 6 Plus Landscape*/
@media (max-width: 736px){
.bel-knop {
    position: absolute;
    display: block;
    top: 88px;
    right: 0;
    margin-right: 13px;
}
#logo {
    width: 50%;
    padding-top: 20px;
}
}

@media (max-width: 767px){
.slogan {
    font-size: 13px;
    font-style: italic;
    color: grey;
    padding-top: 80px;
    padding-left: 10px;
    float: none;
}
.bel-knop {
    position: absolute;
    display: block;
    top: 20px;
    right: 0;
    margin-right: 10px;
}
#logo {
    width: 70%;
    padding-top: 30px;
}
#content .title h1, #content .left .title {
    color: #bd2634;
    font-size: 23px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 35px;
}
#content .top:after, #content .main.home .list_line{
	visibility:hidden;
}

}

 li {
    margin-left: 13px;
}

@media (max-width: 460px){
.rsContent {
    width: 100%;
    height: 100%!important;
    position: relative;
    margin-top: -88px;
    margin-left: 0px;
}
}

@media (max-width: 570px){
.rsContent {
    width: 100%;
    height: 220px;
    position: relative;
    margin-top: -88px;
    margin-left: 0px;
}
}