html,button,input,select,textarea{font-family: 'Open Sans', sans-serif;color: #000;-webkit-font-smoothing:antialiased}
body{font-size:1em;line-height:1.4;margin:0;background:#f6f6f6}
::-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}
img{vertical-align:middle}
fieldset{border:0}
textarea{resize:vertical}
h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility;font-weight:400;}

a,a:link,a:visited{color:#565656;text-decoration:none;}
a:hover{color:#000}
p{font-size:12px;line-height:22px;font-weight: 200; color: #565656;}


.site-sidebar, .nav ul li a, .site-sidebar .bottom, .site-content, .overlay, .content, .element.quote, .element.two-columns .media.download a
{
	-moz-box-sizing: border-box;*behavior: url(/layout/boxsizing.htc);
	-webkit-box-sizing: border-box;*behavior: url(/layout/boxsizing.htc);
	box-sizing: border-box;*behavior: url(/layout/boxsizing.htc);
}

html,body {height: 100%}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/layout/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/layout/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/layout/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/layout/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/layout/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/layout/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ==========================================================================
   layout */

.wrapper {
	width: 100%;
	max-width: 1050px;
	min-width: 768px;
	position: relative;
	height: 100%
}

.site-sidebar {
	/*width: 15.625%;
	max-width: 250px;*/
	width: 23.80952380952381%;
	max-width: 250px;
	min-width: 200px;
	background: #fff;
	padding: 85px 33px;
	position: fixed; 
	left: 0;
	top: 0;
	height: 100%;
	min-height: 750px;
	-webkit-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    3px 0px 7px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         3px 0px 7px 0px rgba(0, 0, 0, 0.15);
	float: left;
}

.lt-ie9 .site-sidebar {width: 23.80952380952381%;}

.no-boxshadow .site-sidebar {background: #fff url(../images/shadow.gif) repeat-y right top;}

.logo {
	width: 100%;
	max-width: 181px;
	height: 67px;
	margin-bottom: 55px;
	background: url(../images/logo.svg) no-repeat left top;
	background-size: 100%;
	float: left; 
	clear: left;
}

.no-svg .logo {background: url(../images/logo.png) no-repeat left top;}

.nav, .bottom,.nav ul li {
	width: 100%;
	float: left; 
	clear: left;
}

.nav ul li a {
	font-size: 14px;
	font-weight: 200;
	color: #565656;
	width: 100%;
	padding: 11px 4% 13px 4%;
	border-bottom: 1px solid #dcdcdc;
	float: left; 
	clear: left;
}


.nav ul li:first-child {border-top: 1px solid #dcdcdc;}

.nav ul li a:hover, .nav ul li.active a {background: #f6f6f6;}

.site-sidebar .bottom {
	width: 100%;
	max-width: 250px;
	min-width: 154px;
	position: absolute;
	left: 0;
	padding: 0 33px;
	bottom: 50px;
}

.lt-ie8 .site-sidebar .bottom {width: 98.8% !important;}

.site-sidebar .bottom p {line-height: 18px;}

.site-sidebar .bottom a {
	font-size: 12px;
	font-weight: 200;
	color: #565656;
}

.site-sidebar .bottom a:hover {color: #000;}

.site-sidebar .bottom .impress {
	width: 100%;
	border-top: 1px solid #dcdcdc;
	margin-top: 37px;
	float: left; 
	clear: left;
}

.site-sidebar .bottom .impress a {
	padding-top: 5px;
	float: right;
	padding-left: 8px;
}

.site-sidebar .bottom .impress a:hover{text-decoration: underline;}

.site-content {
	width: 76.19047619047619%;
	position: relative; 
	left: 24.80952380952381%;
	top: 0;
	float: left;	
}

.overlay {
	width: 100%;
	position: absolute; 
	left: 2.5%;
	top: 464px;
	z-index: 20;
}

.overlay p {
	background: url(../images/bg.png) repeat 0 0;
	margin-bottom: 1px;
	color: #fff;
	padding: 10px 10px 12px 10px;
	float: left; 
	clear: left;
}

.overlay a {color: #fff;}

.overlay p.date {font-size: 22px;}

.overlay p.name {
	font-size: 40px;
	line-height: 42px;
	padding: 6px 10px 12px 10px;
	font-weight: 400;
} 

.overlay p.work {font-size: 25px;}

.content {
	width: 97.5%;
	padding: 212px 0 30px 2.5%;
	margin-right: 1.94174757281553%;
	float: left; 
	clear: left;
}

.content h1 {
	font-size: 25px;
	margin-bottom: 10px;
}

.content h2 {
	font-size: 18px;
	margin-bottom: 10px;
}

.content h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: 700;
	color: #565656;
}

.content p {margin-bottom: 15px;}

#home .content p {margin-bottom: 1px;}

.element {
	width: 100%;
	margin-bottom: 25px;
	float: left; 
	clear: left;	
}

.element.one-column {
	width: 100%;
	float: left; 
	clear: left;
}

.element.one-column img {
	width: 100%;
	margin-bottom: 25px;
	float: left; 
	clear: left;
}

.element.two-columns .column {
	width: 48.65643044619423%;
	margin-left: 2.56410256410256%;
	float: left;
}

.element.two-columns .column.left {margin-left: 0;}

.element.two-columns .column img {width: 100%;}

.element.four-columns .column {
	width: 30.02204724409449%;
	margin-right: 1.28205128205128%;
	float: left;
}

.element.quote {
	background: #e6e6e6;
	padding: 28px;
}

.element.quote p {
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

.element.quote em {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #565656;
	text-align: center;
	float: left; 
	clear: left;
}

.element.two-columns .media {
	border-top: 1px solid #e6e6e6;
	padding-top: 20px;
	float: left;
}
.element.two-columns .media h5 {margin-bottom: 15px;}

.element.two-columns .media a {
	font-size: 12px;
	width: 100%;
	float: left; 
	clear: left;
}

.element.two-columns .media.link a {
	text-decoration: underline;
	margin-bottom: 20px;
}

.element.two-columns .media.download a {
	min-height: 24px;
	background: url(../images/file.png) no-repeat 0 0;
	padding: 3px 0 0 30px;
	margin-bottom: 10px;
}

#contact .content {padding-top: 40px;}

#map-canvas {
	width: 100%;
	height: 655px;
}

#big-image {
	height: 590px;
	overflow:hidden;
}

#big-image img, #big-image-tablet {width: 100%;}

#big-image-tablet {display: none;}

.site-content .back {
	width: 92%;
	display: block;
	padding: 13px 0 3px 10px;
	margin-left: 2.5%;
	font-size: 12px;
	color: #565656;
	border-bottom: 1px solid #e6e6e6;
	background: url(../images/arrow-back.png) no-repeat 0 19px;
}

.site-content .back:hover {
	color: #000;
	background: url(../images/arrow-back-black.png) no-repeat 0 19px;
}

.site-content .back.top {margin-top: 115px;}

.article, .article header {
	width: 100%;
	float: left; 
	clear: left;
}

.article header {margin-bottom: 35px;}

.article p.date, .article p.work, .article h1.name {margin-bottom: 0;}

.article p.work {font-size: 25px;}

.article h1.name {margin-bottom: 8px;}

.archive-list {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 8px;
	float: left; 
	clear: left;
}

.archive-list h3 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #565656;
}

.archive-list dl {
	width: 100%;
	margin-bottom: 18px;
	float: left; 
	clear: left;
}

.archive-list dt {
	width: 11.18421052631579%;
	display: inline;
}

.archive-list dt, .archive-list dd {
	float: left;
	margin-right: 1.31578947368421%;
	font-size: 12px;
	color: #565656;
}

.archive-list dd {
	width: 75%;
	margin-right: 0;
}

.archive-list dd.image {width: 11.18421052631579% !important;margin-right: 1.31578947368421%;}

.archive-list dd img {width: 100%;}

#news .content {width: 73.68421052631579%;}

#news article {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 23px; 
	margin-bottom: 23px;
	float: left; 
	clear: left;
}

#news .intro {margin-bottom: 50px;}

#news article .date, #news article h4, #news article p, #news article .more {
	color: #565656;
}

#news article .date, #news article .more {font-size: 12px;}

#news article .date {margin-bottom: 3px;}

#news article h4 {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px;
}

#news article .more {
	font-weight: 700;
	float: right; 
	background: url(../images/more.png) no-repeat right 6px;
	padding-right: 15px;
}

#news article .more:hover {text-decoration: underline;}

#news article .image {
	width: 100%;
	float: left; 
	clear: left;
}

#news article .image img {
	width: 32.14285714285714%;
	max-width: 180px;
	margin-right: 3.57142857142857%;
	float: left;
}

#news article .image p {
	width: 64.28571428571429%;
	float: left;
}

.gallery {
	width: 100%;
	float: left; 
	clear: left; 
}

.gallery img {
	width: 24.86842105263158% !important;
	max-width: 189px;
	margin: 1px 0 0 1px;
	float: left;
}

.gallery img.last {margin-right: 0;}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.content {width: 100%;}	
	
	.site-sidebar {position: absolute;}
			
	#contact.tablet .site-sidebar {top: -455px;}	
	
	#big-image {display: none;}
	
	#big-image-tablet {
		display: block;
		overflow: hidden;
	}
	
	.overlay {
		width: 70.19047619047619%;
		position: fixed; 
		left:  26.80952380952381%;
		top: 350px;
	}
	
	
	#supersized {margin-left: 23.80952380952381%;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	.content {
		width: 98%; 
		padding: 153px 0 30px 2%;
	}
	
	.site-sidebar {padding: 30px 2.14285714285714%;}
		
	.site-sidebar .bottom {
		width: 100%;
		position: relative; 
		padding: 0 3.2%;
		left: 0;
		bottom: -120px;
	}
	
	.site-sidebar .bottom .impress {margin-top: 25px;}
	
	.site-content .back {margin-left: 2%;}
	
	.logo {margin-bottom: 55px;}
		
	.site-content .back.top {margin-left: 2%;margin-top: 60px;}
	
	#map-canvas {width: 77.19047619047619%;height: 455px;margin-left: 23.80952380952381%;}
	#big-image-tablet {width: 77.19047619047619%;height: 355px;margin-left: 23.80952380952381%;}	
	#big-image-tablet img {width: 100%;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.site-content {width: 75.39047619047619%;}
	.content {width: 96%; padding: 137px 0 30px 4%;}
	
	.site-sidebar {padding-top: 30px;}

	.site-content .back {margin-left: 4%;}

	.site-content .back.top {margin-top: 98px;}
	
	.element.two-columns .column {width: 100%; float: left; clear: left; margin-left: 0;}


	#map-canvas {width: 76.19047619047619%;height: 455px;margin-left: 25.80952380952381%;}

	#big-image-tablet {width:74%;height: 255px;margin-left: 26%;}	

	#big-image-tablet img {width: 100%;}
	
	.overlay {top: 480px;}
	
	.site-sidebar .bottom {bottom: 160px;}
	
	#news .content {width: 96%;}
	
	.gallery img {width: 24.76842105263158% !important}
	
	.element.four-columns .column {width: 32.02204724409449%;}

	.archive-list dt {width: 14.18421052631579%}
	.archive-list dd {width: 72%;}
	
}




/* ========================================================================== 
   plugins */


/* ========================================================================== */

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ==========================================================================
   print styles */

@media print {
    *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="javascript:"]:after,a[href^="#"]:after {content:""}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100% !important}
    @page{margin:0.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}