/* res_id: 1b87df0510c882ab2ebbcc85a08c5f28 */

/*@import "grid";*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/**
 * Address styling not present in IE 8/9.
 */
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/**
 * Remove default margin.
 */
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in Safari 5 and Chrome.
 */
/**
 * Address differences between Firefox and other browsers.
 */
/**
 * Address styling not present in IE 8/9.
 */
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/**
 * Improve readability of pre-formatted text in all browsers.
 */
/**
 * Set consistent quote types.
 */
/**
 * Address inconsistent and variable font size in all browsers.
 */
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/**
 * Correct overflow displayed oddly in IE 9.
 */
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* 1 */
/**
 * Re-set default cursor for disabled elements.
 */
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/**
 * Remove inner padding and border in Firefox 4+.
 */
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/*
 Media-Querys removed
 Authors Custom-Style removed
*/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/*
 * A better looking default horizontal rule
 */
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/*
 * Remove default fieldset styles.
 */
/*
 * Allow only vertical resizing of textareas.
 */
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
@font-face {
	font-family: 'IncubatorBook';
	src: url('../fonts/incubator/PostGrotesk-Book.eot');
	src: url('../fonts/incubator/PostGrotesk-Bookd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/incubator/PostGrotesk-Book.woff') format('woff'), url('../fonts/incubator/PostGrotesk-Book.svg#PostGrotesk-Book') format('svg');
}

@font-face {
	font-family: 'IncubatorBookItalic';
	src: url('../fonts/incubator/PostGrotesk-BookItalic.eot');
	src: url('../fonts/incubator/PostGrotesk-BookItalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/incubator/PostGrotesk-BookItalic.woff') format('woff'), url('../fonts/incubator/PostGrotesk-BookItalic.svg#PostGrotesk-Book') format('svg');
}

@font-face {
	font-family: 'mrw';
	src: url('../fonts/mrw01d1.eot?-iktjgt');
	src: url('../fonts/mrwd41d.eot?#iefix-iktjgt') format('embedded-opentype'), url('../fonts/mrw01d1.woff?-iktjgt') format('woff'), url('../fonts/mrw01d1.ttf?-iktjgt') format('truetype'), url('../fonts/mrw01d1.svg?-iktjgt#mrw') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .vegas-control-paging {
	font-family: 'mrw';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mw_down:before { content: "\e006"; }
.icon-mw_prev:before { content: "\e007"; }
.icon-mw_next:before { content: "\e008"; }
.icon-mw_raute_filled:before, .vegas-control-paging li a:before { content: "\e003"; }
.icon-mw_up:before { content: "\e005"; }
.icon-mw_raute_fb:before { content: "\e002"; }
.icon-mw_raute_tw:before { content: "\e001"; }
.icon-mw_raute:before { content: "\e009"; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] { display: none; }
html {
	background: #fff;
	/* 1 */
	color: #000;
	/* 2 */
	font-family: sans-serif;
	/* 3 */
	-ms-text-size-adjust: 100%;
	/* 4 */
	-webkit-text-size-adjust: 100%;
	/* 4 */
}

body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

button, input, select, textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, button, input, select, textarea { color: #000; }
body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img { vertical-align: middle; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea { resize: vertical; }
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
* { outline: 0 none !important; }
*:hover, *:focus, *:visited, *:active { outline: 0 none !important; }
*::-moz-focus-inner { border: 0 solid transparent; }
html {
	font-family: 'IncubatorBook', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100.5%;
}

body {
	padding: 0;
	background: #fff;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 46px;
}

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

.project-txt a, .txt-img a, .news_entry a { text-decoration: underline; }
h1, h2, h3 { font-weight: normal; }
h1, h2, h3 {
	font-size: 1.38461538461em;
	line-height: 1.22222222222222222em;
	margin: 0;
}

b, strong { font-weight: normal; }
ul {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.container {
	margin: 0 auto;
	width: 100%;
	padding: 74px 4px 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.vegas-background + .container {
	padding: 0;
	margin-top: 0;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	background: #000;
	display: block;
	width: 100%;
	height: 54px;
	box-sizing: border-box;
	padding-left: 10px;
}

.header h1 {
	color: #fff;
	width: 260px;
	height: 55px;
	float: left;
	margin: 13px 0 0 10px;
	padding: 0;
}

.header h1 span { display: none; }
.kat2 header { border-bottom: 1px solid #fff; }
img.small { margin-top: 5px; }
img.big {
	margin-top: 5px;
	display: none;
}

.pagefooter {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: #fff;
	display: block;
	width: 100%;
	min-height: 36px;
	height: auto;
	box-sizing: border-box;
	padding: 0 20px 0 20px;
	border-top: 2px solid #000;
	text-align: center;
}

.pagestatus {
	color: #000;
	height: 34px;
}

.pagestatus span {
	display: inline-block;
	vertical-align: top;
	line-height: 32px;
	vertical-align: middle;
	height: 36px;
	padding: 0;
}

.pagestatus .pa-left {
	text-align: left;
	font-size: 1.6923076923em;
	width: 25%;
}

.pagestatus .pa-left:first-letter { text-transform: uppercase; }
.pagestatus .pa-right {
	text-align: right;
	font-size: 31px;
	padding-top: 1px;
	width: 25%;
	letter-spacing: -4px;
}

.pagestatus .pa-right a {
	position: relative;
	color: #000;
	z-index: 0;
}

.pagestatus .pa-center {
	width: 50%;
	color: #000;
}

.kat10 .pa-center { visibility: visible; }
.hide { display: none; }
button.toggle {
	background: #fff;
	border: none;
	font-size: 0.6em;
	padding: 10px 10px 8px 10px;
	margin-top: 4px;
}

button.toggle:hover { opacity: .7; }
.contact-toggle {
	text-align: left;
	padding: 1px 0 0 0 !important;
	margin: 36px 0 0 0 !important;
	position: relative;
	width: 360px;
	max-width: 100%;
	box-sizing: border-box;
	width: 100%;
}

.js .contact-toggle { display: none; }
img.uv {
	opacity: 0;
	transition: opacity .3s ease-in;
}

.mainnavlist {
	position: absolute;
	right: 15px;
	top: 20px;
	margin-top: 5px;
	z-index: 999;
	font-size: 16px;
	line-height: 22px;
	width: 120px;
}

.mainnavlist li {
	list-style: none;
	display: inline-block;
	text-align: left;
	width: auto;
}

.mainnavlist li a {
	text-align: right;
	overflow: hidden;
	margin-left: 12px;
	font-weight: 400;
	color: #b4b4b4;
	-webkit-font-smoothing: subpixel-antialiased;
}

.mainnavlist li a:hover { color: #fff; }
.mainnavlist .current a { color: #fff; }
.mainnavlist .drop-down-nav .toggle li { display: block; }
.nav-folder { cursor: default !important; }
.nav-folder.active { color: #fff; }
.drop-down-nav {
	cursor: pointer;
	overflow: auto;
}

.drop-down-nav a, .drop-down-nav div.nb {
	overflow: auto;
	background: #000;
	display: block;
}

.drop-down-nav a.nb, .drop-down-nav div.nb { border-top: 0px solid transparent; }
.drop-down-nav .toggle {
	display: none;
	position: absolute;
	top: 0px;
	right: 16px;
	width: 160px;
	padding-top: 0;
	margin-top: 28px;
	font-size: 16px;
	line-height: 1.5em;
	z-index: 1000000;
}

.drop-down-nav .toggle li:first-child a { padding-top: 10px; }
.drop-down-nav .toggle li:last-child a { padding-bottom: 10px; }
.drop-down-nav .toggle li a {
	display: block;
	background: #000;
	color: #b4b4b4;
	text-align: left;
	padding: 0 10px 0 12px;
}

.drop-down-nav .toggle li a:hover {
	opacity: 1;
	color: #ffffff;
}

.drop-down-nav .toggle .current a, .drop-down-nav .toggle .active a, .drop-down-nav .toggle a.active { color: #fff !important; }
.drop-down-nav .toggle li:first-child {
	position: relative;
	padding-top: 10px;
}

.drop-down-nav .toggle li:first-child:before {
	content: "";
	border-style: solid;
	display: block;
	width: 0;
	position: absolute;
	top: 0px;
	right: 65px;
	bottom: auto;
	left: auto;
	border-width: 0 10px 10px;
	border-color: #000000 transparent;
}

.kat2 { background: #000; }
.kat2 .main { color: #fff; }
.news-articles { position: relative; }
.news_entry { padding-bottom: 24px; }
.news_entry p.date { margin-bottom: 0; }
.news-articles h1 {
	margin-top: 26px;
	margin-bottom: 4px;
}

.teaser img, .project-images li img, .news-articles article img {
	width: 100%;
	height: auto;
}

.load { background: url(../images/loading.gif) center center no-repeat; }
.project-images li span { display: block !important; }
.anchors {
	margin-top: -16px;
	padding-bottom: 16px;
}

.teaser {
	position: relative;
	vertical-align: middle;
}

.teaser div {
	display: none;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 800ms ease-out;
	-moz-transition: opacity 800ms ease-out;
	-o-transition: opacity 800ms ease-out;
	transition: opacity 800ms ease-out;
	display: block;
	bottom: 0;
	height: auto;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	right: 20px;
	top: 0;
	width: auto;
	padding: 0;
	margin: 0;
	box-sizing: content-box;
	overflow: hidden;
}

.teaser div h1 { margin-top: 2px; }
.teaser div a { display: bock; }
.teaser .ttitle {
	position: absolute;
	bottom: -36px;
	left: 0;
	right: 0;
	height: 36px;
	padding-top: 7px;
	font-size: 18px;
	line-height: 22px;
	overflow: hidden;
}

.teaser:hover div { opacity: 1; }
.no-touch .teaser a:hover div {
	position: absolute;
	display: inline-block;
}

.js #articlelist .teaser {
	opacity: 0;
	display: none;
}

.js #articlelist .teaser h1 { opacity: 0; }
#articlelist .mix {
	opacity: 0;
	display: none;
}

.no-js .teaser { position: relative; }
.no-js .teaser div {
	display: none;
	vertical-align: middle;
	padding: 20px;
	width: 75%;
	background: #fff;
	top: 7%;
	left: 7.5%;
}

.no-js .teaser a:hover div {
	position: absolute;
	display: table-cell;
}

.images {
	margin: 0 0 30px 0;
	padding: 10px 0 10px 10px;
}

.images li {
	list-style: none;
	float: left;
	max-width: 31%;
	padding-right: 2%;
	padding-bottom: 2%;
}

.images li a img {
	width: 100%;
	height: auto;
}

.images li a img:hover { opacity: .5; }
.main { position: relative; }
.hornav {
	height: 28px;
	position: absolute;
	z-index: 999;
	top: 95px;
	left: 0;
	right: 0;
}

.hornav a {
	float: left;
	padding: 7px 10px 5px 0px;
	font-size: 14px;
}

.hornav a.fright {
	float: right;
	right: 0;
	left: auto;
	padding: 7px 0px 5px 10px;
}

.scrolled.hornav {
	border-bottom: 1px solid #000;
	background: #fff;
}

.scrolled.hornav.widescreen { top: 120px; }
.scrolled.hornav.smallscreen { top: 95px; }
.scrolled.header { position: fixed; }
@media screen and (max-width: 720px) {
	.images { padding: 0; }
	.images li {
		float: left;
		max-width: 100%;
		padding-right: 0;
		padding-bottom: 10px;
	}

}

.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7) !important;
	background: url(../../images/loading.html) no-repeat center center;
	height: 32px;
	left: 20px;
	position: fixed;
	top: 90px;
	width: 32px;
	z-index: 100;
	visibility: hidden;
}

.vegas-overlay {
	opacity: 0.5;
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	max-width: none !important;
	z-index: -2;
}

.vegas-overlay, .vegas-background {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.vegas-control-paging {
	width: 100%;
	position: absolute;
	top: -26px;
	text-align: center;
	padding: 0;
	margin: 0 0 0 -20px;
}

.vegas-control-paging li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.vegas-control-paging li a {
	font-size: 15px;
	height: 15px;
	width: 15px;
	display: block;
	color: #fff;
	cursor: pointer;
	text-shadow: 1px 1px 0px rgba(102,102,102,0.3);
}

.vegas-control-paging li a:hover { color: #666; }
.vegas-control-paging li a.vegas-active {
	color: #000;
	cursor: default;
}

.studio h1, .studio h2.likeh1 {
	text-align: center;
	font-size: 31px;
	line-height: 38px;
	padding-right: 20px;
}

.studio .partner img {
	max-width: 100%;
	height: auto;
}

.studio h1 { margin-top: -8px; }
.studio h2.likeh1 { margin-bottom: 18px; }
.studio .col2 {
	width: 100%;
	float: left;
	padding-right: 20px;
}

.studio .intro {
	margin-right: 20%;
	padding-bottom: 24px;
	font-size: 22px;
	line-height: 27px;
}

.studio .row { width: 100%; }
.studio .col1 {
	width: 100%;
	float: left;
	padding-right: 20px;
}

.studio .wrap2col {
	float: left;
	width: 100%;
}

.studio .wrap2col .col1 { width: 100%; }
.studio .wrap2col p { margin: 0 0 24px 0; }
.studio .partner .col1 h2 {
	margin-top: 26px;
	margin-bottom: 4px;
	padding: 0 !important;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after { clear: both; }
.wrapmaps {
	position: relative;
	padding-bottom: 54%;
	height: 0;
	overflow: hidden;
	padding-right: 20px;
	margin-bottom: 24px;
}

.wrapmaps #map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#page {
	min-height: 100%;
	position: relative;
}

#page main {
	position: relative;
	min-height: 500px;
	padding-bottom: 240px;
}

#page footer {
	position: absolute;
	height: 200px;
	width: 100%;
	bottom: 0;
}

section {
	margin: 0;
	padding: 0;
}



/*@import "grid";*/
body {
	width: 100%;
	*zoom: 1;
}

body:before, body:after {
	content: "";
	display: table;
}

body:after { clear: both; }
.pagestatus, .main {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
}

.articlelist {
	display: block;
	width: 100%;
	margin: 0 -0%;
	*zoom: 1;
}

.articlelist:before, .articlelist:after {
	content: "";
	display: table;
}

.articlelist:after { clear: both; }
.articlelist .teaser {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
	margin-bottom: 48px;
	display: inline-block;
	padding-right: 20px;
	box-sizing: border-box;
}

.project-images {
	display: block;
	width: 100%;
	margin: 0 -0%;
	*zoom: 1;
}

.project-images:before, .project-images:after {
	content: "";
	display: table;
}

.project-images:after { clear: both; }
.project-images li {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
	margin-bottom: 20px;
	display: inline-block;
	padding-right: 20px;
	box-sizing: border-box;
}

.project-txt {
	display: block;
	width: 100%;
	margin: 0 -0%;
	*zoom: 1;
}

.project-txt:before, .project-txt:after {
	content: "";
	display: table;
}

.project-txt:after { clear: both; }
.project-txt section {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
	margin-bottom: 10px;
	display: inline-block;
	padding-right: 10px;
	box-sizing: border-box;
}

.project-txt .project-head { text-align: center; }
.project-txt .project-head h1 {
	margin-top: -8px;
	font-size: 52px;
	line-height: 60px;
	padding: 0 20px 0 20px;
}

.project-txt .project-desc {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
}

.news-articles {
	display: block;
	width: 100%;
	margin: 0 -0%;
	*zoom: 1;
}

.news-articles:before, .news-articles:after {
	content: "";
	display: table;
}

.news-articles:after { clear: both; }
.news-articles article {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
	margin-bottom: 10px;
	display: inline-block;
	padding-right: 20px;
	box-sizing: border-box;
}

.news-articles article.me_wide {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 0%;
}

.txt-img {
	display: block;
	width: 100%;
	margin: 0 -0%;
	*zoom: 1;
	margin-bottom: 10px;
	display: inline-block;
	padding-right: 10px;
	box-sizing: border-box;
}

.txt-img:before, .txt-img:after {
	content: "";
	display: table;
}

.txt-img:after { clear: both; }
@media screen and (min-width: 360px) {
	.news-articles {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.news-articles:before, .news-articles:after {
		content: "";
		display: table;
	}

	.news-articles:after { clear: both; }
	.news-articles article {
		display: inline;
		float: left;
		width: 83.333333333333%;
		margin: 0 0%;
		margin-bottom: 10px;
		display: inline-block;
		box-sizing: border-box;
	}

	.news-articles article.me_wide {
		display: inline;
		float: left;
		width: 100%;
		margin: 0 0%;
	}

}

@media screen and (min-width: 500px) {
	.articlelist {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.articlelist:before, .articlelist:after {
		content: "";
		display: table;
	}

	.articlelist:after { clear: both; }
	.articlelist .teaser {
		display: inline;
		float: left;
		width: 50%;
		margin: 0 0%;
		margin-bottom: 48px;
	}

	.blog-articles {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.blog-articles:before, .blog-articles:after {
		content: "";
		display: table;
	}

	.blog-articles:after { clear: both; }
	.blog-articles article {
		display: inline;
		float: left;
		width: 50%;
		margin: 0 0%;
		margin-bottom: 10px;
		display: inline-block;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.contact-toggle >div {
		width: 50%;
		float: left;
	}

	.contact-toggle >div.rght { padding-left: 20px; }
	.hornav a { margin: 0 0 0 2px; }
	.hornav a.fright { margin: 0 2px 0 0; }
	.project-txt .project-head h1 { padding: 0 35px 0 35px; }
}

@media screen and (min-width: 550px) {
	.studio h1, .studio h2.likeh1 {
		text-align: center;
		font-size: 52px;
		line-height: 60px;
	}

	.studio .wrap2col .col1 { width: 50%; }
}

@media screen and (min-width: 660px) {
	.news-articles {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.news-articles:before, .news-articles:after {
		content: "";
		display: table;
	}

	.news-articles:after { clear: both; }
	.news-articles article {
		display: inline;
		float: left;
		width: 33.333333333333%;
		margin: 0 0%;
		margin-bottom: 10px;
		display: inline-block;
		box-sizing: border-box;
	}

	.news-articles article.me_wide {
		display: inline;
		float: left;
		width: 50%;
		margin: 0 0%;
	}

	.pagestatus .pa-center { visibility: visible; }
	.cf_large, .cf_xlarge { display: none; }
	.cf_medium { display: block; }
	.cf_medium:before, .cf_medium:after {
		content: " ";
		display: table;
	}

	.cf_medium:after { clear: both; }
	.cf_medium { *zoom: 1; }
	.studio .partner .col1 { width: 33.33333333%; }
	.project-txt .project-desc {
		display: inline;
		float: left;
		width: 50%;
		margin: 0 0%;
	}

}

@media screen and (min-width: 890px) {
	body { padding-bottom: 58px; }
	.header { height: 86px; }
	.header h1 {
		width: 260px;
		height: 55px;
		margin: 26px 0 0 15px;
	}

	.hornav { top: 120px; }
	img.big { display: block; }
	img.small { display: none; }
	.scrolled.hornav {
		border-bottom: 1px solid #000;
		background: #fff;
	}

	.scrolled.header img.big { display: none; }
	.scrolled.header img.small {
		display: block;
		margin-top: 16px;
	}

	.container { padding: 109px 4px 0 24px; }
	.mainnavlist {
		top: 35px;
		margin-top: 2px;
		z-index: 999;
		width: auto;
	}

	.mainnavlist li a {
		text-align: left;
		margin: 0;
	}

	.mainnavlist li {
		display: inline-block;
		text-align: left;
		width: auto;
	}

	.mainnavlist .drop-down-nav .toggle li { display: block; }
	.drop-down-nav a, .drop-down-nav div.nb { padding: 8px; }
	.drop-down-nav .toggle {
		left: -50px;
		top: 32px;
		padding-top: 12px;
		margin-top: 0;
	}

	.nav-info > a { display: none; }
	.no-drop-down-nav {
		margin: 8px 0 0 0;
		vertical-align: top;
	}

	.no-drop-down-nav  li  a { padding: 0 10px 0 10px; }
	.articlelist {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.articlelist:before, .articlelist:after {
		content: "";
		display: table;
	}

	.articlelist:after { clear: both; }
	.articlelist .teaser {
		display: inline;
		float: left;
		width: 33.333333333333%;
		margin: 0 0%;
		margin-bottom: 48px;
	}

	.cols-2 .txt-img {
		display: inline;
		float: left;
		width: 50%;
		margin: 0 0%;
		margin-bottom: 10px;
		padding-right: 10px;
	}

	.cols-3 .txt-img {
		display: inline;
		float: left;
		width: 33.333333333333%;
		margin: 0 0%;
		margin-bottom: 10px;
		padding-right: 10px;
	}

	.project-images li {
		display: inline;
		float: left;
		width: 50%;
		margin: 0 0%;
		margin-bottom: 20px;
	}

	.project-images li.wide {
		display: inline;
		float: left;
		width: 100%;
		margin: 0 0%;
		margin-bottom: 20px;
	}

	.pagefooter { min-height: 48px; }
	button.toggle { margin-top: 8px; }
	.pagestatus { height: 46px; }
	.pagestatus span {
		line-height: 48px;
		height: 48px;
	}

	.pagestatus .pa-right {
		text-align: right;
		font-size: 44px;
	}

	.pagestatus .pa-left { line-height: 46px; }
	.contact-toggle { margin: 48px 0 0 0 !important; }
	.studio h1, .studio h2.likeh1 {
		text-align: center;
		font-size: 52px;
		line-height: 60px;
	}

	.studio .partner img {
		max-width: 100%;
		height: auto;
	}

	.studio h1 { margin-top: -8px; }
	.studio h2.likeh1 { margin-bottom: 18px; }
	.studio .intro {
		margin-right: 45%;
		padding-bottom: 24px;
	}

	.studio .row { width: 100%; }
	.studio .col1 {
		width: 25%;
		float: left;
		padding-right: 20px;
	}

	.studio .partner .col1 { width: 25%; }
	.studio .partner .col1 h2 {
		padding-top: 24px;
		padding-bottom: 14px;
	}

}

@media screen and (min-width: 960px) {
	.cols-4 .txt-img {
		display: inline;
		float: left;
		width: 25%;
		margin: 0 0%;
		margin-bottom: 10px;
		padding-right: 10px;
	}

	.studio .col2 { width: 50%; }
	.studio .wrap2col { width: 50%; }
}

@media screen and (min-width: 890px) and (max-width: 915px) {
	.article-1 { margin-right: 40px; }
}

@media screen and (min-width: 1024px) {
	.news-articles {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.news-articles:before, .news-articles:after {
		content: "";
		display: table;
	}

	.news-articles:after { clear: both; }
	.news-articles article {
		display: inline;
		float: left;
		width: 25%;
		margin: 0 0%;
		margin-bottom: 10px;
		display: inline-block;
		box-sizing: border-box;
	}

	.news-articles article.me_wide {
		display: inline;
		float: left;
		width: 33.333333333333%;
		margin: 0 0%;
	}

	.cf_medium, .cf_xlarge { display: none; }
	.cf_large { display: block; }
	.cf_large:before, .cf_large:after {
		content: " ";
		display: table;
	}

	.cf_large:after { clear: both; }
	.cf_large { *zoom: 1; }
}

@media screen and (min-width: 1420px) {
	.articlelist {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.articlelist:before, .articlelist:after {
		content: "";
		display: table;
	}

	.articlelist:after { clear: both; }
	.articlelist .teaser {
		display: inline;
		float: left;
		width: 25%;
		margin: 0 0%;
		margin-bottom: 48px;
	}

	.news-articles {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.news-articles:before, .news-articles:after {
		content: "";
		display: table;
	}

	.news-articles:after { clear: both; }
	.news-articles article {
		display: inline;
		float: left;
		width: 16.666666666667%;
		margin: 0 0%;
		margin-bottom: 10px;
		display: inline-block;
		box-sizing: border-box;
	}

	.news-articles article.me_wide {
		display: inline;
		float: left;
		width: 25%;
		margin: 0 0%;
	}

	.cf_medium, .cf_large { display: none; }
	.cf_xlarge { display: block; }
	.cf_xlarge:before, .cf_xlarge:after {
		content: " ";
		display: table;
	}

	.cf_xlarge:after { clear: both; }
	.cf_xlarge { *zoom: 1; }
}

@media screen and (max-width: 500px) {
	html, body { font-size: 14px; }
	body { line-height: 20px; }
	.studio .intro {
		margin-right: 0;
		padding-bottom: 20px;
		font-size: 18px;
		line-height: 22px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.container { padding-right: 0px; }
	.project-txt {
		display: block;
		width: 100%;
		margin: 0 -0%;
		*zoom: 1;
	}

	.project-txt:before, .project-txt:after {
		content: "";
		display: table;
	}

	.project-txt:after { clear: both; }
	.project-txt section {
		display: inline;
		float: left;
		width: 100%;
		margin: 0 0%;
		margin-bottom: 10px;
		display: inline-block;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.project-txt .project-head { text-align: center; }
	.project-txt .project-head h1 {
		margin-top: -8px;
		font-size: 36px;
		line-height: 44px;
	}

}