/* basic settings */

body{
	background:#fff;
	color:#000;
	font-size:1em;
	font-family:Helvetica,Arial,sans-serif;
	letter-spacing:1.3px;
	line-height:1.35;
	vertical-align:baseline;
	background-position:0px 0px;
	background-attachment:fixed;
}
body{
	 font-family:'FrutigerLTW01-47LightCn';
}
#masthead,article h1,span.date,span.person,span.section,p strong,#note p{
	font-family:'FrutigerLTW01-77BlackCn';
}
#masthead time,h2 .language,h2 time,#program span.date time{
 font-family:'FrutigerLTW01-47LightCn';
}
#note-button{
	font-family:Helvetica
}


/* reset */

h1,h2,.date{
	font-weight:normal;
	text-transform:uppercase;
	margin:0em;
	padding:0em;
	letter-spacing:1px;
}
ul,ol,li{
	margin:0em;
	padding:0em;
}
ul li{
	list-style-type:none;
}
p{
	margin:0em;
	margin-top:0.5em;
}
h2{
	margin-top:1em;
}
h1 + p,h2 + p,header + p{
	margin-top:0em;
}
em{
	font-style:normal;
}

/* fonts */

/* ??? */
nav a,p,article > ul,#masthead a time,h2 time,.language{
	font-size:1.2em;
}
h1,h2,span.person,span.section,#note p{
	font-size:1.1em;
	line-height: 1.25;
}
#masthead a span{
	font-size:1.1em;
}
#note p{
	letter-spacing:2px;
	font-size:1em;
}
p strong{
	text-transform:uppercase
}
time{
	font-weight:normal;
	text-transform:none;
}


/* layout */

body{
	padding:0 16px;
	padding-bottom:4em;
}
.block{
	margin:0 auto;
	margin-bottom:0.875em;
	max-width:34.875em;
}


/* header */

#header{
    margin-bottom: 2.1em;
}
#masthead{
	display:block;
	background:#fff;
	text-transform:uppercase;
	margin-bottom:1.75em;
	padding-bottom:1em;
}
#delimiter,.ac-edition{
	display:none;
}

#masthead a{
	margin-top: 0em;
}
a.logo{
	display:inline-block;
	text-indent:-2666px;
	margin:1em 0em;
	margin-bottom: 0.75em;
	height:33px;
}
a.autocenter{
	background-image:url(../images/autocenter.svg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:80px;
	margin-right: 5px;
}
a.hmkv{
	background-image:url(../images/hmkv.svg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:134px;
	margin-left:1em;
}

/* NOTE */



#note{
	position:absolute;
	padding-bottom:2em;
	text-transform:uppercase;
	color:#fff;
	display:none;
	top:0.5em;
	width:96%;
	left:2%;
	display:block;	
}
#note p{
	text-align:center;
	margin:0em;
}
#note a + p{
	margin:0em 1.5em;
	margin-bottom:1.1375em;
}
#note p a{
	color:#fff;
	border-bottom:1px solid #fff;
}
#note-button{
	display:block;
	text-align:left;
	color:#fff;
	border:none;
	float:right;
	width:1.5em;
}
#note .message{
	margin-bottom:0.25em;
	padding:0.75em 0em;
}
#note img{
	width:100%;
	margin-top:5px:
}

p.note{
	color:red;
}



/* navigation */

#navigation{
	margin-bottom:0em;
	display:block;
	overflow:hidden;
	line-height: 1.35;
    padding-bottom:1em;
}
nav{
	text-transform:lowercase;
	background:#fff;
	padding-bottom:1em;
}
/* articles */
/* ??? */
nav + article{
	border:none;
	background:#fff;
}
nav li{
	display:inline-block;
	padding-right:0.8em;
}



/* links */

a{
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	display:inline-block;
	line-height:1.1;
}
a.active{
	text-decoration:none;
	border-bottom:none;
}
a:hover{
	border-bottom:none;
}
a.home,a.logo,a.image-link{
	border-bottom:none;
}
p a{
	display:inline;
	overflow-wrap:break-word;
	-ms-word-break: break-all;
     word-break: break-all;
	/* Non standard for webkit */
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}



/* article */

article{
	display:block;
	background:#fff;
	padding-bottom:1em;
}
article.teaser{
	margin-bottom:1em;
}
article h1 {
	padding-bottom:0.313em;
}
nav + article h1 {
    line-height: 1.35;
    padding-bottom:0em;
}
article ul li:before {
    content: "– ";
    margin-left: -1em;
}
article ul li {
    margin-left: 1em;
}





/* program */

#program a{
	background:#fff;
	display:block;
} 
#program span.date{
	background:#fff;
	display:block;
	padding-bottom:0.35em;
    margin-bottom:0.1em;
}
#program span.date span.section,#program span.date time{
	line-height:1.35;
	vertical-align:baseline;
}
#program li.program-head .date{
	text-align:center;
}
#program li.program-class{
	padding-top:1.1em;
}
#program li.program-class .info{
	display:none;
}
#program ul.sections > li{
	padding-top:0em;
	margin-top:0.6em;
	margin-top:1.6em;
}
#program aside.support{
	background:#fff;
	text-align:center;
}
#program aside.support li{
	display:inline-block;
}
#program aside.support li{
	padding-right:0.25em;
}
#program ul.supports{
	background:#fff;
}
#program ul.supports > li{
	text-align:center;
	padding-bottom:0.3em
}
#program ul.units{
	overflow:hidden;
	padding-bottom:0.5em;
}
#program ul.units > li{
	margin-top:0.1em;
}
#program ul.units > li:first-child{
	margin-top:0em;
}
#program ul.units .class-id{
	position:absolute;
	display:block;
    margin-left: -1.313em;
    margin-top: 1.625em;
    text-transform:lowercase;
  -webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-90deg);  /* IE 9 */
       -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */
          transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
#program ul.units a{
	border-bottom:none;
}
#program ul.events{
	padding-left:2.25em;
	padding-bottom: 1.25em;
}
#program ul.events > li{
	line-height:1;
}
#program ul.events > li:first-child{
	margin-top:0em;
    padding-bottom: 0.063em;
    padding-top:1.625em;
   
}
#program ul.events .person{
	letter-spacing:1px;
	text-transform:uppercase;
}




/* unit */

body.section h1 {
    margin-top: 0.2em;
    line-height:1.35em;
    padding-bottom:0em;
}
body.section .language{
	font-weight:normal;
	text-transform:lowercase;
}



/* event */

body.event a.active{
	border-bottom:1px solid #000;
}
body.event article{
	margin-bottom:0em;
}
body.event article.unit-first{
	margin-bottom: 1em;
}
body.event article.support{
	background:#fff;
    padding-top: 0.875em;
}
body.event article.support-first{
	padding-top:0em;
}
/* body class ??? */
.event article.unit:first-child{
	margin-top:3em;
}
.event h2{
	font-size:1em;
	margin:0em;
    margin-bottom:0.25em;
}
.event h2 span,.event h2 time{
  	line-height: 1.25;
    vertical-align: top;
}

/* archive */
body.archive article ul li {
    margin-left: 0em;
}
body.archive article ul li:before {
    content: "";
    margin-left:0em;
}



/* footer */

#footer{
	background:#fff;
	clear:both;
	margin-top:4.5em;
	padding-bottom:1em;	
}
#footer p{
	margin:0em;
}
#footer p.copyright{
	line-height:1.35;
	padding-bottom:0em;
}




/* images */

figure{
	width:100%;
	background:#fff;
}
img{
	display:block;
	margin-bottom:0.2em;
	max-width:100%;
}
.supporters{
	margin-top:0.75em;
}
.supporters img{
	display:inline-block;
	max-width:120px;
	max-height:100px;
	margin-right:0.2em;
}



/* backgrounds */

#masthead,article,#footer,nav{
	background:#fff;
	background:-webkit-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.2em;
	background:-moz-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.25em;
}
#program span.date{
	background:-webkit-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.2em;
	background:-moz-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.35em;
}
#program a{
	background:-webkit-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.2em;
	background:-moz-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.2em;
}
body.event article.support-first {
    background:-webkit-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.2em;
    background:-moz-linear-gradient(top, #FFF, #FFF) no-repeat 0px 0.2em;
}



/* iframe */

iframe{
	width:100%;
	height:210px;
	background:#fff;
	color:#000;
}



.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}