/*
 * CSS Reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
i {
  font-style:italic;
}

.roundcorner {
  border-radius:5px;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*
 * Master CSS
*/
body {
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-weight: 400;
  line-height: 18px;
  color: #000;
  background-color:#e3e7ea;
}
#page-wrapper {
  width: 980px;
  margin: 0 auto;
}
#content-wrapper {
  background:#FFF;
  padding:0 20px 40px 20px;
  position:relative;
}
#content {
  float:right;
  width:700px;
	margin-top:10px;
	font-size:12px;
}

#header {
  height: 180px;
  position:relative;
}

div.horizontal-menu {
	margin: 0;
	padding: 0;
	font-size:0.75em;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	line-height: 1.5em;
}

#header ul {
	margin:0;
	padding:0;
}

#header li {
	margin:0;
	padding:0;
}

#header-images {
  height: 140px;
  position:relative;
}

#header-images  > #rpg {
  position:absolute;
  top:15px;
	right:15px;
  display:block;
}

#header-images  > #uzh {
  position:absolute;
  top:15px;
	left:0px;#header-images  > #eth 
  display:block;
}


#header-images  > #eth {
  position:absolute;
  top:15px;
  left:270px;
  display:block;
}

#eth:before {
    position: absolute;
    display: block;
    content: '';
    height: 51px;
    width: 1px;
    bottom: 18px;
    background: #a3adb7;
}

#nccr {
  position:absolute;
  bottom: 20px;
  left:10px;
}

#nav {
  float:left;
  width: 220px;
	min-height: 1px;
	font-size: 0.9500000000000001em;
	line-height: 1.0833333333333333em;
	font-size:14px;
	margin-top:10px;
}

#nav img {
	margin-top: 10px;
	margin-bottom: 5px;
}

#nav ul {
	  border-bottom: 1px solid #dadee2;
    list-style: outside none none;
		padding-left: 0px;
		margin-left: 0px;
		margin-bottom: 20px;
}

#side-menu-links li {
	margin: 0;
	padding: 0;
	font-size: 0.9500000000000001em;
	line-height: 1.0833333333333333em;
}

#side-menu-links li a {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
  display:block;
  text-decoration:none;
  color:#000;
	border-top: 1px solid #dadee2;
	padding: 5px 5px 5px 11px;
}

#side-menu-links a:hover {
  background-color:#e3e7ea;
}
#side-menu-links a.active {
  font-weight:600;
}

div.clearfix {
  clear:both;
  line-height:0;
}
br.clear {
  clear:both;
  line-height:0;
}

a {
  color:#007482;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}

div.content-block {
  margin-bottom: 30px;
}

.lead {
  text-align:justify;
  font-size:12px;
  line-height:20px;
  font-weight:300;
}

h1 {
  font-size: 26px;
  color: #000;
  font-weight: 500;
  margin:10px 0 15px 0;
  padding: 0;
}

h2 {
  font-size: 26px;
  color: #000;
  font-weight: 500;
  margin:10px 0 15px 0;
  padding: 0;
}

h3 {
  font-size: 22px;
  color: #000;
  font-weight: 500;
	line-height:26px;
  margin:10px 0 15px 0;
  padding: 0;
}

h4 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin:4px 0 6px 0;
  padding: 0;
}

hr {
  border:0px;
  border-top:1px solid #ebebeb;
}

ul {
  margin-left:20px;
  padding-left:10px;
}
li {
  padding-left:5px;
  padding-bottom:5px;
}

/* GRID -----------------------------------------------*/
.row {
  margin-bottom: 30px;
}
.row > .col-left {
  width:340px;
  float:left;
  margin-right:40px;
}

.row > .col-right {
  width:320px;
  float:left;
}

/* HOME ----------------------------------------------*/
#highlights iframe {
  width:340px;
  height:240px;
  margin:10px 0;
}

.news {
  border-top:1px solid #ebebeb;
  padding:15px 0;
}
.news > .date {
  font-size:14px;
  font-weight:300;

}
.news > p{
  color: #222;
	text-align: justify;

}

.videos-right-column .news > p {
		margin-top:15px;
}

#welcome h1 {
	color:#0028a5;
	font-style: bold;
}

/* MEDIA ----------------------------------------------*/
#media .media-item {
  margin:10px 0 10px 10px;
}
#media .media-item > p > span {
  display:block;
  float:left;
  margin-right:10px;
  font-size:14px;
  font-weight:300;
}
#media h4 {
  margin-top:20px;
}

/* PEOPLE ---------------------------------------------*/
.people-item {
  width:340px;
  margin-bottom:30px;
  display:inline-block;
  vertical-align:top;
}
.people-item .pic-wrapper {
  width:80px;
  float:left;
  margin-top:3px;
}
.people-item .pic-wrapper img { border-radius:5px; width:60px;}
.people-item .info { overflow:hidden; }
.people-item p.name { font-weight:600; font-size:15px; }
.people-item p.title { font-style:italic; font-weight:300; margin-bottom: 5px;}

/* old but used on people pages */
.people-list {
  margin: 20px 0 40px 0;
}
.people-list td {
  height:80px;
  vertical-align:top;
}
.people-list td.pic > img {
  border-radius:5px;
-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right:20px;
}
.people-list td.info {
  width: 220px;
  padding:10px 20px 0 0;
}
.people-list td.info > p.name {
  font-weight:600;
  font-size:15px;
}
.people-list td.info > p.title {
  font-style:italic;
  font-weight:300;
  margin-bottom: 5px;
}
.people-list td.contact {
  padding-top:10px;
}
.people-list td.contact > p > span {
  font-weight:300;
}

.student-item {
  margin-bottom:20px;
}
.student-item p.name {
  font-weight: 600;
  float: left;
}
.student-item p.type {
  font-weight: 300;
  float:left;
  padding: 0 20px;
}
.student-item p.date {
  font-weight: 300;
  padding: 0 20px;
}
.student-item p.supervisor {
  font-style: italic;
}

/* SEMINAR --------------------------------------------*/
table.seminars td {border:1px solid #EFEFEF; padding:5px;}
table.seminars thead td { font-weight:bold; font-size:15px;}
table.seminars td.date { width:100px; }
table.seminars td.speaker { width:120px; }

/* GALLERY --------------------------------------------*/
div.gallery img {
  margin:10px 0 10px 0;
}

/* RESEARCH -------------------------------------------*/
.research-item {
  margin-bottom: 40px;
}
.research-item > div.teaser {
  float:left;
  padding:5px 20px 10px 0;
  text-align:justify;
  font-size:15px;
  line-height:20px;
  font-weight:300;
}
.research-item > p {
  padding-top:10px;
  text-align:justify;
  font-size:13px;
  line-height:20px;
  font-weight:300;
}
.research-item > a {
  display:block;
  margin:10px 0 0 0;
}

.research-topic {
  margin-bottom:30px;
}

.research-topic > .twocol > .leftcol,
.research-topic > .twocol > .leftcol > .youtube
{
  width: 370px;
  float: left;
}

.research-topic > .video {
  width:400px;
}

.research-topic > .video > iframe {
  width:400px;
  height:355px;
  margin:10px 0;
}
.research-topic > .video-description {
  margin-top:20px;
  padding-bottom:10px;
  text-align:justify;
	font-size:13px;
	line-height:20px;
	font-weight:300;
}
.research-topic > .video-description > p {
  margin:5px 0;
}

.reference-list {
  margin-top:20px;
}
.reference-list > .item {
  padding:5px 0;
}


/* STUDENT PROJECTS */
.student-project-item {
  margin-bottom: 40px;
}
.student-project-item > div.teaser {
  float:left;
  padding:15px 20px 10px 0;
}
.student-project-item > p {
  padding-top:10px;
  font-size:13px;
  line-height:21px;
  font-weight:300;
}
.student-project-item > a {
  display:block;
  margin:10px 0 0 0;
}
.student-project-item p.requirement {
	padding-top:5px;
	font-size:14px;
	line-height:16px;
	font-weight:500;
}

/* JOBS */
.job > p {
  margin-top:5px;
}
.job > p.date {
  font-style:italic;
  font-size:15px;
  font-weight:300;
  margin-bottom:30px;
}
.job > h3 {
  margin-top:20px;
  font-size:18px;
}
.job li {
  margin:0 200px 5px 0;
}

/* PUBLICATIONS */
.pub > table td {
  padding-bottom:10px;
}
.pub > table td.bibtexnumber {
  width:40px;
  text-align:left;
}

/* new */
.publication-list {
  margin-top:10px;
}
.publication:first-child {
  border-top: 1px solid #CCC;
}
.publication {
  overflow:hidden;
  border-bottom: 1px solid #CCC;
  padding:10px 0;
}
.publication .img-wrapper {
  float:left;
  margin-right:15px;
}
.publication .img-wrapper > img {
  width:90px;
  display:block;
  border-radius:4px;
}
.publication .info-wrapper {
  overflow:hidden; /* magic trick to inhibit float around image */
}
.publication .title {
  font-weight:bold;
  font-size:15px;
  padding-top:4px;
}
.publication .download a {
  display:block;
  padding:5px 10px 0 0;
  float:left;
}




/* SPONSORS */
.sponsor {
  margin: 30px 0;
}

.sponsor img {
  width: 300px;
}

.sponsor p {
  margin-top:5px;
}


/* TABS --------------------------------------------*/
div.tabs {
  padding-top:10px;
  padding-bottom:20px;
}
div.tabs a {
  display:block;
  font-size:14px;
  font-weight:bold;
  padding:5px 20px 3px 20px;
  margin-right:10px;
  background-color:#CCC;
  float:left;
  text-decoration:none;
}
div.tabs a:hover {
  background-color:#FFF;
}


/* TOP MENU IN HEADER ----------------------------------------- */
.l-header-top {
  overflow: hidden;
  background: #e3e7ea;
	font-size:0.75em;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	line-height: 1.5em;
  width: 100%;
	-webkit-order: 2;
	-ms-flex-order: 2;
	-moz-flex-order: 2;
	order: 2;
	margin: 0;
	min-height: 0;
}

 @media screen and (max-width: 767px) {
   .mod-layout .l-body-news .l-header-top {
     border-bottom: none;
   }
 }
 @media print {
   .l-header-top {
     background: #ffffff;
   }
 }

/* HORIZONTAL UZH MENU --------------------------------------- */

/* breadcrumb.less */
.mod-breadcrumb {
  float: left;
  line-height: 1.4em;
  font-size: 0.9166666666666666em;
  margin: 8px 150px 7px 21px;
}
.mod-breadcrumb h2 {
  speak: normal;
  position: absolute;
  font-size: 0;
  visibility: hidden;
}
.mod-breadcrumb .sections {
  display: none;
}
.mod-breadcrumb .breads a {
  color: #7b828a;
  text-decoration: none;
}
.mod-breadcrumb .breads a:hover {
  border-bottom: 1px solid #7b828a;
}
.mod-breadcrumb .breads a:after {
  speak: none;
  content:" \00BB ";
  border-bottom: none;
}
.mod-breadcrumb .breads a:hover:after {
  border-bottom: 1px solid #e3e7ea;
}
.mod-breadcrumb .breads a:last-child:after {
  display: none;
}
.mod-breadcrumb .children {
  display: none;
}
.mod-breadcrumb .children:empty {
  display: none;
}
.skin-layout-bigfont .mod-breadcrumb {
  font-size: 1em;
}
.skin-layout-bigfont .mod-breadcrumb a {
  color: #000000;
}
@media screen and (max-width: 767px) {
  .mod-breadcrumb {
    width: 100%;
    font-size: 1em;
    padding: 12px 0 12px;
    margin: 0;
    border-top: 1px solid #a3adb7;
  }
  .mod-breadcrumb .sections {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #a3adb7;
  }
  .mod-breadcrumb .sections a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
  }
  .mod-breadcrumb .sections a:hover {
    color: #dc6027;
    text-decoration: none;
  }
  .mod-breadcrumb .sections a.active {
    font-weight: bold;
  }
  .mod-breadcrumb .sections a:after {
    speak: none;
    font-weight: normal;
    content: '\2022';
    margin: 0 2px 0 5px;
  }
  .mod-breadcrumb .sections a:last-child:after {
    display: none;
  }
  .mod-breadcrumb .breads a {
    display: inline-block;
    color: #000000;
  }
  .mod-breadcrumb .breads a:hover {
    color: #dc6027;
    text-decoration: none;
    border-bottom: none;
  }
  .mod-breadcrumb .breads a:hover:after {
    border-bottom: none;
  }
  .mod-breadcrumb .breads a:last-child,
  .mod-breadcrumb .breads a:nth-last-child(2) {
    display: inline-block;
  }
  .mod-breadcrumb .breads a:last-child:before,
  .mod-breadcrumb .breads a:nth-last-child(2):before {
    content: normal;
  }
  .mod-breadcrumb .breads a:last-child span,
  .mod-breadcrumb .breads a:nth-last-child(2) span {
    display: inline;
  }
  .mod-breadcrumb .breads a:last-child {
    font-weight: bold;
    cursor: default;
  }
  .mod-breadcrumb .breads a:last-child:hover {
    color: inherit;
  }
  .mod-breadcrumb .breads a + a + a:before {
    display: inline;
    content: '…';
  }
  .mod-breadcrumb .breads a + a + a span {
    display: none;
  }
  .mod-breadcrumb .breads a + a + a.visible {
    display: inline;
  }
  .mod-breadcrumb .breads a + a + a.visible span {
    display: inline;
  }
  .mod-breadcrumb .breads a + a + a.visible:before {
    content: normal;
  }
  .mod-breadcrumb .breads a + a + a + a {
    display: none;
  }
  .mod-breadcrumb .breads a + a + a + a.visible {
    display: inline-block;
  }
  .mod-breadcrumb .sections + .breads {
    display: none;
  }
  .mod-breadcrumb .children {
    display: block;
    margin-top: 0.76em;
    padding: 0;
  }
  .mod-breadcrumb .children li {
    padding: 0 0 0.16em 0;
  }
  .mod-breadcrumb .children li a {
    display: inline-block;
    color: #000000;
    text-decoration: none;
    padding: 0 0 0 13px;
  }
  .mod-breadcrumb .children li a:hover {
    text-decoration: none;
    color: #dc6027;
  }
  .mod-breadcrumb .children li a:before {
    content: "";
    position: absolute;
    margin-left: -13px;
    display: inline-block;
    background: url(assets/img/sprite/sprite.png?20150331135517) no-repeat 0 0;
    background-position: -99px -41px;
    width: 10px;
    height: 13px;
  }
}
@media print {
  .mod-breadcrumb {
    clear: both;
    width: 100%;
    margin-left: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #a3adb7;
    color: #000000;
  }
  .mod-breadcrumb .sections {
    display: none;
  }
  .mod-breadcrumb .breads a {
    color: #000000;
  }
}

/* navigation.less */

.mod-navigation {
  position: absolute;
  top: 115px;
  height: 50px;
  left: 0px;
  right: 0px;
  color: #000000;
}
.mod-navigation .navigation-publication {
  display: none;
}
.mod-navigation .navigation-publication a:hover {
  color: #000000;
}
.mod-navigation h2 {
  speak: normal;
  position: absolute;
  font-size: 0;
  visibility: hidden;
}
.mod-navigation li {
  display: inline-block;
}
.mod-navigation a,
.mod-navigation a:hover {
  color: #000000;
  text-decoration: none;
}
.mod-navigation a:hover {
  color: #dc6027;
}
.mod-navigation a.current,
.mod-navigation a.active {
  color: #0028a5;
}
.mod-navigation .l1 {
  font-size: 1.5833333333333333em;
  font-weight: bold;
  letter-spacing: .3px;
  line-height: 23px;
  border-bottom: solid 1px #a3adb7;
  height: 27px;
}
.mod-navigation .l1 ul {
  position: relative;
}
.mod-navigation .l1 li {
  margin-right: 8px;
}
.mod-navigation .l1 li a {
  font-family: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif;
  display: inline-block;
  border-bottom: 4px solid #ffffff;
}
.mod-navigation .l1 li a.current,
.mod-navigation .l1 li a.active {
  border-bottom-color: #0028a5;
}
.mod-navigation .l2 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 4px;
  height: 18px;
  overflow: visible;
  padding-right: 18px;
}
.mod-navigation .l2 ul {
  margin-right: 0;
  overflow: hidden;
}
.mod-navigation .l2 li {
  float: left;
}
.mod-navigation .l2 li:after {
  speak: none;
  content: '\2022';
  margin: 0 7px 0 5px;
}
.mod-navigation .l2 li a.current,
.mod-navigation .l2 li a.active {
  font-weight: bold;
}
.mod-navigation .l2 li:last-child:after {
  display: none;
}
.skin-header-1 .mod-navigation {
  right: 0;
}
.skin-layout-bigfont .mod-navigation .l1 {
  line-height: 27px;
}
.skin-layout-bigfont .mod-navigation .l1 ul {
  top: -4px;
}
@media screen and (max-width: 767px) {
  .mod-navigation {
    position: static;
    min-height: 0;
    height: auto;
  }
  .mod-navigation .navigation-publication {
    display: block;
    font-size: 1.5384615384615385em;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 9px 1px;
  }
  .mod-navigation .l1,
  .mod-navigation .l2 {
    display: none;
  }
}
@media print {
  .mod-navigation {
    position: static;
    min-height: 0;
  }
  .mod-navigation .navigation-publication {
    display: block;
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif;
    font-size: 1.5384615384615385em;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 0 3px;
    border-bottom: solid 1px #a3adb7;
    margin-bottom: 20px;
  }
  .mod-navigation .l1,
  .mod-navigation .l2 {
    display: none;
  }
}

/* navigation-breadcrumb.less */

.skin-navigation-breadcrumb .l1 a.current,
.skin-navigation-breadcrumb .l1 a.active {
  color: #000000;
}
.skin-navigation-breadcrumb .l1 ul {
  border-bottom: 4px solid #0028a5;
  display: inline-block;
}
.skin-navigation-breadcrumb .l1 li {
  margin-right: 0;
}
.skin-navigation-breadcrumb .l1 li a {
  border-bottom: none;
}
.skin-navigation-breadcrumb .l1 li a:hover {
  color: inherit;
}
.skin-navigation-breadcrumb .l1 li:before {
  content: " – ";
}
.skin-navigation-breadcrumb .l1 li:first-child:before {
  content: "";
}
@media screen and (max-width: 767px) {
  .skin-navigation-breadcrumb .l1 {
    border-bottom: none;
  }
  .skin-navigation-breadcrumb .l1 a.current,
  .skin-navigation-breadcrumb .l1 a.active {
    color: #000000;
  }
  .skin-navigation-breadcrumb .l1 ul {
    border-bottom: none;
  }
  .skin-navigation-breadcrumb .l1 li {
    display: inline;
  }
  .skin-navigation-breadcrumb .l1 li a {
    display: inline;
  }
  .skin-navigation-breadcrumb .l1 li a.active {
    display: inline;
  }
}