a{outline:0;}
img{border:0px;outline:0;}
.left{	float:left !important;}
.right{float:right !important;}
.clear{clear:both;}
ul, ul li{margin:0;padding:0;}
.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}


/*** default**/
body{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	line-height:18px; 
	color:#707173;
}

a,
a:hover {
	color:#008a9f;
	text-decoration: underline;
}
.center{text-align:center;}

/*** headings***/
h1{ font-size:16px; color:#008a9f; font-weight:bold;}
h2{ font-size:14px; color:#0591a6; font-weight:bold; margin:0;}
h3{font-size:14px; color:#0591a6; font-weight:bold; margin:0;}
h4{}
h5{}
h6{}

.top {margin-top:-10px;}
.verschijn{display:none;}
.verdwijn{display:block;}
/*** default containers ***/

.withbg{
	background-image: url(../images/bg-brushed.jpg);
	background-position:center;
	background-repeat:repeat-y;
	margin-top:-17px;
	
}

.content{padding-top:50px;
padding-bottom:20px;}


.footer{
	background-image:url(../images/topfooter.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #02758d;
	color:#fff;
	padding-top:70px;
	
}
.full{ display: block;
  max-width: 100%;
  height: auto;}
.footer {

	
}

/** logo*/
.logo{
	position:absolute;
	z-index:0;	
	margin-top:-10px;
}


/*** navigation**/
ul.topnav{
	height:50px;
	background-image:url(../images/bg-nav.png);
	background-repeat:no-repeat;
	display:block;
	text-align:center;
	margin-top: 30px;
	padding-top:10px;

}

.topnav li{
	display:inline-block;
	list-style-type:none;

	
}

.topnav li:first-child{
	padding-left:0;
}

.topnav li:last-child{
	border-right:0;
	padding-right:0;	
}



.topnav li.active a,
.topnav li a:hover {
	color: #008fa5;
}

.topnav li.active{
	background-image: url(../images/active-arrow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:40px;
	z-index:500;
	position:relative;
}

.topnav li.active a{
	text-decoration:underline;	
}

.topnav li a{
	font-size:12px;
	color: #8a8a8a;
	text-decoration:none;
	border-right:1px solid #008fa5;	
	padding:0 15px;
}

/** leftmenu**/
.leftmenu{
	float:left;
	width:	177px;
	margin-bottom:70px;
	margin-top:30px;
}
.leftmenu ul li{
	list-style-type:none;	
	background-image:url(../images/bg-leftmenu.png);
	background-repeat:repeat-x;
	background-position: bottom;
	height: 27px;
	padding-left:5px;
	font-size:12px;
	line-height:27px;

	
}
.leftmenu ul li a{
	text-decoration:none;
	color:#707173;	
}

.leftmenu ul li:hover,
.leftmenu ul li.active,
.leftmenu ul li.menu-grey:hover{
	background-image: url(../images/bg-leftmenu-hover.png);
	background-repeat:repeat-x;
	background-position:bottom;
	backtgroud-color: #cbe7eb;
}

.leftmenu ul li a span {
	font-weight:bold;
	color: #008FA5;
}

.leftmenu ul li a span span{
	color: #008FA5;
	font-weight:normal;
}

.leftmenu ul li:first-child{
	font-size:12px;
	font-weight:bold;
}



 
.containeram,
.scroller {
	height: 100%;
}

.scroller {
	overflow-y: scroll;
}

.scroller,
.scroller-inner {
	position: relative;
}

.containeram {
	position: relative;
	overflow: hidden;
	background: #fff;
}

.leftmenu ul li:first-child a,
.leftmenu ul li.menu-grey a{
	color: #008FA5;	
	font-weight:bold;
}

.leftmenu ul li.menu-grey{
	background-color:#eaeae8 !important;
	background-image:none;
}



/** subnav top **/
.subnavholder {
	height:112px;
	overflow: hidden;
	position:absolute;
	width:100%;
	z-index:300;
	margin-top:-22px;
	
}

.subnav{
	height: 100%;
	width:100%;
	margin-top: -102px;
	background-image: url(../images/bg-subnav.png);
	background-repeat:repeat-x;
	
}

.subnav ul:first-child{
	margin-left:256px;	
	border-left:0;
}

.subnav ul:first-child li a{
	font-weight:bold;
	text-decoration:none;	
	color: #008A9F;	
}
.topsub{
	float:left;	
	margin-top:20px;
	border-left:1px solid #cce9ed;
	margin-left:30px;
}


.topsub li{
	list-style:none;
	padding-left:10px;
	margin-left:10px;
	background-image: url(../images/menu-btn.png);
	background-position:left;
	background-repeat:no-repeat;
}
.topsub li a{
	text-decoration:none;
	color: 	#8A8A8A;
}

.topsub li a span{
	color: #008A9F;	
	font-weight:bold;
}

.topsub li a span span{
	color: #008A9F;	
	font-weight:normal;
}


.top{ z-index:-1; }

.footer ul li:first-child{
	border-bottom: 2px solid #41b8cb;
	text-transform:uppercase;
	font-size:	12px;
	color: #d9dadb;
	padding-bottom: 5px;
	font-weight:bold;
	list-style:none;
	margin-top:5px;
}

.footermenu li a {border-left: 1px solid #41b8cb; padding-left:7px;
}
.footermenu li {list-style-type: none;}



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

.footer a:hover{
	text-decoration: underline;
	font-weight:bold;	
}


.footer a.linkedin{
	width: 79px;
	height: 25px;
	background-image: url(../images/linkedin.png)	;
	background-repeat:no-repeat;
	display:block;
}

.footer a:hover.linkedin{
	background-position:0 -22px;	
}

.footer a.linkedin-grey{
	width: 92px;
	height: 31px;
	background-image: url(../images/linkedin-grey.png)	;
	background-repeat:no-repeat;
	display:block;
}

.contacpage li {list-style: none;}
.contactpage ul li:first-child{
	border-bottom:0;	
	
	text-transform:uppercase;
	font-size:	12px;
	color: #41b8cb;
	padding-bottom: 5px;
	font-weight:bold;
	list-style:none;
	margin-top:5px;
}









/** home styling**/
.imagebox.big{
	width: 100%;
	height: 436px;
	text-align:center;
}

.imagebox{
	width: 100%;
	height: 253px;
	margin-top:-21px;
	text-align:center;
	float:left;
	position:relative;
	z-index:200;
	
}

.imagehome{
	height:420px;	
	background-color:#eeeeec;
	background-size: cover;
	background-position: center;
	background-image: url('../images/headers/home.jpg');
}

.image{
	height:253px;
	max-width:100%;
	background-color:#eeeeec;
	background-size: cover;
	background-position: center;
}

#home{
	margin-top:-17px;	
}

.btn{
	background-image:url(../images/bg-btns.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	

	
}

.maps{
	background-image:url(../images/bg-btns.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:70px;
	padding-bottom:50px;
}


.btn a{
	font-size:22px;
	text-decoration:none;
	
}


a.btn-producten{
	background-image:url(../images/btn-producten.png);
	background-repeat:no-repeat;
	width: 130px;
	height:150px;
	display:block;
	
	text-align:center;
	padding-top:140px;
	margin-bottom:30px;
}

a:hover.btn-producten{
	background-position: 0 -161px;
}

a.btn-nieuws{
	background-image:url(../images/btn-nieuws.png);
	background-repeat:no-repeat;
	width: 130px;
	height:150px;
	margin-bottom:30px;
display:block;
	text-align:center;
	padding-top:140px;
}

a:hover.btn-nieuws{
	background-position: 0 -161px;
}

a.btn-contact{
	background-image:url(../images/btn-contact.png);
	background-repeat:no-repeat;
	width: 130px;
	display:block;
	text-align:center;
	
	padding-top:140px;
margin-bottom:30px;
}

a:hover.btn-contact{
	background-position: 0 -162px;
}


/** styling arrows**/
.greyarrow{
	background-image:url(../images/grey-arrow-down.png)!important	;
	background-position:top center;
	background-repeat:no-repeat;
	height: 17px;
	position:relative;
	z-index:0;
	
}

.whitearrow{
	background-image:url(../images/image-arrow-white.png)!important	;
	background-position:top center;
	background-repeat:no-repeat;
	height: 17px;
	position:relative;
	z-index:0;
	margin-top:-17px;
}

.greyarrowtxt{
	background-image: url(../images/image-arrow-brushed.png)!important	;
	background-position:top center;
	background-repeat:no-repeat;
	height: 17px;
		position:relative;
	z-index:0;
	margin-top:-17px;
	
}

/** txt styling **/
.txt ul{
	
}

.content ul li{
	list-style-position:outside;	
	color: #707173;
	margin-left:12px;
}

.content a{
	font-weight:bold;	
}

/** styling banners*/


.bannerbox {
	
		border-bottom:10px solid #0591a6;
		-webkit-box-shadow: 	0 -3px 7px -1px rgba(174, 174, 174, 0.75), 3px 0px 7px -3px rgba(174, 174, 174, 0.75), -3px 0px 7px -3px rgba(174, 174, 174, 0.75);
	-moz-box-shadow:    0 -3px 7px -1px rgba(174, 174, 174, 0.75), 3px 0px 7px -3px rgba(174, 174, 174, 0.75), -3px 0px 7px -3px rgba(174, 174, 174, 0.75);
	box-shadow:         0 -3px 7px -1px rgba(174, 174, 174, 0.75), 3px 0px 7px -3px rgba(174, 174, 174, 0.75), -3px 0px 7px -3px rgba(174, 174, 174, 0.75);		
}




/** logos**/
.logos{
	background-image:url(../images/bg-logos.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:70px;
	padding-bottom:70px;

}

.swap img:last-child{display:none}
.swap:hover img:first-child{display:none}
.swap:hover img:last-child{display:inline-block}


/** branches**/
.branches{
	background-image:url(../images/bg-btns.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding: 70px 0;
}

.branche{
	width: 410px;
	float:left;	
	margin-right:60px;
	margin-bottom:50px;
}

/** news***/
.item{
	background-image: url(../images/bg-item.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:50px;
padding-top:30px;
}


.thumb {}

.thumb img{
	
	-webkit-box-shadow: 	0 -3px 7px -1px rgba(174, 174, 174, 0.75), 3px 0px 7px -3px rgba(174, 174, 174, 0.75), -3px 0px 7px -3px rgba(174, 174, 174, 0.75);
	-moz-box-shadow:    0 -3px 7px -1px rgba(174, 174, 174, 0.75), 3px 0px 7px -3px rgba(174, 174, 174, 0.75), -3px 0px 7px -3px rgba(174, 174, 174, 0.75);
	box-shadow:         0 -3px 7px -1px rgba(174, 174, 174, 0.75), 3px 0px 7px -3px rgba(174, 174, 174, 0.75), -3px 0px 7px -3px rgba(174, 174, 174, 0.75);	
	border-bottom:10px solid #0591a6;
}

.thumb img:hover{
	-webkit-box-shadow: 	0 -3px 7px -1px rgba(121, 121, 121, 0.75), 3px 0px 7px -3px rgba(121, 121, 121, 0.75), -3px 0px 7px -3px rgba(121, 121, 121, 0.75);
	-moz-box-shadow:    0 -3px 7px -1px rgba(121, 121, 121, 0.75), 3px 0px 7px -3px rgba(121, 121, 121, 0.75), -3px 0px 7px -3px rgba(121, 121, 121, 0.75);
	box-shadow:         0 -3px 7px -1px rgba(121, 121, 121, 0.75), 3px 0px 7px -3px rgba(121, 121, 121, 0.75), -3px 0px 7px -3px rgba(121, 121, 121, 0.75);	
	border-bottom:10px solid #0591a6;
}

.date{
	font-weight:bold;
}

.introtxt{
	width:600px;
	float:left;	
}

.introtxt a{
	text-decoration:none;
	font-weight:bold;	
}

.introtxt a:hover{
	text-decoration:underline;
}

.page{
	text-align:center;	
	margin: 30px 0 30px 0;
}


.pagecontainer{
	width:100%;

    margin: 0 auto;
}

.page a {
	text-decoration:none;	
	color: #707173;
}

.page a.active{
	color: #008A9F;
	font-weight:bold;	
}

.prev,
.next,
.pages{
	display:inline-block;
	margin: 0 5px;
}

.prev,
.next{
	padding-top:4px;	
}

/** faq detail**/
.faq{font-size:16px;
font-weight:bold;
color:#333;}

/** nieuws detail**/


.back{
	text-align:center;
	margin:0 auto;
	padding-bottom:10px;
}

.back a{
	margin-left:5px;
	color: #707173;
	text-decoration:none;
	background-image: url(../images/prev-grey.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	margin:0 auto;
	
}

.back a:hover{
	background-image: url(../images/prev-blue.png);
}



/*** contactform**/
.borderleft{border-left: 1px solid #7bc3ce;}
form{width:100%; margin:0;}

input[type=text]{
	margin-left:18px;
	margin-bottom:10px;
	border:1px solid #008a9f;
	color: #a5a7aa;
	font-size:13px;
	float:left;
	width:80%;
	
	
	padding-left:20px;
}

textarea{
	width:80%;
	margin-bottom:10px;
	border:1px solid #008a9f;
	padding-left:20px;margin-left:18px;
}

input[type=submit]{
	background-image: url(../images/btn-bg.png);
	background-repeat:no-repeat;
	background-color: transparent !important;
 width:108px;
	height:40px;

	color: #fff;
	border:0;
	margin-right:45px;
	padding-top:3px;
}

input[type="button"]:hover{
	background-position: 0px -45px;
}

.good{
	background-image: url(../images/icons.png);
	background-position: 0 21px;
	width: 21px;
	height:21px;
	float:left;
	margin-left:10px;
}

.bad{
	background-image: url(../images/icons.png);
	background-position: 0 0;
	width: 21px;
	height:21px;
	float:left;
	margin-left:10px;
}







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

	
	.verschijn{display:block;}
	
	.verdwijn{display:none;}
	
	

  }