/* COPYRIGHT 2012 WALEWIJN DEN BOER - www.walewijndenboer.nl */

/* 
//////////////////////////////////////////////////////////////
// ALLOW :HOVER FOR ALL ITEMS ////////////////////////////////
//////////////////////////////////////////////////////////////
*/

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

body { behavior:url("css/csshover3.htc"); }

/* 
//////////////////////////////////////////////////////////////
// FONTS /////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////
*/

@font-face
{ 
	font-family: 'nb_reg';
	src: url('nobel-regular-webfont.eot');
	src: url('nobel-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('nobel-regular-webfont.woff2') format('woff2'),
		 url('nobel-regular-webfont.woff') format('woff'),
		 url('nobel-regular-webfont.ttf') format('truetype'),
		 url('nobel-regular-webfont.svg#nobelregular') format('svg');
	font-weight: normal;
	font-style: normal;
	
}

@font-face 
{
    font-family: 'nb_bold';
    src: url('nobel-bold-webfont.eot');
    src: url('nobel-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('nobel-bold-webfont.woff2') format('woff2'),
         url('nobel-bold-webfont.woff') format('woff'),
         url('nobel-bold-webfont.ttf') format('truetype'),
         url('nobel-bold-webfont.svg#nobelbold') format('svg');
    font-weight: normal;
    font-style: normal;
	
}

/* 
//////////////////////////////////////////////////////////////
// GENERAL ///////////////////////////////////////////////////
//////////////////////////////////////////////////////////////
*/

html
{  
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
   	margin: 0px;
   	padding: 0px;
   	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00568f;
	font-size: 11px;
	overflow-y: scroll;
	text-align: center;
	line-height: normal;
}

img
{
	border: none;	
}

a img
{
	border: none;	
}

strong, b
{
	font-family: "io_bold", "Times New Roman", Times, serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
}

h1
{
	font-family: "br_light", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 36px;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	padding: 0px;
	margin: 0px;
	text-align: left;
	line-height: 40px;
}

a
{
	color: #000;	
}

a:hover
{
	color: #999;	
}

.cimg
{
	display: none;	
}

.blue
{
	color: #005780;	
}

.gray
{
	color: #48525c;	
}

.tcenter
{
	text-align: center;	
}

.tleft
{
	text-align: left;	
}

.floatholder
{
	display: inline-block;
	float: none;
}

.wrapper
{
	min-height: 100%;
	position: relative;
}

.content
{
	/*padding-bottom: 166px;*/
	padding: 0px;
	padding-bottom: 168px;
	margin: 0px;
}

.footer
{
	position: absolute;
	bottom: 0px;
	background-color: #48525c;
	height: 168px;
	overflow: hidden;
	text-align: center;
	display: block;
	color: #FFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.footer .top
{
	display: block;
	margin-bottom: 19px;
	margin-top: 37px;
}

.footer .bottom
{
	display: block;
	line-height: 20px;
}

.footer .bottom a
{
	color: #fff;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: solid 1px #fff;	
}
.footer .bottom a:hover
{
	color: #7a8696;
	border-bottom: solid 1px #7a8696;	
}

.footer .bottom .social
{
	display: inline-block;	
}

.footer .bottom .social a
{
	border: none;	
}

.footer .bottom .social .but_fb { margin-right: 8px; }
.footer .bottom .social .but_twit { margin-right: 8px; }

.footer h2
{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	padding-bottom: 6px;
	letter-spacing: 1px;
	border-bottom: solid 2px #fff;
}


.block_fullwidth
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

.block_4col
{
	width: 960px;
	display: inline-block;
}

.block_3col
{
	width: 671px;
	margin-left: 28px;
	display: inline-block;
	float: left;
}

.block_2col
{
	width: 438px;
	margin-left: 28px;
	display: inline-block;
	float: left;
}

.block_1halfcol
{
	width: 320px;
	margin-left: 28px;
	display: inline-block;
	float: left;
}

.block_1col
{
	width: 205px;
	margin-left: 28px;
	display: inline-block;
	float: left;
}

.menu
{
	background-color: #48525c;
	height: 144px;
	overflow: hidden;
	text-align: center;
	display: block;
	color: #FFF;
	font-size: 13px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
}

.menu .block1
{
	width: 205px;
	height: 144px;
	margin-left: 28px;
	margin-right: 28px;
	display: inline-block;
	float: left;
	overflow: hidden;	
}

.menu .block2
{
	width: 671px;
	height: 144px;
	overflow: hidden;
	display: inline-block;
	float: left;
	position: relative;
}

.menu .block2 .primary
{
	width: 562px;
	height: 144px;
	display: inline-block;
	float: left;
	text-align: center;
}

.menu .block2 .primary .navcontainer
{
	display: inline-block;	
}

.menu .block2 .primary .nav
{
	display: inline-block;
	float: left;
	height: 36px;
	font-size: 13px;
	margin-top: 74px;
	margin-left: 63px;
}

.menu .block2 .primary .first
{
	margin-left: 0px;	
}

.menu .block2 .primary .nav .top
{
	display: block;
	height: 22px;
	overflow: hidden;
	text-align: center;
}

.menu .block2 .primary .nav .top .navarrow
{
	width: 14px;
	height: 14px;
	display: inline-block;
	overflow: hidden;
}

.menu .block2 .primary .nav .top .sel
{
	background-image: url(../../img/nav_arrow.png);
	background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.menu .block2 .primary .nav .top .sel{ background-image: url(../../img/nav_arrow@2x.png); background-size: 14px 14px; }
}


.menu .block2 .primary .nav .bottom
{
	display: block;
	height: 14px;
	overflow: hidden;
	letter-spacing: 1px;
}

.menu .block2 .primary .nav .bottom a
{
	text-decoration: none;
	color: #FFF;	
}
.menu .block2 .primary .nav .bottom a:hover
{
	color: #7a8696;
}

.menu .block2 .secondary
{
	width: 109px;
	height: 144px;
	display: inline-block;
	float: left;
}

.menu .lang
{
	display: inline-block;
	/*display: none;*/
	width: 100%;	
	/*opacity: 0.0;*/
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.menu .lang a
{
	display: inline-block;
	float: right;
	width: 26px;
	height: 26px;
	overflow: hidden;
	color: #FFF;
	text-decoration: none;	
	line-height: 28px;
	font-size: 11px;
	margin-left: 9px;
	margin-top: 24px;
	margin-bottom: 38px;
}

.menu .lang a:hover
{
	color: #48525c;
	background-color: #FFF;
}

.menu .lang .sel
{
	color: #48525c;
	background-color: #FFF;
}

.menu .social
{
	display: inline-block;
	width: 100%;	
}

.logo_header
{
	background-image: url(../../img/logo.png);
	background-repeat: no-repeat;
	height: 144px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.logo_header{ background-image: url(../../img/logo@2x.png); background-size: 205px 144px; }
}

.but_fb
{
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;	
	background-image: url(../../img/but_insta.png);
	text-decoration: none;
}
.but_fb:hover{ background-image:  url(../../img/but_insta_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.but_fb{ background-image: url(../../img/but_insta@2x.png); background-size: 26px 26px; }
	.but_fb:hover{ background-image: url(../../img/but_insta_over@2x.png); background-size: 26px 26px; }
}

.but_twit
{
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;	
	background-image: url(../../img/but_twit.png);
	text-decoration: none;
}
.but_twit:hover{ background-image:  url(../../img/but_twit_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.but_twit{ background-image: url(../../img/but_twit@2x.png); background-size: 26px 26px; }
	.but_twit:hover{ background-image: url(../../img/but_twit_over@2x.png); background-size: 26px 26px; }
}

.but_li
{
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: inline-block;
	background-repeat: no-repeat;	
	background-image: url(../../img/but_li.png);
	text-decoration: none;
}
.but_li:hover{ background-image:  url(../../img/but_li_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.but_li{ background-image: url(../../img/but_li@2x.png); background-size: 26px 26px; }
	.but_li:hover{ background-image: url(../../img/but_li_over@2x.png); background-size: 26px 26px; }
}

.menu .social .but_fb{ float: right; }
.menu .social .but_twit{ float: right; }
.menu .social .but_li{ float: right; }

.smallhead
{
	font-family: 'nb_reg',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: solid 1px #005780;
	display: inline-block;
	padding-bottom: 6px;
	letter-spacing: 0px;
}

.hometop
{
	display: block;
	height: 114px;
}

.hometop .smallhead
{
	margin-top: 46px;	
}

.imgcontainer
{
	background-image: url(../../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center;	
}

.homethumb .imgcontainer
{
	display: inline-block;
	width: 100%;
	height: 420px;
	overflow: hidden;
	margin-bottom: 26px;
}

.homethumb .block_3col
{
	margin-left: 0px;
	float: none;
	position: relative;
}

.homethumb .left
{
	width: 321px;
	display: inline-block;
	float: left;
}

.homethumb .left .row
{
	display: block;
	text-align: center;	
}

.homethumb .headcontain
{
	display: table-caption;
	background-color: red;	
}

.homethumb .row a
{
	text-decoration: none;	
}

.homethumb h1
{
	color: #00568f;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 38px;
	padding-bottom: 12px;
	border-bottom: solid 2px #00568f;
	margin-bottom: 10px;
	text-align: center;
    /*display: table-caption;*/
	position: relative;
	text-decoration: none;
}
.homethumb h1:hover
{
	color: #8da7c2;
	border-bottom: solid 2px #8da7c2;
}

.homethumb .underline
{
	display: inline-block;
	height: 2px;
	overflow: hidden;
	background-color: #00568f;
	/*width: 100%;*/
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.homethumb h1:hover .underline
{
	background-color: #8da7c2;
}

.pictos
{
	/*margin-top: 20px;	*/
}

.homethumb .right
{
	width: 322px;
	margin-left: 28px;
	float: left;
	display: inline-block;
}

.homethumb .right .inner
{
	width: 322px;
	/*height: 100%;*/
	/*position: absolute;*/
}

.homethumb .right .inner table
{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	/*font-size: 14px;*/
	font-size: 15px;
	line-height: 24px;
	/*height: 100%;*/
}

.pictosmall
{
	width: 74px;
	height: 74px;
	overflow: hidden;
	display: inline-block;
}
.pictosmall:hover
{
	background-color: #f1f1e7;
}

.col_picto .sel
{
	background-color: #f1f1e7;
}

.pictosmall img
{
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-top: 7px;
}

.pictosmall a
{
	text-decoration: none;	
}

.pictosmall .top
{
	width: 74px;
	height: 53px;
	text-align: center;
}

.pictosmall .bottom
{
	width: 74px;
	height: 21px;
	text-align: center;	
	color: #00568f;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}

.homethumb .pictosmall
{
	float: left;
	/*margin-left: 8px;*/
	margin-right: 8px;	
}

.article .pictosmall
{
	margin-bottom: 8px;	
}

.floatholder .first
{
	/*margin-left: 0px;*/ 
	margin-right: 0px;	
}

.more
{
	margin-left: 0px;
	text-align: right;
	background-repeat: repeat-x;
	background-image: url(../../img/moreline.png);
	margin-top: 28px;
	margin-bottom: 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.more { background-image: url(../../img/moreline@2x.png); background-size: 1px 14px; }
}

.more a
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #00568f;
	padding-left: 24px;
	background-repeat: no-repeat;
	background-image: url(../../img/morearrow.jpg);
	background-color: #FFF;
}
.more a:hover
{
	color: #8da7c2;	
	background-image: url(../../img/morearrow_over.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.more a{ background-image: url(../../img/morearrow@2x.jpg); background-size: 20px 14px; }
	.more a:hover{ background-image: url(../../img/morearrow_over@2x.jpg); background-size: 20px 14px; }
}

.morecat
{
	margin-left: 0px;
	text-align: center;
	margin-top: -8px;
	margin-bottom: 60px;
}

.morecat a
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #00568f;
	padding-bottom: 8px;
	border-bottom: solid 2px #00568f;
}
.morecat a:hover
{
	color: #8da7c2;	
	border-bottom: solid 2px #8da7c2;
}

.metathumb
{
	width: 205px;
	height: 208px;
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}

.metathumb .top
{
	height: 148px;
	overflow: hidden;
	display: block;
}

.metathumb .title
{
	width: 205px;
	height: 148px;
	overflow: hidden;
	display: block;
	color: #48525c;
	position: relative;
	top: -148px;
}

.metathumb .title table h1
{
	color: #48525c;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	margin: 0px;
	padding-bottom: 4px;
	border-bottom: solid 2px #48525c;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

/*
.metathumb .title table h1:hover
{
	color: #9b9fa4;	
	border-bottom: solid 2px #9b9fa4;
}
*/

.metathumb .bottom
{
	display: block;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #48525c;
	margin-left: 30px;
	margin-right: 30px;
}

.metathumb .more
{
	text-align: center;
	background-image: none;
	margin-top: 6px;
	margin-bottom: 18px;	
}

.metathumb .more a
{
	color: #48525c;	
	background-image: url(../../img/metaarrow.jpg);
	padding-left: 14px;
}
.metathumb .more a:hover
{
	color: #9b9fa4;	
	background-image: url(../../img/metaarrow_over.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.metathumb .more a{ background-image: url(../../img/metaarrow@2x.jpg); background-size: 9px 14px; }
	.metathumb .more a:hover{ background-image: url(../../img/metaarrow_over@2x.jpg); background-size: 9px 14px; }
}

.mobline
{
	height: 3px;
	background-color: #f1f1e7;
	overflow: hidden;	
	display: none;
}

.homethumbmobline
{
	height: 3px;
	width: 100%;
	background-color: #f1f1e7;
	overflow: hidden;	
	margin-top: 30px;
	margin-bottom: 30px;
	display: none;
}

.breadcrumbs
{
	display: block;
	margin-left: 28px;
	margin-right: 28px;
	height: 114px;	
}

.breadcrumbs a
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: solid 1px #48525c;
	display: inline-block;
	padding-bottom: 6px;
	letter-spacing: 0px;
	margin-top: 45px;
	text-decoration: none;
	color: #48525c;
}
.breadcrumbs a:hover
{
	color: #9b9fa4;
	border-bottom: solid 1px #9b9fa4;	
}

.breadcrumbs .slash
{
	margin-left: 12px;
	margin-right: 12px;
	color: #48525c;	
}

.title
{
	font-family: 'nb_reg',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	text-transform: uppercase;
	color: #005780;
}

.imgcontainer
{
	display: block;
	/*
	margin-left: 28px;
	margin-right: 28px;
	*/
	height: 560px;
	overflow: hidden;
	margin-bottom: 42px;
	text-align: left;
}

.article .block_3col
{
	text-align: left;	
}

.article h1
{
	color: #00568f;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 42px;
	letter-spacing: 2px;
	line-height: 45px;
	padding-bottom: 16px;
	border-bottom: solid 2px #00568f;
	margin-bottom: 36px;	
	margin-left: 131px;
}

.gallerycontrols .first
{
	margin-left: 0px;
}

.bullet
{
	width: 8px;
	height: 8px;
	display: inline-block;
	border: solid 1px #005780;
	float: left;
	overflow: hidden;
	margin-left: 13px;
	margin-top: 12px;
	cursor: pointer;
}
.bullet:hover
{
	background-color: #005780;
}	

.gallerycontrols .sel
{
	background-color: #005780;
}

.article .col_picto
{
	width: 74px;
	display: inline-block;
	float: left;
	text-align: center;
}

.projecten .article .col_picto
{
	float: none;
}

.article .col_text
{
	width: 540px;
	display: inline-block;
	float: left;
	margin-left: 57px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 27px;
	letter-spacing: 0.7px;
}

.article .col_text h2
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-size: 18px;
}


.article .col_text h3
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-size: 14px;
}

.article .col_text img
{
	width: 100%;
	height: auto;
	display: block;	
}

.article .col_text span
{
	display: inline-block;
	font-family: 'nb_reg',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 21px;
	line-height: 32px;
	margin-bottom: 30px;
}

.article .date
{
	display: block;
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 9px;	
}

.article .smallhead
{
	margin-top: 7px;	
}

.article .col_picto .smallhead
{
	margin-bottom: 36px;	
}

.metathumb .imgcontainer table img
{
	max-width: 143px;
    width: 100%;
    height: auto;
	background-color: #FFF;
}

.metathumb .imgcontainer table .tagicon
{
	width: 130px;
	height: 130px;
}

.article .metathumb
{
	height: auto;
	margin-top: 8px;	
}

.sandline
{
	height: 3px;
	background-color: #f1f1e7;
	overflow: hidden;
	display: block;
	margin-left: 28px;
	margin-right: 28px;
}

.related
{
	margin-bottom: 99px;	
}

.related .row
{
	display: block;
	margin-left: 28px;
	margin-right: 28px;
	text-align: left;	
}

.related .smallhead
{
	display: inline-block;
	margin-top: 38px;
	margin-bottom: 42px;
}

.relatedthumb
{
	
}

.relatedthumb .top
{
	height: 202px;
	overflow: hidden;
	display: block;
	margin-bottom: 24px;
}

.relatedthumb .top .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.relatedthumb .top:hover .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.relatedthumb .top h1
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.relatedthumb .top:hover h1
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}






.projecten .relatedthumb .top .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.projecten .relatedthumb .top:hover .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.projecten .relatedthumb .top h1
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.projecten .relatedthumb .top:hover h1
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}


/*


.media .top .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.media .top:hover .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.media .top:hover h1
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.media .top h1
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
*/



.media .top .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.media .top:hover .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.media .top:hover h1
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.media .top h1
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}


.media .metathumb .imgcontainer table img {
max-width: 170px;
}


.media .metathumb .top
{
	margin-bottom: 10px;	
}



.uitgelicht .top .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.uitgelicht .top:hover .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.uitgelicht .top h1
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.uitgelicht .top:hover h1
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.relatedthumb .title
{
	height: 202px;
	overflow: hidden;
	display: block;
	color: #48525c;
	position: relative;
	top: -202px;
}

.relatedthumb .title table h1
{
	color: #48525c;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: solid 2px #48525c;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
/*
.relatedthumb .title table h1:hover
{
	color: #9b9fa4;	
	border-bottom: solid 2px #9b9fa4;
}
*/

.projecten .relatedthumb .title table h1
{
	color: #00568f;	
	border-bottom: solid 2px #00568f;
}

/*
.projecten .relatedthumb .title table h1:hover
{
	color: #8da7c2;	
	border-bottom: solid 2px #8da7c2;
}
*/

.relatedthumb .bottom
{
	display: inline-block;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #48525c;
}

.relatedthumb .bottom .left
{
	display: inline-block;
	float: left;
	width: 207px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #48525c;
	/*font-size: 11px;*/
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.2px;
}

.projecten .relatedthumb .bottom .left
{
	color: #00568f;
}

.relatedthumb .bottom .right
{
	display: inline-block;
	float: left;
	width: 86px;	
	margin-left: 27px;
}

.relatedthumb .more
{
	text-align: center;
	background-image: none;
	/*margin-top: 21px;*/
	margin-top: 40px;	
	margin-bottom: 0px;
}

.relatedthumb .more a
{
	color: #48525c;	
	background-image: url(../../img/metaarrow.jpg);
	padding-left: 14px;
}
.relatedthumb .more a:hover
{
	color: #9b9fa4;	
	background-image: url(../../img/metaarrow_over.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.relatedthumb .more a{ background-image: url(../../img/metaarrow@2x.jpg); background-size: 9px 14px; }
	.relatedthumb .more a:hover{ background-image: url(../../img/metaarrow_over@2x.jpg); background-size: 9px 14px; }
}

.projecten .relatedthumb .more a
{
	color: #00568f;	
	background-image: url(../../img/projectenarrow.png);
	padding-left: 14px;
}
.projecten .relatedthumb .more a:hover
{
	color: #8da7c2;	
	background-image: url(../../img/projectenarrow_over.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.projecten .relatedthumb .more a{ background-image: url(../../img/projectenarrow@2x.png); background-size: 9px 14px; }
	.projecten .relatedthumb .more a:hover{ background-image: url(../../img/projectenarrow_over@2x.png); background-size: 9px 14px; }
}

.relatedthumb .imgcontainer
{
	height: 202px;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	margin: 0px;
}

.article .imgcontainer
{
	/*margin-left: 28px;
	margin-right: 28px;*/
	/*margin-bottom: 45px;	*/
}

.metathumb .imgcontainer
{
	width: 205px;
	height: 148px;
	overflow: hidden;
	display: block;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	margin: 0px;
}

.articlehead
{
	float: right;	
}

.gallerycontrols
{
	float: right;
	margin-right: 28px;	
}

.block_metahead
{
	display: block;
	text-align: center;	
}

.infotitle
{
	display: block;	
	text-align: left;
	margin-left: 28px;
	margin-right: 28px;
}

.infotitle h1 
{
	color: #00568f;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 42px;
	letter-spacing: 2px;
	line-height: 38px;
	padding-bottom: 16px;
	border-bottom: solid 2px #00568f;
	margin-bottom: 36px;
}

.googlemaps
{
	display: block;
	margin-left: 28px;
	margin-right: 28px;
	background-color: #CCC;
	/*height: 300px;*/
	height: auto;
}

.infopage .contactinfo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 27px;	
	text-align: left;
	margin-top: 44px;
	margin-bottom: 90px;
}

.infopage .contactinfo a
{
	text-decoration: none;
	color: #00568f;	
}
.infopage .contactinfo a:hover
{
	color: #8da7c2;
}	

.infopage .contactinfo .block_metahead
{
	text-align: left;
	margin-bottom: 34px;	
}

.infopage .contactinfo .smallhead
{
	line-height: normal;	
}

.infopage .social a
{
	position: relative;
	padding-left: 32px;
}

.contactfb
{
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../../img/contactinsta.png);
	position: absolute;
	top: -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.contactfb{ background-image: url(../../img/contactinsta@2x.png); background-size: 16px 16px; }
}

.contacttwit
{
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../../img/contacttwit.png);
	position: absolute;
	top: -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.contacttwit{ background-image: url(../../img/contacttwit@2x.png); background-size: 16px 16px; }
}

.contactli
{
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../../img/contactli.png);
	position: absolute;
	top: -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.contactli{ background-image: url(../../img/contactli@2x.png); background-size: 16px 16px; }
}

.filterstatus
{
	display: block;	
	margin-left: 28px;
	margin-right: 28px;
	font-size: 42px;
	line-height: 50px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 3px;
	margin-bottom: 68px;
}

.filterstatus .left
{
	width: 264px;
	display: inline-block;
	float: left;	
	text-align: right;
}

.filterstatus .right
{
	display: inline-block;
	float: left;	
	text-align: right;
	font-family: 'nb_reg',Arial, Helvetica, sans-serif;
	font-size: 32px;
}

.filterstatus .right span
{
	position: relative;	
	/*padding-left: 121px;*/
	padding-left: 100px;
}

.filterstatus .right .pictobig
{
	display: inline-block;
	position: absolute;
	/*width: 94px;
	height: 94px;*/
	width: 72px;
	height: 72px;
	overflow: hidden;
	/*left: 15px;
	top: -24px;*/
	left: 14px;
	top: -20px;
}

.filterstatus .right .pictobig img
{
	width: 100%;
	height: 100%;	
}

.filterstatus .right .deltag
{
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	overflow: hidden;
	right: -16px;
	top: -14px;
	background-repeat: no-repeat;
	background-image: url(../../img/deltag.png);
	cursor: pointer;
}
.filterstatus .right .deltag:hover
{
	background-image: url(../../img/deltag_over.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.filterstatus .right .deltag{ background-image: url(../../img/deltag@2x.png); background-size: 16px 16px; }
	.filterstatus .right .deltag:hover{ background-image: url(../../img/deltag_over@2x.png); background-size: 16px 16px; }
}

.article .meta .imgcontainer
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

.article .og .imgcontainer
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.overview
{
	width: 699px;	
}

.overview .block_1halfcol
{
	margin-left: 0px;
	margin-right: 28px;
	margin-bottom: 62px;	
}

.media
{
	text-align: left;
	margin-bottom: 64px;	
}

.media .metathumb
{
	display: inline-block;
	margin-left: 28px;
	height: 300px;
	float: left;
}

.media .metathumb .title table h1
{
	color: #00568f;
	border-bottom: solid 2px #00568f;
}

/*
.media .metathumb .title table h1:hover
{
	color: #8da7c2;	
	border-bottom: solid 2px #8da7c2;
}
*/

.media .metathumb .bottom
{
	color: #00568f;
	font-size: 11px;
	line-height: 17px;
	margin-left: 0px;
	margin-right: 0px;
}

.media .metathumb .bottom span
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	display: block;
	letter-spacing: 1px;
}

.media .metathumb .bottom .block_link
{
	display: block;	
	margin-top: 16px;
}

.media .metathumb .bottom a
{
	color: #00568f;	
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: solid 1px #00568f;
}
.media .metathumb .bottom a:hover
{
	color: #8da7c2;
	border-bottom: solid 1px #8da7c2;
}

.studiotitle
{
	text-align: left;
	display: block;
	margin-left: 28px;
	margin-right: 28px;
}

.studiointro
{
	font-size: 26px;	
	line-height: 40px;
	font-family: 'nb_reg',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	display: block;
	/*margin-left: 28px;
	margin-right: 28px;*/
	text-align: left;
	letter-spacing: 1px;
	margin-bottom: 72px;
}

.studio h1
{
	color: #00568f;
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 42px;
	letter-spacing: 2px;
	line-height: 50px;
	margin-bottom: 32px;
}

.studio .studiotitle h1
{
	color: #00568f;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 42px;
	letter-spacing: 2px;
	line-height: 50px;
	padding-bottom: 16px;
	border-bottom: solid 2px #00568f;
	margin-bottom: 36px;
}

.studio .block_2col
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 27px;
}

.studio .block_3col
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 27px;
}

.studio h2
{
	color: #00568f;
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	letter-spacing: 2px;
	display: inline-block;
}

.clientbox
{
	width: 699px;
}

.clientbox .block_1col
{
	margin-left: 0px;
	margin-right: 28px;	
	margin-bottom: 30px;
	/*height: 214px;*/
	height: 136px;
}

.clientbox .top
{
	width: 205px;
	height: 136px;
	display: inline-block;
	overflow: hidden;
}

.clientbox .top table img
{
	max-width: 180px;
	max-height: 136px;
}

.clientbox .bottom
{
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	margin-top: 10px;
}

.clientbox .bottom a
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	letter-spacing: 1px;
	padding-bottom: 4px;
	border-bottom: solid 1px #00568f;
	text-decoration: none;
	font-size: 11px;
	color: #00568f;
}	
.clientbox .bottom a:hover
{
	color: #8da7c2;
	border-bottom: solid 1px #8da7c2;
}

.clientbox a
{
	line-height:  normal;
	height: auto;
	display: inline-block;	
}

.filtercol
{
	float: left;
	margin-left: 0px;	
}

.overview
{
	float: left;	
}

.sepa2blocks
{
	height: 1px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	display: none;	
}

.sepa3blocks
{
	height: 1px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	display: none;	
}

.sepa4blocks
{
	height: 1px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	display: block;	
}

.media .metathumb
{
	margin-bottom: 40px;	
}

.studio .block_metahead
{
	text-align: left;	
}

.studio .smallhead
{
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #505354;
	border-bottom: solid 1px #505354;
	margin-bottom: 40px;
	margin-top: 15px;
}	

.studionav
{
	display: inline-block;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	color: #505354;
	width: 174px;
	height: 30px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-transform: uppercase;
	cursor: pointer;
	margin-bottom: 10px;
	margin-left: -20px;
}
.studionav:hover
{
	background-color: #00568f;
	color: #FFF;
}

/*
.snav_introductie{ background-image: url(../../img/snav_introductie.png); }
.snav_introductie:hover{ background-image: url(../../img/snav_introductie_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.snav_introductie{ background-image: url(../../img/snav_introductie@2x.png); background-size: 62px 50px; }
	.snav_introductie:hover{ background-image: url(../../img/snav_introductie_over@2x.png); background-size: 62px 50px; }
}

.snav_werkwijze{ background-image: url(../../img/snav_werkwijze.png); }
.snav_werkwijze:hover{ background-image: url(../../img/snav_werkwijze_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.snav_werkwijze{ background-image: url(../../img/snav_werkwijze@2x.png); background-size: 62px 50px; }
	.snav_werkwijze:hover{ background-image: url(../../img/snav_werkwijze_over@2x.png); background-size: 62px 50px; }
}

.snav_clienten{ background-image: url(../../img/snav_clienten.png); }
.snav_clienten:hover{ background-image: url(../../img/snav_clienten_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.snav_clienten{ background-image: url(../../img/snav_clienten@2x.png); background-size: 62px 50px; }
	.snav_clienten:hover{ background-image: url(../../img/snav_clienten_over@2x.png); background-size: 62px 50px; }
}

.snav_cv{ background-image: url(../../img/snav_cv.png); }
.snav_cv:hover{ background-image: url(../../img/snav_cv_over.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) 
{
	.snav_cv{ background-image: url(../../img/snav_cv@2x.png); background-size: 62px 50px; }
	.snav_cv:hover{ background-image: url(../../img/snav_cv_over@2x.png); background-size: 62px 50px; }
}
*/

.studionav .inner
{
	/*margin-left: 64px;*/
	margin-left: 20px;
	height: 30px;
	overflow: hidden;	
	line-height: 30px;
}

.studio .nav
{
	text-align: left;
	width: 205px;
	display: inline-block;	
}

.studio .navcontain
{
	width: 205px;
}

.fixed
{
	position: fixed;
	top: 40px;
}

.unfixed
{
	position: relative;
	top: inherit;
}

.studio .portrait img
{
	width: 205px;	
}

.studio .margcol
{
	margin-bottom: 85px;	
}

.studio .text a
{
	color: #00568f;
	/*font-family: 'nb_bold',Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	border-bottom: solid 1px #00568f;
	/*letter-spacing: 1px;*/
}
.studio .text a:hover
{
	color: #8da7c2;
	border-bottom: solid 1px #8da7c2;	
}

.article .col_text a
{
	color: #00568f;
	/*font-family: 'nb_bold',Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	border-bottom: solid 1px #00568f;
	/*letter-spacing: 1px;*/
}
.article .col_text a:hover
{
	color: #8da7c2;
	border-bottom: solid 1px #8da7c2;	
}

.meta .first
{
	margin-right: 28px;	
}

.tagsmarg
{
	height: 160px;	
}

.tagsmarg .more
{
	margin-top: 0px;	
}

.clientbox img
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.clientbox img:hover
{
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.contimgcontain
{
	display: inline-block;
	width: 205px;
	height: 205px;
	overflow: hidden;	
}

.margtop_40
{
	margin-top: 42px;	
}

.filtersmall
{
	font-size: 32px;	
}

.film
{
	display: inline-block;
	width: 540px;
	height: 303px;	
	margin-bottom: 24px;
}

.film iframe
{
	width: 100%;
	display: inline-block;
	height: 100%;	
}

.article .metathumb h1
{
	letter-spacing: normal;
}

.article .metathumb .top .imgcontainer
{
	background-image: none;
}


.article .mediathumb .top .imgcontainer
{
	
	zoom: 1;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.article .mediathumb .top:hover .imgcontainer
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.article .mediathumb .top:hover h1
{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.article .mediathumb .top h1
{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.pictosmall
{
	overflow: visible;	
}

.pictosmall .bottom
{
	font-size: 10px;
}

.infopage .text h3 {
  font-family: 'nb_bold',Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
}

.footer h2
{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'nb_bold',Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	padding-bottom: 6px;
	letter-spacing: 1px;
	border-bottom: solid 2px #fff;
	color: #FFF;
}

.studiospacer img
{
	position: relative;
	top: 5px;	
}

.infopage .footer .social a {
  position: relative;
  padding-left: 0px;
}

/* Responsive styles */
@media only screen and (max-width: 959px) 
{
	.block_4col
	{
		width: 727px;	
	}
	
	.menu .block2
	{
		width: 438px;	
	}
	
	.menu .block2 .primary
	{
		width: 438px;
	}
	
	.menu .block2 .primary .nav
	{
		margin-left: 61px;	
	}
	
	.menu .block2 .primary .first
	{
		margin-left: 0px;	
	}
	
	.menu .block2 .secondary
	{
		width: 205px;
		height: auto;
		position: absolute;
		right: 0px;
	}
	
	.menu .lang
	{
		float: right;
		width: auto;
		margin-left: 44px;
	}
	
	.menu .lang a
	{
		margin-bottom: 0px;
	}
	
	.menu .social
	{
		float: right;
		width: auto;
	}
	
	.menu .social a
	{
		margin-top: 24px;
	}
	
	.content
	{
		padding-bottom: 200px;
	}
	
	.footer
	{
		height: 200px;
	}
	
	#footer_2
	{
		height: 200px;	
	}
	
	#footer_4 .top
	{
		display: none;	
	}
	
	#footer_4 .bottom
	{
		margin-top: 22px;	
	}
	
	.block_3col
	{
		width: 438px;	
	}
	
	.homethumb .imgcontainer
	{
		height: 274px;
	}
	
	.homethumb .left
	{
		width: 100%;
		display: block;
		float: none;
	}
	
	.homethumb .right
	{
		width: 100%;
		display: block;
		float: none;
		margin-left: 0px;
	}
	
	.homethumb .right .inner
	{
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 20px;
	}
	
	.homethumb .block_3col
	{
		margin-left: 0px;
		float: none;
		position: relative;
		display: inline-block;
	}
	
	.homethumb .right .inner table
	{
		height: auto;
	}	
	
	.homethumbmobline
	{
		display: none;	
	}
	
	.article .imgcontainer
	{
		height: 418px;	
	}
	
	.article .articlehead
	{
		float: right;
		width: 100%;
		display: block;	
		text-align: center;
		margin-left: 0px;
	}
	
	.article h1
	{
		margin-left: 0px;	
	}
	
	.gallerycontrols
	{
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		display: block;
		margin-bottom: 34px;
	}
	
	.article .imgcontainer
	{
		margin-bottom: 10px;	
	}
	
	.article .main
	{
		display: block;	
		width: auto;
		margin-left: 28px;
		margin-right: 28px;
	}
	
	.article .main .smallhead
	{
		display: none;	
	}
	
	.article .col_picto
	{
		display: block;
		margin: 0px;
		width: 100%;
		margin-bottom: 24px;
	}
	
	.pictosmall
	{
		float: left;	
	}
	
	.article .col_text
	{
		/*width: auto;*/
		width: 100%;
		display: block;
		margin-left: 0px;
	}
	
	.article .meta
	{
		width: auto;
		display: block;	
	}
	
	.metathumb .imgcontainer
	{
		height: 148px;	
	}
	
	.block_metahead
	{
		text-align: left;	
	}
	/*
	
	.filtercol
	{
		display: block;
		width: 100%;
		margin-left: 0px;
	}
	
	.article .col_picto
	{
		background-color: #6C3;	
		display: block;
		margin-left: 28px;
		margin-right: 28px;
		width: auto;
	}
	
	.smallheadblock
	{
		display: block;	
		text-align: left;
	}
	*/
	
	.block_1halfcol
	{
		width: 205px;	
	}
	
	.article .overview
	{
		width: 466px;	
	}
	
	.relatedthumb .imgcontainer
	{
		height: 130px;
	}
	
	.relatedthumb .top
	{
		height: 130px;
		margin-bottom: 14px;
	}
	
	.relatedthumb .title
	{
		height: 130px;
		top: -130px;
	}
	
	.relatedthumb .title table h1
	{
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 4px;
	}
	
	.relatedthumb .bottom .right
	{
		width: 100%;
		display: block;	
		margin-left: 0px;
	}
	
	.overview .relatedthumb
	{
		border-bottom: solid 2px #f1f1e7;	
		padding-bottom: 26px;
		margin-bottom: 28px;
	}
	
	.pictosmall
	{
		float: none;	
	}
	
	.relatedthumb 
	{
		border-bottom: solid 2px #f1f1e7;
		padding-bottom: 26px;
		margin-bottom: 28px;
	}
	
	.contactinfo
	{
		width: 146px;	
	}
	
	.sepa2blocks { display: none; }
	.sepa3blocks { display: block; }
	.sepa4blocks { display: none; }
	
	.studio .portrait
	{
		width: 438px;	
		margin-left: 261px;
		margin-top: 40px;
	}
	
	.clientbox
	{
		width: 466px;	
	}
	
	.article .metathumb
	{
		float: left;
		margin-left: 0px;	
	}
	
	.contimgcontain
	{
		width: 146px;
		height: 146px;
	}
	
	.film
	{
		width: 671px;
		height: 377px;	
	}
	
	.floatholder .first
	{
		margin-right: 8px;
	}	
}

@media only screen and (max-width: 726px) 
{
	.block_4col
	{
		width: 494px;	
	}
	
	.menu .block2
	{
		width: 205px;	
	}
	
	.menu .block2 .secondary
	{
		width: auto;
	}
	
	.menu .block2 .primary
	{
		width: 205px;
	}
	
	.menu .block2 .primary .navcontainer
	{
		display: block;
		text-align: left;	
	}
	
	.menu .block2 .primary .nav
	{
		display: block;
		float: none;
		height: 14px;
		font-size: 13px;
		margin-left: 0px;
		margin-top: 13px;
	}
	
	.menu .block2 .primary .first
	{
		margin-top: 25px;
	}

	.menu .block2 .primary .nav .top
	{
		height: 14px;
		width: 14px;
		overflow: hidden;
		display: inline-block;
		float: left;
	}
	
	.menu .block2 .primary .nav .top .sel
	{
		background-image: url(../../img/nav_arrow_hor.png);
	}
	
	.menu .block2 .primary .nav .bottom
	{
		display: inline-block;
		float: left;
		margin-left: 4px;
	}
	
	.menu .social
	{
		display: none;	
	}
	
	.menu .lang
	{
		margin-left: 0px;
	}
	
	.menu .lang a
	{
		margin-top: 17px;
	}
	
	.content
	{
		padding-bottom: 326px;
	}
	
	.footer
	{
		height: 326px;
	}
	
	#footer_1
	{
		height: 326px;	
	}
	
	#footer_2
	{
		height: auto;
	}
	
	#footer_3 .top
	{
		margin-top: 32px;	
	}
	
	#footer_4 .bottom
	{
		margin-top: 14px;	
	}
	
	.block_3col
	{
		float: none;
		display: block;
		margin-left: 28px;
		margin-right: 28px;	
	}
	
	.metacol
	{
		float: none;
		width: 438px;
		display: inline-block;
		margin-left: 28px;
		margin-right: 28px;	
		margin-bottom: 76px;
	}
	
	.more
	{
		margin-left: 0px;
		margin-right: 0px;	
	}
	
	.morecat
	{
		margin-left: 0px;
		margin-right: 0px;	
	}
	
	.metathumb
	{
		display: inline-block;
		float: left;
		margin-left: 28px;
	}
	
	.metacol .nomarg
	{
		margin-left: 0px;
	}
	
	.mobline
	{
		display: block;	
	}
	
	.metacol .tcenter
	{
		text-align: left;	
	}
	
	.homethumbmobline
	{
		display: none;	
	}
	
	.article .imgcontainer
	{
		height: 128px;
	}	
	
	.article #slideshow .imgcontainer
	{
		height: 272px;
		/*height: 128px;*/
	}
	
	.block_3col
	{
		margin-right: 0px;
	}
	
	.metathumb .imgcontainer
	{
		height: 148px;	
	}
	
	.article .meta
	{
		text-align: left;	
	}
	
	.article h1
	{
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 38px;
		padding-bottom: 14px;
	}
	
	.filtercol
	{
		float: none;
		width: 466px;	
		margin-left: 0px;
		margin-bottom: 70px;
	}
	
	.overview
	{
		float: none;	
	}
	
	.article .filtercol .col_picto
	{
		text-align: left;
	}
	
	.article .filtercol .smallhead
	{
		margin-left: 15px;	
	}
	
	.filterstatus .left
	{
		text-align: left;	
	}
	
	.filterstatus .right .pictobig
	{
		left: 0px;	
	}
	
	.filterstatus .right span
	{
		padding-left: 106px;
	}	
	
	.filterstatus
	{
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 38px;
		padding-bottom: 14px;
	}
	
	.filterstatus .right .pictobig
	{
		width: 70px;
		height: 70px;	
	}
	
	.filterstatus .right span
	{
		padding-left: 80px;	
	}
	
	.filterstatus .right .pictobig
	{
		top: -20px;	
	}
	
	.contactinfo
	{
		width: 219px;	
	}
	
	.infopage .contactinfo
	{
		margin-bottom: 0px;	
	}
	
	.contactcol
	{
		margin-bottom: 90px;	
	}
	
	.infotitle h1 
	{
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 38px;
		padding-bottom: 14px;
	}
	
	.sepa2blocks { display: block; }
	.sepa3blocks { display: none; }
	.sepa4blocks { display: none; }
	
	.studio .nav
	{
		display: none;	
	}
	
	.studio .studiotitle h1
	{
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 38px;
		padding-bottom: 14px;
	}
	
	.studio h1
	{
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 38px;
		padding-bottom: 14px;
	}
	
	.studio .portrait
	{
		margin-left: 28px;
		display: inline-block;
		float: left;	
	}
	
	.studiospacer
	{
		display: none;	
	}
	
	.contimgcontain
	{
		margin-top: 40px;
		width: 205px;
		height: 205px;
	}
	
	.filtercol
	{
		margin-left: 28px;	
	}
	
	.film
	{
		width: 438px;
		height: 246px;	
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 726px), only screen and (min-device-pixel-ratio: 2) and (max-width: 726px)
{
	.menu .block2 .primary .nav .top .sel
	{
		background-image: url(../../img/nav_arrow_hor@2x.png);
	}
}

@media only screen and (max-width: 499px) 
{
	.menu
	{
		height: auto;
	}
	
	.block_4col
	{
		width: 261px;	
	}
	
	.menu .block1
	{
		margin-top: 26px;	
	}
	
	.menu .block2
	{
		margin-left: 28px;
		height: auto;
		overflow: visible;
	}
	
	.menu .block2 .primary
	{
		height: auto;
		margin-bottom: 32px;
	}
	
	.menu .block2 .primary .first
	{
		margin-top: 0px;
	}
	
	.menu .block2 .secondary
	{
		top: -187px;	
	}
	
	.menu .block1 a
	{
		margin-left: 7px;	
	}
	
	.content
	{
		padding-bottom: 458px;
	}
	
	.footer
	{
		height: 458px;
	}
	
	#footer_1
	{
		height: auto;	
	}
	
	#footer_2 .top
	{
		margin-top: 0px;	
	}
	
	.block_3col
	{
		width: 205px;	
	}
	
	.homethumb .imgcontainer
	{
		height: 128px;
	}
	
	.homethumb .left
	{
		margin-bottom: -18px;	
	}
	
	.homethumb h1
	{
		font-size: 17px;
		line-height: 22px;
		padding-bottom: 4px;
	}	
	
	.homethumb .left .pictos
	{
		display: none;	
	}
	
	.metacol
	{
		width: 205px;
	}
	
	.metathumb
	{
		margin-left: 0px;
	}
	
	.metacol .nomarg
	{
		margin-left: 0px;
	}
	
	.mobline
	{
		display: block;	
	}
	
	.metacol .tcenter
	{
		text-align: left;	
	}
	
	.homethumb .right .inner table
	{	
		line-height: 20px;
	}

	.more
	{
		text-align: center;
		background-image: none;
		margin-top: 21px;
		margin-bottom: 0px;	
	}
	
	.more a
	{
		color: #48525c;	
		background-image: url(../../img/metaarrow.jpg);
		padding-left: 14px;
	}
	.more a:hover
	{
		color: #9b9fa4;	
		background-image: url(../../img/metaarrow_over.jpg);
	}
	
	.homethumbmobline
	{
		display: block;
		margin-left: 0px;	
	}
	
	.morecat
	{
		margin-top: 54px;
	}
	
	.article .imgcontainer
	{
		height: 128px;
	}
	
	.article h1
	{
		font-size: 17px;
		line-height: 22px;
		padding-bottom: 4px;	
	}
	
	.article .col_text
	{
		/*
		font-size: 11px;	
		line-height: 20px;*/
		font-size: 14px;
		line-height: 24px;
	}
	
	.article .col_text span
	{
		/*
		font-size: 14px;	
		line-height: 20px;*/
		font-size: 17px;
		line-height: 24px;
	}
	
	.article .overview
	{
		width: 233px;	
	}
	
	.filtercol
	{
		width: 233px;	
	}
	
	.article .col_picto
	{
		text-align: center;	
	}
	
	.filterstatus
	{
		font-size: 17px;
		line-height: 22px;
		padding-bottom: 4px;
		letter-spacing: 2px;
	}
	
	.filterstatus .right .pictobig
	{
		width: 45px;
		height: 45px;	
	}
	
	.filterstatus .right span
	{
		padding-left: 54px;	
	}
	
	.filterstatus .right .pictobig
	{
		top: -14px;	
	}
	
	.filterstatus .left
	{
		width: 205px;
	}	
	
	.contactinfo
	{
		width: 205px;	
	}
	
	.infopage .contactinfo
	{
		margin-bottom: 0px;	
		text-align: center;
	}
	
	.infopage .contactinfo .block_metahead
	{
		text-align: center;	
	}
	
	.contactcol
	{
		margin-bottom: 50px;	
	}
	
	.infopage .contactinfo
	{
		margin-top: 0px;
		margin-bottom: 40px;	
	}
	
	.infopage .contactinfo a img
	{
		position: relative;
		left: 34px;
	}
	
	.infopage .social a
	{
		position: relative;
		left: 38px;	
	}
	
	.infotitle
	{
		text-align: center;	
	}
	
	.infotitle h1 
	{
		font-size: 17px;
		line-height: 22px;
		padding-bottom: 4px;
	}
	
	.infopage .contactinfo
	{
		font-size: 11px;
		line-height: 20px;
	}
	
	.infopage .social
	{
		text-align: left;	
		line-height: 26px;
	}
	
	.contactfb
	{
		top: -2px;	
	}
	
	.contacttwit
	{
		top: -2px;	
	}
	
	.contactli
	{
		top: -4px;	
	}
	
	.sepa2blocks { display: none; }
	.sepa3blocks { display: none; }
	.sepa4blocks { display: none; }
	
	.studio h1
	{
		font-size: 17px;
		line-height: 22px;
		padding-bottom: 4px;	
	}
	
	.studio .studiotitle h1
	{
		font-size: 17px;
		line-height: 22px;
		padding-bottom: 4px;	
	}
	
	.studiointro
	{
		/*font-size: 14px;*/
		font-size: 17px;
		/*line-height: 20px;*/
		line-height: 24px;
	}
	
	.studio .block_3col 
	{
		font-size: 14px;
	}
	
	.studio .block_2col
	{
		width: 205px;	
		font-size: 11px;
		line-height: 20px;
	}
	
	.studio .portrait
	{
		width: 205px;	
	}
	
	.studio .text
	{
		/*font-size: 11px;*/
		font-size: 14px;
		/*line-height: 20px;*/
		line-height: 27px;
	}
	
	.article #slideshow .imgcontainer
	{
		height: 128px;
	}
	
	.film
	{
		width: 205px;
		height: 115px;	
	}
	
	.relatedthumb .more
	{
		margin-top: 20px;	
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 499px), only screen and (min-device-pixel-ratio: 2) and (max-width: 726px)
{
    .more a{ background-image: url(../../img/metaarrow@2x.jpg); background-size: 9px 14px; }
	.more a:hover{ background-image: url(../../img/metaarrow_over@2x.jpg); background-size: 9px 14px; }
}