/* Global */
body { margin: 0; padding: 0; background: #F4F7F9; font-family: 'Lato', Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, #tel-btn { font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; }
strong, b { font-weight: 700; }
.sidr { font-family: 'Lato', Helvetica, Arial, sans-serif; }
#header { height: 80px; position:fixed; left:0; width:100%; z-index:200; background:#fff; top:0; box-shadow: 0px 0px 10px #ccc; }
#header .column { height: 80px; margin: 0 2%; background: none; padding: 0; position: relative; }
#logo { background: url(../images/logo-small.png) no-repeat; float: left; height: 80px; width: 230px; background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; margin-top: 10px; text-indent: -9999px; }
#content { min-height:99%; margin:0 auto 0 auto; padding: 80px 0 0 0; }
.wrapper { margin: 0 auto; }
#content .wrapper { overflow: auto; }
.container { width: 100%; margin: 0; padding: 40px 0 20px 0; float: left; clear: both; }
.white-container { background: #fff; }
.imagebg-container { background: url(../images/img-bg.jpg) top center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.imagebg-container .one-two img { width: 70%; height: auto; }
.imagebg-container .wrapper { background: url(../images/line-bg.png) no-repeat top center; height: auto !important; }
.meer { padding-bottom: 40px !important; }
.dark-container { background: #CBE3F2; }
.column { margin: 2%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; *behavior: url(assets/css/boxsizing.htc); }
#nav { float: right; margin: 30px -20px 0 0; padding: 0; list-style: none; }
#simple-menu:link, #simple-menu:visited { margin: 20px 0 0 20px; float: right; width: 40px; height: 40px; background-image: url(../images/toggle.gif); background-position: top left; text-indent: -9999px; display: none; }
#simple-menu:hover, #simple-menu:active { background-position: bottom left; }
#nav li { float: left; margin: 0; position: relative; padding: 0 10px; }
#nav li a:link, #nav li a:visited { color: #999; text-decoration: none; padding: 0; font-size: 14px; font-family: 'Montserrat', Helvetica, Arial, sans-serif; text-transform: uppercase; }
#nav li a:hover, #nav li a:active, #nav li.here a, #nav li.parent-here a { text-decoration: none; color: #0074B8; }
#nav li.open { padding: 0; }
#nav li.open a { background: #0074B8; border: none; padding: 8px 10px; color: #fff; }
#nav li ul { position: absolute; top: 28px; left: 0px; list-style: none; margin: 0; padding: 0; display: none; z-index: 3000; background: #C9E3F3; }
#nav li ul.open { display: block; }
#nav li ul li { float: left; clear: both; margin: 0; width: 100%; padding: 0; }
#nav li ul li a:link, #nav li ul li a:visited { color: #0074B8; font-size: 14px; line-height: 19px; background-color: #C9E3F3; text-decoration: none; border: none; padding: 8px 0 8px 10px; margin: 0; white-space: nowrap; width: 100%; float: left; border-bottom: 1px solid #B0D4EC !important; text-align: left; font-weight: 300; }
#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li.here a { color: #0074B8; text-decoration: none; background-color: #B0D4EC;  }
#content .fb-like { position: absolute !important; top: 150px !important; right: 20px !important; display: block; z-index: 190; }

p { font-size: 15px; line-height: 22px; color: #333; margin: 0 0 20px 0; font-weight: 300; }
p img { padding: 20px; }
div.inline-media {position: relative; padding-bottom: 25%; width: 50%; padding-top: 35px; height: 0; overflow: hidden; margin: 10px 25% 30px 25%; float: left;}
div.inline-media iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
#content ol, #content ul { font-size: 14px; line-height: 20px; color: #333; margin: 0 0 20px 16px; padding: 0; font-weight: 300; }
#content b, #content strong { font-weight: 400; }
.page-text p { font-size: 16px; line-height: 24px; width: 70%; margin: 0 15% 20px 15%; font-weight: 300; font-style: italic; }
.column ul, .column ol { font-size: 15px; line-height: 22px; color: #333; margin: 0 0 20px 17px; padding: 0; font-weight: 300; }
p a:link, p a:visited { color: #0074B8; text-decoration: none; }
p a:hover, p a:active { text-decoration: underline; }
.intro { margin-top: 0; }
.one-one { width: 96%; }
.one-two { width: 46%; }
.one-three, .one-third { width: 29.33%; }
.column img { width: 100%; border: none; }
.eerste-rij img { width: 60% !important; border-bottom: 5px solid #0074B8; height: auto !important; }
.eerste-rij h2, .nieuws h2, .page-content h1, .page-content h3 { word-break: break-word; font-size: 20px; line-height: 26px; color: #0074B8; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; text-align: center; }
.page-content h3 { font-size: 14px; line-height: 21px; margin: 0 0 5px 0; padding: 0; color: #444; text-align: left; }
.page-content p img { width: 35% !important; float: right !important; margin: 0 0 40px 40px !important;  height: auto !important; }
.share-it { margin: 0 2%; }
.share { margin-top: 20px; float: right; width: 50%; text-align: right; }
.page-content p img.full-img { width: 80% !important; margin: 0 10% !important; height: auto !important; }
.nieuws h2 { text-align: left; }
.nieuws h2 a:link, .nieuws h2 a:visited { color: #0074B8; text-decoration: none; transition: all 0.3s ease 0s; }
.nieuws h2 a:hover, .nieuws h2 a:active { color: #2C8CCC; text-decoration: none; }
.nieuws p { color: #222; }
.nieuws img { margin: 0 0 20px 0; z-index: 0; }
.title-column { margin: 0 2% 2% 2%; text-align: center; }
.img-title img { width: 25% !important; }
.page-row { background: #fff; }
.page-content { background: #fff; width: 70%; margin: 2% 15%; padding: 40px; }
.page-content img.main-img { float: right; margin: -40px -40px 40px 40px; width: 40%; }
.page-content h1 { font-size: 28px; line-height: 36px; text-align: left; }
.page-content blockquote { border-left: 3px solid #0074B8; margin: 0 0 20px 20px; width: 80%; background: #f7f7f7; padding: 10px 20px 10px 20px; }
.page-content blockquote p { font-weight: 400; font-size: 18px; line-height: 26px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; }
.page-row .column { margin: 0; width: 50%; }
.page-row .content-block { padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc); text-align: left; }
.center-column, .more-column { text-align: center; }
.more-column { margin: 0 2% 4% 2%; }
.title-column h1, .title-column h2 { font-size: 50px; line-height: 50px; text-transform: uppercase; text-align: center; margin: 10px 0 0 0; padding: 0; color: #0072BA; }
.title-column h3, .smaller-title h2 { font-size: 24px; text-transform: uppercase; text-align: center; margin: 0; padding: 0; color: #0072BA; }
.smaller-title h2 { font-size: 28px; line-height: 34px; }
#some { position: absolute; top: 20px; right: 10px; z-index: 199; }
.tw-btn { width: 30px; height: 30px; background: url(../images/Twitter.png); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; text-indent: -9999px; margin: 0 10px 0 0; float: left; }
.yt-btn { width: 30px; height: 30px; background: url(../images/Youtube.png); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; text-indent: -9999px; margin: 0 10px 0 0; float: left; }
.fb-btn { width: 30px; height: 30px; background: url(../images/Facebook.png); background-size: 100%; -webkit-background-size: 100%; -moz-background-size: 100%; text-indent: -9999px; margin: 0 10px 0 0; float: left; }
.btn:link, .btn:visited { font-size: 14px; padding: 8px 15px 7px 15px; color: #fff; display: inline; text-transform: uppercase; text-decoration: none; font-family: 'Montserrat', Helvetica, Arial, sans-serif; transition: all 0.3s ease 0s; margin: 0; font-weight: 700; letter-spacing: 2px; }
.line-btn:link, .line-btn:visited { background: none; color: #0072BA; border: 3px solid #0072BA; padding: 5px 15px 4px 15px; }
.line-btn:hover, .line-btn:active { color: #fff; background: #0072BA; }
.content-block .btn, .one-two p .btn { margin: 10px 10px 10px 0; float: left; }
.blue-btn:link, .blue-btn:visited { background: #0072BA; }
.blue-btn:hover, .blue-btn:active { color: #0072BA; background: #AFD4ED; }
.active-cat:link, .active-cat:visited { background: #AFD4ED; color: #0072BA; }
.dark-container p a:link, .dark-container p a:visited { color: #537384; text-decoration: underline; }
.dark-container p a:hover, .dark-container p a:active { color: #0074B8; text-decoration: underline; }
.news-img { position: relative; }
.nieuws .label { position: absolute; font-size: 12px; line-height: 12px; color: #0074B8; background: #fff; left: 10px; bottom: 30px; padding: 8px 8px 6px 8px; text-transform: uppercase; margin: 0; font-family: 'Montserrat', Helvetica, Arial, sans-serif; }
.eerste-rij p { text-align: center; font-weight: 300; }
.slider-container { padding: 0; visibility: hidden; position: relative; }
.item-container .item { background: #fff; margin: 0 0 10% 0; width: 100% !important; }
.item-container .btn { float: left; clear: both; }
.item-container .inner { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; *behavior: url(assets/css/boxsizing.htc); float: left; clear: both; }
.item-container h2, .item-container h2 a:link, .item-container h2 a:visited, .wrapper .project-title h1, .page-row h2, .related h3, .related h3 a:link, .related h3 a:visited { word-break: break-word; font-size: 22px; line-height: 28px; text-transform: uppercase; margin: 0 0 13px 0; padding: 0; color: #0070BD; text-decoration: none; transition: all 0.3s ease 0s; }
.item-container h2 a:hover, .item-container h2 a:active, .related h3 a:hover, .related h3 a:active  { color: #2C8CCC; text-decoration: none; }
.item-container h3, .wrapper .project-cat h3 { font-size: 15px; line-height: 18px; color: #0070BD; margin: 0 0 12px 0; padding: 0; text-transform: uppercase; }
.project-title { margin-bottom: 0 !important; padding: 0 60px; }
.project-cat { margin-top: 0 !important; }
.project-content { text-align: center; margin: 0 2%; }
.project-content p { width: 70%; margin: 0 15% 20px 15%; font-size: 16px; line-height: 24px; }
.item-container img { float: left; width: 100%; border-bottom: 5px solid #0074B8; }
.alt-border span { float: left; clear: both; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; *behavior: url(assets/css/boxsizing.htc); font-size: 14px; line-height: 21px; color: #444444; background: #fff; }
.two-third { width: 62.67%; }
.one-four { width: 21%; }
.column div iframe { width: 100% !important; }
#footer { background: #CBE3F2; float: left; width: 100%; margin: 0 0 20px 0; padding: 20px 0 0 0; overflow: hidden; font-weight: 300; }
.footer a:link, .footer a:visited { color: #0072B9; text-decoration: underline; }
.footer ul a:link, .footer ul a:visited { color: #444; text-decoration: none; }
.footer a:hover, .footer a:active, .footer li.here a { color: #0072B9 !important; text-decoration: underline !important; }
.footer ul { margin: 0 0 20px 17px; padding: 0; font-size: 14px; line-height: 21px; list-style:square; color: #0072B9; }
.footer ul ul { margin: 0 0 0 17px !important; }
.footer h3 { color: #0072B9; font-size: 15px; line-height: 17px; margin: 0 0 20px 0; padding: 0; text-transform: uppercase; }
#down:link, #down:visited { position: absolute; left: 50%; margin-left: -30px; width: 60px; height: 60px; background-image: url(../images/down-btn.gif); background-repeat: no-repeat; background-position: top left; text-indent: -9999px; bottom: -30px; }
#down:hover, #down:active { background-position: bottom left; }
.related { background: #fff; }
.related img { float: left; width: 50% !important; margin: 0; border-bottom: none; }
.related .inner { float: left; width: 50% !important; margin: 0; clear: none !important; }
.related .inner .btn { margin: 10px 0 0 0; }
.related h3 { margin-bottom: 15px; }
.related h3 a { font-size: 18px !important; line-height: 22px !important; }
.prevnext { position: absolute; top: 136px; width: 60px; background-color: #D1DCE2; height: 60px; text-indent: -9999px; }
.projects-container { position: relative; }
#prev-btn:link, #prev-btn:visited { left: 0; background-image: url(../images/prev-btn.png); background-repeat: no-repeat; }
#next-btn:link, #next-btn:visited { right: 0; background-image: url(../images/next-btn.png); background-repeat: no-repeat; }
#prev-btn:hover, #prev-btn:active, #next-btn:hover, #next-btn:active { background-color: #547484; }
#subfooter { background: #fff; width: 100%; float: left; }
#subfooter .column { margin: 0 2%; padding: 0; height: 80px; position: relative; }
#subfooter img { border: none; position: absolute; top: -10px; left: 50%; margin-left: -113px; width: auto !important; }

.words { text-align: center; margin-top: 0 !important; }
.words .word { clear: both; background: #fff; display: inline-block; padding: 6px 10px; font-size: 22px; color: #0072BA; font-weight: 300; margin: 15px 0; }
a.word:link, a.word:visited { text-decoration: none; color: #0072BA; }
a.word:hover, a.word:active { text-decoration: underline; color: #0072BA; }

.page-content table { width: 100% !important; border: none !important; float: left; clear: both; margin: 0 0 20px 0; }
.page-content table td { border: 1px solid #eee !important; padding: 10px; }
.page-content table td img{ width: 80% !important; height: auto !important; }

/*SLIDER*/
.intro { margin-top: -16px; }
.bx-wrapper ul { list-style: none; margin: 0 !important; }
.bx-wrapper { position: relative; margin-top: 0 !important; float: left; margin-bottom: -5px; }
.bx-viewport { padding-bottom: 0 !important; }
.bxslider li img { width: 100% !important; }
.bxslider p.caption { display: block; position: absolute; z-index: 2; font-size: 22px; line-height: 28px; color: #fff; left: 0; bottom: 58px; padding: 0;  margin: 0; font-family: 'Montserrat', Helvetica, Arial, sans-serif; text-align: center; width: 100%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
  .bx-controls { position: absolute; bottom: 80px; left: 20px; }
  .bx-controls-direction { display: none; }
  .bx-pager-item { float: left; margin: 0 10px 0 0; }
  .bx-controls .bx-pager-link:link, .bx-controls .bx-pager-link:visited { width: 20px; height: 20px; background-image: url(../images/pager.gif); background-repeat: none; background-position: top left; float: left; margin: 0; text-indent: -9999px; }
  .bx-controls .bx-pager-link:hover, .bx-controls:active, .bx-pager-item a.active { background-position: bottom left !important; }
.bxslider .overlay { position: absolute; bottom: 5px; height: 80px; background: url(../images/caption.png) repeat-x; width: 100%; left: 0; }

/* Widescreen */
@media screen and (min-width: 1080px) {
	.wrapper { width: 1080px; }
}
/* Widescreen */
@media screen and (min-width: 1280px) {
	.wrapper { width: 1280px; }
}
/* Desktop */
@media screen and (max-width: 980px) {
	.wrapper { width: 100%; }
	.related img, .related .inner { width: 100% !important; }
}
/* Tablet */
@media screen and (max-width: 940px) {
	.wrapper { width: 100%; }
	.one-four { width: 46%; }
	#simple-menu { display: block !important; }
	#nav { display: none; }
	#down { display: none; }
	.words { width: 94% !important; margin-left: 3% !important; margin-right: 3% !important; }
	.word { margin-right: 0 !important; margin-left: 0 !important; }
	.page-content { width: 80%; margin: 2% 10%; }
	.title-column h1, .title-column h2 { font-size: 40px; line-height: 40px; }
	.bxslider p.caption { width: 90%; left: 5%; bottom: 20px; }
}
/* Mobile */
@media screen and (max-width: 520px) {
	.wrapper { width: 100%; }
	.title-column h1, .title-column h2 { font-size: 30px; line-height: 30px; }
	#some { display: none; }
	.prevnext { display: none; }
	.red-btn { float: left; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; *behavior: url(assets/css/boxsizing.htc); text-align: center; margin: 0 0 10px 0 !important; }
	#content .column, .footer .column { width: 94% !important; margin-left: 3% !important; margin-right: 3% !important; }
	.page-row .column { width: 100% !important; margin: 0 !important; }
	.filter:link, .filter:visited { margin: 10px 10px 10px 10px; }
	.bx-controls { display: none !important; }
	.bxslider p.caption { font-size: 14px; line-height: 20px; bottom: 20px; }
}