@font-face
{
	font-family: 'FuturaBook';
	src: url('fonts/book_normal-webfont.eot');
	src: url('fonts/book_normal-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/book_normal-webfont.ttf') format('truetype'), url('fonts/book_normal-webfont.svg#FuturaBook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'FuturaMedium';
	src: url('fonts/med_normal-webfont.eot');
	src: url('fonts/med_normal-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/med_normal-webfont.ttf') format('truetype'), url('fonts/med_normal-webfont.svg#FuturaMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'FuturaHeavy';
	src: url('fonts/heavy_normal-webfont.eot');
	src: url('fonts/heavy_normal-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/heavy_normal-webfont.ttf') format('truetype'), url('fonts/heavy_normal-webfont.svg#FuturaHeavy') format('svg');
	font-weight: normal;
	font-style: normal;
}

*
{
	margin: 0;
}

html, body
{
	height: 100%;
}

body
{
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	color: #222;
}

body, h2, blockquote
{
	font-family: 'FuturaBook' , Arial, sans-serif;
	color:#363636;
}

h1, 
header nav li,
footer li,
pre
{
	font-family: 'FuturaBook' , Arial, sans-serif;
}

ul, ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: underline;
	color: #000;
	outline: none;
}

a:hover
{
	text-decoration: none;
}


::-moz-selection
{
	background: #787878;
	color: #fff;
	text-shadow: none;
}
::selection
{
	background: #787878;
	color: #fff;
	text-shadow: none;
}


/* ENABLE HTML5 */
header, section, nav, article, footer
{
	display: block;
}

h1
{
	font-size: 36px;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {	
	font-size: 28px;	
	color: #fff;
	margin: 23px 0 17px 0;
	line-height: 120%;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.header-medium h2
{
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

h2 {	
	font-size: 20px;	
	color: #363636;
}

h2.black
{
	color: #333 ;
}

section.homepage-items h2 
{
	font-size:18px;
}

h3
{
	font-size: 20px;
	color: #000;
	margin: 0;
	padding: 16px 0 0 0;
	line-height: 120%;
}

h4
{
	float: none;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h5
{
	float: none;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	margin: 20px 0 0 0;
	padding: 0;
}

.project h5,
.feature-project h5
{
	font-weight:bold;
	margin:0;
}

h6
{
	float: none;
	color: #000;
	font-weight: normal;
	font-size: 18px;
	margin: 31px 0 10px 0;
	padding: 0;
	line-height: 100%;
}

h6.white
{
	color: #fff;
}

h6.green
{
	color: #dede39;
}



/* TABLES -------------------------------------- */
table 
{
	width:100%;
	border-collapse:collapse;
}

table th, table td 
{
	text-align:left;
	padding:3px;
	border-right:2px solid #fff;
}

table th 
{
	font-weight:bold;
	background:#EE9629;
}

table tbody tr:nth-child(odd) td {
	background-color: #FBE4C8;
}
table tbody tr:hover td {
	background-color: #ffd197;
}

/* LISTS -------------------------------------- */
#main-section ul.grid li 
{
	padding: 3px;
}

#main-section ul.grid li.odd
{
	background-color: #FBE4C8;
}

#main-section ul.grid li.header
{
	background-color: #EE9629;
	font-weight: bold;
}
#main-section div.feature-details ul.grid
{
	margin-top: 5px;
	margin-bottom: 10px;
}


blockquote
{
	font-family: Georgia, Arial, sans-serif;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	line-height: 110%;
	margin: 57px 0 0 0;
}

span.qoute-ondertitel
{
	font-family: Georgia, Arial, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	line-height: 110%;
	padding: 17px 0 0 15px;
	display: block;
}

span.gradient
{
	font-family: 'FuturaMedium' , Arial, sans-serif;
	float: none;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	padding: 0;
	line-height: 120%;
	margin: 110px 0 0 0;
	display: block;
}

span.gradient span.row1-cxx
{
	color: #15947c;
}
span.gradient span.row2-cxx
{
	color: #108273;
}
span.gradient span.row3-cxx
{
	color: #086c67;
}
span.gradient span.row4-cxx
{
	color: #02575d;
}

span.text-link
{
	margin: 25px 0;
	display: block;
}

span.black
{
	color: #000;
}

pre
{
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	white-space: pre-wrap;
	margin: 20px 0 0 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

p
{
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: 7px 0 11px 0;
	line-height: 150%;
}

p.extra-top-space
{
	margin-top: 20px;
}

p.extra-bottom-space
{
	margin-bottom: 20px;
}

p.white
{
	color: #fff;
}

p.red-project-info
{
	color: #9b2349;
	padding: 20px 35px;
}

hr
{
	width: 100%;
	border: 0;
	border-top: 1px dotted #aaa;
	margin: 0 10px 0 10px;
	height: 1px;
	clear: left;
	padding: 0px;
}

hr.nomargin
{
	margin: 0;
}

hr.short
{
	width: 920px;
}

p.streep
{
	width: 100%;
	border: 0;
	border-top: 1px dotted #aaa;
	margin: 0 10px 0 10px;
	height: 1px;
	clear: left;
	padding: 0px;
}

p.streep.nomargin
{
	margin: 0;
}

p.streep.short
{
	width: 920px;
}


.red_line
{
	height: 4px;
	width: 100%;
	background-color: #9b244a;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

img.picture
{
	display: block;
}

#logo
{
	margin: 0;
	padding: 0;
	float: left;
}

#logo a {
	width: 196px;
	height: 40px;
	padding: 16px 0 0 0;
	margin: 0 0 0 10px;
	background: transparent url(../img/logo.png) no-repeat 0px 16px;
	text-indent: -9999px;
	display: block;
}

#container
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -314px;
}

#main-header
{
	height: 74px;
}

#main-header .container_12
{
	position: relative;
}

header nav
{
	float: right;
}

header nav ul li
{
	float: left;
	margin: 0 0 0 5px;
	height: 58px;
}

header nav ul li a
{
	border-top: 4px solid #9b244a;
	text-decoration: none;
	padding: 32px 0 0 0;
	display: block;
	height: 58px;
}

header nav ul li a:hover
{
	border-top: 4px solid #f37609;
}

header nav ul li a span
{
	font-size: 16px;
	color: #000;
	position: relative;
	padding: 2px 10px;			
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

header nav ul li a span{
  padding-top: 5px \0/IE9; 
}  /* IE9 */

.no-borderradius header nav ul li a span
{
	padding: 3px 10px 2px 10px;
}

header nav ul li a:hover span
{
	background-color: #f37609;
	color: #fff;
}

.no-borderradius header nav ul li a span .menu-hover
{
	position: absolute;
	top: 0;
	width: 7px;
	height: 21px;
	display: none;
}
.no-borderradius header nav ul li a:hover span .menu-hover
{
	display: block;
}

.no-borderradius header nav ul li a span .menu-hover.left-hover
{
	background: #fff url(../img/menu-hover-left.png) no-repeat;
	left: 0;
}

.no-borderradius header nav ul li a span .menu-hover.right-hover
{
	background: #fff url(../img/menu-hover-right.png) no-repeat;
	right: 0;
}

section.header
{
	width: 100%;
	position: relative;
}

.header .container_12
{
	position: relative;
}

.header.header-large
{
	height: 290px;
	background: transparent url(../img/header-large-background.png) repeat-x;
}

.header.header-medium
{
	height: 204px;
	background: transparent url(../img/header-medium-background.png) repeat-x;
}

.header.header-small
{
	height: 70px;
	background: transparent url(../img/header-small-background.png) repeat-x;
	background-color:#eae8e8;
}

.header.orange
{
	background-color: #ee9629;
}
.header.green
{
	background-color: #dede39;
}

.header ul.feature-list li a
{
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 10px;
	margin: 0 -10px;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.header ul.feature-list li a.active,
.header ul.feature-list li a:hover
{
	background-color: #f3b66a;
}

.header .feature-content-container
{
	overflow: hidden;
	margin-top: -30px;
}

.header .feature-content-container .feature-content
{
	position: relative;
	overflow: hidden;
}

.header .feature-content-container .feature-content .feature
{
	color: #fff;
	width: 620px;
	height: 230px;
	float: left;
}

.header .feature-content-container .feature-content .feature ul.dotted
{
	list-style: disc;
	margin-left: 20px;
}

.header .feature-content-container .feature-content .feature span.feature-naam
{
	display: block;
	font-size: 18px;
	margin: 0 0 10px 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

#scroll_features h6
{
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#carrousel
{
	height: 393px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#carrousel #carrousel-overlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 393px;
	background: transparent url(../img/background-carrousel.png) repeat-x;
	z-index: 999;
}

#carrousel .fade
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

#carrousel #carrousel-inner
{
	height: 100%;
	z-index: 1000;
	position: relative;
}

#carrousel #carrousel-inner .toRight, #carrousel #carrousel-inner .toLeft
{
	position: absolute;
}

#carrousel #carrousel-inner #carrousel-pager
{
	position: absolute;
	right: 60px;
	bottom: 10px;
	z-index: 1000;
}

#carrousel #carrousel-inner #carrousel-pager a.pager-button, #carrousel #carrousel-inner #carrousel-pager a.pager-pauze
{
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 6px;
	cursor: pointer;
	padding: 0;
	width: 14px;
	height: 14px;
}

#carrousel #carrousel-inner #carrousel-pager a.pager-button
{
	background: transparent url(../img/carrousel-button-unselected.png) no-repeat;
}

#carrousel #carrousel-inner #carrousel-pager .pager-button:hover, #carrousel #carrousel-inner #carrousel-pager .pager-button.selected
{
	background: transparent url(../img/carrousel-button-selected.png) no-repeat;
}

#carrousel #carrousel-inner #carrousel-pager a.pager-pauze
{
	display: none;
	background: transparent url(../img/carrousel-button-selected.png) no-repeat;
}

#carrousel #carrousel-inner #carrousel-pager a.pager-pauze.pauzed
{
	background: transparent url(../img/carrousel-button-play.png) no-repeat;
}

.arrow
{
	width: 25px;
	height: 42px;
	position: absolute;
	top: 50%;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.arrow.right
{
	background: transparent url(../img/carrousel-arrow-right.png) no-repeat;
	right: 0;
}

.arrow.left
{
	background: transparent url(../img/carrousel-arrow-left.png) no-repeat;
	left: 0;
}

section#main-section
{
	padding: 22px 0 70px 0;
}

#main-section #overons .grid_8
{
	margin-bottom: 10px;
}

#main-section #overons .row_1
{
	margin-bottom:0px;
}

#main-section .reference
{
	margin-bottom: 20px;
}

#main-section .reference h3
{
	margin-bottom: 20px;
}

#main-section .image-header
{
	margin: 35px 0;
	text-align: center;
}

#main-section #project-info
{
	margin: 40px 0 40px 0;
}

#main-section #project-info img
{
	display: block;
	margin: 0 auto 0px auto;
}

.forward .inzet-content
{
	background-color: #f4f4f4;
	padding: 2px;
}

.forward
{
	background: transparent url(../img/forward-shadow.png) no-repeat left bottom;
	padding: 0 0 7px 26px;
	margin: 90px 0 15px -26px;
}

.forward.inzet
{
	margin: 30px 0 15px -26px;
}

#producten-en-diensten .forward
{
	margin: 40px 0 15px -26px;
}

.forward .forward-inner span
{
	color: #686868;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 100%;
	padding-left: 5px;
}

.forward.inzet .forward-inner
{
	padding: 0px;
}

.forward .forward-inner
{
	background-color: #f4f4f4;
	padding: 10px;
}

.forward .forward-inner ul
{
}

.forward .forward-inner ul li
{
	border-bottom: 1px dotted #cbc7c7;
	padding: 3px 0;
}

.forward .forward-inner ul li.last
{
	border-bottom: none;
}

.forward .forward-inner ul li a
{
	background: transparent url(../img/forward-arrow-down.png) no-repeat 5px 3px;
	padding: 0 0 0 25px;
	color: #000;
	font-family: 'FuturaMedium' , Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	display: block;
	text-decoration: none;
}

#main-section .vestiging
{
	padding: 30px 0 30px 0;
}

#main-section .vestiging-first 
{
	padding-top: 0px;
}

#main-section .vestiging ul 
{
	margin-bottom: 15px;
}

#main-section .vestiging ul li.tel
{
	padding: 0 0 0 25px;
	background: url(../img/icon-phone.png) no-repeat center left;
}

#main-section .vestiging ul li.fax
{
	padding: 0 0 0 25px;
	background: url(../img/icon-mail.png) no-repeat center left;
}

#main-section .vestiging ul li.mail
{
	padding: 0 0 0 25px;
	background: url(../img/read-more-arrow.png) no-repeat center left;
}


section#logo-grid
{
	margin: 18px 10px 0 10px;
}

section#logo-grid ul li
{
	float: left;
	margin: 0 20px 0 0;
}

section#logo-grid ul li.last
{
	margin: 0;
}

section#logo-grid ul li a img
{
	text-decoration: none;
	border: none;
}

section#projects
{
	margin: 40px 0 0 0;
}

article.project,
article.feature-project
{
	height: 245px;
	margin-bottom: 20px;
}

.container_12 article.feature-project 
{
	border: 0px;
	width: 210px;
	padding:5px;
}

.container_12 article.feature-project div.feature-project-image
{
	background-color: #fff;
	padding: 2px;
	width: 206px;
	margin-bottom: 5px;
}

article.feature-project:hover
{
	cursor:pointer;
	border-color:#EE9629;
	background-color:#EE9629;
}

article.project:hover
{
	background-color: #ee9629;
}

article.project a,
article.feature-project a
{
	text-decoration: none;
}

article.project img
{
	width: 200px;
	height: 146px;
	border: 5px solid #fff;
	margin: 5px 5px 3px 5px;
}

aside#main-project-aside
{
	padding: 0 0 0 20px;
}

.project .meta-project
{
	padding: 0px 10px 2px 10px;
}


.project .meta-project p
{
	font-size: 13px;
	margin: 7px 0 0 0;
}

#feature-projects .feature-project 
{
	height: 150px;
}

#main-footer
{
	height: 270px;
	padding: 44px 0 0 0;
	width: 100%;
	background-color: #323232;
}

.push
{
	height: 314px;
	clear: both;
}

#main-footer .contact-data
{
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
}

footer ul
{
	color: #999999;
	font-size: 14px;
	line-height: 140%;
}

footer ul.footer-first-list
{
	/*padding: 0 0 0 18px;*/
}

footer h3
{
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #999999;
	margin: 0px;
	padding: 0 0 4px 0px;
}

footer ul li a
{
	color: #999999;
	text-decoration: none;
}

footer ul li a:hover
{
	color: #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
}


.footer-social-list 
{
	background: url(../img/footer-social-items.png) no-repeat top left;
	padding:2px 3px;
	margin:30px 0 0 0;
	height:27px;
	width:161px;
	overflow:hidden;
}

.footer-social-list li 
{
	float:left;
	height:27px;
}

.footer-social-list li a 
{
	display:block;
	width:79px;
	height:27px;
	text-decoration:none;
	text-indent:-9000px;
	background: url(../img/footer-social-items.png) no-repeat 0 0;
	border:0;
}

.footer-social-list li a:hover
{
	border:0;
}

li.twitter a { background-position:-82px -34px; }
li.twitter a:hover { background-position:-82px -66px; }
li.linkedin a { background-position:-3px -34px; }
li.linkedin a:hover { background-position:-3px -66px; }



a.anchorTarget
{
	text-decoration: none;
}

a.button
{
	height: 31px;
	display: block;
	margin: 0 0 30px 0;
	text-decoration: none;
	text-indent: -9999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.button.meer-over-ons, a.button.meer-derde-kolom
{
	background-image: url('../img/button-meer-info.png');
	width: 132px;
}

a.button.support-voor-klanten
{
	background-image: url('../img/button-support.png');
	width: 182px;
}

a.button.bekijk-portfolio
{
	background-image: url('../img/button-bekijk-portfolio.png');
	width: 137px;
}
a.button.bekijk-onze-producten
{
	background-image: url('../img/button-bekijk-onze-producten.png');
	width: 185px;
}
a.button.bekijk-vanvoordeel
{
	background-image: url('../img/button-bekijk-vanvoordeel.png');
	width: 181px;
}

a.button:hover
{
	background-position: 0px -31px;
}

.portfolio-filter 
{
	margin: 50px 0 20px 20px;
}

.portfolio-filter h5
{
	font-weight: bold;
	margin: 0 0 15px 0;
}

.portfolio-filter ul
{
	width: 960px;
	margin: 15px 0 15px 0;
	padding: 0;
}

.portfolio-filter ul li
{
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 220px;
}

a.more-info
{
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
}

a.more-info span
{
	font-family: 'FuturaMedium' , Arial, sans-serif;
	font-size: 14px;
	background: transparent url(../img/arrow-hover.png) no-repeat 11px -16px;
	padding: 6px 24px 7px 26px;
	margin: 0 0 31px 0;
	color: #9b2349;
	text-decoration: none;
	position: relative;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
}

#producten-en-diensten article
{
	margin-bottom:30px;
}

a.more-info span:hover
{
	background: #9b2349 url(../img/arrow-hover.png) no-repeat 11px 6px;
	color: #fff;
}

a.read-more
{
	font-family: 'FuturaMedium' , Arial, sans-serif;
	font-size: 14px;
	background: transparent url(../img/read-more-arrow.png) no-repeat 0 2px;
	padding: 0 0 0 20px;
	margin: 20px 0 0 0;
	display: block;
	color: #000;
	text-decoration: none;
}

a.read-more:hover
{
	text-decoration: underline;
}

a.feature-info
{
	text-decoration: none;
	margin: 20px 0 0 0;
	display: block;
}

a.feature-info span
{
	font-family: 'FuturaHeavy' , Arial, sans-serif;
	font-size: 14px;
	background: #fff url(../img/arrow-hover.png) no-repeat 10px -16px;
	padding: 7px 10px 7px 29px;
	color: #9b2349;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	display: inline-block;
}

a.feature-info span:hover
{
	background-color: #9b2349;
	background-position: 10px 7px;
	color: #fff;
}

.info-block
{
	width: 257px;
	height: 199px;
	background: transparent url(../img/header-info-block.png) no-repeat;
	position: absolute;
	top: 50px;
	right: 24px;
}

.info-block p
{
	text-align: center;
	margin: 56px 0 0 61px;
	width: 184px;
	line-height: 180%;
}

/*----------------------------------------------------------
			Tipsy
----------------------------------------------------------*/

.tipsy
{
	font-size: 13px;
}

.tipsy-inner
{
	padding: 5px 24px 5px 26px;
	background: #9b2349 url(../img/arrow-hover.png) no-repeat 11px 6px;
	color: white;
	max-width: 200px;
	text-align: center;
}

.tipsy-inner
{
}

.tipsy-north
{
	background-position: top center;
}
.tipsy-south
{
	background-position: bottom center;
}
.tipsy-east
{
	background-position: right center;
}
.tipsy-west
{
	background-position: left center;
}


/*----------------------------------------------------------
			Gallery
----------------------------------------------------------*/
#gallery
{
	margin: 0 0 30px 0;
}
#gallery ul.pagination
{
	width: 272px;
	float: left;
	margin: 0 0 0 -10px;
}
#gallery ul.pagination li a
{
	float: left;
	width: 112px;
	height: 82px;
	background-image: url('../img/gallery-visual-small-bg.png');
	padding: 12px;
}
#gallery ul.pagination li a img
{
	border: 1px solid #ffffff;
	width: 112px;
	height: 82px;
}
#gallery ul.pagination li.current a img
{
	border: 1px solid #aaaaaa;
	width: 112px;
	height: 82px;
}
#gallery .shadow
{
	float: left;
	width: 605px;
	height: 465px;
	background-image: url('../img/gallery-visual-big-bg.png');
	padding: 12px;
	position: relative;
	overflow: hidden;
	margin: 0;
}
#gallery .slides_container img
{
	border: 1px solid #ffffff;
	width: 605px;
	height: 465px;
	float: left;
}
#gallery a.prev, #gallery a.next
{
	position: absolute;
	text-indent: -9999px;
	width: 60px;
	height: 59px;
	top: 216px;
	z-index: 5;
	display: none;
}
#gallery a.prev
{
	left: 12px;
	background-image: url('../img/gallery-arrow-left.png');
}
#gallery a.next
{
	right: 11px;
	background-image: url('../img/gallery-arrow-right.png');
}




.timeline-container{
	position: relative;
						
}
					
.timeline-container .prev,
.timeline-container .next{
	position: absolute;				
	height: 75px;		
	width: 74px;
	top: 0;
	z-index: 9999;
}
				
.timeline-container .prev{
	left: 0;						
}
					
.timeline-container .next{
	right: 0;
}
				
.timeline-container .prev a,
.timeline-container .next a{
	background: transparent url(../img/timeline-arrows.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 74px;
	margin: 25px 0 0 0;
}
					
.timeline-container .next a{
	background-position: 0px -25px;
}
				
.timeline-container .timeline{width: 870px; margin: 0 auto; position: relative; overflow: hidden;}
				
.timeline-container .timeline ul{width: 1010px; margin: 34px 0 0 0; }
				
.timeline-container .timeline ul li{float: left; width: 200px; margin: 0 1px; border-top:5px solid #dede39; display: block;}
				
.timeline-container .timeline ul li span{
	text-align: center;
}






/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #EE9629;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
					box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: -5px -5px 0 -5px;
	position: relative;
	outline: none;
	overflow: hidden;
	border: 5px solid white;
}

.fancybox-error {
	color: #444;
		font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 0;
		padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('../img/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
}

.fancybox-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 57px;
	height: 57px;
	cursor: pointer;
	z-index: 1004;
	background-image: url('../img/gallery-close.png');
}

.fancybox-close:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('../img/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 57px;
	height: 57px;
	margin-top: -50px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-image: url('../img/gallery-arrow-left.png');
	left: 0px;
}

.fancybox-next span {
	background-image: url('../img/gallery-arrow-right.png');
	left: auto;
	right: 0px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
	color: Black;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	text-align: left;
	margin: 10px 0 0 0;
	width: auto;
}

.fancybox-title-float-wrap .child 
{
	width: 100%;
}

.fancybox-title-float-wrap .child h5
{
	font-weight: bold;
	margin: 0px;
}

.fancybox-title-float-wrap .child p
{
	font-size: 13px;
	margin: 7px 0 0 0;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.responsive-shown 
{
	display:none;
}

.errorpage #main-header,
.fill #main-header
{
	background:#f3f3f3;
	height:auto;
	border-top:4px solid #9b244a;
	border-bottom:1px solid #e2e2e2;
}


.errorpage #main-header .header-inner, 
.fill #main-header .header-inner
{
	border:1px solid #fff;
	border-width:1px 0;
	padding:30px 0;
}

.errorpage .push 
{
	background: url(../img/broken.jpg) no-repeat bottom center;
}

.errorpage .notfound,
.errorpage .problem,
.fill h1
{
	margin:100px 0;
	padding:0;
	background: url(../img/notfound.png) no-repeat top left;
	width:373px;
	height:143px;
	text-indent:-9000px;
}

.errorpage .problem 
{
	background: url(../img/problem.png) no-repeat top left;
	width:623px;
	height:142px;
}

.fill h1
{
	background: url(../img/geregistreerd.png) no-repeat top left;
	width:607px;
	height:65px;
}


/* 1. 0px - 299px 
----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 400px) 
{

	.responsive-hidden 
	{
		display:none;
	}
	
	.responsive-shown {
		display:block;
	}
	
	body 
	{
		min-width: 100%;
	}

	.container_12 
	{
		width:100%;
	}
	
	.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12
	{
		width:100%;
		float:none;
		display: block;
		margin:0;
	}
	
	p.streep.short,
	hr.short
	{
		width:100%;
	}
	
	#carrousel 
	{
		display:none;
	}
	
	#logo 
	{
		float:none;
	}
	
	#main-nav 
	{
		clear:both;
		float:none;
		margin:20px 0;
	}
	
	#main-header 
	{
		height:auto;
	}
	
	header nav ul li
	{
		float:none;
		height: auto;
	}
	
	header nav ul li a,
	header nav ul li a:hover
	{
		float:none;
		display:block;
		border-top:0;
		padding: 4px 0;
		margin:4px 0;
		display: block;
		height: auto;
	}
	
	section#main-section,
	#main-footer .container_12,
	.header .container_12
	{
		width:96%;
		padding:2%;
	}
	
	section#logo-grid ul li 
	{
		float:none;
	}
	
	#main-footer {
		height: auto;
	}
	
	.header.header-small,
	.header.header-medium 
	{
		height:auto;
		background-image:none;
		
	}
	
	.header.header-medium .info-block 
	{
		position:relative;
		top: 0;
		right: 0;
	}
	
	.header.header-medium .info-block p 
	{
		margin: 0 0 0 61px;
		padding-top:50px;
	}
	
	img 
	{
		max-width:98%;
	}
	
	.portfolio-filter 
	{
		margin:20px 0;
	}
	
	.portfolio-filter ul li {
		float:none;
		width:98%;
		margin: 0 1%;
	}
	
	article.project img 
	{
		width:auto;
	}
	
	article.project a, article.feature-project a 
	{
		display:block;
		border-bottom:1px dotted #ccc;
		padding-bottom:20px;
	}
	
	.forward 
	{
		margin:30px 0 15px 0;
		padding:0;
	}
	
	#producten-en-diensten .forward 
	{
		margin-left:0;
	}
	
	.inzet 
	{
		text-align:center;
	}
	
	aside#main-project-aside 
	{
		padding:0;
		margin:0;
	}
	
	
	
} /* // min_width: 0px */ 



/* 2. 300px - 959px 
----------------------------------------------------------------------------- */

@media screen and (min-width: 400px) and (max-width: 959px) {
		

} /* // min_width: 300px */