/* GLOBAL */
body { padding: 0; margin: 0; overflow-x: hidden; background: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 100%; height: 100%; }
.header { margin: 0 auto; overflow: auto; position: relative; }
.wrapper { margin: 0 auto; position: relative; }
#logo:link, #logo:visited { text-decoration: none; color: #000; font-size: 12px; font-weight: bold; line-height: 15px; margin: 0 0 15px 0; float: left; }
#logo:hover, #logo:active { text-decoration: underline; color: #000; }
.header h1 { margin: 0; padding: 0; }
.header { position: fixed; top: 0px; left: 50%; z-index: 3000; background: #fff; }
.header a:link, .header a:visited { color: #000; text-decoration: none; }
.header a:hover, .header a:active { color: #000; text-decoration: underline; }
.header ul { float: left; margin: 0 0 15px 0; padding: 0; list-style: none; font-size: 12px; line-height: 15px; }
.header ul a:link, .header ul a:visited { text-transform: lowercase; }
.header p { font-size: 12px; line-height: 15px; margin: 0 0 15px 0; padding: 0; float: left; }
.header .column, .content .column { margin: 1.5% 1.5% 0 1.5%; float: left; }
.items .item { padding: 1.5% 1.5% 0 1.5%; }
.header .column { border-bottom: 5px solid #000; }
.column img { width: 100%; margin: 0 0 10px 0; }
.item h2 { font-weight: normal; font-size: 12px; padding: 0 0 10px 0; border-bottom: 5px solid #000; margin: 0 0 30px 0; }
.item h2 a:link, .item h2 a:visited { color: #000; text-decoration: none; }
.item h2 a:hover, .item h2 a:active { color: #000; text-decoration: underline; }
.item { padding: 0 0 10px 0; }
.one-one { width: 97%; }
.one-two { width: 47%; }
.one-three { width: 30.33%; }
.one-five { width: 17%; }
.one-four { width: 22%; }
.image { position: relative; display: block; }
img { border: none; }
.image:visited .BWFilter { display: none !important; z-index: -1; }
.description { float: left; clear: both; border-top: 5px solid #000; padding: 30px 0 0 0; width: 100%; }
.description p { font-size: 12px; line-height: 15px; margin: 0 0 10px 0; padding: 0; }
.description h1 { font-size: 12px; line-height: 15px; margin: 0 0 10px 0; padding: 0; }
.three-four { width: 72%; border-bottom: none; }
.content .detail { float: right; }
.detail img { margin: 0 0 35px 0; }
.temp { display: none; float: left; clear: both; width: 100%; position: relative; }
.projecten { overflow: visible; }
.projecten .column, .projecten { background: none; border-bottom: none; }
.description a:link, .description a:visited, .description a:hover, .description a:active { color: #000; text-decoration: underline; }
a.back:link, a.back:visited { color: #000; font-size: 12px; text-decoration: none; position: absolute; bottom: -48px; left: 0px; }
a.back:hover, a.back:active { color: #000; text-decoration: underline; }
.description ul, .description ol { margin: 0 0 10px 17px; font-size: 12px; color: #000; padding: 0; }
div.inline-media { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; width: 100%; float: left; }
div.inline-media iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.detail .inline-media { margin: 0 0 35px 0 !important; }

/* WIDESCREEN */

/* DESKTOP */
.desktop .one-four { width: 22%; }
.desktop .three-four { width: 72%; }

/* TABLET */
.tablet .one-four { width: 30.33%; }
.tablet .empty2, .tablet .empty1 { display: none; }
.tablet .three-four { width: 63.66%; }

/* MOBILE */
.mobile .header h1, .mobile .header p, .mobile .header ul { margin-top: 15px !important; }
.mobile .content .description { margin: 15px 1.5% 0 1.5%; padding-top: 0px; padding-bottom: 10px; width: 97%; }
.mobile .content .three-four { width: 97%; }
.mobile .content .detail { padding-top: 0px; }
.mobile .description { padding: 15px 0 15px 0; }
.mobile .items .column { margin: 0 !important; }
.mobile .header .column { width: 97%; }
.mobile .items .item { float: left !important; position: relative !important; top: auto !important; left: auto !important; width: 97% !important; margin: 0 0 -13px 0 !important; }
.mobile .empty1 { display: none; }
.mobile a.back:link, .mobile a.back:visited { position: relative; float: left; bottom: -65px; }
.mobile .header { position: relative; top: auto; left: auto; margin-bottom: 10px; }