/* ### general ### */
* { margin: 0px; padding: 0px; }
body{overflow:scroll;}
html, body { font-family: Century Gothic; font-size: 12px; color: #14297c; }
h1{color:#14297c; font-weight:bold;}
h2{color:#14297c; font-weight:bold;}
h3{color:#14297c; font-weight:bold;}
h4{color:#14297c; font-weight:bold;}
h5{color:#14297c; font-weight:bold;}
h6{color:#14297c; font-weight:bold;}
h7{color:#14297c; font-weight:bold;}
h8{color:#14297c; font-weight:bold;}

input, select, textarea, table { font-family: Verdana; font-size: 12px; color: #14297c;}
.invoerveld{ width:440px; color:#14297c; }
body { background: #fff url('img/body_strip.png') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 837px; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 950px;}

	/* ### header container ### */
	#headerCntr { position: relative; width: 950px; height: 150px; }
	#headerCntr h1 { position: absolute; top: 5px; left: 0; }
	#headerCntr h1 a { display: block; width: 390px; height: 60px; text-indent: -9999px; background: url('img/logoblue-eagle.jpg') no-repeat;}
	
		/* ### menu box ### */
.extLogo{ float:right; width:95px; height:52px;margin-top: 78px;}
.extLogo1{ float:right; width:51px; height:52px;margin-top: 72px;}
		.menuBox { position: absolute; top: 90px; left: 0px;}
		#menu1{list-style:none;}
		#menu1 li{float: left; padding: 0 9px; font-size: 16px;}
		#menu1 li a{color: #fff; text-decoration: none;}
		#menu1 li a:hover, #menu1 .selected{text-decoration: underline;}
	
	/* ### banner container ### */
	#bannerCntr { overflow: hidden; border: 3px solid #e0dfdf; width: 940px; height: 240px;}
	#bannerCntr ul { list-style: none; overflow: hidden; }
	#bannerCntr li { float: left; width: 950px; height: 240px; position: relative; }
	#bannerCntr h3 { position: absolute; bottom: 0; left: 0; font-size: 14px; color: #f7f7f7; font-weight: normal; padding: 20px 0 0 30px; width: 950px; height: 26px; background: url('img/title_bg.png') repeat; }
	
	/* ### content container ### */
	#contentCntr { overflow: hidden; width:950px;}

	#content{float:left;width:690px;padding:10px 0 5px;text-align:center;}
	#page{width:550px;margin:0 auto;text-align:left;}
	#page h3, .message h3{font-size: 19px; font-weight:bold; color: #14297d; }
	#page div.content{ padding-top: 12px; line-height: 15px; font-size: 12px; line-height:23px; color: #666;}
	#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
	#page div.content li{margin:3px 0;padding:0;border-left:0;}
	
	.pages{padding:8px 0;text-align:right;}


		/* ### product container ### */
		#productCntr { width: 950px; overflow: hidden; padding: 30px 0; }
		
			/* ### product box ### */
			.productBox { width: 265px; height:340px; float: left;margin-right:75px;}
			.productBox.last { margin-right: 0; width: 270px; float: left;}
			.productBox .photo { width: 265px; height: 166px; background: url('img/photo_bg.jpg') no-repeat; }
			.productBox img { display: inline; margin: 4px 0 0 4px; }
			.productBox h3 { width:265px; height:22px; border-radius:6px; line-height:17px; text-align: center; margin: 10px 0; font-size: 17px; color: #f7f7f7; font-weight: bold; background-image:url(img/read_button2.jpg); background-repeat:repeat-x;} 
			.productBox p { color: #333; line-height: 24px; font-size: 16px; padding-bottom: 10px;display: block; }
			.productBox a { display: block; width: 71px; line-height: 22px; font-weight: bold; font-size: 12px; text-decoration: none; color: #f7f7f7; text-align: center; background: url('img/read_button.png') no-repeat; margin-left:20px;}
			.productBox a:hover { text-decoration: underline; }
		
		/* ### article container ### */
		#articleCntr { float: left; width: 655px; }
		
			/* ### article box ### */
			.articleBox { width: 655px; margin-bottom: 12px; background-color:#f8f8f8; border:1px solid #dddddd; border-radius:4px;}
			.articleBox .top {}
			.articleBox .bottom {overflow: hidden; padding: 12px 0 14px 14px; }
			.articleBox .article { float: left; width: 630px; padding-right: 20px; font-size:12px; line-height:22px; color:#333;}
			.articleBox h3 { font-size: 14px; color: #14297c; font-weight:bold; padding-bottom: 5px; }
			.articleBox p { color: #333; line-height: 22px; font-size: 12px; padding-top: 10px; width:630px; }
			.articleBox a { color: #14297c; text-decoration:none; }
			.articleBox p span { float: left;line-height: 28px; text-align: center; color: #fff; font-size: 12px; margin-right: 8px; /* background: url('img/span_bg.png') no-repeat; */ }


			/* ### article box 1### */
			.articleBox1 { width: 315px; margin-bottom: 12px; background-color:#f8f8f8; border:1px solid #dddddd; border-radius:4px; float:left; margin-right:21px;}
			.articleBox1 .top {}
			.articleBox1 .bottom {overflow: hidden; padding: 8px 0 8px 14px; }
			.articleBox1 .article { float: left; width: 266px; padding-right: 20px; font-size:12px;font-family: Century Gothic; line-height:22px; color:#333;}
			.articleBox1 h3 { font-size: 19px; color: #14297c; font-weight: bold; padding-bottom: 5px;font-family: Century Gothic; }
			.articleBox1 p { color: #333; line-height: 22px; font-size: 12px; padding-top: 10px; width:630px; }
			.articleBox1 p span { float: left; width: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 18px; margin-right: 8px;  /*background: url('img/span_bg.png') no-repeat;  */}

			/* ### article box 2### */
			.articleBox2 { width: 315px; margin-bottom: 12px; background-color:#f8f8f8; border:1px solid #dddddd; border-radius:4px; float:left;}
			.articleBox2 .top {}
			.articleBox2 .bottom {overflow: hidden; padding: 8px 0 8px 14px; }
			.articleBox2 .article { float: left; width: 266px; padding-right: 20px; font-size:12px;font-family: Century Gothic; line-height:22px; color:#333;}
			.articleBox2 h3 { font-size: 19px; color: #14297c; font-weight: bold; padding-bottom: 5px;font-family: Century Gothic; }
			.articleBox2 p { color: #444; line-height: 16px; font-size: 12px; padding-top: 10px; width:630px; }
			.articleBox2 p span { float: left; width: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 18px; margin-right: 8px; /* background: url('img/span_bg.png') no-repeat;  */}


			.subpagesList{float:left; list-style:none;}
			.subpagesList li{clear:left; font-size:12px; color:666;}
			* html .subpagesList li{width:100%;}
			.subpagesList li .photo{float:left;margin:0 6px 5px 0;}
			.subpagesList li img{border:0px;}
			.subpagesList li h3{ font-size: 19px; color: #14297c;  padding-bottom: 5px; }
			.subpagesList li h3, .subpagesList li h3 a{ font-size: 19px; color: #14297c; font-weight: bold; padding-bottom: 5px; text-decoration:none;}
			.subpagesList li h3 a:hover{background:inherit;color:#442;}
			.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
			.subpagesList li li{padding:0;border-left:0;}
			.subpagesList li ul{list-style:disc;}
			.subpagesList li ol{list-style:decimal;}




/* ### project container ### */
		#projectCntr { float: right; width: 280px; }
		
			/* ### project box ### */
			.projectBox { width: 278px; margin-bottom: 12px; background-color:#f8f8f8; border:1px solid #dddddd; border-radius:4px;  }
			.projectBox .top { padding:14px 14px 14px; }
			.projectBox .bottom {overflow: hidden; padding: 10px 8px 10px; }
			.projectBox h3 { font-size: 19px; color: #14297c; font-weight: bold; padding-bottom: 8px; }
			.projectBox ul { list-style: none; }
			.projectBox li { padding: 5px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
			.projectBox li.last { border-bottom: 0; }
			.projectBox .photo { float: left; width: 51px; height: 51px; background: url('img/thumb_bg.png') no-repeat; }
			.projectBox img { margin: 3px 0 0 3px; display: inline; }
			.projectBox .text { float: left; padding-left: 3px; font-size:12px; }
			.projectBox a { font-size: 12px; color: #666; margin: 3px 0; font-weight: bold; line-height: 20px; text-decoration: none; }
			.projectBox a:hover { text-decoration: underline; }
			.projectBox p { font-size: 12px; color: #666; line-height: 20px; }
			
			/* ### video box ### */
			.videoBox { width: 258px; margin-bottom: 12px; background-color:#f8f8f8; border:1px solid #dddddd; border-radius:4px; padding:10px; background: url('img/video_bg.png') no-repeat; display:none; }
			.videoBox img { display: inline; margin: 24px 0 0 7px; }
			
		/* ### left container ### */
		#leftCntr { float: left; width: 185px;}
		
			/* ### link box ### */
			.linkBox { width: 174px; padding: 8px 5px; background: url('img/content_bg.png') no-repeat; }
			.linkBox ul { list-style: none; }
			.linkBox li { font-family: Century Gothic; font-size: 12px; }
			.linkBox li a { display: block; line-height: 22px; color: #696969; text-decoration: none; padding-left: 6px; background: url('img/link_bg.png') no-repeat; margin-bottom:5px; }
			.linkBox li a:hover, .linkBox li.active a { background-position: 0 -22px; color: #fff; }
		
		/* ### center container ### */
		#centerCntr { float: left; width: 558px; padding-left:10px;}
		
			/* ### np box ### */
			.npBox { overflow: hidden; }
			.npBox ul { list-style: none; }
			.npBox li { float: left; color: #666676; font-size: 9px; }
			.npBox li a { margin: 0 2px; color: #666676; text-decoration: none; }
			.npBox li a:hover { text-decoration: underline; }
			
			/* ### text box ### */
			.textBox { padding: 15px 0; }
			.textBox h3 { font-size: 14px; color: #14297d; }
			.textBox p { padding-top: 12px; line-height: 22px; font-size: 12px; color:#333; }
			.textBox p a { color: #14297d; text-decoration: none; }
			.textBox p a:hover { text-decoration: underline; }
			.textBox fieldset { border: none; }
			.textBox label { float: left; width: 90px; font-size: 12px; }
			.textBox input.field { float: left; width: 280px; padding: 2px 3px; font-size: 12px; border: 1px solid #c6c6c6; background: none; }
			.textBox fieldset p { overflow: hidden; }
			.textBox textarea { float: left; width: 275px; height: 90px; padding: 5px; font-size: 12px; border: 1px solid #c6c6c6; background: none; }
			.textBox input.button { float: right; width: 71px; height: 22px; border: none; font-size: 12px; color: #fff; font-weight: bold; margin-right: 5px; cursor: pointer; background: url('img/read_button.png') no-repeat; }
		
		/* ### right container ### */
		#rightCntr { float: left; width: 184px; padding-left: 5px;}
		
			/* ### nav box ### */
			.navBox { width: 168px; font-family: Century Gothic; padding:8px; background: url('img/content_bg.png') no-repeat; margin-bottom:30px; }
			.navBox h3 { font-size: 14px; color: #fff; line-height: 21px; padding-left: 6px; background: url('img/contact_bg.png') repeat-x; }
			.navBox ul { list-style: none; padding-left: 5px; }
			.navBox li { line-height: 25px; font-size: 12px; }
			.navBox li a { color: #696969; text-decoration: none; margin-bottom:5px;  }
			.navBox li a:hover { text-decoration: underline; }
			
			/* ### shop box ### */
			.shopBox { width: 168px; font-family: Century Gothic; padding:8px; background: url('img/content_bg.png') no-repeat; }
			.shopBox h3, .type{ font-size: 14px; color: #fff; line-height: 21px; padding-left: 6px; background: url('img/contact_bg.png') repeat-x; }
			.shopBox ul { list-style: none; width: 158px;padding-left: 6px }
			.shopBox li { border-bottom: 1px solid #1b3080; padding: 2px 0; }
			.shopBox a { color: #14297d; font-size: 12px; font-weight: bold; text-decoration: none; margin-bottom:5px;  }
			.shopBox a:hover { color: #696969; }
			.shopBox p { color: #696969; font-size: 12px; }
			
			/* ### show box ### BEDRIJFSPRESENTATIE */
			.showBox { width: 168px; font-family: Century Gothic; padding:8px; background: url('img/content_bg.png') no-repeat; display:none;} 
			.showBox h3 { font-size: 14px; color: #fff; line-height: 21px; padding-left: 6px; background: url('img/contact_bg.png') repeat-x; }
			.showBox img { display: inline; margin: 6px 2px 0;padding-left: 6px }
	
	/* ### footer container ### */
	#footerCntr { overflow:auto; width: 100%; margin-top: 40px; padding: 10px 0; border-top: 1px solid #030339; background-color:#14297d; color:#FFF; bottom:0;  }
	#footerCntr .inner { width: 950px; margin: 0 auto; color:#FFF; }  
	.footerinfo { display:block;float:left;padding:0 14px;color:#fff;}
	.footerinfo a { color:#fff;font-weight:normal;line-height:21px;text-decoration:none; list-style:none;}


#menufoot{float:left;font-family:Century Gothic;font-size:12px;list-style:none; margin-right:10px; margin-bottom:10px; }
#menufoot li ul{float:left; list-style:none;}
#menufoot a{display:block;float:left;padding:0 4px;color:#fff;font-weight:normal;line-height:19px;text-decoration:none;}
#menufoot a:hover{color:#fff;text-decoration:none;}
#menufoot .selected{color:#fff;}





/* ### contact box ### */
		.contactBox { float: left; width: 100%; text-align:left; }
		.contactBox h3 { font-size: 14px; color: #fff; padding-bottom: 5px; font-weight: normal; }
		.contactBox address { font-size: 12px; line-height: 20px; font-family: Century Gothic; font-style: normal; color: #fff; }
		.contactBox address a { color: #fff; text-decoration: none; }
		.contactBox address a:hover { text-decoration: underline; }
		.menubox{ float:left; width:100%;}
		
		
		/* ### social box ### */
		.socialBox { float: right;}
		.socialBox h3 { font-size: 14px; color: #fff; border-bottom: 1px solid #ddd;padding-bottom: 5px; font-weight: normal; }
		.socialBox ul { list-style: none; }
		.socialBox li { line-height: 20px; font-family: arial; font-size: 12px; overflow: hidden; }
		.socialBox li img { display: inline; margin: 0 5px; vertical-align: middle; }
		.socialBox li a { float:left; color: #fff; text-decoration: none; }
		.socialBox li a:hover { text-decoration: underline; }
		
	/* image list */
	.imagesList{list-style:none;}
	.imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:12px;}
	.imagesList li img{border:2px solid #dcdac9;}
	.imagesList li div{text-align:center;}
	
	#imagesList1{float:left;margin:10px 10px 0 0;}
	#imagesList2{float:right;margin:10px 0 0 10px;}

	/* FILES LIST STYLES */
	#filesList{padding:5px 0;font-size:12px;list-style:none;vertical-align:middle;}
	#filesList li{margin:0 0 4px;}
	#filesList img{margin:0 8px 0 0;vertical-align:middle;}
	#filesList em{background:inherit;color:#5b5b5b;}

	
	
	/* slider */
	#slider {

	/* You MUST specify the width and height */
	width:940px;
	height:329px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:2104px;
	overflow:hidden;
}

	#gallery li {/* float left, so that the items are arrangged horizontally */
	float:left;}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:Century Gothic;
	font-size:12px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}