body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
html{height:100%;}

body{
	font-family:'itcbk', verdana, arial;
	height:100%;
	font-size:0.9em;
	line-height:1.8em;
	color:#000;
	text-align:center;
}

a{color:#40678A;}
a:hover, .sel{color:#253C51;}
p{margin-bottom:20px;}
strong{font-weight:bold;}
i, em{font-style:italic;}
table td{vertical-align:top;}
ul{list-style:disc;margin:10px 0px 10px 20px;}
ol{list-style:decimal;margin:10px 0px 10px 20px;}
ul li{list-style:disc;padding-left:2px;margin:0px;}
ol li{list-style:decimal;padding-left:2px;margin:0px;}
th{font-weight:bold;}
form p{margin:0 !important;}
img{display:block;border:0px;}

input, textarea, select{
	color:#667685;
	border:1px solid #667685;
	font-family:'itcbk', verdana, arial;
	line-height:1.2em;
	font-size:1em;
	padding:5px;
	margin:1px 0px 1px 0px;
	background-color:white;
	/*border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}

input[type="text"]{
	width:220px;
}

input[type="submit"], .sbtn{
	margin-top: 20px;
	background-color:#ba191a;
	color:white;
	cursor: pointer;
	transition: all 0.5s ease-in-out !important;
}

input[type="submit"]:hover, .sbtn:hover{
	background-color:#d6850a;
}

h1{
	color:#000;
	font-size:1.5em;
	margin-bottom:15px;
	line-height:1.5em;
	font-weight:normal;
}

h2{
	color:#ba191a;
	text-transform: uppercase;
	font-weight:normal;
	font-size:1.3em;
	display: inline-block;
	margin:20px 0px 10px 0px;
}

h2 a{color:#d6850a;}

h3{
	color:#ba191a;
	font-size:1.1em;
	margin:15px 0px 10px 0px;
}

h4{
	color:#000;
	font-size:1em;
	font-weight:bold;
	margin:15px 0px 10px 0px;
}

.cls{
	clear:both;
	font-size:1px;
	line-height:1px;
}

.infoMsg{
	color:#45A316;
	background:url(/images/ico/info.gif) no-repeat 10px 7px;
	margin-bottom:15px;
	border:1px solid #9A9A9C;
	padding:5px 5px 5px 35px;
	background-color:#EAFFF0;
}

.infoMsg a{
	color:#45A316 !important;
}

.errMsg{
	color:#D60729;
	background:url(/images/ico/warning.png) no-repeat 10px 5px;
	margin-bottom:15px;
	border:1px solid #9A9A9C;
	padding:5px 5px 5px 35px;
	background-color:#ffe8cc;
}

.warningMsg{
	color:#2F818E;
	background:url(/images/ico/warning.png) no-repeat 10px 5px;
	margin-bottom:15px;
	border:1px solid #FF8040;
	padding:5px 5px 5px 35px;
	background-color:#FFF8F4;
}


table td{font-size:1em;}
table{font-size:1em;}

a[href$='.pdf'],.pdf{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/pdf.png) center left no-repeat;
}

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'], a[href$='.xlsx'],.xls,.csv,.xlt,.xlw,.xlsx{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/excel.png) center left no-repeat;
}

a[href$='.ppt'], a[href$='.pps'], a[href$='.pptx'], a[href$='.ppsx'],.ppt,.pps,.pptx,.ppsx{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/powerpoint.png) center left no-repeat;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'], a[href$='.docx'],.doc,.rtf,.txt,.wps,.docx{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/word.png) center left no-repeat;
}

a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'],.zip,.gzip,.rar{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/zip.png) center left no-repeat;
}
/*
a[href$='.jpg'], a[href$='.gif'], a[href$='.jpeg'],a[href$='.png'],.jpg,.gif,.jpeg{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/image.png) center left no-repeat;
}*/

a[href$='.iso'],.iso{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/iso.png) center left no-repeat;
}

a[href$='.ai'],.ai{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/ai.png) center left no-repeat;
}

a[href$='.psd'],a[href$='.eps'],.eps,.psd{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/ps.png) center left no-repeat;
}

a[class='noico']{
	display:block;
	padding-left:0px !important;
	background-image:none !important;
}
/*
hr{
	border:none;
	height:1px;
	border:none;
	margin:15px 0px 15px 0px;
	line-height:1px;
	font-size:1px;
	background:url(/images/hr2.png) no-repeat bottom left;
}
*/

* {
	box-sizing: border-box;
}

/* EDITOR STYLES */

/* CUSTOM CSS*/
.sitewidth{
	width: 85%;
	max-width: 2000px;
	margin: 0 auto;
}
#main{
	position:relative;
	width:100%;
	margin:auto;
	text-align:left;
}

/* HEADER */
#header{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 250;
}
#headerpad{
	position: relative;
}

#logo{
	margin: 25px 0;
	width: 340px;
	display: block;
	float: left;
}

#logo a{
	display: block;
}

#logo a img{
	width: 100%;
	display: block;
}

#languages{
	position: absolute;
	right: 0;
	top: 15px;
}
#languages a{
	margin-right: 5px;
}
#languages a:last-child{
	margin-right: 0;
}

.langcircle{
	display: inline-block;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 2px 4px 4px 4px;
	text-transform: uppercase;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    text-align: center;
	text-decoration: none;
	font-size: 0.8em;
}

#languages .sel,.langcircle:hover{
	color: #fff;
	background: #000;
}

.facebook{
	line-height: 1.3em;
	display: inline-block;
	font-size: 1.2em;
	background-color: #3B5999;
	border: 1px solid #3B5999;
	color: white;
	margin-right: 10px !important;
	top: 2px;
}
.facebook .fa{
	
}

#menu{
	display: block;
	float: right;
	width: auto;
	text-transform: uppercase;
	margin:0;
	margin-top: 50px;
}

#menu li{
	margin-right: 30px;
	display: inline-block;
	position: relative;
}

#menu li:last-child{
	margin-right: 0;
}

#menu li a{
	color: #000;
	text-decoration: none;
}

#menu li .sel,#menu li a:hover{
	color: #ba191a;
}

#menu li:hover > ul{
	display: block;
}

/* BANNER */

#bannerwrap{
	position: relative;
	height: 100%;
	width: 100%;
	/*-webkit-box-shadow: 0px 12px 12px -12px rgba(0,0,0,1);
	-moz-box-shadow: 0px 12px 12px -12px rgba(0,0,0,1);
	box-shadow: 0px 12px 12px -12px rgba(0,0,0,1);*/
	background-color: white;
	min-height: 500px;
}

.bnormaal #btextwrapn{
	bottom: 50px;
}
.bnormaal #buttonwrap{
	display: block;
}
#banner{
	z-index: 10;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}

#banimgwrap{
	display: block;
    position: relative;
    width: 100%;
	z-index: 10;
}

#banwrap{
    overflow: hidden;
    position: relative;
    width: 100%;
	height: 100%;
}

.banimgwrap{
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#banl{
	z-index: 120;
	font-size: 1.8em;
	text-align: right;
	position: absolute;
	left: 0%;
	right: 0%;
	padding:20px 0;
}

#banl a{
	color: white;
}

#banl .sel,#banl a:hover{
	color: #d6850a;
}

.bnormaal{
	max-height: 500px !important;
}

#banl a{
	font-size: 1.6em;
	display: inline-block;
	color: #000;
	text-decoration: none;
	width: 14px;
}
#banl a:hover,#banl .sel{
	color: #ba191a;
}

#clinks{
	left: 0;
	background-image: url(/images/clinks.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#clinks:hover{
	background-image: url(/images/clinkshover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#crechts{
	right: 0;
	background-image: url(/images/crechts.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#crechts:hover{
	background-image: url(/images/crechtshover.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.banbtn{
	z-index: 120;
	width: 100px;
	height: 100%;
	position: absolute;
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.70);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

#scrolldown {
    float: left;
    opacity: 0.9;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 8;
    margin: 0;
    padding: 0;
    outline: 0;
	height: 100%;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

#scrolldown a {
	color: #000;
	bottom: 0;
	display: inline-block;
	position: absolute;
	left: 0%;
	right:0%;
    line-height: 40px;
}
#scrolldown a .fa {
	position: relative;
    font-size: 36px;
    margin-top: 20px;
}

#scrolldown a i{
    animation: 1s linear 0s alternate none infinite fadeInDown;
    -moz-animation: 1s linear 0s alternate none infinite fadeInDown;
    -webkit-animation: 1s linear 0s alternate none infinite fadeInDown;
    -o-animation: 1s linear 0s alternate none infinite fadeInDown;
    -ms-animation: 1s linear 0s alternate none infinite fadeInDown;
	
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#scrollTop{
    animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -moz-animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -webkit-animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -o-animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -ms-animation: 1.1s linear 0s alternate none infinite fadeInDown;
	
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes fadeInDown{
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* CONTENT */
#content{
	width: 100%;
}
#contentpad{
	padding:60px 0;
	font-size: 1.1em;
}
.hcontent{
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

/* ICONEN */
.pitem{
	width: 49.8%;
	display: block;
	float: left;
	margin-bottom: 6px;
	position: relative;
	overflow: hidden;
}
.pmargin{
	margin-right: 0.4%;
}
/*.pitem:last-child{
	margin-right: 0;
}*/
.pitem img{
	display: block;
	width: 100%;
}
.ptitel{
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	height: 100%;
	min-height: 1px;
}
.ptitel span{
	position: relative;
	display: table;
	min-height: 1px;
	height: 100%;
	width: 100%;
}
.ptitel span span{
	min-height: 1px;
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 3em;
}

.poverlay{
	top: -80%;
	position: absolute;
	background:url(/images/poverlay.png) no-repeat top center;
	background-size: 100%;
	height: 80%;
	display: block;
	width: 100%;
	z-index: 150;
}

.titelspan{
	height: auto !important;
}
/* FOOTER */
#footer{
	width: 100%;
}
#footerpad{
	padding:25px 0;
}
#fwrap a{
	color: #FF0000;
	text-decoration: none;
}
#fwrap a:hover{
	color: #000;
}

#subfooter{
	margin-top: 15px;
}
#subfooter a{
	text-decoration: none;
	color: #000;
}

#fsitemap{
	margin-right: 15px;
}

/* CONTACTFORMULIER */
#contactform{
	/*margin-top: 0px;*/
}

#contactform input,.righttable input{
	width: 97%;
}

#contactform textarea,.righttable textarea{
	width: 97% !important;
}

.righttable{
	float: right;
	width: 48%;
}
#contactform{
	float: left;
	width: 48%;
}

.tdinput{
	float: left;
	width: 100%;
}
.tdtitle{
	float: left;
	width: 100%;
}
.spamtr{
	float: left;
	width: 100%;
}
.sbtn{cursor: pointer;}
#validator{padding: 4px !important;height: 25px;margin-left: 20px;}

.back{
	text-decoration: none;
}

.tdinput textarea{
	height: 185px;
}


#editor{
	text-align:left;
}

/* Search buttons */

.searchBtn{
	background:url(/images/topsearchbtn.png) no-repeat center;
	text-indent:50px;
	width:20px;
	height:28px;
	border: 1px solid #008fcf;
	border-top-right-radius: 5px;
	padding:7px 12px !important;
	margin-left: 2px;
}

#qt{
	border: 1px solid #008fcf !important;
	margin-top: -1px;
	display: inline-block;
}

.searchBtn1, .searchBtn2{
	border:none;
	padding:0px;
	background:url(/images/search1.jpg) no-repeat center;
	text-indent:50px;
	width:20px;
	height:21px;
	margin-left:10px;
}

.searchBtn2{
	background:url(/images/search2.gif) no-repeat center;
}

.ftag{
    display: none;
}

#searchwrap{
	float: left;
}

#searchwrapcontent{
	position: absolute;
	right:0;
}

/*SCROLL MENU */
.main-nav-scrolled{
	position: fixed !important;
	width: 100% !important;
	top: 0;
	z-index: 1000;
	background-color: rgb(255, 255, 255);
    /*background-color: rgba(255, 255, 255, 0.95);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
	filter: alpha(opacity=95);*/
	border-bottom: 1px solid #000;
}

.main-nav-scrolled #logo{
	margin:10px 0;
	width: 260px;
}

.main-nav-scrolled #languages {
    top: 8px;
}
.main-nav-scrolled #menu{
	margin-top: 38px;
}

/* RESPONSIVE MENU */
.toggle-nav{
	display:none;
	position: absolute;
	right: 0;
	margin-top: 0px;
}

.tn_btn {
    /*background-color: #004099;*/
    border-radius: 4px;
    /*margin: 5px 5px 6px;*/
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.tn_btn {
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    /*padding: 0.438em 0.625em;*/
    position: relative;
    vertical-align: middle;
}

.tn_icon-bar {
   /* background-color: #00b4d8;*/
    background-color: #000000;
}
.tn_icon-bar {
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 0.3em;
    width: 2.3em;
}

.tn_icon-bar + .tn_icon-bar{
	margin-top: 0.40em;
}

/*
* Clearfix: contain 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 receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

.transeffect{
	transition: all 0.2s ease-in-out !important;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
	*zoom: 1;
}

#scrollTop{
	display: none;
	background:url(/images/scrolltop.png) no-repeat top center;
	background-size: 100%;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 0px;
	bottom: 10px;
}

#scrollTop:hover{
	background:url(/images/scrolltophover.png) no-repeat top center;
	background-size: 100%;
}

/* PRINT */
@media print{
}

/* RESPONSIVE */
@media screen and (max-width:1200px){
	#banl{
		width: 70%;
	}
}
@media screen and (max-width:1150px){
	.sitewidth{
		width: 96%;
	}
}
@media screen and (max-width:1000px){
	#logo {
		margin: 20px 0;
		width: 300px;
		display: block;
		float: left;
	}
}
@media screen and (max-width:900px){
	#main{width:100%;}
	img{max-width:100%;}
}

@media screen and (max-width:900px){
	.banbtn{
		width: 60px;
		display: none;
	}
	#banl{
		width: 96% !important;
	}
	#languages{
		top: 18px;
		right: 40px;
	}
	.main-nav-scrolled #languages {
		top: 18px;
	}
	.toggle-nav{
		display:block;
		top: 20px;
		right: 0px;
	}
	#menu{
		display: none;
		width: 100%;
		margin-top: 0px;
	}
	#menu li{
		width: 100%;
		text-align: right;
		padding:10px 0;
	}
	#logo {
		margin: 10px 0;
		width: 260px;
	}
	.submenu{
		display: none !important;
	}
	.bnormaal,.bhome{
		height: 280px !important;
	}
	#bannerwrap{
		min-height: 50px;
	}
	#contentpad{
		padding:20px 0;
	}
}

@media screen and (max-width:670px){
	#gframe{
		height: 250px;
	}
	#contactform input,.righttable input{
		width: 95%;
	}
	
	#contactform textarea,.righttable textarea{
		width: 95% !important;
	}
}

@media screen and (max-width:450px){
	#logo {
		margin: 15px 0;
		width: 180px;
	}
	.main-nav-scrolled #logo {
		margin: 15px 0;
		width: 180px;
	}
	#contactform{
		width: 100%;
	}
	.righttable{
		width: 100%;
	}
}
@media screen and (max-width:750px){
	.pmargin {
		margin-right: 0;
	}
	.pitem {
		width: 100%;
		display: block;
		float: left;
		margin-bottom: 6px;
		position: relative;
		overflow: hidden;
	}
}
@media screen and (max-width:670px){}
@media screen and (max-width:670px){}
@media screen and (max-width:670px){}

@font-face {
	font-family: 'itcbk';
	src: url('fonts/ITCAvantGardeStd-Bk.eot');
	src: url('fonts/ITCAvantGardeStd-Bk.woff') format('woff'), url('fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'), url('fonts/ITCAvantGardeStd-Bk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}