html {
			width:100%;
			height:100%;			
		}
		body {
			margin: 0px;
			font-family: arial, helvetica, verdana;
			color: #000000;
			background-color:#ffffff;
			font-size:14px;
			line-height: 18px;
			height:100%;	
			overflow-y: scroll;
		}

		td,p, button {	
			font-family: arial, helvetica, verdana;
			color: #000000;
			font-size: 1.214em;	 /*17px;*/
			line-height: 1.35em;  /*23px;*/
			line-height: 1.3em; 
			letter-spacing: 1px;
		}
		input {	
			font-family: inherit;
			color: inherit;
			font-size: inherit;	
			line-height: inherit;
			border: none;
			background-color: #fff;
		}	
		p {
			padding:0px;
			margin:0px;
			margin-bottom: 1.35em;	
			margin-bottom: 1.3em; 
		}		
		
		a, a:link {
			color:#000;
			text-decoration:none;
			outline: none;
		}		
		a.link {
			border-bottom: 1px solid #000;
		}	
		a.link:hover {
			border-bottom: 1px solid transparent;
		}		
		ul {
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
		
		u, span.underline {
			text-decoration: none;
			border-bottom: 1px solid #000;
		}

		#pageContainer img {
			border:0px;
			padding:0px;
			margin:0px;
			vertical-align:top;
			font-size:0px;
			line-height:0px;	
		}	
	
		h1, .news_entry h2 {
			font-size: 2em;
			font-size: 2.8em;
			line-height: 1.214em;
			
			padding: 0px;
			margin: 0px;
			letter-spacing: 1px;
			font-weight: normal;
		}
		h2,h2  p, h3,h3  p {
			font-size: 1em;
			padding: 0px;
			margin: 0px;			
		}			
		.writings h2,.writings h3 {
			font-size: 1em;
			font-size: 1.214em;
			line-height: 1.3em;
		
		}			
		h3 {
			font-weight: normal;			
		}			
		br.clearer,div.clearer {
			height:0px;
			line-height:1px;
			font-size:1px;
			overflow:hidden;
			clear:both;
		}		
		.clearElem {
			clear:both;
		}
	
		.clearfix:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}			
   /**************************************************/		
   
   
	#pageContainer {
		padding:30px 30px 35px 50px;
	}
	#pageContainerInner {
		width: 100%;
		margin: 0px auto;
	}	
	#page {
		margin: 0px auto;
	}		

	#logo {
		width: 270px;		
		margin-right: 20px;
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		padding-top: 5px;
		
	}   
	.transition #logo {
		transition: width 0.7s ease-in-out;
	}			

/***** navigation ****/		
	#navContainer {
		width: 100%;		
		max-width: 62%;	
		max-width: -webkit-calc(100% - 290px);	
		max-width: -moz-calc(100% - 290px);	
		max-width: calc(100% - 290px);	
		height: 190px;
		display: inline-block;
		vertical-align: top;
		position: relative;
		letter-spacing: 1px;
		line-height: 1.5em;
	}	
	
	#navContainerInner  {
		position: relative;
		width: 270px;		
	}	
	#navContainerInner > .nav_normal  {
		width: 130px;	
	}	
	#navContainerInner .nav_normal .nav_normal {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 130px;	
		display: none;
	}
	#navContainerInner .nav_normal .nav_categories {
		top: auto;
	}	
	#navContainerInner .nav_normal:hover .nav_normal, 
	#navContainerMobile .nav_normal .nav_normal{
		display: none;
	}		
	#navContainerInner .nav_normal li.selected .nav_normal, #navContainerInner .nav_normal li.selected:hover .nav_normal,
	#navContainerMobile .nav_normal li.selected .nav_normal	{
		display: block;
	}	

	#navContainer li > a,
	#navContainerMobile li > a,
	#navMobileToggle  a{
		border-bottom: 1px solid transparent;
		display: inline-block;
	}	
	#navContainer li.selected > a, #navContainer li:hover > a,
	#navContainerMobile li.selected > a,
	.menu #navMobileToggle  a, .contact #navContainer  li.contact a	{
		border-color: #000;
	}

	#nav_extra {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 270px;
		margin-right: 20px;
		letter-spacing: 1px;
	}
	
	#nav_extra ul {
		width: 55px;
		float: right;
	}
	#navMobileToggle, #navContainerMobile {
		display: none;
	}
	
	
	body #navContainer .nav_normal li.artwork.selected  ul, body #navContainer .nav_normal li.exhibition.selected  ul,
	body #navContainerMobile .nav_normal li.artwork.selected  ul, body #navContainerMobile .nav_normal li.exhibition.selected  ul{
		display: none !important;
	}
	
/***** navigation ****/	
	
	#masonry {
		visibility: hidden;
	}
	#masonry.loaded {
		visibility: visible;
	} 
	
	
/***** projects overview ****/		
	.overview_list img {
		height: 100%;
	}
	.overview_list img:hover {
		-webkit-filter: grayscale(1);  
		-o-filter: grayscale(100%);	
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */		
	}	
	.elemOverview .image {
		margin-bottom: 8px;
		height: 210px;
		overflow: hidden;
		font-size: 0px;
		line-height: 0px;
	}	
	.elemOverview.big .image {
		height: 490px;
		height: 484px;
		/*height: 504px;*/
	}	
	
	.elemOverview {
		width: 270px;
		margin-bottom: 20px;
		margin-right: 20px;
		letter-spacing: 1px;
	}
	.elemOverview.big {
		width: 560px;
		
		
	}
	/*.elemOverview .title {
		height: 3.9em;
		height: 56px;
	}	*/
	
	.elemOverview.big .title {
		margin-bottom: 12px;
		margin-bottom: 0px;
	}
	.elemOverview .title h2, .elemOverview .title h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
/***** overview ****/		
	
/***** projects detail ****/		
	
	.content_full {
		padding-right: 20px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		
	}
		
	.content_image  {
		width: 850px;
		height: 560px;
		
		height: auto;
		max-width: 100%;
		max-height: 560px;
		position: relative;
	}	
	.content_image:before  {
		content: "";
		display: block;	
		padding-top: 66%;
		padding-top: -moz-calc(57.647% + 70px);
		padding-top: -webkit-calc(57.647% + 70px);
		padding-top: calc(57.647% + 70px);
	}	
	.no-image .content_image:before {
		content: "";
		display: block;
		padding-top: 0;
	}
	.no-image .content_image {
		height: 10px;
	}
	.no-image.news_entry .share_container {
		margin-top: 3px;
	}	
	.content_image_inner  {
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
	}	
	.content_image div.fotorama  {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}	
	
	.content_image .image {
		height: -webkit-calc(100% - 70px);
		height: -moz-calc(100% - 70px);
		height: calc(100% - 70px);
		width: 100%;
	}	


	
	.content_image .image .img_title {		
		padding-top: 5px;
	}		
	

	
	#zoom {
		position: absolute;
		top: 5px;
		right: 0px;
		z-index: 999;
	}	
	#back {
		position: absolute;
		right: -60px;
		top: 5px;
		width: 40px;
		cursor: pointer;
		z-index: 100;
	}
	

	.content_full_description  {
		width: 560px;
		max-width: 100%;
		margin-right: 20px;
		float: left;
	}
	.content_full_right  {
		width: 270px;
		float: left;
	}	
	.content_full_right p  {
		font-size: inherit;
		line-height: inherit;
		margin-bottom: 1.5em;
	}	
	
	.writings .content_full_right, .by_zvi_hecker .content_full_right, .about_zvi_hecker .content_full_right  {
		position: relative;
	}	
	
	.writings .content_full_right #back, .by_zvi_hecker .content_full_right #back, .about_zvi_hecker .content_full_right #back   {
		top: 0px;
	}			

		
		
	.news_list {
		margin-right: 20px;
	}
	.news_entry {
		margin-bottom: 70px;
	}		
	.news_entry .content_image {
		width: 560px;
		max-height: 390px;
	}
	
	.news_entry .share_container {
		margin-top: -70px;
		margin-top: -90px;
	}
	
	.news_entry .share_button {
		text-align: center;
	}	
	.news_entry h2{
		margin-bottom: 20px;
	}	
	.news_entry .content_full_description p:last-child, .news_entry .content_full_right p:last-child {
		margin-bottom: 0px;
	}
		
	.news_entry .fotorama-caption {
		width: 270px;
	}
	.news_entry .fotorama-counter {
		width: 270px;
		text-align: right;
	}
	.news .content_body {
		position: relative;
	}
	
	.fotorama-bottom {
		height: 70px;
		z-index: 1;
		bottom: 0px;
		position: absolute;
	}

	.fotorama-caption {
		padding-top: 5px;
		width: 560px;
		display: inline-block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
	}
	.fotorama-counter {
		padding-top: 5px;
		margin-left: 20px;		
		display: inline-block;
	}	
	
	.fotorama__caption {
		display: none;
	}
		
	body .fotorama--fullscreen .fotorama__nav, body .fotorama--fullscreen .fotorama__stage {
		background: none repeat scroll 0% 0% #fff;
	}
	
	body .fotorama__fullscreen-icon {
		background: url("../fileadmin/template/img/Zoom.svg") no-repeat scroll 0% 0% transparent;
		background-position: 0px 0px;
		margin-top: 3px;
		width: 35px;
		height: 35px;
		right: 0px;
	}
	body .fotorama--fullscreen .fotorama__fullscreen-icon, .fotorama__wrap--video .fotorama__video-close {
		background: url("../fileadmin/template/img/Close.svg") no-repeat scroll 0% 0% transparent;

	}
	body .fotorama__arr--next {
		right: 0px;
		background-position: 0px 0px;
		background: url("../fileadmin/template/img/Arrow-Right.svg") no-repeat scroll 0% 0% transparent;
		width: 20px;
		height: 35px;
	}	
	body .fotorama__arr--prev {
		left: 0px;
		background-position: 0px 0px;
		background: url("../fileadmin/template/img/Arrow-Left.svg") no-repeat scroll 0% 0% transparent;
		width: 20px;
		height: 35px;
	}	

	body .fotorama__video-play {
		left: 50%;
		background-position: 0px 0px;
		background: url("../fileadmin/template/img/fotorama.png") no-repeat scroll 0% 0% transparent;
		width: 96px;
		height: 96px;
		background-position: 0px -64px;
	}
	
	

/***** share ****/	
	.share_container {
		width: 270px;
		max-width: 100%;
		position: relative;
		margin-bottom: 58px;
		letter-spacing: 1px;
	}
	.share_container_inner {
		position: relative;
		width: 100%;
	}
	.share_box {
		display: none;
		background-color: #FFFFFF;
		padding-top: 35px;
		width: 100%;
		background: url(../fileadmin/template/img/Sharebox-triangle-01.svg) no-repeat center 19px;
		
	}
	.share_box_inner {
		background-color: #DDD;
		padding: 10px;
	}	
	.share_container.active  {
		margin-bottom: 30px;
	}		
	.share_container.active .share_box {
		display: block;
	}	
	.share_button {
		text-align:center;
	}
	.share_button img {
		margin-left: 115px;
		cursor: pointer;
	}
	.share_links {
		margin-bottom: 30px;
	}	
	.share_links, .share_url {
		padding: 10px 10px 6px;
	}
	.share_links span {
		cursor: pointer;
	}	
	.share_links span:hover {
		border-bottom: 1px solid #000;
	}	
	
	.share_container input{
		width: 100%;		
		
	}	
	.share_container .text{
		width: 100%;		
		overflow: hidden;
		background-color:#fff;
		height: 21px;
		white-space: nowrap;
		letter-spacing: 0px;
	}		
	
	
	
	
	.share_dummy {
		height: 70px;
		width: 100%;
	}
	
	
/***** share ****/		

/***** projects detail ****/		
	
	
	
	.writings .overview_list, .writings_list {
		margin-top: 40px;
	}
	.writings .overview_list li, .writings_list li {
		margin-bottom: 1.5em;
		width: 850px;
	}

	
		
	#content_map_outer {
		width: 850px;
		height: 560px;
	}	
	#content_map {
		width: 100%;
		height: 490px;
	}	 
	
	
	
	
	
	
	@media screen and (max-width: 9999px){
		#pageContainerInner {
			width: 2030px;	
		}
		#page {
			width: 2030px;	
		}	
		.transition #pageContainerInner {
			transition: width 0.7s ease-in-out;
		}
		.transition  #page {
			transition: width 0.7s ease-in-out;
		}			
		
	}
	@media screen and (max-width: 2109px){
		#pageContainerInner, #page {
			width: 1740px;				
		}		
	}	
	@media screen and (max-width: 1819px){
		#pageContainerInner, #page {
			width: 1450px;	
		}
	}	
	@media screen and (max-width: 1529px){
		#pageContainerInner, #page {
			width: 1160px;	
		}
	}	
	@media screen and (max-width: 1239px){
		#pageContainerInner {
			width: 870px;	
		}
		#page {
			width: 870px;
		}		
	}		
	@media screen and (max-width: 959px){

		#logo, #navContainerInner, .content_entry, #nav_extra  {
			width: 210px;			
		}	
		#logo  {
			margin-right: 15px;		
		}	
		.transition #logo  {
			transition: width 0s;		
		}			
		#navContainerInner > .nav_normal, #navContainerInner .nav_normal .nav_normal {
			width: 100px;	
		}	
		#navContainer {
			max-width: -webkit-calc(100% - 225px);
			max-width: calc(100% - 225px);
		}	
		#pageContainerInner, #page {
			width: 680px;
		}
		#page {
			width: 450px;
			width: 680px;
		}	
		.elemOverview .image {
			height: 163px;
		}	
		.elemOverview.big .image {
			height: 386px;
			/*height: 405px;*/
			height: 163px;
		}		
		.content_image {
			width: 435px;
		}		
		.content_full {
			padding-right: 15px;
		}		
		.content_entry.big {
			width: 435px;
			width: 210px;
		}		
		.content_entry {
			margin-bottom: 15px;
			margin-right: 15px;
		}	
		.content_full_description {
			width: 435px;
		}	
		.content_full_right {
			width: 210px;
		}		

		.fotorama-bottom {
			width: 100%;	
			
		}		
		.fotorama-caption, .news_entry .fotorama-caption {
			width: 480px;	
			width: -webkit-calc(100% - 130px);	
			width: calc(100% - 130px);	
			min-height: 1px;
		}	
		.fotorama-counter, .news_entry .fotorama-counter {
			margin-left: 15px;
			width: 115px;
			text-align: right;
		}
		.news .content_body {
			margin-top: 30px;
		}	
		.news_entry .share_container, .no-image.news_entry .share_container {
			margin-top: 20px;
			margin-bottom: 30px;
		}		
	}	

	@media screen and (max-width: 767px){
		
		#head {
			margin-bottom: 90px;
			width: 560px;
			overflow: hidden;
		}
		.projects.detail #head, .artwork.detail #head, .exhibition.detail #head {
			margin-bottom: 160px;
		}		
		#logo, #navContainerInner,#nav_extra {
			width: 170px;
		}
		#logo {
			margin-right: 15px;
			margin-top: 6px;
		}
		#navContainer {
			max-width: -webkit-calc(100% - 185px);
			max-width: calc(100% - 185px);
			height: auto;
		}		
		#navContainerInner, #navContainerMobile {
			display: none;
		}
				
	
		#navMobileToggle {
			display: block;			
			position: relative;
			width: 170px;
		}		

		#navContainerMobile {
			padding: 50px 0px 0px;
			position: relative;
		}
		.menu #navContainerMobile {
			display: block;			
		}		
		
		#navContainerMobile > .nav_normal {
			width: 50%;
			width: -webkit-calc(50% - 10px);
			width: calc(50% - 10px);
			padding-bottom: 1.425em;			
		}
		#navContainerMobile .nav_normal .nav_normal {
			position: absolute;
			right: 20px;
			top: 50px;
			width: 50%;
			width: -webkit-calc(50% - 20px);
			width: calc(50% - 20px);
			display: none;
		}

		#page {
			width: 100%;
			position: relative;
		}		
		.content_full {
			padding-right: 20px;
		}	
		.elemOverview  {
			width: 260px;		
			margin-bottom: 25px;
			margin-right: 20px;			
		}
	
		.elemOverview.big {
			width: 540px;
		}	
		.elemOverview.big .title {
			height: auto;
		}		
		.elemOverview .image {
			height: 202px;
		}	
		.elemOverview.big .image {
			height: 472px;
		}	

		
		#pageContainerInner, #page {
			width: 560px;	
		}		
		.content_image  {
			margin-top: 50px;
			margin-bottom: 20px;
			width: 100%;
		}	
		.content_full_description {
			width: 100%;
			margin: 0px 0px 1em;
		}		
		.content_full_right {
			width: 355px;
			margin: 0px;
		}	

		.fotorama-caption {
			padding-top: 14px;
		}
		
		.writings.detail .content_full_description, .by_zvi_hecker.detail .content_full_description, .about_zvi_hecker.detail .content_full_description  {
			margin-top: 50px;
		}		
		
		#prev, #next, #zoom {
			display: none;
		}
		#back {
			right: initial;
			left: 0px;
			top: -90px;
		}
		.writings .content_full_right, .by_zvi_hecker .content_full_right, .about_zvi_hecker .content_full_right   {
			position: static;
		}	
		
		.writings .content_full_right #back, .by_zvi_hecker .content_full_right #back, .about_zvi_hecker .content_full_right #back   {
			top: -27px;
			z-index: 10000;
		}			
		.share_container {
			width: 100%;
			padding: 0px 20px 0px 0px;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			
			position: absolute;
			top: -90px;
			left: 0px;
			z-index: 99;
			font-size: 1.214em;
			line-height: 1.35em;			
		}	
		.writings.detail .share_container, .by_zvi_hecker.detail .share_container, .about_zvi_hecker.detail .share_container {
			top: -27px;
		}
		
		.news_entry .share_container {
			top: 10px;
			padding-right: 0px;
		}
		.share_button {
			width: 40px;
			margin-left: 250px;
			text-align: center;
		}
			
		.share_box {
			padding-top: 15px;
			background-position: center 0px;
		}		
		.share_box_inner {
			background-color: #DDD;
			padding: 15px 20px;
			min-height: 302px;
		}		
		.share_links, .share_url {
			padding: 10px 20px;
		}	
		#content_map_outer {
			width: 100%;
			height: 400px;
		}	
		#content_map {
			width: 100%;
			height: 350px;
		}		
		
		.share_container .text {
			height: auto;
		}
		
	}	
	@media screen and (max-width: 767px) {
		body {
			font-size: 28px;
			line-height: 1.225em;
		}
		td, p, button {
			font-size: 1em;
			line-height: 1.425em;
		}
		h1 {
			font-size: 1.425em;
		}
		#nav_extra ul {
			width: 110px;	
			
		}	
	
		#navContainerMobile {
			padding-top: 50px;
			line-height: 1.425em;
		}
		#navContainerMobile .nav_normal .nav_normal {
			top: 50px;
		}	
		.overview_list {
			font-size: 20px;
			line-height: 1.425em;
		}		
		.share_container {
			width: 100%;
			padding: 0;
    }
		#pageContainerInner {
			width: 320px;	
			padding: 10px 15px 35px 15px;
		}
		#page {
			width: 100%;
		}
  }