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

@font-face {
    font-family: 'gt_cinetype_trial_regularRgItalic';
    src: url('fonts/GT-Cinetype-Regular-Italic.eot');
    src: url('fonts/GT-Cinetype-Regular-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/GT-Cinetype-Regular-Italic.woff') format('woff'),
         url('fonts/GT-Cinetype-Regular-Italic.ttf') format('truetype'),
         url('fonts/GT-Cinetype-Regular-Italic.svg#gt_cinetype_trial_regularRgItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {
	margin:0;
	padding:0;
	
	font-family:'gt_cinetype_trial_regularRg',Times New Roman;/*,'Univers LT W02_55 Roman',Arial,sans-serif;*/
	font-size:100%;
	line-height:200%;
	color:#000;
}

em {
	 font-family: 'gt_cinetype_trial_regularRgItalic';
	 font-style:normal;
}
@media screen and (max-width:768px) {
	
	html, body {
		font-size:90%;
		 -webkit-text-size-adjust: none;
	}
	
}

div#container {
	position:relative; /* needed for footer positioning*/
	
	width:100%;
	max-width:100%;
}

div#header {
	padding:0;
}
	div#header p {
		font-style:italic;
		margin:0;
	}
	
	/* Navigation */
	div#header > #navigation {
		position:relative;
	}
	
		div#header > #navigation > DIV#lang {
			top:50px;
			right:20px;
			position:fixed;
				font-size:1.3125rem;
			
		}
	
			div#header > #navigation > DIV#lang a {
				text-decoration:none;
			
			}

div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
}
	div#footer p {
		text-align:left;
		padding:20px;
		margin:0;
	}
	div#footer p a{
		text-decoration:none;
	}


h1 {
	font-weight:normal;
	font-size:1.3125rem;
}


/* Projects Table */

TABLE#projects {
	box-sizing:border-box;
	font-size:1.3125rem;
	border:0;
	border-collapse:collapse;
}

TABLE#projects th {
	height:1.3125rem;
	cursor:pointer;
	font-weight:normal;
	padding-bottom:1.3125rem;

}

TABLE#projects th:after {
	content:'━';
	margin-left:-20px;
}



TABLE#projects th.sorting-desc:after,TABLE#projects th.sorting-asc:after {
	content:'┃';
}

TABLE#projects td {
	padding:0 0;
	vertical-align:top;
	padding-bottom:0rem;
	position:relative;
}


p {
	font-size:1.3125rem;
	padding:0;
	margin:0;
	margin-bottom:1.6rem;
}



/* Project List */

#primary {
	position:absolute;
	left:20px;
	right:20px;
	top:10.5rem;
}

#primary.fixed {
	position:fixed;
}

#dS {
	z-index:-10;
}

#clickable {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-5;
}

TBALE#projects tr {
	position:relative;
}

TABLE#projects tr td a {
	padding-right:20px;
	overflow:visible;
	display:inline-block;
}


TABLE#projects tr:hover td a {
	padding-left:20px;
	margin-right:-20px;
	overflow:visible;
	display:inline-block;
}



@media screen and (max-width:480px) {
	TABLE#projects tr td:first-child {
		padding-right:10px;
	}
	TABLE#projects tr td:last-child {
		padding-left:10px;
	}
}



TABLE#projects a.bar {
	text-decoration:none;
}

#project-content {
	position:absolute;
	top:0;
	right:0;
	left:30%;
	
	background-color:#FFF;
	display:none;
	
	color:#000;
}

@media screen and (max-width:480px) {
	#project-content {
		left:0;
	}
}


#project-content .project-container {
	position:relative;
	top:0;
	min-height:100%;
}

#project-content #close {
	position:fixed;
	top:48px;
	left:30%;
	margin-left:20px;
	width:20px;
	height:20px;
	cursor:pointer;
	
	font-size:1.8rem;
	line-height:2.3rem;
	
	z-index:20;

}

@media screen and (max-width:480px) {
	#project-content #close {
		top:18px;
		left:20px;
		margin-left:0;
	}
}


.single #project-content {
	display:block;
}


/* Links */

a {
	color:black;
}


/* Header */

#header #name {
	position:fixed;
	left:20px;
	top:50px;
	font-size:1.3125rem;
	color:#000;
}

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

/* liScroll styles */



.tickercontainer { /* the outer div with the black border */
position:fixed;
width: 100%; 
top:50px;
margin: 0;
margin-top:2rem; 
padding: 0;
overflow: visible; 
line-height:2.625rem;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
overflow:visible;
left:50%;
display:table;
}
ul.newsticker li {
/*float: left;*/ /* important: display inline gives incorrect results when you check for elem's width */
margin-right:0;
padding: 0;

display:table-cell;

line-height:2.0rem;
font-size:1.3125rem;
white-space: nowrap;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000;
margin: 0 100px 0 0;
text-decoration:none;

} 
ul.newsticker span {
margin: 0 10px 0 0;
} 




#project-content #top {
	position:fixed;
	right:0;
	top:50px;
	left:30%;
	margin-left:60px;
	
	z-index:11;
}

@media screen and (max-width:480px) {
	#project-content #top {
		top:20px;
		left:20px;
		margin-left:40px;
	}
}

#project-content .title {
	display:inline-block;
	position:relative;
	margin-right:100px;
	
}

#project-content .title h1 {
	font-size:1.3125rem;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0;
}

#project-content .descr {
	display:inline-block;
}

#project-content .descr h2 {
	font-size:1.3125rem;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0;
}

#project-content .projects,
#project-content .page, 
#project-content .tickers,
#project-content .news {
	position:relative;
	padding:0 60px;
	top:10.5rem;
	min-height:100%;
	position:relative;

	z-index:10;
}
@media screen and (max-width:480px) {
		#project-content .projects,
		#project-content .page, 
		#project-content .tickers,
		#project-content .news {
			padding:0 20px;
		}	
}

#project-content .entry {
	color:#000;
	padding-bottom:4rem;
}

IMG.post-image {
	margin:0 10px 10px 0;
}

@media screen and (max-width:480px) {
	.not-phone {
		display:none;
	}
}

@media screen and (max-width:768px) {
	.not-tablet {
		display:none;
	}	
}

#whitewall {
	position:fixed;
	left:30%;
	top:-60px;
	bottom:-60px;
	right:0;
	margin-left:-3px;
	
	background-color:white;
	box-shadow: -90px 0px 90px 0px #fff; /*#FBFBFB*/
		
	z-index:5;	
}


@media screen and (max-width:480px) {
		#whitewall {
			left:0;
		}
}

section figure.image-content {
    position: relative;
    margin: 0 auto; /* to center it */
    padding: 30px 0 0 0;  
   
    font-size: 1rem;
    text-align: center;
}


section figure.image-content {
    position: relative;
    margin: 0 auto; /* to center it */
    padding: 30px 0 0 0;  
   
    font-size: 1rem;
    text-align: center;
}

section figure.image-content div {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0;
}

section figure.image-content div figcaption {
    position: relative;
    text-align:right;
		margin-top:-10px;
		color: #000; 
		line-height:1.3125rem;
		padding-bottom:1rem;
}

.image-content img{
	max-width:100%;
}

section.first {
	margin-bottom:2.625rem;
}





#imprint {
	margin-top:200px;
	margin-bottom:20px;
}


#imprint a{
	text-decoration:none;
	font-size:1.3125rem;
}